/* Base */
   body {
      background-color:white;
      margin:0px; font-family:arial; font-size:12px;
   }

   a         { color:blue; text-decoration:none; }
   a:hover   { color:red; }
   a img     { border:none; }

   #divSite {
      width:930px; height:630px; margin:auto;
   }

   #divHeader {
      width:100%; height:120px;
   }

   a.lnkHeader         { color:#8CBEE7; }
   a.lnkHeader:hover   { color:#F4F4F4; }

   #divLogo {
      position:absolute; top:15px; float:left;
      width:215px; height:75px;
   }

   #pnlHelp {
      position:absolute; top:15px; left:550px; width:100px; height:40px; line-height:40px;
      text-align:center; background-color:#B2CFFB;
      border-top-left-radius:20px; border-bottom-right-radius:20px;
      -moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px;
      -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px;
   }

   #pnlLoginInfo {
      position:relative; top:5px; float:right; width:150px; background-color:#F0D593;
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
      text-align:center; color:#CF822D;
   }

   #pnlLoginInfo_Learner {
      position:relative; top:5px; float:right; width:500px; height:145px;
      text-align:center; color:#CF822D;
      background-image:url('images/backgrounds/learnerlogininfo.png'); background-repeat:no-repeat;
   }

   #divContent {
      width:100%; font-size:16px; letter-spacing:0.8px; word-spacing:1px;
   }

   #divContent_Learner {
      width:100%; height:520px; font-size:16px; letter-spacing:0.8px; word-spacing:1px;
      background-color:white; border:solid 3px #BFD43B; padding:10px;
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }

   #divFooter {
      width:100%; margin-top:10px; border-top:solid 2px #999999; clear:both;
      text-align:left;
   }

   a.lnkFooter         { color:#999999; }
   a.lnkFooter:hover   { color:black; }

   #lnkClose, #lnkPopups_Close   { color:Black; background-color:white; font-size:11px; padding:5px;
                                   border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
   #lnkClose:hover               { color:red; }
   
   a.lnkSmall         { font-size:10px; }
   a.lnkSmall:hover   { color:black; }
   
   a.lnkSmall_Black         { color:#999999; font-size:10px; }
   a.lnkSmall_Black:hover   { color:black; }
   

   .aspNetDisabled { /* For ASP .NET .Enabled = False controls to show they aren't interactive */
      opacity:0.2; filter:alpha(opacity=20); cursor:not-allowed;
   }

/* Tables */
   table.tblGeneral {
      border:none; border-collapse:collapse;
   }

   table.tblBorder {
      border:solid 1px #5F737A; border-collapse:collapse;
   }

   tr.rowMouseOver {
      background-color:#FFFFCC;
   }
   tr.rowMouseOut {
      background-color:White;
   }

   td.cellHeader {
      border:none 0px;
      padding:3px; vertical-align:top;
      color:#6B6B6D; font-weight:bold;
      background-color:#BDD739;
   }
   
   tr.cellHeader2, td.cellHeader2 {
      border:none 0px;
      padding:3px; vertical-align:top;
      font-weight:bold;
      background-color:#F4F4F4;
   }

   td.cellBlank {
      border:none 0px; padding:0px; vertical-align:top;
   }

   td.cellGrid {
      border:none 0px; padding:4px; vertical-align:top;
      font-size:12px;
   }


/* Divs */
   div.divCurved, div.divCurved_Container {
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }

   div.divCurved_Container {
      background-color:#F7F7F7; border:solid 1px #5F737A; padding:10px;
   }

   div.divWidgitText {
      
   }

   /* Buttons */
      div.divButton, div.divButton_MouseOver {
         width:98%; height:155px; border:solid 3px #BDD739;
         vertical-align:middle; text-align:center;
         border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
      }
      div.divButton {
         
      }
      div.divButton_MouseOver {
         background-color:#EFF5CF;
      }


/* Images */
   img.imgAvatar {
      width:140px; height:120px;
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }


/* Calendar / DataGrid */
   table.tblTitle {
      background-image:url('images/backgrounds/fade.png'); background-repeat:repeat-x;
      height:40px;
   }

   td.cellHeader_Fade {
      background-image:url('images/backgrounds/fade.png'); background-repeat:repeat-x;
      border:none;
   }

   tr.rowHeader, tr.rowPager {
      background-image:url('images/backgrounds/fade.png'); background-repeat:repeat-x;
      border:none; padding:5px; font-size:12px; font-weight:bold;
   }
   td.cellPrevNext {
      padding:5px; vertical-align:bottom;
   }
   tr.rowPager, td.cellPrevNext a         { color:#006222 !important; }
   tr.rowPager, td.cellPrevNext a:hover   { color:#009735 !important; }
      

   td.cellDay {
      padding:10px;
   }
   td.cellDay a         { background-color:#F4F4F4; border:solid 1px #CCCCCC; }
   td.cellDay a:hover   { color:red !important; }


/* DataList */
   td.tdDataList_Item, td.tdDataList_Selected {
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
      vertical-align:middle;
   }
   
   td.tdDataList_Item {
      background-color:white;
   }
   td.tdDataList_Selected {
      background-color:#EFF5CF;
   }

/* Popup Content */
   .divPopupContent {
      width:734px; float:left;
   }
      .divPopupContent_Top {
         background-image:url('images/backgrounds/popupcontent_top.png'); background-repeat:no-repeat;
         width:100%; height:40px;
      }
      .divPopupContent_Middle {
         background-image:url('images/backgrounds/popupcontent_middle.png'); background-repeat:repeat-y;
         width:100%;
      }
      .divPopupContent_Bottom {
         background-image:url('images/backgrounds/popupcontent_bottom.png'); background-repeat:no-repeat;
         width:100%; height:40px;
         text-align:center;
      }

      .bgPopupBackground {
         background-color:black; filter:alpha(opacity=80); opacity:0.8;
      }


/* Accordian */
   .accHeader {
      background-image:url('images/icons/arrow_expand.png'); background-repeat:no-repeat;
      background-position:3px center; margin-bottom:3px;
      height:20px; line-height:20px; padding:5px; padding-left:25px; cursor:pointer;
      font-size:13px; font-weight:bold; color:black;
   }

   .accHeader_Selected {
      background-image:url('images/icons/arrow_collapse.png'); background-repeat:no-repeat;
      background-position:3px center; background-color:#CCCCCC;
      border-top-left-radius:5px; border-top-right-radius:5px;
      -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
      -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
      height:20px; line-height:20px; padding:5px; padding-left:25px; cursor:pointer;
      font-size:13px; font-weight:bold; color:black;
   }

   .accContent {
      font-size:12px; margin-bottom:3px; background-color:white;
      border-top:none; border:solid 1px #CCCCCC;
      padding:10px;
   }


/* Forms */
   input, select, textarea {
      background-color:#F4F4F4; border:solid 1px #CCCCCC; font-family:arial;
      border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
   }
   input[type="submit"] {
      background-color:#FFF5C7;
   }
   input[type="radio"] {
      border:none; background:none;
      padding:0px;
   }
   input[type="checkbox"] {
      border:none; background:none;
      padding:0px;
   }

   select.lstDropDownList {
      width:200px; padding:10px; font-size:25px; font-weight:bold;
      background-color:White;
   }

   table.rblRadioButtonList, table.chkCheckBoxList {
      text-align:center; cursor:pointer;
   }

   table.rblButton input {
      
   }


/* Text */
   .txtHeader {
      font-size:30px; color:#8DB911; letter-spacing:1px;
   }

   .txtSubHeader {
      font-size:18px; color:#5A5A5A;
   }

   .txtSubText {
      font-size:10px; color:#9F9F9F;
   }
   .txtSubText2 {
      font-size:9px; color:#9F9F9F;
   }
   .txtSubText3 {
      font-size:9px; color:white;
   }
   .txtMessage {
      color:Red; font-weight:bold;
   }
   .txtSearch {
      background-image:url('images/icons/search.png'); background-repeat:no-repeat; background-position:3px 50%;
      padding-left:18px;
   }

/* Links */
   a.lnkBackNext img {
      background-color:#F4F4F4; border:solid 1px #CCCCCC; padding:5px;
      border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
   }


/* Password */
   .barPasswordStrength_Border {
      border-style:solid; border-width:1px; width:120px;
   }
   .barPasswordStrength_Background {
      color:#CCCCCC; background-color:#B6DEEE;
   }