/**
 * Public facing login pages
 */
#left_sidebar {
   width: 273px;
   float: left;
   margin-left: 40px;
}
#login_content {
   /* The reg trademark pushed that title off 3px. So I increased the width :-(  */
   width: 553px;
   margin-left: 16px;
   float: left;
}
h1.recentnews {
   background: url(../images/login/newspaper.gif) top right no-repeat;
}
#news {
   height: 86px;
   border-top: 1px solid #656565;
   padding-top:0px;
   overflow: hidden;
}
#news ul {
   padding-left:2em;
   margin-left:0;
   margin-top:5px;
   padding-top:0px;
}
#news ul li {
   font-size:11px;
   margin-bottom:.8em;
   font-weight: bold;
   color: #ccc;
}
#news ul li a {
   color: #ccc;
}
#btnNewsViewAll {
   margin: 10px 5px 0 0;
   float: right;
}
#socialnetworklinks {
   width: 100%;
   margin-top: 10px;
}
#socialnetworklinks div.container {
   float: left;
   margin: 11px 0;
   width: 126px;   
   font-size: 10px;   
}
#socialnetworklinks div.container a {
   color: #ccc;
   text-decoration: none;
   line-height: 1em;
   padding-top:10px;
}
#socialnetworklinks div.container a img {
   float: left;
   margin-right: 5px;   
   margin-top: -10px;
}
#socialnetworklinks div.container a .highlight {
   color: #FECE02;
}

#welcomesplashcontainer .conimages {
   width:430px;
   margin:auto;
   height:81px;
/*   margin-top:5px;*/
}
#welcomesplashcontainer .trademark {
   vertical-align: super;
   font-size: 8px;
}

#welcomesplashcontainer .leftimage {
   float:left;
   width:130px;
   height:81px;
   background-image:url(../images/login/nation_thumb.gif);
}
#welcomesplashcontainer .middleimage {
   margin-left:20px;
   float:left;
   width:130px;
   height:81px;
   background-image:url(../images/login/intr_thumb.gif);
}
#welcomesplashcontainer .rightimage {
   margin-left:20px;
   float:left;
   width:130px;
   height:81px;
   background-image:url(../images/login/commer_thumb.gif);
}
#welcomesplashcontainer .imagelinks {
   margin:0px 12px 20px 12px;
   padding-bottom:7px:
}
#welcomesplashcontainer .lnkcontainer {
   width:430px;
   margin:auto;
   height:21px;
}
#welcomesplashcontainer .leftlink {
   text-align:center;
   float:left;
   width:130px;
}
#welcomesplashcontainer .middlelink {
   text-align:center;
   margin-left:20px;
   float:left;
   width:130px;
}
#welcomesplashcontainer .rightlink {
   text-align:center;
   margin-left:20px;
   float:left;
   width:130px;
}
#welcomesplashcontainer .lnkcontainer a {
   color: #FECE02;
}


ul.importantnoteslist {
   list-style: none;
   margin: 0;
   padding: 0;
}

ul.importantnoteslist li {
   margin: 0;
   padding: 4px 0 20px 32px;
   line-height: 1.3em;
   background:url(../images/login/bulletpnt.gif) top left no-repeat;
}
ul.importantnoteslist li .title {
   font-size: 1.15em;
   font-weight: bold;
}

div.loginimagecontainer {
   margin-bottom:15px;
   padding-top:5px;
   border-top:1px solid #656565;
   padding-bottom:10px;
   border-bottom:1px solid #656565
}

div.loginimagecontainer div.imagescontainer {
   width:450px;
   margin:auto;
   height:110px
}

div.loginimagecontainer div.imagescontainer div.image {
   width:30%;
   float:left;
   text-align:center
}

div.loginimagecontainer div.imagescontainer div.image a {
   text-decoration:none
}

div.loginimagecontainer div.imagescontainer div.image a span {
   text-decoration:underline
}

div.loginimagecontainer div.imagescontainer div.spacer {
   height:1px;
   width:10px;
   float:left
}

div.viewallbutton {
   height:30px
}

div.newsseparator {
   clear:both;
   height:4px;
   padding-top:5px;
   border-bottom:1px solid #656565;
   font-size:1px
}
#registrationform {
   border-top: 1px dotted #ccc;
   background: url(../../images/login/regis.gif) 0 1em no-repeat;
   padding-left: 150px;
   padding-top: 1em;
   margin-top: 1em;
   position: relative;
}
#registrationform .notes {
   position: absolute;
   left: 0;
   top: 100px;
   width: 130px;
   font-style: italic;
}
.frmlabel {
   color: #FECE02;
   font-weight: bold;
}
.frmlabel .frmsublabel {
   color: #ccc;
   font-weight: normal;
   font-style: italic;
   font-size: 0.85em;
}
.frmInputContainer {
   margin-bottom:0.5em;
}
.frmInputContainer input, 
.frmInputContainer select {
   width: 200px;
}
#forgotpasswordform {
   background: url(../../images/login/lock_thumb.gif) 0 1em no-repeat;
   padding-left: 150px;
   border-top: 1px dotted #ccc;
   padding-top: 1em;
   margin-top: 1em;
}
#forgotpasswordform .captcha {
   padding-top: 3px;
   margin-bottom: 10px;
}
#frmOfficeIdContainer {
   padding: 4px 0 12px 0;
}
#frmOfficeIdContainer label {
   display: block;
}
.frmHelpMsg {
   color: #cc7777;
}