/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 18 November 2008 @ 14:10 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Georgia, Times New Roman, Times, serif;
   color: #333;
}
   a {
      color: #1B366F;
      text-decoration: none;
      border-bottom: 1px dotted;
   }
      a:hover { color: #FF9900; }
      a:visited { color: #5C729B; }

div.hr {
   height: 1px;
   margin: -0.4em 0 1.6em 0;
   padding: 0;
   background: #bec9e5 no-repeat scroll center;
}
   div.hr hr { display: none; }

big { font-size: 1.3em; }

#wrapper {
   position: relative;
   width: 845px;
   margin: 0 auto;
}


/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
}
#header #banner a, 
#header #banner a:visited
{
   display: block;
   background: url("../img/logo.gif") 0 0 no-repeat;
   text-indent: -10000px;
   width: 237px;
   height: 65px;
   text-decoration: none;
   overflow: hidden;
   border: 0;
}
   #header #logged_in_user { 
      position: absolute;
      left: 255px;
      top: 28px;
      font-size: 1.1em;
   }

/** @group userNav */
#header #mainNavigation {
   width: inherit;
   height: 30px;
   background: #FFC400 url('../img/bg_nav.jpg') top left repeat-x;
   position: relative;
}

#header #mainNavigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
   #header #mainNavigation #adminNav {
      position: absolute;
      top: 0;
      right: 0;
   }

#header #mainNavigation ul li { display: inline; }

#header #mainNavigation ul li a,
#content a.btn_blue {
   display: block;
   text-transform: uppercase; 
   font: bold 11px/27px trebuchet ms, arial, sans-serif; 
   color: #173F8D; 
   padding: 2px 15px 0px 15px;
   float: left;
   text-decoration: none;
   border: 0;
}
   #header #mainNavigation ul li a:hover, #content a.btn_blue:hover { text-decoration: underline; }
   #header #mainNavigation ul li.selected a,
   #content a.btn_blue {
      background: #00235C url('../img/bg_nav_selected.jpg') top  left repeat-x;
      color: #FFF;
   }
      #content a.btn_blue { margin-right: 5px; }

/* @end userNav **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group ContentWrapper */

#contentWrapper { 
   background: transparent url('../img/bg_contentWrapper.gif') top left repeat-y;
   min-height: 350px;
}
   #single_column #contentWrapper { background-image: url('../img/bg_contentWrapper-single.gif'); }
/** @group leftCol */
#leftCol {
   width: 242px;
   float: left;
   padding-bottom: 80px;
}
/* @end leftCol **/
/** @group sectionNav */
#sectionNav {
   background: #7d97cc url('../img/bg_leftCol_ftr.jpg') bottom left no-repeat;
   padding-bottom: 50px;
   min-height: 46px;
}
#sectionNav ul li a {
   display: block;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.0em;
   text-decoration:none;
   color: #FFF;
   text-transform: uppercase;
   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 20px;
   border: 0;
   line-height: 1.5em;
}
   #sectionNav ul li a:hover { text-decoration: underline; }
   #sectionNav ul li.selected a { background: #00134A url('../img/bg_sectionNav_selected.gif') 5px 9px no-repeat; }
/* @end sectionNav **/
/** @group rightCol */
#rightCol {
   width: 602px;
   float: left;
}
   #contentNavigation { margin-bottom: 20px; }
#single_column #rightCol {
   width: 100%;
}
/** @group content */
#content { 
   padding: 15px 0;
   margin: 0 15px;
   overflow-x: auto;
}
#content form ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#content form ul li {
   margin: 0;
   margin-bottom: 10px;
   clear:both;
   list-style-type: none;
   padding: 0 0 0 25px;
}
   #content form ul li input { margin-right: 5px; }
   #content form ul li label {
      padding:2px;
      text-align:right;
      /*width: 220px;*/
      color: #333;
      white-space: nowrap;
   }
      #content form ul li label.required,
      .demo_required {
         color: #1b356e;
         font-weight: bold;
         background-color: #ffcc00;
         padding: 0.1em 0.3em;
         margin-bottom: 0.1em;
         display: inline-block;
      }
   #content form ul li span {
      color: #333;      
   }
   #content form button, input[type='submit'] {
      background: #00235C url('../img/bg_nav_selected.jpg') top  left repeat-x;
      color: #FFF;
      border: 1px solid #00235B;
      border-top: 0;
      padding: 4px;
      cursor: pointer;
      cursor: hand;
   }
      #content .btn_Container { margin-top: 0.4em; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
   margin: 0;
   padding: 0;
}
   #content h2, #content h3, #content h4, #content h5, #content h6 {
      margin-bottom: 0.5em;
      font-size: 1.25em;
   }
      #content h2 { 
         font-size: 1.9em;
         color:#1B366D;
/*         font-family:Geneva,Arial,Helvetica,sans-serif;*/
      }
      #content h3 { font-size: 1.3em; }
      #content h4 { font-size: 1.2em; }
      #content h5 { font-size: 1.1em; }
      #content h6 { font-size: 0.9em; }
      
#content #update_course_page #edit_course_test_questions_form textarea {
   width:500px;
   height:50px;
}

#content th, #content td, #content table { border: 0; margin: 0; padding: 0; line-height: normal; }
   #content table { width: 100%; }
/*      #content #facility_list table { width: 200px; }*/
   #content td, #content th { padding: 0.8em; }
   #content tr.even { background-color: #D0E2FA; }
   #content thead tr { background-color: #1B356E; color: #FFF; }
   #content input[type="text"] { width: 300px; }

#content a:link { text-decoration: none; }

#content dt { 
   clear: left;
   border-top: 1px solid #BEC9E5;
}
   #content form dt { border: 0; }
#content dt .question { }
#content dt .num_responses { color: #7D96CC; }

#content dl ul { margin-bottom: 0; }

#content #take_test_page dd li { 
   list-style: none; 
   margin-left: 12px; 
   clear: left;
}
   #content #take_test_page dd li input { 
      margin-right: 4px;
      margin-top: 4px;
      margin-bottom: 4px;
      width: 14px;
      float: left;
   }
   #content #take_test_page dd li label {
      float: left;
      display: block;
      width: 530px;
      margin-bottom: 4px;
   }
   #content dd li textarea { 
      width: 530px;
      height: 150px;
   }

#content #percentage_correct { font-size: 1.3em; }
    #content #percentage_correct big { color: #1B356E; }

/** @group login_window */
#login_page table {
   width: 392px;
   margin: 0 auto;
}
#login_window label { margin-left: 5px; }
#login_window input[type='text'], #login_window input[type='password'] { width: 161px; }
/* @end login_window **/

/* @end content **/
/* @end rightCol **/
/* @end ContentWrapper **/

/** Footer
-------------------------- **/
/** @group footer */
#footer {
   background: transparent url('../img/bg_ftr.jpg') top left repeat-x;
   height: 63px;
   padding: 15px 0 0 0;
   text-align: right;
   color:#999999;
   font-family:Geneva,Arial,Helvetica,sans-serif;
   font-size:9px;
   padding-bottom:10px;
}
/* @end footer **/


/** Class Styles
-------------------------- **/

.hidden {
   display: none;
}

.center { text-align: center; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}
.float_right {
  float:right;
}
.float_left {
   float:left;
   margin-right: 10px;
}

.form_success_messages, .success_msg {
   border: 1px solid #25FA00;
   background-color: #EBFBE3;
   padding: 4px;
   margin: 3px 0 8px 0;
}
   span.success_msg,
   span.failure_msg {
      display: block;
      padding: 3px;
      margin-bottom: 0.3em;
   }

.failure_msg {
   border: 1px solid #FA0A00;
   background-color: #FFE6EC;
}