html {
   height: auto;
}
body {
   /*width: 100%;
   height: 100%;*/
   margin: 0;
   padding: 0;
   font-family: arial, sans-serif;
   font-size: 14px;
   font-weight: normal;
   color: #0B315A;
   background: #165291 url(/images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
}
body.cdrom {
   background: #165291 url(../images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
}
a{
   text-decoration:none;
}
h1 {
   color: #a5212b;  
   font-size: 16pt;
}
h2 {
   color: #a5212b;  
   font-size: 14pt;    
   margin-bottom:6px;
}
h3 {
   color: #a5212b;  
   font-size: 12pt;  
   margin-bottom:6px;
}
p {
   line-height: 18px;
   padding: 0px 0;
   margin-top:12px;
   margin-bottom:6px;
}    
Table.moduleTable {
   color:#2A2A2A;  
   background-color:#EBF0F5;   
   font-size:13px;
}

Table.moduleTable h3{
   color:#02254D;
}
#backgroundHolder{
   width: 100%;
   background: #95A9BD url(/images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
}
.cdrom #backgroundHolder{
   background: #95A9BD url(../images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
}
#bodyHolder {
   margin: 0px auto;
   width: 990px;
   position: relative;
   z-index:2;
}

#header {
   background: #95A9BD url(/images/public_screens/header_bg.jpg) no-repeat scroll center top;
   margin: 0px;
   padding: 0px;
   position: relative;
   z-index: 1000;
   height: 234px;
}
.cdrom #header {
      background: #95A9BD url(../images/public_screens/header_bg.jpg) no-repeat scroll center top;
}
#header .scoutLogo {
   background: transparent url(/images/public_screens/scout_logo.png) no-repeat scroll center top;
   _behavior: url(/style/iepngfix.htc);
   position: absolute;
   top: 109px;
   margin-left: 55px;
   width: 257px;
   height: 63px;
   text-indent: -10000px;
}
.cdrom #header .scoutLogo {
   background: transparent url(../images/public_screens/scout_logo.png) no-repeat scroll center top;
   _behavior: url(style/iepngfix.htc);
}
.scoutLead {
   position:relative;
}
.scoutLead .imgLead {
   background: transparent url(/images/public_screens/img_lead.png) no-repeat scroll center top;
   _behavior: url(/style/iepngfix.htc);
   position: absolute;
   top: 5px;
   _top: 79px;
   right: 20px;
   width: 289px;
   height: 229px;
   _height: 155px;
}
.cdrom .scoutLead .imgLead {
   background: transparent url(../images/public_screens/img_lead.png) no-repeat scroll center top;
   _behavior: url(style/iepngfix.htc);
}
.scoutLead .icoEmail {
   background: transparent url(/images/public_screens/ico_email.png) no-repeat scroll center top;
   _behavior: url(/style/iepngfix.htc);
   position: absolute;
   top: 15px;
   right: 26px;
   width: 59px;
   height: 59px;
   cursor: pointer;
}
.cdrom .scoutLead .icoEmail {
   background: transparent url(../images/public_screens/ico_email.png) no-repeat scroll center top;
   _behavior: url(style/iepngfix.htc);
}
.logoutButton {
   height: 47px;
   position: absolute;
   right: 96px;
   top: 0;
   width: 86px;
}
#headerTitle {
   position: absolute;
   top: 34px;
   padding-left: 13px;
   width: 845px;
   color: #F8F8F8;
   text-shadow: 0px -1px 0px #484848;
   font-weight: bold;
}
.scoutTitle {
   position: absolute;
   padding: 13px;
   text-align: center;
   font-size: 10pt;
   left: 13px;
}
.scoutTitleBig{
   padding-top: 8px;
   _top: 2px;
   _left: 10px;
}
.loginBox {
   margin-left: 120px;
}
.welcome {
   margin-left: 0;
   padding-top: 13px;
   width: 600px;
}
.text{
   padding-left: 10px;
}
.logoutLink{
   padding-left: 25px;
}
.logoutLink a{
   color: #ffffff;
}
.logoutLink a:hover{
   color: #e9e0b9;
}
.membershipNumber {
   float: left;
   padding-top: 13px;
}
.branchName {
   float: left;
   padding-top: 13px;
}
.password {
   float: left;
   margin-left: 3px;
   padding-top: 13px;
}
.password .forgot{
   text-align: right;
   font-size: 10px;
}
.password .forgot a{
   color: #0B315A;
}
.chisel {
   position: absolute;
   height: 47px;
   margin-top: -13px;
   border-left: 1px solid #93a7bf;
   border-right: 1px solid #b8cce1;
   margin-left: 10px;
}
.branchName label, .membershipNumber label, .password label {
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   padding-left: 5px;
}
.password input{
   padding: 0px;
}
label span{
   padding-right: 5px;
}
.loginbutton {
   position: absolute;
   *position: static;
   float: left;
   *float: none;
   width: 86px;
   height: 47px;
   margin-left: 545px;
}
.button {
   background: transparent url(/images/login/button.png) no-repeat scroll 0 0;
   _background-image: url(/images/login/button.gif);
   border: none;
   clear: both;
   color: #4169c9;
   margin: 8px 0 0 100px;
   padding: 2px 20px 4px 0;
   /*padding-bottom: 4px;
   padding-right: 20px;
   padding-top: 2px;*/
   width: 85px;
}
.button {
   background: transparent url(../images/login/button.png) no-repeat scroll 0 0;
   _background-image: url(../images/login/button.gif);
}
.spacer {
   height: 48px;
   position: absolute;
   width: 80px;
   z-index: 100;
   cursor: pointer;
}
.clear {
   clear: both;
}
.mainContent {
   background: #95A9BD url(/images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
   position: relative;
   height: auto;
   min-height: 400px;
   _height: 400px;
   padding-bottom: 30px;
}
.mainContent {
   background: #95A9BD url(../images/public_screens/bottom_gradient.jpg) repeat-x scroll center bottom;
}
#pageContent {
   background: #fff url(../images/public_screens/logo2.png) no-repeat 35px bottom;
   position: relative;
   margin: 0 2px;
   border-right: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
}
.cdrom #pageContent {
   background: #fff url(../images/public_screens/logo2.png) no-repeat 35px bottom;
}
#pageFooter {
   background: transparent url(/images/public_screens/footer_bg.png) repeat-x scroll center top;
   color: #FFFFFF;
   height: 34px;
   margin: 0 -1px;
   padding: 0 5px;
   position: relative;
}
#pageFooter {
   background: transparent url(../images/public_screens/footer_bg.png) repeat-x scroll center top;
}
#pageFooter a {
   color: #FFFFFF;
}
.left {
   float: left;
   padding-top: 12px;
}
.right {
   float: right;
   padding-top: 12px;
}
#contactDetails {
   position: relative;
   padding-left: 5px;  
   font-size: 12px;
}
#leftPanel {
   padding: 0 10px 310px 5px;
   width: 225px;
   float: left;
   position: relative;
   z-index: 1000;
}
#layout-content {
   margin-left: 242px;
   z-index: 500
}
#bodyContent {
   position: relative;
   min-height: 400px;
   _height: 400px;
   height: auto;
   margin-right: 10px;
   font-size: 14px;
   padding: 10px;
   padding-left: 0px;
   _float: left;
}
#bodyContent img{
   _position: relative;
   _behavior: url(/style/iepngfix.htc);
}
.cdrom #bodyContent img{
   _behavior: url(style/iepngfix.htc);
}
.black {
   font-weight: bold;
   color: #000000;
}
.mail {
   color: #a5212b;
   text-decoration: underline;
}
div.errors {
   background: #ffffcc url(/images/icons/error.gif) no-repeat left center;    
   border: 1px solid black;
   color: darkred !important;
   font-size: 9pt;
   font-weight: bold;
   left: 138px;
   top: 38px;
   padding-left: 18px;
   position: absolute;
   width: 330px;
   height: 18px;
}
.cdrom div.errors {
   background: #ffffcc url(../images/icons/error.gif) no-repeat left center;    
}
div.changePasswordError {
   background: url(/images/icons/error.gif) no-repeat left center;
   color: red !important;
   font-size: 9pt;
   font-weight: bold;
   padding-left: 20px;
}
.cdrom div.changePasswordError {
   background: url(../images/icons/error.gif) no-repeat left center;
}
/* menu Css starts Here */
#navmenu {
   height: auto;
   font-family: "Arial Narrow", Arial, sans-serif;
   position: relative;
}
#navmenu ul {
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   border-top: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   padding: 0;
   margin-top: 5px;
   margin-left:0px;
   width: 220px;
}
#navmenu a, #navmenu a:visited {
   background: #ededed url(/images/public_screens/menu_bg.jpg) repeat-x scroll left top;
   color: #2f76ba;
   display: block;
   margin: 0;
   padding: 10px 12px 10px 7px;
   text-decoration: none;
   font-weight: bold;
   font-size: 17px;
   margin: 1px;
}
.cdrom #navmenu a, #navmenu a:visited {
   background: #ededed url(../images/public_screens/menu_bg.jpg) repeat-x scroll left top;
}
#navmenu li li a, #navmenu li li a:visited {
   padding: 4px 12px 4px 7px;
   font-size: 14px;
}
#navmenu ul li {
   margin: 0;
   position: relative;
   border-bottom: 1px solid #e1e1e1;
}
#navmenu ul li ul {
   background: #ffffff none repeat scroll 0 0;
   margin-left: 220px;
   position: absolute;
   top: 0;
}
#navmenu ul li ul li ul {
   background: #f8f8f8 url(/images/public_screens/menu_bg.jpg) repeat-x scroll left bottom;
}
.cdrom #navmenu ul li ul li ul {
   background: #f8f8f8 url(../images/public_screens/menu_bg.jpg) repeat-x scroll left bottom;
}
#navmenu ul li ul li {
   padding: 0;
}
#navmenu li:hover a, #navmenu li:hover a:visited {
   background: #FFFFFF none repeat scroll 0 0;
}
#navmenu li:hover ul a, #navmenu li:hover ul a:visited {
   background: transparent none repeat scroll 0 0;
}
#navmenu ul li ul li a:hover, #navmenu ul li ul li a:visited:hover {
   background: #EDEDED none repeat scroll 0 0;
}
#navmenu ul li ul li ul li a:hover, #navmenu ul li ul li ul li a:visited:hover {
   background: #FFFFFF none repeat scroll 0 0;
}
#navmenu ul ul, #navmenu li:hover ul ul {
   visibility: hidden;
}
#navmenu li:hover ul, #navmenu li:hover li:hover ul {
   visibility: visible;
}
.arrow{
   position: absolute;
   right: 4px;
   width: 23px;
   height: 23px;
   background: transparent url(/images/public_screens/arrow.gif) no-repeat center right;
}
.cdrom .arrow {
   background: transparent url(../images/public_screens/arrow.gif) no-repeat center right;
}
/* menu Css ends Here */

#ChangePassword{
   padding: 5px 0 0 7px;
}
fieldset.module{
   border: 0 none;
   margin-top: 0;
   padding-bottom: 10px;
   padding-left: 8px;
   width: 660px;
}
.aligned .form-row{
   width: 330px;
   float: left;
   height: auto;
   margin-top: 0;
   min-height: 28px;
   height: auto;
   _height: 28px;
}
.form-row label{
   display: inline-block;
   padding-top: 2px;
   padding: 2px 0 3px 0;
   vertical-align: middle;
   text-align: left;
   width: 85px;
}
.aligned .form-widerow{
   width: 530px;
   float: left;
   height: auto;
   margin-top: 0;
   min-height: 28px;
   height: auto;
   _height: 28px;
}
.form-widerow label{
   display: inline-block;
   padding-top: 2px;
   padding: 2px 0 3px 0;
   vertical-align: middle;
   text-align: left;
   width: 130px;
}
#topback {
   position:absolute;
   width: 100%;
   left:0px;
   top:0px;
   background: #95A9BD url(/images/public_screens/header_repeat.png) repeat-x top;
   height: 234px;
   z-index: 1;
}
.cdrom #topback {
   background: #95A9BD url(../images/public_screens/header_repeat.png) repeat-x top;
}
div.chgpwd,
div.lostPassword{ 
   width: 600px; 
   margin: 0 auto;
   padding-top : 10px;
   font-size: 12px;
}

div.chgpwd th,
div.lostPassword th{
   text-align: right;
}

.submitButton,
.chgpwdbutton,
.chgpwdbutton {
   background: transparent url(/images/public_screens/btn_chgpwd.png) no-repeat scroll 0 0;
   _background-image: url(/images/public_screens/btn_chgpwd.jpg);
   border: none;
   clear: both;
   color: #4169c9;
   margin: 8px 0 0 100px;
   padding: 2px 20px 4px 0;
   width: 160px;
   cursor: pointer;
}
div.progress {
   position: relative;
   width: 150px;
   height: 15px;
   margin-top: 4px;
   border: 1px solid #ccc;
   background-color: #ddd;
   font-size: 12px;
}
div.progress .bar {
   position: absolute;
   left: 0px;
   height: 100%;
   filter:alpha(opacity=30);
   -moz-opacity: 0.3;
   opacity: 0.3;
}
div.progress .text {
   width: 100%;
   position: relative;
   padding: 0;
}

.offlinemsg {
   background: url(/images/warning.png) no-repeat;
   height: 30px;
   line-height: 30px;
   padding-left: 30px;
   border-right: 1px #d6c671 solid;
}
.cdrom .offlinemsg {
   background: url(../images/warning.png) no-repeat;
}
.modulecontent {
   font-size: 12px;
   color: #4a4849;
   position: relative;
}

.floatingCourse a,
.floatingOnline a,
.floatingMaintenance a,
.floatingWorkbook a,
.floatingProject a {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0px;
   top: 0px;
}
.floatingProject {
   position: absolute;
   right: 10px;
   top: 14px;
   width: 171px;
   height: 152px;
   z-index: 50;
   background: url(/images/project.gif) no-repeat;
}
.cdrom .floatingProject {
   background: url(../images/project.gif) no-repeat;
}
.floatingWorkbook {
   position: absolute;
   right: 10px;
   top: 14px;
   width: 171px;
   height: 152px;
   z-index: 50;
   background: url(/images/workbook.gif) no-repeat;
}
.cdrom .floatingWorkbook {
   background: url(../images/workbook.gif) no-repeat;
}
.floatingCourse {
   position: absolute;
   right: 50px;
   top: 14px;
   width: 113px;
   height: 152px;
   z-index: 50;
   background: url(/images/dates.gif) no-repeat;
}
.cdrom .floatingCourse {
   background: url(../images/dates.gif) no-repeat;
}
.floatingOnline,
.floatingMaintenance,
.floatingOnlineUn {
   text-align: center;
   position: absolute;
   right: 27px;
   top: 10px;
   width: 136px;
   height: 152px;
   z-index: 50;
   background: url(/images/launch.gif) no-repeat;
}
.cdrom .floatingOnline,
.cdrom .floatingMaintenance,
.cdrom .floatingOnlineUn {
   background: url(../images/launch.gif) no-repeat;
}
.floatingOnlineUn{
   background: url(/images/launch_unavailable.jpg) no-repeat;
}
.cdrom .floatingOnlineUn{
   background: url(../images/launch_unavailable.jpg) no-repeat;
}
.floatingMaintenance{
   width: 146px;
   right: 20px;
   background: url(/images/launch_maintenance.jpg) no-repeat;
}
.cdrom .floatingMaintenance{
   background: url(../images/launch_maintenance.jpg) no-repeat;
}
.whiteback {
   padding: 2px;
   border: 1px solid #d9e6ef;
   background: #ffffff;
   font-size: 12px;
}
.timeEstimate {
   text-align: center;
   color: #808080;
   line-height: 18px;
}
.timeEstimate span.time {
   top: 3px;
   position: relative;
}
.timeEstimate span.clock {
   background: url(/images/clock.png) no-repeat;
   padding: 9px;
   position: relative;
   font-size: 0px;
   line-height: 0px;
}
.cdrom .timeEstimate span.clock {
   background: url(../images/clock.png) no-repeat;
}
.moduleCode {
   color: #808080;
   font-weight: bold;
}
.sectionwarn {
   position: absolute;
   right: 0px;
   width: 243px;
   height: 64px;
   top: 10px;
   background: url(/images/tooltip.jpg) no-repeat;
}
.sectionwarn {
   background: url(../images/tooltip.jpg) no-repeat;
}
.sectionwarn H1 {
   margin: 0px;
   padding: 0px;
   margin-left: 55px;
   font-size: 13px;
   color: #453f1f;
   font-weight: bold;
   padding-top: 13px;
}
.sectionwarn p {
   margin: 0px;
   padding: 0px;
   margin-left: 55px;
   font-size: 11px;
   color: #453f1f;
   padding-top: 7px;
}
.sectionwarn a,
.sectionwarn a:link,
.sectionwarn a:hover,
.sectionwarn a:visited{
   color: #da6909;
   text-decoration: none;
}
.winmessage {
   color: #007700;
   font-size: 10px;
   font-weight: bold;
   position: relative;
   top: 145px;
}
/* progress span colors */
span.progCompleted {
   color: #23d51f;
}
span.progInProgress {
   color: #eea50a;
}

table.progress {
   font-size: 11px;
   padding: 0px;
   border-spacing: 0px;
   _border-collapse: collapse;
   *border-collapse: collapse;
   width: 99%;
   border:0px;
   color: #4a4849;
}

table.progress p {
   padding: 0px;
   margin: 0px;
}
table.progress div {
   display: inline;
}

table.progress th {
   padding: 0px;
   margin: 0px;
   background: #dbe5f1;
   text-align: left;
   height: 21px;
   padding-left: 5px;
   vertical-align: middle;
   border: 1px solid #376b9d;
}
table.progress .s {
   border: none;
   background: white;
}
table.progress td {
   padding: 0px;
   margin: 0px;
   height: 22px;
   padding-left: 5px;
   vertical-align: middle;
   border: 0px;
}
table.progress tr.odd td {
   background: #e2e7eb;
   border: 0px;
}
table.progress tr.even td {
   background: #ebf0f4;
   border: 0px;
}
table.progress td.last {
   border-bottom: 1px solid #376b9d !important;
}
table.progress td.l {
   border-left: 1px solid #376b9d !important;
}
table.progress td.r {
   border-right: 1px solid #376b9d !important;
   text-align: center;
   padding: 0px;
}

table.moduleTable {
   background: #eaeff3;
   text-align: left;
}
table.moduleTable th {
   color: #3c709f;
   background: #d9e5f1;
   border: 1px solid #b3c3d3;
   position: relative;
   height: 25px;
   line-height: 25px;
   padding-left: 5px;
   padding-right: 5px;
}
table.moduleTable th .moduleType {
   position: relative;
   height: 25px;
   line-height: 25px;
   float: right;
}

body.lost p.errors{
   color: darkred !important;
}

body.lost #headerTitle{
   display: none;
}
.topanchorCont{
   position: relative;
   height: 100%;
}
.topanchor {
   position: absolute;
   background: url(/images/top_button.gif) no-repeat;
   right: 0px;
   bottom: 0px;
   width: 45px;
   height: 18px;
}
.cdrom .topanchor {
   background: url(../images/top_button.gif) no-repeat;
}

.helpLink {
   font-size: 15px;
   margin: 20px 5px;
}

.helpLink a {
   color: #2F76BA;
}

.helpLink img {
   margin-right: 5px;
   vertical-align: middle;
}