/**************************************
 * THEME NAME: cuc_standar
 *
 * Files included in this sheet:
 *
 *   cuc_standar/styles_layout.css
 *   cuc_standar/styles_fonts.css
 *   cuc_standar/styles_color.css
 **************************************/

/***** cuc_standar/styles_layout.css start *****/

/*******************************************************************
 styles_layout.css
  
 Este archivo CSS contiene todas las definiciones de trazado como posicionamiento,
 floats, margenes, paddding, bordes etc.

 Los estilos estan organizados en las siguientes secciones: 
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  tabs
  user

  various modules

*******************************************************************/


/***
 *** Core
 ***/

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: center;
}

#layout-table {
  width: 100%;
  border-collapse: separate;
  margin-top: 8px;
}

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
  vertical-align: top;
}

#layout-table #middle-column {
  padding-left: 12px;
  padding-right: 12px;
}


.clearer {
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 1px;
  border: none;
  background: transparent;
}

.continuebutton {
  text-align: center;
}

form {
  margin-bottom: 0px;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
}

a img {
  border: none;
}
.notifyproblem {
  text-align: center;
  padding: 10px;
}
  
.notifysuccess {
  text-align: center;
  padding: 10px;
}   

.generalbox {
  border-width: 1px;
  border-style: solid;
  margin-bottom: 15px;
}

.generalbox#intro {
  text-align: center;
}

.noticebox {
  border-width: 1px;
  border-style: solid;
}
.errorbox {
  border-width: 1px;
  border-style: solid;
  margin: 1em 15%;
  width: 70%;
}
.errorbox .title {
  padding: 5px;
}
.informationbox {
  border-width: 1px;
  border-style: solid;
}
.feedbackbox {
  border-width: 1px;
  border-style: solid;
}
.feedbackby {
}
.feedback {
}
.initialbar {
  text-align: center;
}

#help .indent {
  margin-left: 3em;
}

.tabledivider {
  border-width: 1px;
  border-style: solid;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}

.sitetopic {
  margin-bottom: 20px;
}

.sitetopiccontent {
  border-width: 1px;
  border-style: solid;
}

.pagingbar {
  text-align: center;
}
.pagingbar a {
  padding-left: 10px;
}
.pagingbar .thispage {
  padding-left: 10px;
}

table.formtable {
  margin: auto;
}

table.formtable tbody th {
  vertical-align: top;
}

table.formtable tbody td,
table.formtable tbody th
{
  padding: 5px;
}

.paging {
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.unread {
  padding-right: 2px;
} 

.cell {
  vertical-align: top;
}

.helplink img {
  vertical-align: middle;
  margin: 0px 2px;
}

form.popupform {
  display: inline;
}

/***
 *** Header
 ***/

#header-home {
}

#header {
}

.headermain {
  float: left;
}

.headermenu {
  float: right;
  text-align: right;
}

.navbar .breadcrumb {
  float: left;
  margin: 0.2em 0em;
}

.navbar .navbutton,
.navbar .menu {
  float: right;
}

#footer .navbar {
  margin-top: 4em;
}

.reportlink {
  text-align: right;
}


/***
 *** Footer
 ***/

#footer {
  text-align: center;
  margin-top: 100px;
}

.homelink {
  margin: 1em 0;
}

.homelink a {
  padding-left: 1em;
  padding-right: 1em;
}

.performanceinfo {
  margin: 2em;
}

.performanceinfo span {
  display: block;
}



/***
 *** Admin
 ***/

body#admin-index .c0 {
  vertical-align: top;
} 

body#admin-modules table.generaltable td.cell,
body#admin-modules .generaltablecell {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
} 

body#admin-blocks table.generaltable td.cell,
body#admin-blocks .generaltablecell {
  padding-top: 1px;
  padding-bottom: 1px;
} 

body#admin-config .confighelp {
  display: block;
  padding-bottom: 20px;
}


/***
 *** Blocks
 ***/

.sideblock .content h3,
.sideblock .content h2 {
  text-align: left;
}

.sideblock {
  margin-bottom: 1em;
  width: 100%;
}

.sideblock .header {
  text-align: left;
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
}

.sideblock .header .hide-show {
  float: right;
}

.sideblock .header .hide-show img.hide-show-image {
  height: 11px;
  width: 11px;
  margin-top: 0.25em;
}

.sideblock .header .commands {
  margin-top: 0.3em;
  clear: both;
}

.sideblock .header .commands a {
  margin: 0px 2px;
}

.sideblock .content {
  padding: 4px;
  border-width: 1px;
  border-style: solid;
}

.sideblock .content hr {
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
  border: none;
  border-top: 1px solid;
}

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#left-column .hidden .content,
#right-column .hidden .content
{
  display: none;
}

.sideblock .list {
  width: 100%;
}

.sideblock .list .c0{
  padding: 2px;
}

.sideblock .footer {
  margin-bottom: 4px;
  text-align: center;
}

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
  margin-right: 6px;
}

.sideblock .content .head {
  margin-top: 10px;
}


/***
 *** Calendar
 ***/

#calendar {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

#calendar h2,
#calendar h3
{
  text-align: center;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
  vertical-align: top;
  border: 1px solid;
}

#calendar .sidecalendar {
  width: 25%;
}

#calendar .maincalendar table.calendarmonth {
  border-collapse: separate;
  margin: 0px auto;
  width: 98%;
}

#calendar .maincalendar table.calendarmonth th {
  padding: 10px;
  border-bottom: 2px solid;
}

#calendar .maincalendar table.calendarmonth td {
  height: 5em;
  padding-left: 4px;
  padding-top: 4px;
  line-height: 1.2em;
}

#calendar .maincalendar table.calendarmonth td,
table.minicalendar td,
table.minicalendar th {
  width: 14%;
  vertical-align: top;
}
table.minicalendar td {
  text-align: center;
}
#calendar .maincalendar table.calendarmonth td table td {
  height: auto;
}

#calendar div.header
{
  padding: 5px;
}

#calendar .maincalendar .buttons {
  float: right;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  border-collapse: separate;
  border-spacing: 2px;
  padding: 2px;
  width: 100%;
}

#calendar .maincalendar .filters {
  padding: 0px 10px;
}

#calendar .sidecalendar .filters {
  padding: 5px;
}

#calendar .maincalendar .controls {
  clear: both;
  padding: 10px;
}

#calendar .maincalendar table.calendarmonth ul.events-new,
#calendar .maincalendar table.calendarmonth ul.events-underway
{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#calendar .maincalendar table.calendarmonth ul li {
  margin-top: 4px;
}

table.minicalendar {
  width: 100%;
  margin: 10px auto;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
  border-spacing: 1px !important;
}

table.minicalendar th {
  padding: 0px 2px;
}

#calendar .maincalendar .eventlist {
  padding: 10px;
}

#calendar .maincalendar .eventlist .topic {
  padding: 5px;
  border-style: solid; 
  border-width: 0px;
  border-bottom-color: #EEEEEE;
  border-bottom-width: 1px;
}

#calendar .maincalendar .eventlist .event {
  width: 100%;
  margin-bottom: 10px;
  border-spacing: 0px;
  border-collapse: separate;
  border-width: 1px;
  border-style: solid;
}

#calendar .maincalendar .eventlist .event .name {
  float: left;
}

#calendar .maincalendar .eventlist .event .course {
  float: left;
  clear: left;
}

#calendar .maincalendar .eventlist .event .date {
  float: right;
}

#calendar .maincalendar .eventlist .event .description .commands {
  width: 100%;
}

#calendar .maincalendar .eventlist .event .description {
  padding: 5px;
}

#calendar .maincalendar .eventlist .event .picture {
  padding: 8px;
}

#calendar .maincalendar .eventlist .event .side {
  width: 32px;
}

#calendar #selecteventtype table {
  margin: auto;
}

#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user {
  border: 2px solid !important;
}

#calendar .duration_global,
#calendar .duration_course,
#calendar .duration_group,
#calendar .duration_user,
.minicalendar .duration_global,
.minicalendar .duration_course,
.minicalendar .duration_group,
.minicalendar .duration_user
{
  border-top: 2px solid !important;
  border-bottom: 2px solid !important;
}

#calendar .today,
.minicalendar .today {
  border: 2px solid !important;
}
  
.cal_popup_bg {
  padding: 0px;
  margin: 0px;
  border: 1px solid;
}

.cal_popup_close {
  margin-right: 5px;
}

.cal_popup_caption {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  padding-bottom: 2px;
}

table.calendar-controls {
  width: 100%;
}

table.calendar-controls .previous,
table.calendar-controls .next
{
  width: 12%;
}
table.calendar-controls .previous {
  text-align: left;
}
table.calendar-controls .current {
  text-align: center;
}
table.calendar-controls .next {
  text-align: right;
}

#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
  width: 30%;
}


/***
 *** Course
 ***/
.activitydate, .activityhead {
  text-align: center;
}

#course-view .section td {
  vertical-align: top;
}

#course-view .section .content {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-left: 0px;
  border-right: 0px;
}

#course-view .section .side {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
}

#course-view .section .left {
  border-right: 0px;
  text-align: center;
  width: 1.5em;
}

#course-view .section .right {
  border-left: 0px;
  text-align: center;
  width: 1.5em;
}
.left, .right{
  /*Imagen de fondo*/
  background: url(cucheader.gif);
  /*Color de fondo*/
  /*background: #8277AF;*/
  
}
#course-view .current .side {
}

#course-view .section .spacer {
  height: 0.5em;
}

#course-view .section .weekdates {
}

.section .activity img.activityicon {
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.section img.movetarget {
  height: 16px;
  width: 80px;
}

body#course-view .unread {
  margin-left: 3em;
} 

body#course-enrol .generalbox {
  margin-top: 20px;
}
body#course-enrol .coursebox {
  margin-top: 20px;
}

body#course-user .graph {
  text-align: center;
}

body#course-user .section,
body#course-user .content {
  margin-left: 30px;
  margin-right: 30px;
}

body#course-user .section {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin-bottom: 20px;
}

body#course-user .section h2 {
  margin-top: 0px;
}


.headingblock {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

.headingblock .link {
  text-align: right;
}

body#site-index .headingblock,
body#course-view .headingblock {
  margin-bottom: 9px;
}

.coursebox {
  margin-bottom: 8px;
}

.categoryboxcontent,
.courseboxcontent {
  border-width: 1px;
  border-style: solid;
}

.courseboxcontent .cost {
  padding-top: 20px;
}


/***
 *** Doc
 ***/

body#doc-contents h1 {
  margin: 1em 0px 0px 0px;
}

body#doc-contents ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 90%;
}


/***
 *** Grades
 ***/

body#grade-index .grades {
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
}

body#grade-index .grades td {
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-collapse: collapse;
}

body#grade-index .grades .header {
  vertical-align: top;
}

body#grade-index .grades .points,
body#grade-index .grades .percent,
body#grade-index .grades .weighted {
  text-align: right;
}



/***
 *** Login
 ***/

.loginbox .content {
  border-width: 1px;
  border-style: solid;
  padding: 15px;
}


/***
 *** Message
 ***/

.message .link {
  vertical-align: middle;
}

table.message .searchresults td {
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.message .summary .link {
  text-align: right;
}
.message .heading {
  text-align: center;
}

.message .note {
  text-align: center;
  padding: 10px;
}

#message-user .commands span {
  margin-left: 10px;
  margin-right: 10px;
}

body#message-messages {
  padding: 10px;
}


/***
 *** Logs
 ***/

.logtable td,
.logtable th {
  padding-left: 10px;
  padding-right: 10px;
}

.logtable th {
  text-align: left;
}

/***
 *** Tabs
 ***/

.tabs {
  width: auto;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.tabs td {
  padding: 0px;
}

.tabs .side {
  width: 50%;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.tabrow {
  border-collapse: collapse;
  width: 100%;
  margin: 1px 0px 0px 0px;
}

.tabrow td {
  padding: 0 0 0px 14px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.tabrow th {
  display: none;
}
.tabrow td .tablink {
  display: block;
  padding: 10px 14px 4px 0px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
}
.tabrow .last {
  display: block;
  padding: 0px 1px 0px 0px;
}
          
.tabrow td.selected {
  border-width: 0px;
}


/***
 *** User
 ***/

.userinfobox {
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;    
}

.userinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}

.userinfobox .content {
  padding: 10px;
  vertical-align: top;
}

.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom;
}

.userinfobox .list td {
  padding: 3px;
}

.userinfobox .username {
  padding-bottom: 20px;
}    


table.userinfobox {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

table.groupinfobox {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 20px;
}

.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top;
}
body#user-index #longtimenosee {
  text-align: center;
}


/***
 *** Modules: Assignment
 ***/

/***
 *** Modules: Chat
 ***/

/***
 *** Modules: Choice
 ***/

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
}

.forumpost {
  margin-top: 15px;
}

.forumpost .topic {
  padding: 4px;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
}

.forumpost .commands {
  padding-top: 0.5em;
  text-align: right;
  clear: both;
}

.forumpost .ratings {
  padding-top: 1em;
  text-align: right;
}

.forumpost .attachments {
  padding: 7px;
  text-align: right;
}

.forumpost .content {
  padding: 4px;
}

.forumpost .footer {
  padding-top: 0.5em;
  text-align: right;
}

.forumpost .link {
  padding-top: 0.5em;
  text-align: right;
}

.forumpost .left {
  width: 35px;
  padding: 4px;
  text-align: center;
  vertical-align: top;
}

.mod-forum .indent {
  margin-left: 30px;
}

body#user-view .forumpost,
.course .forumpost {
  width: 100%;
}

body#mod-forum-search .c0 {
  text-align: right;
}

body#mod-forum-search .introcontent {
  padding: 15px;
}

.forumolddiscuss {
  text-align: right;
}

.forumheaderlist {
  width: 100%;
}

.forumheaderlist td {
  border-width: 1px 0px 0px 1px;
  border-style: solid;
}

.forumheaderlist .replies {
  text-align: center;
  white-space: nowrap;
}

.forumheaderlist .picture {
  width: 35px;
}

.forumheaderlist .discussion .starter {
  vertical-align: middle;
}

.forumheaderlist .lastpost {
  white-space: nowrap;
  text-align: right;
}

.forumheaderlist .discussion .author {
  white-space: nowrap;
}
.forumolddiscuss {
  text-align: right;
}
.forumaddnew,
.forumnodiscuss,
.noticeboxcontent {
  text-align: center;
}
#mod-forum-view .unread {
  padding-left: 3px;
  padding-right: 3px;
}
#mod-forum-discuss .forumpost.unread .content {
  border-style: solid;
  border-width: 2px;
}
#mod-forum-index .unread img,
#mod-forum-view .unread img 
{
  margin-left: 5px;
}

#email .unsubscribelink {
  margin-top: 20px;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  text-align: center;
  font-size: 9px;
}


/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
  width: 200px;
  white-space: nowrap;
}

.entryboxheader {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}

.entrybox {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
}

.glossarypost {
  width: 95%;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
  margin-bottom: 5px;
  text-align: left;
}


.entrylist {
  border-width: 0px;
}

.entrylowersection {
  padding-top: 10px;
}
.entrylowersection table{
  width: 100%;
}
.entrylowersection .aliases {
  text-align: center;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  text-align: right;
  padding-right: 5px;
}
.entrylowersection .ratings {
  padding-bottom: 2px;
}
.categoryheader {
  width: 95%;
}
.glossaryformatheader {
  width: 90%;
}

.glossarypost .entry {
  padding: 3px;
}

.glossarypost .picture {
  width: 35px;
}

.glossarycomment {
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
  margin-bottom: 5px;
  text-align: left;
}


.glossarycomment .entry {
  padding: 3px;
}

.glossarycomment .picture {
  width: 35px;
}

.glossarycomment .icons {
  text-align: right;
}

.glossarydisplay {
  width: 70%;
}

.glossarydisplay .tabs {
  width: 100%;
}

.glossarydisplay .separator {
  width: 4px;
}

.glossarydisplay .tabs .selected,
.glossarydisplay .tabs .inactive,
.glossarydisplay .tabs .general {
}

.glossarypopup {
  width: 95%;
}

.glossaryapproval {
  width: 100%;
}

.mod-glossary .tabs {
  margin-bottom: 0px;
}
.mod-glossary .tabs .side {
  border-style: none;
  border-width: 0px;
  width: auto;
}


/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  margin: 5px;
  text-align: center;
}
#mod-journal-view .feedbackbox {
  width: 75%;
  border-collapse: separate;
}
#mod-journal-view .entrycontent {
  padding: 3px;
}
#mod-journal-view .picture {
  width: 35px;
}
#mod-journal-view .grade {
  text-align: right;
}
#mod-journal-view .info {
  margin-bottom: 5px;
  text-align: right;
}


/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

/***
 *** Modules: Quiz
 ***/

.feedbacktext {
  display: block;
}

body#mod-quiz-report table#attempts,
body#mod-quiz-report table#commands
{
  width: 80%;
  margin: auto;
}
body#mod-quiz-report table#attempts {
  margin: 20px auto;
}
body#mod-quiz-report table#attempts .header,
body#mod-quiz-report table#attempts .cell
{
  padding: 4px;
}
body#mod-quiz-report table#attempts .header .commands {
  display: inline;
}
body#mod-quiz-report table#attempts .picture {
  width: 40px;
}
body#mod-quiz-report table#attempts td {
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}
.feedbacktext {
  text-align: right;
}
body#mod-quiz-report table#attempts .header {
  text-align: left;
}
body#mod-quiz-report table#attempts .picture {
  text-align: center !important;
}
body#mod-quiz-report .controls {
  text-align: center;
}



/***
 *** Modules: Resource
 ***/

/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/

/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/
/***** cuc_standar/styles_layout.css end *****/

/***** cuc_standar/styles_fonts.css start *****/

/*******************************************************************
 styles_color.css
  
 Este archivo CSS todas las definiciones de fuentes como familia, tamaño,
 ancho, alineacion, espacio entre las letras etc.

 Los estilos estan organizados en las siguientes secciones:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  tabs
  user

  various modules

*******************************************************************/


/***
 *** Core
 ***/
body{
  font-size: 12px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0.02em;
}
.clearer {
  font-size:1px;
}

td, th, li {  
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0.02em;
}

th {
  font-weight: bold;
}

a:link,
a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main,
h2{
  font-size:12px;
  font-weight:bold;
}


.bold {
  font-weight:bold;
}

.warning {
  font-weight: bold;
  font-style: italic;
}

.errorbox .title {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.sitetopiccontent{
  /*font-size:12px;*/
}
.pagingbar .title {
  font-weight: bold;
}
.pagingbar .thispage {
  font-weight: bold;
}

.categorybox .category,
.categorybox .category {
  font-size:1.2em;
  font-weight:bold;
}

.helplink {
  font-size:0.8em;
}

.headingblock {
  font-weight: bold;
}

.headingblock .link {
  font-size: 0.9em;
}

.files .file {
  font-size: 0.9em;
}

.files .folder {
  font-size: 0.9em;
}

.files .folder .size {
  font-weight: bold;
}


/***
 *** Header
 ***/

.headermain {
  font-weight:bold;
}

#header-home .headermain {
  font-size:1.5em;
}

#header .headermain {
  font-size:1.3em;
}

.breadcrumb {
  font-size:0.9em;
  font-weight:bold;
}

.logininfo,
#header-home .headermenu font {
  font-size:11px;
}
.lo{
  font-size:12px;
}

/***
 *** Footer
 ***/

.homelink {
}


.performanceinfo {
  font-size: 0.6em;
}


/***
 *** Admin
 ***/

table.formtable tbody th {
  font-weight: normal;
  text-align: right;
}


/***
 *** Blocks
 ***/

th.header{
}
.sideblock .header {
  padding-top:5px;
  padding-bottom:5px;
  font-weight: bold;
}

.sideblock .content {
  font-size:12px;
  line-height:1.2em;
}
.forumpost .content{
  font-size:12px;
}

.forumpost .starter{
  font-size:12px;
}
.week{
  font-size:10px;
}
.sideblock .content h3,
.sideblock .content h2 {
  font-size:1.0em;
}
.sideblock .header .commands {
  font-size:0.9em;
}

.sideblock .footer {
  font-size:0.9em;
}

.sideblock .head,
.sideblock .info,
.sideblock .event {
  font-size: 0.9em;
}

.sideblock .date {
  font-style: italic;
}

.block_site_main_menu .footer select {
  font-size: 0.8em;
}

/***
 *** Calendar
 ***/

#calendar .maincalendar .eventlist .event .referer {
  font-weight:bold;
}

#calendar .maincalendar .eventlist .event .course {
  font-size:0.8em;
}

#calendar .maincalendar .eventlist .event .description .commands {
  text-align: right;
}

#calendar .maincalendar table.calendarmonth td {
  font-size:0.8em;
}

#calendar div.header
{
  font-weight:bold;
}

#calendar .sidecalendar .filters {
  font-size:0.8em;
}

.sideblock .filters td {
  font-size:1.1em;
}

#calendar .maincalendar .controls {
  font-size:1.2em;
}

#calendar .maincalendar .day {
  font-weight: bold;
}

table.minicalendar {
  font-size:0.85em;
}

.cal_popup_caption {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}

.cal_popup_close {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}
#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}


/***
 *** Course
 ***/
#course-view .section {
  font-size:0.95em;
  line-height:1.2em;
}

#course-view .section .activity {
  padding:0.2em 0;
}

#course-view .section .activity a {
  line-height:1em;
}

#course-view .section .left {
  font-weight:bold;
}

.activitydate, .activityhead {
  font-size:11px;
}

.weeklydatetext {
  font-size:0.9em;
  font-weight:bold;
}

.coursebox .info {
  font-size:1em;
}

.coursebox .teachers,
.coursebox .cost {
  font-size:0.9em;
}

.coursebox .summary {
  font-size:0.9em;
}

#course-recent h2.main {
  font-size:1.1em;
}




/***
 *** Doc
 ***/
body#doc-contents h1 {
  font-size: 12px;
}
body#doc-contents ul {
  font-size: 12px;
}


/***
 *** Grades
 ***/

body#grade-index .grades .header {
  font-weight: bold;
  font-size: 12px;
}


/***
 *** Login
 ***/

#login-index .content {
  font-size: 12px;
}


/***
 *** Logs
 ***/

.logtable td {
  font-size: 0.8em;
}
.logtable th {
  font-size: 0.9em;
}


/***
 *** Message
 ***/

.message .link {
  font-size:0.8em;
}

.message_form {
  font-size:0.8em;
}

.message .heading {
  font-size:1.0em;
  font-weight:bold;
}

.message .date,
.message .contact,
.message .summary {
  font-size:0.9em;
}

.message .note, 
.message .pix {
  font-size:0.8em;
}

.message .author {
  font-weight: bold;
  font-size:0.8em;
}

.message .time {
  font-style: italic;
  font-size:0.8em;
}

.message .content {
  font-size:0.8em;
}

#message-user .commands span {
  font-size:0.7em;
  white-space:nowrap;
}

#message-user .name {
  font-weight: bold;
  font-size:1.1em;
}


/***
 *** Tabs
 ***/
.tablink {
  font-size:0.8em;
}

.tablink a:hover {
  text-decoration: none;
}


/***
 *** User
 ***/

.userinfobox .username {
  font-weight: bold;
}

.userinfobox .links {
  font-size: 0.7em;
}


/***
 *** Modules: Assignment
 ***/

#mod-assignment-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Chat
 ***/

#mod-chat-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Choice
 ***/

#mod-choice-index .cell {
  font-size:0.8em;
}
  
/***
 *** Modules: Forum
 ***/

.forumnodiscuss{
  font-weight:bold;
}
.forumpost .topic .subject {
  font-weight: bold;
}
.forumpost .topic .author {
  font-size: 0.8em;
}
.forumpost .commands,
.forumpost .link {
  font-size: 0.9em;
}
.forumheaderlist .discussion .lastpost {
  font-size: 12px;
}
body#mod-forum-search .introcontent {
  font-weight:bold;
}
.designedby{
  font-size:10px;
}
.navbar {
  font-size:12px;
  color:#666666;
  vertical-align:middle;
}
body#mod-forum-index .generalbox .cell {
  font-size: 12px;
}



/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
  font-size: 0.8em;
}
.glossarypost .entryheader .author,
.glossarypost .entryheader .time {
  font-size: 0.8em;
}
.glossarypost .entryheader .time {
  font-style: italic;
}
.concept {
  font-weight: bold;
}
.glossarycomment .time {
  font-size: 0.8em;
  font-style: italic;
}
.entrylowersection .aliases {
  font-size: 0.8em;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  font-size: 0.8em;
}

#mod-glossary-index .cell {
  font-size:0.8em;
}


/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  font-size: 0.7em;
}
#mod-journal-view .author {
  font-size: 1em;
  font-weight: bold;
}
#mod-journal-view .time {
  font-size: 0.7em;
  font-style: italic;
}
#mod-journal-view .grade {
  font-weight: bold;
  font-style: italic;
}

#mod-journal-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

#mod-lesson-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Quiz
 ***/

.editorhelptext {
  font-size:0.7em;
}

#mod-quiz-index .cell {
  font-size:0.8em;
}


/***
 *** Modules: Resource
 ***/

#mod-resource-index .cell {
  font-size:0.8em;
}


/***
 *** Modules: Scorm
 ***/

#mod-scorm-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Survey
 ***/

#mod-survey-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Wiki
 ***/

#mod-wiki-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Workshop
 ***/

#mod-workshop-index .cell {
  font-size:0.8em;
}

/***** cuc_standar/styles_fonts.css end *****/

/***** cuc_standar/styles_color.css start *****/

/*******************************************************************
 styles_color.css
  
 Este archivo CSS todas las definiciones de los colores como
 background-color, font-color, border-color etc.

 Los estilos estan definidos en las siguientes secciones:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  tabs
  user

  various modules
  

*******************************************************************/

/***
 ***  Core
 ***/

/*Color de los vinculos normales y los visitados*/
a:link,
a:visited {
  /*Color del vinculo*/
  color: #000000;
}

/*Color de los vinculos cuando el destino del vinculo
  ya sea un curso u otro esta oculto*/
a.dimmed:link,
a.dimmed:visited {
  /*Color del vinculo*/
  color: #FF0000;
}

.bottom{
  color: #00FF00;
}

/*Vinculos al pasarle el mouse*/
a:hover {
  /*Color del vinculo*/
  color: #8277AF;
}

/*    */
a.autolink:link,
a.autolink:visited {
  /*Color del vinculo*/
  color: #FF00FF;
  /*Color de fondo del vinculo*/
  background: #FF0000;
}

/*Cursor del mouse al pasarlo por una palabra
  que esta asociada a una entrada del glosario*/
a.autolink.glossary:hover {
  /*Cursos al pasar el mouse*/
  cursor: help;
}


/*Cuerpo de la pagina principal, es decir
  la que esta entre el header y el footer*/
body {
  /*Los margenes*/
  margin: 0px 0px 0px 0px;
  /*El color de fondo*/
  background: url(cucbackground.jpg);
  /*Imagen de fondo*/
  /*background-color: */
}

/*Aqui se definen los colores para el encabezado
  de la seccion principal (la del centro)*/
th.header,
td.header,
div.header {
  /*El color del borde*/
  border-color: #060235;
  /*La imagen de fondo*/
  background-image:url(cucheader.jpg);
  /*El color de fondo*/
  /*background-color: #8277AF;*/
  /*El margen superior*/
  padding-top:6px;
  /*El margen inferior*/
  padding-bottom:6px;
  /*El color de la letra*/
  color: #ffffff;
  /*El tamaño de la letra*/
  font-size:13px;
}

/*Aqui se definen los colores para la barra de navegacion*/
.navbar {
  /*Color de fondo es sobrescrito por el header.html*/
  background-color: #D8D98D;
  /*Color del texto, solo del vinculo actual y los simbolos >>*/
  color: #8277AF;
  /*Color del borde, todos menos el inferior*/
  border-color: #060235;
  /*Color del borde inferior*/
  border-bottom-color: #060235;
}

/*Parte izquierda de los formularios
  - Agregar usuarios
  - Configuracion del calendario
  y varios mas a los que solo accede el admin*/
table.formtable tbody th {
  /*Color de fondo*/
  background: #FFFFFF;
}

/*Color con el que se resaltan las palabras en la busqueda*/
.highlight {
  /*Color de fondo*/
  background-color: #060235;
}

/*    */
.highlight2 {
  color: #FF0000;
}

/*Filas alternadas: estas son las filas que salen
  en los menus de administracion y los bloques,
  pueden ir intercaladas con dos colores*/
  
/*Este es el para las impares*/
.r0 {
  /*Alineacion del texto*/
  text-align:top;
  /*Color de las letras*/
  color: #000000;
  /*Color de fondo*/
  background-color: none;
}

/*Este es el para las pares*/
.r1 {
  /*Alineacion del texto*/
  text-align:top;
  /*Color de las letras*/
  color: #000000;
  /*Color de fondo*/
  background-color: none;
}

/*Mensajes de notificacion (pueden ser buenos o malos)*/

/*En caso de error ya sea en una consulta (de los logs)
  instalacion de un bloque, modulo o cualquier fallo
  que tenga que ver con la base de datos*/
.notifyproblem {
  /*Color del texto*/
  color: #FF0000;
  /*En negrita*/
  font-weight: bold;
}

/*Igual que el anterior pero este en en caso de que
  no ocurra un fallo (fue exitoso)*/
.notifysuccess {
  /*Color del texto*/
  color: #00FF00;
  /*En negrita*/
  font-weight: bold;
}

.required {
  background-color: #0000FF;
}

/*Cuadro que contien la parte para editar
  el nombre y las descripcion de las cosas*/
.generalbox {
  /*Color del borde*/
  border-color: #060235;
  /*Tamaño de la letra*/
  font-size:12px;
  /*Color de fondo*/
  background-color: #D8D98D;
}
.informationbox {
  border-color: #FF0000; 
}
.feedbackbox {
  border-color: #FF0000; 
}
.feedbackby {
  background-color: #FF0000;
}

/*Tabla que pregunta si o no*/
.noticebox {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background: #FFFFFF;
}

/*Cuadro donde se muestran los errores que ocurren
  para todos los usuarios tanto normales como administradores*/
.errorbox {
  /*Color del texto*/
  color: #FF0000;
  /*Color del borde*/
  border-color: #FF0000;
  /*Color de fondo (es sobrescrito)*/
  background-color: #FF5AAA;
}

.tabledivider {
  border-color: #FF0000;
}

.sitetopic {
 color: #FF0000;
}

.sitetopiccontent {
  border-color: #FF0000;
  background-color: #FF0000;
}

.dimmed_text {
  color: #FF0000;
}

.teacheronly {
  color: #FF0000;
}

.unread {
  background: #FF0000;
} 


/*Texto que es sensurado por el filtro de palabras*/
.censoredtext {
  /*Color del texto*/
  color: #000000;
  /*Color de fondo*/
  background: #000000;
}


/*dejar para mantener compatibilidad con algunos modulos no estandar
   que usan las clases de los temas para algunas cosas*/
.generaltab, .generaltabinactive {
  background-color: #BBBBBB;
}
.generaltabselected {
  background-color: #DDDDDD;
}
.generaltabinactive {
  color: #CCCCCC;
}



/***
 *** Encabezado
 ***/

/***
 *** Pie de pagina
 ***/

.homelink a:link,
.homelink a:visited,
.homelink a:hover {
  color: #FF0000;
  text-decoration: none;
}
.homelink a:link,
.homelink a:visited {
  border-top: 1px solid #FF0000;
  border-bottom: 2px solid #FF0000;
  border-left: 1px solid #FF0000;
  border-right: 2px solid #FF0000;
}
.homelink a:hover {
  border-bottom: 1px solid #FF0000;
  border-top: 2px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-left: 2px solid #FF0000;
}



/***
 *** Administracion
 *** En esta seccion se definen los colores de la seccion de adminsitracion
 ***/

/*Color de fondo de la tabla y las celdas*/
.admin .generalboxcontent {
  /*Color de fondo*/
  background-color: #FFFFFF;
}

/*Borde de la tabla y las celdas*/
.admin .generalbox {
  /*Color del borde*/
  border-color: #060235; 
}

/*Caja de informacion para el administrador
  es la caja que aparece en la parte superior
  explicando que hace la opcion en la que se
  encuentra el adminsitrador*/
.admin .informationbox {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background-color: #D8D98D; 
}

/*Esta seccion es la que aparece a la izquierda con los items
  - Configuracion
  - Usuarios
  - Cursos
  - Registros
  - Archivos del sitio
*/
body#admin-index .c0 {
  /*Color de fondo*/
  background-color: #060235;
}



/***
 *** Bloques
 ***/

/*Encabezado del bloque (donde aparece el titulo)*/
.sideblock .header {
  /*Color del borde*/
  border-color: #060235;
  /*Color del texto*/
  color: #FFFFFF;
  /*Imagen de fondo*/
  /*background-image:url(header.gif);*/
  /*El color de fondo*/
  background-color: #8277AF;
}

/*Cuerpo del bloque*/
.sideblock .content {
  /*Color del borde*/
  border-color: #060235;
}

/*Barra horizontal que separa los items e algunos bloques
  como por ejemplo el de actividades recientes*/
.sideblock .content hr {
  /*Color del borde superior*/
  border-top-color: #060235;
}

/*  */
#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-color: #FF0000;
}

/*Esto es para el signo menos que aparece en la parte superior derecha de los bloques*/
.sideblock .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

/*Esto es para el signo mas que aparece en la parte superior derecha de los bloques*/
.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}



/***
 *** Seccion del calendario, ojo no es el pequeño
 *** que aparece al lado de los cursos, es el grande
 ***/

/*Calendario principal (el que aparece en el centro
  de la pagina) el pequeño (el que aparece a la derecha)*/
#calendar .maincalendar,
#calendar .sidecalendar {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background-color: #FFFFFF;
}

/*Encabezado con los dias de la semana*/
#calendar .maincalendar table.calendarmonth th {
  /*Color del borde*/
  border-color: #8277AF;  
}

/*Calendarios pequeños (aparecen a la derecha)
  y mini calenadrio (el que se ve en todos los cursos)*/
table.minicalendar {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background-color: #FFFFFF;
}

/*Cuando se selecciona un evento de la lista de eventos
  o del calendaro esto define el color de la barra que esta
  en la parte superior e izquierda de la ficha que muestra
  la descripcion del evento*/
#calendar .maincalendar .eventlist .event {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background-color: #FFFFFF;
}

/*Cuando se selecciona un evento de la lista de eventos
  o del calendaro esto define el color del borde superior
  e izquierdo de la ficha que muestar la descripcion del evento*/
#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  /*Color de fondo*/
  background-color: #8277AF;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {
  /*Color del texto*/
  color: #FF0000;
}

/*Color de los eventos globales*/
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  /*Color del borde*/
  border-color: #FDF0BE !important;
  /*Color de fondo*/
  background-color: #FDF0BE;
}

/*Color de los eventos de curso*/
#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  /*Color del borde*/
  border-color: #FF9966 !important;
  /*Color de fondo*/
  background-color: #FF9966;
}

/*Color de los eventos de grupo*/
#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  /*Color del borde*/
  border-color: #FBBB23 !important;
  /*Color de fondo*/
  background-color: #FBBB23;
}

/*Color de los eventos de usuario*/
#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  /*Color del borde*/
  border-color: #A1BECB !important;
  /*Color de fondo*/
  background-color: #A1BECB;
}


/*
 *** Para los eventos que tiene una duracion definida
 *** Se resaltan su duracion con un borde superior y uno inferior
*/

/*Color de la duracion de los eventos globales*/
#calendar .duration_global,
.minicalendar .duration_global {
  /*Color del borde superior*/
  border-top-color: #2EBA0E !important;
  /*Color del borde inferior*/
  border-bottom-color: #2EBA0E !important;
}

/*Color de la duracion de los eventos de curso*/
#calendar .duration_course,
.minicalendar .duration_course {
  /*Color del borde superior*/
  border-top-color: #FF9966 !important;
  /*Color del borde inferior*/
  border-bottom-color: #FF9966 !important;
}

/*Color de la duracion de los eventos de grupo*/
#calendar .duration_group,
.minicalendar .duration_group {
  /*Color del borde superior*/
  border-top-color: #FBBB23 !important;
  /*Color del borde inferior*/
  border-bottom-color: #FBBB23 !important;
}

/*Color de la duracion de los eventos de usuario*/
#calendar .duration_user,
.minicalendar .duration_user {
  /*Color del borde superior*/
  border-top-color: #A1BECB !important;
  /*Color del borde inferior*/
  border-bottom-color: #A1BECB !important;
}

/*Color con que aparecen resaltados los fines de semana*/
#calendar .weekend,
.minicalendar .weekend {
  /*color del texto*/
  color: #8277AF;
}

/*Color con que se resalta el dia de hoy*/
#calendar .today,
.minicalendar .today {
  /*Color del borde*/
  border-color: #000000 !important;
}

.cal_popup_fg {
  background-color: #FF0000;
}

.cal_popup_bg {
  border-color: #FF0000;
  background-color: #FF0000;
}


/*
 *** Color de la barra de informacion de los eventos
 *** En el bloque Vista de Mes
 */
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  /*Color de fondo*/
  background-color: #FFFFFF;
}



/***
 *** Cursos
 ***/

/*  */
.headingblock {
  border-color: #FF0000;
  background-color: #FF0000;
}

/*    */
.headingblock .outline {
  border-color: #FF0000;
}

/*Borde de los temas en un curso*/
#course-view .section td {
  border-color: #8B1F2F;
}

/*Color de la celda donde esta el contenido de un tema,
  donde se agrega el texto y los recursos*/
#course-view .section .content {
  background-color: #FFFFFF;
}

/*Color de fondo de las barras verticales que estan
  a los lados de cada curso, son sobreescritos por
  #course-view .section .left y #course-view .section .right
  unas lineas mas abajo y por #course-view .current .side
  cuando el tema es el actual*/
#course-view .section .side {
  background-color: #8B1F2F;
}

/*Color de fondo de la barra vertical que esta a la izquierda
  de cada tema en un curso, es sobreescrito por
  #course-view .current .side mas abajo y por
  #course-view .current .side cuando el tema es el actual*/
#course-view .section .left {
  background-color: #8B1F2F;
}

/*Color de fondo de la barra vertical que esta a la derecha
  de cada tema en un curso, es sobreescrito por
  #course-view .current .side mas abajo y por
  #course-view .current .side cuando el tema es el actual*/
#course-view .section .right {
  background-color: #8B1F2F;
}

/*Color del borde del tema actual
  es decir, el que tiene el bombillo encendido
  sobrescribe a #course-view .section .side, 
  #course-view .section .left y #course-view .section .right*/
#course-view .current .side{
  background-color: #8B1F2F;
}

/*Color de la celda donde esta el contenido de un tema
  donde se agrega el texto y los recursos, lo sobrescribe
  #course-view .section .content que esta mas arriba
  no funcioan cuando el curso esta por semanas*/
#course-view .topics {
  background-color: #FFFFFF;
}

/*Color de la fila que separa los temas
  solo se ve cuando el curso esta por semanas*/
#course-view .weeks {
  background-color: #D8D98D;
}

/*Color de la fila que separa los temas
  sobrescribe cualquier otro, es decir
  no importa si el curso esta por semanas o no*/
#course-view .section .spacer {
  background-color: #D8D98D;
}

/*Color del encabezado del tema en donde se muestra la semana
  solo se ve cuando el curso esta por semanas*/
#course-view .section .weekdates {
  color: #8B1F2F;
  font-weight:bold;
}


/*
 *** Color de la tabla que muestar las categorias
 *** y los cursos en la pagina principal
 */
.categoryboxcontent,
.courseboxcontent {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  background-color: #FFFFFF;
}

/*Esta parte define la celda que muestar los reportes
  por temas en la pestaña Informe De Actividades en la
  informacion del usuario*/
body#course-user .section {
  border-color: #060235;
}



/***
 *** Documentacion
 ***/

/***
 *** Grados
 ***/

body#grade-index .grades {
  border-color: #FF0000;
}

body#grade-index .grades td {
  border-color: #FF0000;
}

body#grade-index .grades .r0 {
  background-color: #FF0000;
}

body#grade-index .grades .r1 {
  background-color: #FF0000;
}


/***
 *** Pagina de inicio de sesion o Login
 ***/

/*Tabla que contiene el login principal
  el que ocupa una agina entera y sale en
  login/index.php*/
.loginbox .content {
  /*Color del borde*/
  border-color: #060235;
  /*Color de fondo*/
  /*background: #FFFFFF;*/
}


/***
 *** Mensajes
 ***/

table.message_search_results td {
  border-color: #FF0000;
}

.message.other .author {
  color: #FF0000;
}

.message.me .author {
  color: #FF0000;
}

.message .time {
  color: #FF0000;
}

.message .content {
  color: #FF0000;
}

/***
 *** Logs
 ***/

/*Aqui se le da color a las de la subpestaña
  registrso de hoy en la pestaña informe de
  actividades de la informacion del usuario*/
  
/*Celdas Pares*/
.logtable .r0 {
  /*background-color: #060235;*/
}

/*Celdas Impares*/
.logtable .r1 {
  /*background-color: none;*/
}


/***
 *** Pestañas
 *** Esta es la seccion para editar o ver la informacion
 *** de los usuarios
 ***/

 /*Vinculo que aparecen como texto en las pestañas*/
.tablink a:link,
.tablink a:visited {
  /*Color del texto*/
  color: #000000;
}

.selected .tablink a:link,
.selected .tablink a:visited {
  color: #0000FF;
}

/*Esta es la celda que contiene la imagen de la pestaña*/
.tabs .side,
.tabrow td {
  /*Color del borde*/
  border-color: #D8D98D;
}

/*Parte izquierda de la pestaña (es una imagen en una celda)*/
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}

/*Parte superior de la pestaña (es una imagen en una celda)*/
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}

/*Parte izquierda de la pestaña (es una imagen en una celda)
  al pasrle el mouse (cambia a otra imagen)*/
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}

/*Parte derecha de la pestaña (es una imagen en una celda)
  al pasrle el mouse (cambia a otra imagen)*/
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}

/*Esta celda contiene una imagen que va en la parte derecha
  de la pestaña para completar el borde*/
.tabrow .last {
  background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}

/*Parte izquierda de la pestaña que esta seleccionada*/
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}

/*Parte derecha de la pestaña que esta seleccionada*/
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}

/*Parte izquierda de la pestaña que esta seleccionada
  al pasarle el mouse*/
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}

/*Parte derecha de la pestaña que esta seleccionada
  al pasarle el mouse*/
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}


/***
 *** Usuario
 *** Esta es la seccion de informacion acerca de los usuarios
 ***/

 /*Seccion que muestar la foto*/
.userpicture {
  /*Color del borde*/
  /*border-color: #060235;*/
}

/*Cja que muestra el perfil del usuario*/
.userinfobox {
  /*border-color: #060235;*/
}
.groupinfobox {
  border-color: #0000FF;
}


/***
 *** Modulos: Chat
 ***/

/***
 *** Modulos: Choice
 ***/

/***
 *** Modulos: Foros
 ***/

 /*Temas que han sido publicados en el foro*/
.forumheaderlist,
.forumpost {
  /*Color del borde*/
  border-color: #060235;
}

/*Parte del tema en donde se ve el contenido*/
.forumpost .content {
  background: #FFFFFF;
}

/*PArte izquierda del tema del foro*/
.forumpost .left {
  /*Imagen de fondo*/
  /*background-image:url(forum_left.jpg);*/
  /*Color de fondo*/
  background-color: #8277AF;
}

/*PArte superio delm mensaje, es decir el encabezado
  que muestar solo el tema, usuario y fecha es sobrescrito
  por .forumpost .starter si el mensaje es cabeza de un hilo
  y por .forumheaderlist .discussion .starter si el mensaje
  es el que inia una discusion, es decir es el primero que responde*/
.forumpost .topic {
  /*Color del borde inferior*/
  /*border-bottom-color: #060235;*/
  /*Color de fondo*/
  /*background-color: #8277AF;*/
}

/*Parte supereior del mensaje, es decir el encabezado
  pero solo los que son cabeza de una discusion*/
.forumpost .starter {
  /*Color del borde inferior*/
  /*border-bottom-color: #060235;*/
  /*Color de fondo*/
  /*background-color: #8277AF;*/
}

/* */
.forumheaderlist .discussion .starter {
  /*background-color: #FF0000;*/
  font-size:12px;
}

/*Lista de las cabezeras de todos los mensajes
  en un foro especifico*/
.forumheaderlist td {
  /*font-size:12px;
  border-color: #060235;
  background-color: #FFFFFF;*/
}

.sideblock .post .head {
  color: #FF0000;
}

.forumthread .unread {
  background: #FF0000;
}

/*Parte superion de un mensaje, la que muestar el titulo
el usuario y la hora, pero solo cuando es respuesta a algun mensaje*/
#mod-forum-discuss .forumpost {
  /*color de fondo*/
  background: #8277AF;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #FF0000;
} 

#mod-forum-discuss .forumthread .unread {
  background: #FF0000;
  border-color: #FF0000;
  color: #FF0000;
} 

#mod-forum-index .unread {
  background: #FF0000;
  border-color: #FF0000;
  color: #FF0000;
}


/***
 *** Modules: Glosario
 ***/

.entryboxheader {
  border-color: #FF0000;
}

.entrybox {
  border-color: #FF0000;
}

.entry {
  border-color: #FF0000;
}

.glossarypost {
  border-color: #FF0000;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
  background-color: #FF0000;
}

.glossarycomment {
  border-color: #FF0000;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #FF0000;

}

#mod-glossary-report .generalbox .teacher {
  background: #FF0000;
}

.categoryheader {
  background-color: #FF0000;
}

.glossaryformatheader {
  background-color: #FF0000;
}


/***
 *** Modulos: Journal
 ***/

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
  background-color: #FF0000;
}

/***
 *** Modulos: Etiqueta
 ***/

/***
 *** Modulos: Lecciones
 ***/

/***
 *** Modules: Quices
 ***/


/*
*/
body#mod-quiz-report table#attempts td {
  border-color: none;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #FFFFFF;
}


/***
 *** Modulos: Recursos
 ***/

/***
 *** Modulos: Scorm
 ***/

/***
 *** Modulos: Survey
 ***/

#mod-survey-view .r0 {
  background-color: #FF0000;
}
#mod-survey-view .r1 {
  background-color: #FF0000;
}


/***
 *** Modulos: Wiki
 ***/

/***
 *** Modulos: Workshop
 ***/

.workshoppostpicture {
  background-color: #FF0000;
}

.workshopassessmentheading {
  background-color: #FF0000;
}
/***** cuc_standar/styles_color.css end *****/