html {
  background-color: #204B5E;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.centro {
  background-color: #204B5E;
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;

  /* give colors to the scrollbars in IE */
  scrollbar-base-color: #C4C6B2;
  scrollbar-face-color: #D8DAC4;
  scrollbar-track-color: #E0E2CE;
  scrollbar-arrow-color: #330033;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #CCCCCC;
  scrollbar-shadow-color: #C9CFA2;
  scrollbar-darkshadow-color: #999999;
}

/* Override layout.css which set the size to 12px. */
.centro div {
  font-size: 13px;
}

/*****************************************************************************/
/* Rounded corners and padding */
/*****************************************************************************/
#doc3 {
  margin: 10px;
  background: #FFF url(../img/pageCorners_ul.gif) no-repeat left top;
  min-width: 957px;
}

#hd {
  background: transparent url(../img/pageCorners_ur.gif) no-repeat right top;
  padding: 7px 7px 0 0;
}

#hd .titlebar, #hd .yui-navset {
  width: 950px;
}

#bd {
  background: #FFF;
}

#yui-main {
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 37px;
  top: 149px;
  padding-left: 15px;
  border-top: 5px solid #FFF;
  /*_border-top: none;*/
  background: #FFF;
  overflow: auto;
  z-index: 5;
  *width: expression((document.body.clientWidth-35) + 'px');
  *height: expression((document.body.clientHeight-6-37-148) + 'px');
  _width: expression((document.body.clientWidth-35) + 'px');
  _height: expression((document.body.clientHeight-6-37-149) + 'px');
}

.yui-t2 #yui-main {
  left: 190px;
  *width: expression((document.body.clientWidth-215) + 'px');
  _width: expression((document.body.clientWidth-215) + 'px');
}

.nonav #yui-main {
  top: 119px;
  _height: expression((document.body.clientHeight-37-119) + 'px');
}

#yui-main iframe {
  position: absolute;
  right: 0;
  left: 15px;
  width: 98%;
  z-index: 6;
  *width: expression(document.body.clientWidth-35 + 'px');
}

.yui-t2 #yui-main iframe {
  *width: expression(document.body.clientWidth-217 + 'px');
}

#yui-main center {
  max-width: 940px;
  _width: 940px;
}

.centro #ft {
  padding: 7px 0 0 0;
  background-color: #204B5E;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  height:28px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.centro #ft img {
  vertical-align: middle;
}

/*****************************************************************************/
/* Tabs */
/*****************************************************************************/
.yui-navset {
  z-index: 10;
}

.yui-navset .yui-nav {
  background: transparent url(../img/tabs_tube.gif) repeat-x bottom;
  padding: 7px 130px 12px 7px;
  border-width: 0;
  font-size: 11px;
}

.yui-navset .yui-nav li {
  background: transparent;
  /*padding-left: 7px;*/
  line-height: 24px;
  margin-right: -1px;
  *margin-right: 2px;
  font-size: 12px;
}

.yui-navset .yui-nav li.longname,
.yui-navset .yui-nav li.wrapped {
  line-height:12px;
}

.yui-navset .yui-nav li.longname {
  max-width: 130px;
  _width: 130px;
}

.yui-navset .yui-nav a {
  background: transparent url(../img/tab_normal_l.gif) no-repeat left top;
  padding-left: 6px;
  text-decoration: none;
}

.yui-navset .yui-nav li.longname a {
  _width: 130px;
}

.yui-navset .yui-nav a em {
  background: transparent url(../img/tab_normal_r.gif) no-repeat right top;
  padding: 4px 6px 2px 0px;
  font-weight: bold;
  color: #395C3C;
  text-align: center;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
  background: transparent url(../img/tab_active_l.gif) no-repeat left top;
  margin-bottom: -12px;
}

.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav .selected a:focus em,
.yui-navset .yui-nav .selected a:hover em {
  background: transparent url(../img/tab_active_r.gif) no-repeat right top;
  color: #FFF;
  padding-bottom: 14px;
  font-size: 12px;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
  /*background: transparent url(../img/tab_hover_l.gif) no-repeat;*/
  background-position: left -80px;
}

.yui-navset .yui-nav a:hover em,
.yui-navset .yui-nav a:focus em {
  /*background-image: url(../img/tab_hover_r.gif);*/
  background-position: right -80px;
}

/*****************************************************************************/
/* Tools */
/*****************************************************************************/
.tools {
  position: absolute;
  right: 0;
  top: 7px;
  color: #FFF;
  background: #B5BAB3;
  width: 130px;
}

.tools:hover {
  background: #C2C6C0;
}

.tools.expanded {
  background: #B5BAB3 /*url(../img/tabsTools_btm_normal_r.gif) no-repeat right bottom*/;
}

.tools.expanded:hover {
  background: #C2C6C0 /*url(../img/tabsTools_btm_hover_r.gif) no-repeat right bottom*/;
}

.tools h3 {
  background: transparent url(../img/tabsTools_top_normal_l.gif) no-repeat left top;
  margin: 0;
  padding: 0;
}

.tools:hover h3 {
  background-image: url(../img/tabsTools_top_hover_l.gif);
}

.tools h3 a, .tools h3 a:visited {
  background: transparent url(../img/tabsTools_top_normal_r.gif) no-repeat right top;
  padding: 0 7px;
  font: bold normal 12px/30px Verdana,Arial,Helvetica,sans-serif;
  text-align: center;
  display: block;
  text-decoration: none;
  outline: none;
}

.tools h3 a:focus {
  outline: none;
  border: none;
}

.tools:hover h3 a {
  background-image: url(../img/tabsTools_top_hover_r.gif);
}

.tools h3 a em {
  font-style: normal;
  font-weight: bold;
  color: #FFF;
  background: transparent url(../img/tabTools_arrow_right.gif) no-repeat right center;
  padding: 7px 20px 7px 0;
}

.tools.expanded h3 a em {
  background-image: url(../img/tabTools_arrow_down.gif);
}

.tools ul {
  display: none;
  padding: 0 7px 7px;
  margin: 0;
}

.tools.expanded ul {
  display: block;
  /*background: transparent url(../img/tabsTools_btm_normal_l.gif) no-repeat left bottom;*/
}

.tools iframe {
  position: absolute;
  width: 128px;
  height: 100px;
  border: 3px solid black;
  z-index: 11;
}

/*
.tools.expanded:hover ul {
  background-image: url(../img/tabsTools_btm_hover_l.gif);
}
*/

.tools li {
  line-height: 1.25;
  list-style: none;
}

.tools li a, .tools li a:hover, .tools li a:visited {
  background-color: transparent;
  text-decoration: underline;
  color: #FFF;
  font-size: 12px;
  white-space:nowrap;
}

.tools .selected a {
  font-weight: bold;
  background: transparent url(../img/bullet.gif) no-repeat left center;
  padding-left: 12px;
}

/*****************************************************************************/
/* Course info */
/*****************************************************************************/
#hd .titlebar img {
  text-align: left;
}

#hd .titlebar {
  text-align: right;
  background: transparent url(../img/logo_centro.jpg) no-repeat left top;
  height: 53px;
  line-height: 53px;
}

.courseinfo {
  background: #F0F0F0;
  border: 2px solid #E2E2E2;
  color: #616161;
  text-align: right;
  padding: 7px 14px 7px 0;
}

.courseinfo b {
  padding-left: 14px;
}

/*****************************************************************************/
/* Next and previous */
/*****************************************************************************/
#pagenav {
  background: transparent url(../img/pagenavgradient.gif) repeat-x bottom left;
  border-collapse: collapse;
  border-spacing: 0;
  height: 30px;
  line-height: 30px;
  width: 950px;
}

#pagenav td {
  border-right: solid 1px #9eba9b;
  margin: 0;
  padding: 0 10px;
}

#pagenav td.quickpage {
  width: 159px;
}

.quickpage a, .quickpage a:link, .quickpage a:visited {
  color: #31630e;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.quickpage .prev {
  float: left;
}

.quickpage .next {
  float: right;
}

#pagenav #kwsearch, #pagenav #kwsearch form {
  text-align: right;
  white-space: nowrap;
  width: 85px;
}

.centro .navi-text {
  font-weight: bold;
  font-size: 11px;
  line-height:normal;
  color: #8c3822;
}

.centro .navi-text a, .centro .navi-text a:link, .centro .navi-text a:visited {
  color: #616161;
  font-weight: bold;
  font-size: 11px;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

#kwsearch input {
  color: #59656f;
  font-size: 11px;
  width: 50px;
}

#kwsearch input.quia_books_button {
  background: transparent;
  border: none;
  color: #31630e;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  padding: 0 0 1px 6px;
  text-decoration: none;
  width: auto;
}

/*****************************************************************************/
/* Table of contents */
/*****************************************************************************/
.centro #toc {
  background-color: #F3F6EF;
  border-right: solid 1px #9eba9b;
  width: 179px;
  padding: 5px 0;
  position: absolute;
  bottom: 37px;
  top: 149px;
  overflow: auto;
  overflow-x: hidden;
  _height: expression((document.body.clientHeight-196) + 'px');
}

.centro #toc td {
  font-size: 10px;
}

.centro #toc td a, .centro #toc td a:link, .centro #toc td a:visited, .centro #toc td a:hover {
  font-weight: normal;
  font-size: 10px;
  color: #484848;
  background-color: transparent;
}

.centro #toc td.qb_css_toc_highlight {
  background-color: transparent;
}

.centro #toc td.qb_css_toc_highlight a {
  color: #8c3822;
  text-decoration: none;
}

#toctoggle {
  position: fixed;
  _position: absolute;
  top: 154px;
  _top: 0;
  left: 25px;
  _left: 15px;
  width: 7px;
  background: #FFF url(../img/collapser.gif) no-repeat 0 top;
  outline: none;
  height: 37px;
  margin-left: -15px;
  text-decoration: none;
}

.yui-t2 #toctoggle {
  left: 205px;
  _left: 15px;
}

#toctoggle.expanded {
  background-position: -28px top;
}

#toctoggle:hover {
  background-position: -14px top;
}

#toctoggle.expanded:hover {
  background-position: -42px top;
}

.tmpl_assignments td {
  padding: 2px 5px 0 10px;
}

.tmpl_assignments td a {
  color:#37613D;
}

td.assignm_book_collapse {
  font-weight:bold;
  font-size:14px;
  color:#8c3822;
  padding:5px;
  padding-top:20px;
}

.assignm_book_collapse a {
  text-decoration:none;
}

.assignm_book_collapse img {
  border: none;
}

.announcements-table {
  margin: 10px 0;
  padding: 0;
  width: 940px;
}

.announcements-table td {
  margin: 0;
  padding: 0;
}

.navtext_toc, .navtext {
  font-size: 9pt;  
  width: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFFCE1;
  border: 1px solid #666666;
}

/* Fix zindex issue with IE6 and drop-lists for the TOC tooltips */
iframe#iframeSliver {
  z-index: 10;
}

/* Grading page styles */
.results td {
  padding: 4px;
  background: #FFF;
}

.results .header td {
  background: #F0F0F0;
}

.centro table.titlebar {
  margin-top: 5px;
}

.titlebar tr, .titlebar td {
  padding: 0;
  margin: 0;
  background-color: #FFF;
  font: bold 14px Verdana,Arial,Helvetica,sans-serif; 
  color: #8c3822;
}

.titlebar .text1, .titlebar .text1-b,
.titlebar .text2, .titlebar .text2-b {
  font-size: 14px;
  color: #8c3822;
  margin: 0;
  padding: 0;
}

/*
  Student calendar
  */
.stud_calendar .noassmts {
    text-align:center;
}

.stud_calendar .dashboardDayHeader {
    color: #33650c;
}

.stud_calendar .dashboardAssignmentTable th {
    background-color:#f0f0f0;
}

.stud_calendar .studCalendarDayInfo td a {
    color:#37613D;
}



/*****************************************************************************
              dashboard calendar
*****************************************************************************/

/* quia books (centro) calendar */
.stud_calendar .dashboardCalendar .yui-calcontainer {
  background-color: #ffffff;
  padding: 13px;
}

.stud_calendar .dashboardCalendar table.yui-calendar {
  width: 184px;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell a {
  color: #377a33;
  height: auto;
  text-decoration: none;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell {
  padding: 0px;
  border-style: none;
  font: bold 11px Verdana;
  vertical-align: middle;
  height:20px;
  text-align:center;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.selectable {
  cursor: pointer;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.selected a {
  color: #fefefe;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.selected {
  background: #98ba4c;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.today a {
  color: #377a33;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.today {
  background: #f4e05b;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.selectedtoday {
  background: #f1d729;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.oom {
  background-color: #eff0ef;
  color: #d7d7b4;
}

.stud_calendar .dashboardCalendar .yui-calendar td.calcell.previous {
  color: #d7d7b4;
}

/** calendar header and navigation styles **/
.stud_calendar .dashboardCalendar .yui-calendar .calweekdaycell, 
.stud_calendar .dashboardCalendar .yui-calendar .calheader {
  font: bold 11px Verdana;
  color: #616161;
  height: 1.5em;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader {
  position: relative;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader a {
  text-indent:-10000em;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  height: 15px;
  top: 0;
  width: 25px;
  z-index: 1;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader a.calnavright {
  background: url(/img/dashboard/calendar_right_on.gif) no-repeat;
  right: 0px;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader a.calnavright-disabled {
  background: url(/img/dashboard/calendar_right_off.gif) no-repeat;
  right: 0px;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader a.calnavleft {
  background: url(/img/dashboard/calendar_left_on.gif) no-repeat ;
  left: 0px;
}

.stud_calendar .dashboardCalendar .yui-calendar .calheader a.calnavleft-disabled {
  background: url(/img/dashboard/calendar_left_off.gif) no-repeat ;
  left: 0px;
}

/** non yui-calendar dashboard styles **/
.stud_calendar .dashboardCalendar {
  background-color: #cad8bd;
  padding: 14px 11px;
}

.stud_calendar .dashboardCalendar td {
  padding: 0px;
}

.stud_calendar .dashboardCalendar td#weekview,
.stud_calendar .dashboardCalendar td#weekview div {
  text-align: left;
  font: bold 16px Verdana;
  color: #8c3822;
}

.stud_calendar .dashboardCalendar td#weekview div {
  width: 182px;
}