/**************************************
 * THEME NAME: cpnl
 *
 * Files included in this sheet:
 *
 *   cpnl/fw_layout.css
 *   cpnl/fw_color.css
 *   cpnl/fw_fonts.css
 **************************************/

/***** cpnl/fw_layout.css start *****/

/* Core */

body {
    margin: 0 auto;
}

page {
  margin: 0;
  padding: 0 20px 0 20px;
}

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

h1, h2, h3, th.header { border: 0 solid #663a08; margin: 0; padding: 0;}
h1, h2, h3, h4 {
  text-align: left;
}

h1 {
  padding: 6px;
}

h2, h2.headingblock.header {
  margin: 0;
  padding: 0 0 10px 8px;
}

h3 {
  border: 0px solid #000000;
  margin: 0;
  padding: 0 0 0 8px;
}

h4 {
  border: 0px solid #000000;
  margin: 0;
  padding: 0;
}

#layout-table #left-column { padding: 0 30px 0 0; margin: 0;}

#left-column .hidden .header, #right-column .hidden .header { border-bottom-style:dashed; border-bottom-width:0;}

#layout-table #middle-column { padding: 0; margin: 0;}

#layout-table #right-column { border: 0; padding: 0 0 0 30px; margin: 0;}

#content { clear: both; margin: 0; padding: 15px 20px 20px 20px;}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px; 
}

input, select {
  padding: 0px;
}

.skip-block-to, #maincontent { margin: 0; padding: 0;}

.sitetopic {
  padding: 0;
  margin: 0;
}

.generaltable { border-width:0px;}

th.header, td.header, div.header { margin: 0; padding: 5px;}

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

.clearfix { 
 min-width: 0; 
 /* overflow: hidden; */ 
}

.clearfix:after {
  /* content: "<!-- -->";  */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

#header-home {
  height:145px;
  margin: 0;
  padding: 0 20px 0 20px;
}

#header {
  height: 145px;
  margin: 0;
  padding: 0 20px 0 20px;
}

.headermain, h1.headermain {
  float:left;
  margin:0%;
  padding:0%;
  border-width: 0px;
}

.headermenu {
  float:right;
  text-align:right;
  margin: 0;
  padding: 25px 0 0 0;
}

.headermenu .logininfo { padding: 0; margin: 0 0 5px 0;}

#footer .logininfo { padding: 0; margin: 0; float: left;}
.sitelink { padding: 0; margin: 0; float: right;}
.homelink { padding: 5px 0 0 0; margin: 0;}

.navbar {
  width: 100%;
  padding: 5px 20px 0 20px;
}

div.navbar {
  width: auto;
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
}

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

.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}
.breadcrumb li {
  display:inline;
}

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

#footer .navbar {
  margin-top: 5px;
}


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

TABLE.loginbox {
  margin-top: 40px;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}

.loginbox h2, .loginbox .subcontent {
  margin: 10px;
  padding: 0 0 0 10px;
  text-align: center;
  background-image: none;
}


/***
 *** Footer
 ***/
 
#footer {
  text-align: left;
  margin: 0;
  padding: 2px 20px 0 20px;
  min-height: 50px;
}

#footer p.helplink { margin: 0px; padding: 0;}

#footer .logininfo {
  float: left;
  width: 33%;
  text-align: left;
  margin: 0;
  padding: 5px 0 0 0;}

#footer .logo-moodle {
  float: right;
  text-align: right;
  width: 33%;
  margin: 0;
  padding: 5px 0 0 0;
  border: 0 solid #ff9900;
}

#footer .copy {
  float: left;
  text-align: center;
  width: 33%;
  margin: 0;
  padding: 5px 0 0 0;
  border: 0 solid #ff9900;
}


/***
 *** Blocks
 ***/
.sideblock, .sideblock .header, .sideblock .content  {
  border-width: 0px;
  margin: 0 0 10px 0;
  padding: 0 0 2px 3px;
 }
.sideblock .header h2 { margin: 0; padding: 2px;}
.sideblock .header .hide-show-image { padding-top: 0;}
.sideblock .footer { border-top-width:0px; border-top-style:dashed;}
  

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

#calendar .maincalendar, #calendar .sidecalendar { border:0px solid; padding:0; vertical-align:top;}
#calendar .maincalendar .eventlist { padding: 0; margin: 0;}
#calendar td.sidecalendar .sideblock { border: 0 solid; margin-bottom: 10px;}

#calendar .today, .minicalendar .today { border:1px solid !important;} 

table.minicalendar { width: 100%; margin:10px auto; padding:2px; border-width:1px; border-style:solid; border-collapse: collapse; border-spacing:1px !important;}
table.minicalendar tr.weekdays th { border-style: none;}
table.minicalendar tr td.day { border-style: solid; border-width: 1px; padding: 4px 0 4px 0;}
table.minicalendar tr.weekdays th abbr { border-style: none;}
table.calendarmonth { border-collapse: collapse; border-spacing:1px !important;}
table.calendarmonth tr td { border-style: solid; border-width: 1px;}

#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: 1px solid !important;}

#calendar .maincalendar .eventlist .event { border-width:0;}

/***
 *** Course
 ***/
 
.headingblock {
  border-width: 0px;
  border-style: solid;
  padding: 0;
  margin: 0;
}

.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section .left { border-right-width: 1px; border-right-style: dashed;}
#course-view .section.hidden .content, #course-view .section.hidden .side { border-width: 1px; border-style: dashed;}
#course-view .section td.content ul.section.img-text li { margin-bottom: 5px;}
/* #course-view .section td.content ul.section.img-text { line-height: 22px;} */
/* #course-view .section td.content ul.section.img-text li.activity.label {
	line-height: 16px;
	margin-bottom: 5px;
} */

.generalbox { border: 0px solid #000000; margin-bottom: 40px; padding-bottom: 5px;}
.coursebox { border: 0px solid #000000;}
.coursebox .info .name { padding-bottom: 5px;}
.coursebox .info { margin: 0; padding:0; width:100%; clear:both;}
.coursebox .summary { margin: 0; padding:0; width:100%; clear:both;}

.tabrow0 { 
   padding: 0;
   margin: 0;
}

.tabrow0 div, .tabrow0 ul {
  border-top: 1px solid #A7A7A7;
  left:0;
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  padding-top: 3px;
  top: 20px;
  width:100%;
}

.tabtree { margin-bottom: 40px; position:relative;}

/***
 *** Modules: glossary
 ***/

.entry .concept,
.entryheader .concept {
   margin-top: 5px;
   margin-bottom: 10px;
}

.glossarypost.continuous {
	padding: 5px;
}

/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-width: 2px;
}

.sideblock .content h2 {
  margin:1.5em 0pt 0pt;
  padding:0pt 0pt 10pt 8pt;
}/***** cpnl/fw_layout.css end *****/

/***** cpnl/fw_color.css start *****/

/* Core */

body {
  background-color: #FFFFFF;
}

a:link { color: #66A308;}
a:visited { color:#66A308;}
a:hover { color: #3F6505;}

a.dimmed:link,
a.dimmed:visited { color:#AAAAAA;}



.headermenu .logininfo a { color: #FFFFFF;}

h1 { color: #66A308;}
h2, h2.headingblock.header { color: #66A308; background: url(pix/pisqui_01.gif) no-repeat 0 10px;}
/* h2.headingblock.header { background-color: #66A308;} */
.headingblock, h2.headingblock, generalbox sitetopic box h2 { border: 0px solid #66a308; margin: 0; padding: 0;}
h3 { border-color:#FFFFFF; background: url(pix/pisqui_02.gif) no-repeat 0 6px;}
h4 { border-color:#FFFFFF; color: #666666;}

th {
  background-color: #D3FA9A;
}

th.header,
td.header,
div.header {
/*  background-color: #E3DFD4;
  background-color: #D3FA9A; */
  background-color: #3F6505;
  color: #FFFFFF;
}

th.header { border: 1px solid #4B7A05;}

.headermenu .logininfo { color: #FFFFFF;}

#left-column .hidden .header, #right-column .hidden .header { border: 0px solid #000000;}

#layout-table #left-column, #layout-table #right-column {
  background-color: #FFFFFF;
  border-color:#FFFFFF;
}

.generalbox { background-color:#FFFFFF; border-bottom: 1px solid #000000;}

.generaltable,
.generaltable td {
  border-color:#4B7A05;
}

/* .generaltable .r0 td.cell.c0 {
 background-color:#4B7A05; 
} */

.generaltable .r0 {
 background-color:#F0FEE0; 
}

.generaltable .r1 {
/* background-color:#F1EFEB; */
 background-color: #DCFCAD;
}

.generaltable .r1 td.cell.c0 {
border-color:#4B7A05; 
/* background-color:#E3DFD4; */
}

.answer .r0 { background-color:#F0FEE0;}
.answer .r1 { background-color: #DCFCAD;}

.navbar {
  background-color: #FFFFFF;
/*  border-color:#666666;
  height: 20px;
  background: url(pix/grad/bg_bread.jpg) repeat-x; */
}

.sitetopiccontent {
  border-color:#4B7A05;
  background-color:#FFFFFF;
}

.highlight {
  background-color: #D7FCAD;
}

.highlight2 {
  color: #4B7A05; /* highlight missing terms in forum search */
}

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color: #E3DFD4;
}

#admin-roles-override .capcurrent {
  background-color:#E3DFD4;
}

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

#header-home {
  background-color: #66A308;
  background: url(fons_cap.jpg) repeat-x;
}

#header {
  background-color: #66A308;
  background: url(fons_cap.jpg) repeat-x;
}

h1.headermain {
  background-color: transparent;
}

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

#footer { background: url(fons_peu.gif); background-repeat: repeat;}
#footer .copy { color: #FFFFFF;}
#footer .copy a { color: #FFFFFF; font-weight: bold;}
#footer .logininfo { color: #FFFFFF;}
#footer .logininfo a { color: #FFFFFF; font-weight: bold;}

#footer .homelink a { color: #FFFFFF; font-weight: bold;}


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

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#4B7A05;
}

.loginbox .content {
  border-color:#4B7A05;
}

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

.sideblock .content { background-color:#FFFFFF;}
.sideblock .header, .sideblock .header h2 { background-color: #66A308; color: #FFFFFF; background-image:none;}
.sideblock hr { color:#4B7A05;}
.sideblock .footer { border-top-color:#4B7A05;}
.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  }

/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event { border-color: #4B7A05;}

#calendar .maincalendar table.calendarmonth th { border-color: #4B7A05;}
table.calendarmonth tr td { border-color:#4B7A05;} 
table.minicalendar { background-color:#FFFFFF; border-color: #FFFFFF;}
table.minicalendar tr.weekdays th { background-color:#FFFFFF; border-color:#666666; color: #999999;}
table.minicalendar tr td.day { border-color:#666666; color: #999999;}
table.minicalendar tr td.weekend { background-color:#999999; border-color:#666666; color: #FFFFFF;}

table.minicalendar tr td.event_global { background-color: #66A308; border-color: #666666; color: #FFFFFF;}

#calendar .today, .minicalendar .today { border-color:#666666 !important;}
#calendar .today a, .minicalendar .today a { color: #000000;}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color: #666666 !important;
  background-color: #66A308;
  color: #FFFFFF;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#666666 !important;
  background-color:#FF9900;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#666666 !important;
  background-color:#990066;
/*  background-color:#FBBB23; */
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color: #666666 !important;
  background-color: #3399FF;
}

#calendar .event_global a,
#calendar .event_course a,
#calendar .event_group a,
#calendar .event_user a,
.minicalendar .event_global a,
.minicalendar .event_course a,
.minicalendar .event_group a,
.minicalendar .event_user a,
.block_calendar_month .event_global a,
.block_calendar_month .event_course a,
.block_calendar_month .event_group a,
.block_calendar_month .event_user a {
  color: #FFFFFF;
}

.calendar-controls a { color: #000000;}
/* .calendar-controls .arrow { background: url(pix/arrow_r.gif) no-repeat top left; width: 15px; height: 15px;} */
.calendar-controls .next { background-image: url(pix/arrow_r.gif); background-position: bottom right; background-repeat: no-repeat; min-height: 14px; text-align: right;}
.calendar-controls .previous { background-image: url(pix/arrow_l.gif); background-position: bottom left; background-repeat: no-repeat; min-height: 14px;}
.calendar-controls a.next, .calendar-controls a.previous { color: #66A308;}

.cal_popup_fg {
  background-color:#F0FEE0;
}

.cal_popup_bg {
  border-color:#4B7A05;
  background-color:#F0FEE0;
}


/***
 *** Course
 ***/

.headingblock {
/*  border-color: #4B7A05; */
}

.coursebox {
/*  border-color:#4B7A05;
  background: #F0FEE0; */
}

.coursebox .info {
 color: #000000;
}

/* .coursebox .info .name a { color: #000000;} */

.categoryboxcontent,
.courseboxcontent {
  border-color:#4B7A05;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #4B7A05;
}

#course-view .section.main .content {
  border-color: #4B7A05;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #4B7A05;
  background-color: #FFFFFF;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #D7FCAD;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#D7FCAD;
 }




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

.tabs .side {
  border-color: #D7FCAD;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

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

.forumheaderlist, .forumpost { border-color:#D7FCAD;}
.forumpost .content { background: #F0FEE0;}
.forumpost .left { background:#F0FEE0;}
.forumpost .topic { border-bottom-color: #D7FCAD;}
.forumpost .starter { background:#F0FEE0;}
.forumheaderlist .discussion .starter { background:#F0FEE0;}
.forumheaderlist td { border-color: #D7FCAD;}
.sideblock .post .head { color:#F0FEE0;}
.forumthread .unread { background: #F0FEE0;}
#mod-forum-discuss .forumpost { background: none;}
#mod-forum-discuss .forumpost.unread .content { border-color: #D7FCAD;} 
#mod-forum-discuss .forumthread .unread {} 
#mod-forum-index .unread {}

/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval { background-color: #FFFFFF;} 

.entrybox { border-color: #D7FCAD;}

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous, 
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #D7FCAD;
  background-color: #FFFFFF;
}

.glossarycategoryheader th {
  background-color: #F7F6F1;
}


.glossarycategoryheader h2, 
.glossarypost .concept h3 {
  background-color: #FFFFFF
}


/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-color:#990000;
   background-color:#F0FEE0;
 }

.errorboxcontent { background-color:#F0FEE0;}
 

/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell span.gradepass { background-color: #C2EBBD;}
.grade-report-grader table#user-grades td.cell span.gradefail { background-color: #EBC4BD;}

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

.userinfobox { border-color: #4B7A05;}
.userinfobox .side { background-color: #D7FCAD;}
.userinfobox .content { background-color: #F0FEE0;}/***** cpnl/fw_color.css end *****/

/***** cpnl/fw_fonts.css start *****/

/* Core */

body, td, li, input, select, p {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

th {
  font-family: Arial, Helvetica, sans-serif;
}

.clearer { font-size: 1px;}
hr { border: 1px solid #999999;}

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}

.headermenu .logininfo a { font-weight: bold;}

h1 { font-size: 20px; font-weight: bold;}
h2 { font-size: 18px; font-weight: bold;}
h2.headingblock.header {/*  font-size: 1.8em; font-weight: bold; */}
.sideblock .header h2 { font-size: 14px; font-weight: bold;}
h3 { font-size: 15px; font-weight: bold;}
h4 { font-size: 13px; margin: 0; padding: 0; font-weight: normal;}
h5 { font-size: 11px; margin: 0; padding: 0; font-weight: normal;}
h6 { font-size: 9px; margin: 0; padding: 0; font-weight: normal;}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Arial, Helvetica, sans-serif;
}

.categorybox .category {
/*    font-size: 12px;
    font-weight: bold; */
}

.generaltable td.cell.c0 {
  font-weight: bold;
}

/***
 *** Header
 ***/
 
.breadcrumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
/*    font-weight: bold; */
}

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

 /***
 *** Blocks
 ***/
.block_messages .content { font-size: 12px;}
.sideblock .footer { font-size: 12px;}

 /***
 *** Footer
 ***/
#footer .copy { font-size: 11px;}

/***
 *** Calendar
 ***/
#calendar .today, .minicalendar .today { font-weight: bold;}

#calendar .event_global a,
#calendar .event_course a,
#calendar .event_group a,
#calendar .event_user a,
.minicalendar .event_global a,
.minicalendar .event_course a,
.minicalendar .event_group a,
.minicalendar .event_user a,
.block_calendar_month .event_global a,
.block_calendar_month .event_course a,
.block_calendar_month .event_group a,
.block_calendar_month .event_user a { font-weight: bold;}

#calendar .maincalendar table.calendarmonth td { font-size: 12px;}
#calendar .maincalendar .calendar-controls .current { text-transform: uppercase;}
#calendar .sidecalendar .filters { font-size: 12px;}
table.minicalendar tr.weekdays th { font-size: 10px; text-transform: uppercase;}
table.minicalendar tr td { font-size: 12px;}
.calendar-controls { font-size: 10px; text-transform: uppercase;}
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 15px;
}

.coursebox .info .name {
  font-size: 15px;
  font-weight: bold;
}

/* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/* .calendar-controls .arrow { color: #FFFFFF;} */

/*
span.arrow {
  font-family: Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: Arial, Helvetica, sans-serif;
}


/*Accessibility: resizable icons. */
img.resize { width: 10px; height: 10px;}

/***
 *** Glossary
 ***/
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}

/***
 *** Especials
 ***/
.versaletes { font-variant: small-caps; margin: 0; padding: 0;}
 
.pagingbar { font-weight:bold; margin: 0; padding: 0;}
.title { }
.thispage { margin: 0; padding: 0 5px 0 2px;}
.pagingbar a { color: #FFFFFF; background-color: #66A308; margin: 3px 0; padding: 2px 5px;}
.pagingbar a:hover  { color:#FFFFFF;}
.pagingbar a:visited { color:#FFFFFF;}
/***** cpnl/fw_fonts.css end *****/