/* START - Lightbox Control */
#overlay {display:none; width:100%;	height:100%; position:fixed; top:0; left:0; background-color:#000; opacity:0.5; z-index:100;}
#lightBox {display:none; position:fixed; text-align:left; top:48px; z-index:101; width:593px;}
#lightBox #lightBoxContent {width:525px; position:relative; background:url(/general_ID_items/images/lightbox/lb_bg.png) repeat-y top left; padding:0 45px 0 23px;}
#lightBox .topbar {display:block; width:593px; height:41px; background:url(/general_ID_items/images/lightbox/lb_topbar.png) no-repeat top left;}
#lightBox .topbar a {display:block; width:16px; height:16px; float:right; margin:21px 26px 0; text-indent:-1000em;}
#lightBox .topbar a:hover {background:url(/general_ID_items/images/lightbox/btn_close.gif) no-repeat top left;}
#lightBox .bottombar {display:block; width:593px; height:34px; background:url(/general_ID_items/images/lightbox/lb_bottombar.png) no-repeat top left;}
#lightBox .switch {width:542px; background:url(/general_ID_items/images/lightbox/switch_bottom.png) no-repeat bottom left; margin:0; padding:0;}
#lightBox .switch div {display:block; background:url(/general_ID_items/images/lightbox/switch_top.png) no-repeat top left; height:50px;}
#tempLightbox {display:none; width:525px;}
/* IE Hacks */
.IE #overlay {position:absolute; top:expression(eval(document.documentElement.scrollTop)); width:expression(eval(document.documentElement.clientWidth)); height:expression(eval(document.documentElement.clientHeight)); filter:alpha(opacity=50);}
.IE #lightBox {position:absolute; top:expression((test = document.documentElement.scrollTop + 75) + 'px');}
.IE #lightBox .topbar {background-image:url(/general_ID_items/images/lightbox/lb_topbar.gif);}
.IE6 #lightBox .topbar a {margin:22px 13px 0 0;}
.IE #lightBox #lightBoxContent {background-image:url(/general_ID_items/images/lightbox/lb_bg.gif);}
.IE #lightBox .bottombar {background-image:url(/general_ID_items/images/lightbox/lb_bottombar.gif);}

/* Lightbox content common styles */
.lightboxclass {display:block; padding:7px 18px 0; overflow:hidden;}
.lightboxclass div {overflow:hidden;}
.lightboxclass h1 span {font-size:12px; color:#999; display:block; text-align:right; margin-top:-16px;}
.lightboxclass h2 {font-weight:normal; color:#360;}
.lightboxclass label {position:relative; color:#336600; font-size:13px;}
.lightboxclass input {width:187px; border:1px solid #cccccc; font-size:16px; height:23px; padding:2px 4px 0px; margin:0 0 0 4px;}
.lightboxclass ul {color:#999; list-style:disc; margin:0 0 0 13px; padding:2px 0 0;}
.lightboxclass li {text-indent:-5px; padding:3px 0 0;}
.lightboxclass .pinkbtn_large strong {padding:7px 12px 9px 0;}
.lightboxclass .btn {text-transform:none;}
.lightboxclass .tab {width:541px; position:absolute; left:17px; bottom:-24px; padding:13px 25px 24px; background:url(/general_ID_items/images/lightbox/tab_bg_lower.jpg) no-repeat top left;}
.lightboxclass .tab a {font-size:13px;}
.lightboxclass .tab span {font-size:12px; display:block; color:#707070; margin:3px 0 0;}
.lightboxclass .tab2 {width:541px; background:url(/general_ID_items/images/lightbox/tab2_bg_lower.jpg) no-repeat top left; padding:12px 27px 24px; position:absolute; left:17px; bottom:-29px;}
.lightboxclass .tab2 a {font-size:14px;}

/* W3C */
.W3C .lightboxclass div label {float:left; top:6px;}
.W3C .lightboxclass div input {float:left;}
.W3C .lightboxclass div p {float:left;}

/* IE */
.IE .lightboxclass {overflow:static;}
.IE .lightboxclass label {top:-4px;}
.IE .lightboxclass .pinkbtn_large strong {padding:8px 12px 9px 0;}

.IE6 .lightboxclass {padding-top:9px}
.IE7 .lightboxclass {padding-top:8px}

/* safari */
.safari .lightboxclass {padding-top:9px;}
.safari .lightboxclass .pinkbtn_large strong {padding:9px 12px 9px 0;}
/* END - Lightbox Control */


/* Lightbox Screens - START */
/* Login Page */
.loginscreen {padding-bottom:50px;}
.loginscreen label {padding:0px 0px 0px 22px; font-size:15px;}
.loginscreen input {width:223px;}
.loginscreen .topmsg {margin:0 0 16px;}
.loginscreen .password {margin:12px 0 0;}
.loginscreen .password label {padding:0px 0px 0px 24px;}
.loginscreen .password input {}
.loginscreen .password a {display:inline-block; position:relative; margin:0 0 0 5px; top:7px;}
.loginscreen .remember {margin:9px 0 0;}
.loginscreen .remember input {border:0 none; margin:0 0 0 97px; padding:0; width:auto;}
.loginscreen .remember label {padding:0; font-size:9pt; color:#000; position:relative; left:4px;}
.loginscreen .pinkbtn_large {margin:13px 0 16px 98px;}

.IE .loginscreen .password {margin:10px 0 0;}
.IE .loginscreen .password a {top:-4px;}
.IE .loginscreen .remember {margin:1px 0 0 -4px;}
.IE .loginscreen .remember label {top:-3px; left:1px;}

/* Lockout Page */
.loginlockout p {padding:0 0 15px;}
.loginlockout #loginLockoutForgot {display:inline-block; padding:12px 0 0;}

/* Weak Existing Password Page */
.loginweakpassword {}
.loginweakpassword label {font-size:9pt;}
.loginweakpassword div p {display:block; float:right; width:166px; margin:0; color:#555555;}
.loginweakpassword .password {padding:10px 0 8px;}
.loginweakpassword .password label {padding:0 0 0 13px;}
.loginweakpassword .changepassword {padding:30px 0 9px 102px;}
.loginweakpassword .changepassword .pinkbtn_large {margin:-10px 8px 0 0;}
.loginweakpassword .changepassword .pinkbtn_large strong {padding:9px 12px 11px 0;}
.loginweakpassword .retypepassword .valid {display:none;}

.IE .loginweakpassword div p {margin-top:-34px;}
.IE .loginweakpassword .password {padding:9px 0 6px;}
.IE .loginweakpassword .retypepassword p {margin-top:-28px;}
.IE .loginweakpassword .changepassword span {position:relative; top:-10px;}
.IE .loginweakpassword .changepassword {padding-top:29px;}

.IE7 .loginweakpassword div p {margin-top:-28px;}

.safari .loginweakpassword div p {width:167px;}
.safari .loginweakpassword .password label {padding:0 0 0 14px;}

/* 'JobSeeker or Advertiser?' Page */
.loginchooserole p {float:left; font-size:10pt; color:#360; padding:9px 11px 0 0;}
.loginchooserole .jobseeker {float:left;}
.loginchooserole .advertiser {float:left; padding:0 0 23px 3px;}
.loginchooserole .advertiser p {color:#999; padding:8px 21px 0 0;}
.loginchooserole .advertiser ul {padding:2px 0 0 32px;}

.IE .loginchooserole .jobseeker ul {margin-left:20px;}
.IE .loginchooserole .advertiser {margin:0 0 0 -7px;}
.IE .loginchooserole .advertiser p {padding-right:18px;}
.IE .loginchooserole .advertiser ul {padding-left:39px;}

.safari .loginchooserole ul {margin-left:15px;}
.safari .loginchooserole .advertiser {padding-left:1px;}

/* Register Page */
.registerscreen {padding-bottom:61px; padding-right:9px;}
.registerscreen h1 {overflow:hidden; margin-bottom:9px;}
.registerscreen p {color:#999;}
.registerscreen input {margin-bottom:8px;}
.registerscreen div p {display:block; float:right; width:174px; margin:0; color:#555555;}
.registerscreen .username {padding:14px 0 0; margin:0 0 0 36px;}
.registerscreen .password {margin:0 0 0 38px;}
.registerscreen .retypepassword {margin:0 0 0 -5px;}
.registerscreen .email {margin:0 0 0 62px;}
.registerscreen .newsletters {overflow:hidden; padding-top:12px;}
.registerscreen .newsletters div {float:left;}
.registerscreen .newsletters label {margin:0 0 0 9px;}
.registerscreen .newsletters p {font-size:10px; color:#999999; float:none; font-size:10px; margin:-5px 0 8px; width:auto;}
.registerscreen .newsletters input {width:auto; border:none; padding:0; margin:2px 0 0 6px; height:auto;}
.registerscreen .newsletters .checkbox {color:#000; margin-left:4px; position:relative; top:-2px; font-size:12px;}
.registerscreen .newsletters .updates {margin-top:8px;}
.registerscreen .rememberme {clear:both; margin:12px 0 0 0; padding:11px 0 14px 101px; background:url(/general_ID_items/images/lines/line_separation.gif) no-repeat center top;}
.registerscreen .rememberme input {width:auto; border:none; padding:0;}
.registerscreen .rememberme .checkbox {margin:0; position:relative; top:4px; left:4px; color:#000; font-size:12px;}
.registerscreen .register {margin:0 0 0 104px;}
.registerscreen .register p {color:#999999; float:none; line-height:14px; margin:-33px 0 0 100px; padding:0 0 5px; width:auto;}

.W3C .registerscreen .newsletters div label {float:none; top:0px;}
.W3C .registerscreen .newsletters div .checkbox {top:-2px;}
.W3C .registerscreen .newsletters div input {float:none;}
.W3C .registerscreen .newsletters div p {float:none;}

.IE .registerscreen input {margin-bottom:7px;}
.IE .registerscreen label {top:-12px;}
.IE .registerscreen div p {margin-top:-35px; width:174px; position:relative; right:1px;}
.IE .registerscreen .newsletters label {top:-1px;}
.IE .registerscreen .newsletters p {margin:-7px 0 0; width:auto;}
.IE .registerscreen .newsletters input {margin:-2px 0 0 2px;}
.IE .registerscreen .newsletters .updates {margin-top:4px;}
.IE .registerscreen .newsletters .checkbox {margin-left:1px;}
.IE .registerscreen .rememberme {padding:5px 0 14px 101px;}
.IE .registerscreen .rememberme input {margin-left:0px; height:auto;}
.IE .registerscreen .rememberme .checkbox {top:-8px; left:1px;}
.IE .registerscreen .register p {margin:-33px 0 0 100px; width:auto;}

/* Duplicate Account Page */
.duplicateaccount {padding-bottom:46px;}
.duplicateaccount h1 {margin-bottom:9px;}
.duplicateaccount p {margin-bottom:17px;}
.duplicateaccount span {color:#898989; display:inline-block; padding:8px 4px 0 6px;}
.duplicateaccount .tab2 {bottom:-38px;}
.duplicateaccount .pinkbtn_large strong {padding:9px 12px 11px 0;}

.IE .duplicateaccount span, .IE .duplicateaccount .continue {padding-top:0; position:relative; top:-10px;}
.IE .duplicateaccount .pinkbtn_large strong {padding:9px 12px 11px 0;}

.safari .duplicateaccount .pinkbtn_large strong {padding-bottom:11px;}

/* Register Success Page */
.registersuccess {padding-bottom:12px;}
.registersuccess h1 {margin-bottom:9px;}
.registersuccess h2 {padding-top:8px; margin-bottom:8px;}
.registersuccess ul {padding:0 0 21px; margin-top:-6px;}
.registersuccess li {color:#000; margin-left:5px; padding-top:1px;}
.registersuccess span {display:inline-block; padding:0 0 0 5px;}
.registersuccess .goto span {color:#666; padding:0 6px 0 10px;}
.registersuccess .pinkbtn_large strong {padding:9px 12px 11px 0;}

.IE .registersuccess .goto a, .IE .registersuccess .goto span {position:relative; top:-10px;}
.IE .registersuccess .goto .pinkbtn_large {top:0;}
.IE .registersuccess .pinkbtn_large strong {padding:11px 12px 9px 0;}

.safari .registersuccess .pinkbtn_large strong {padding-bottom:11px;}

/* Forgot Details Page */
.forgotdetails {padding-bottom:10px;}
.forgotdetails input {width:312px;}
.forgotdetails .submit {color:#999; margin:14px 0 0;}
.forgotdetails a {margin:0 0 0 2px;}
.forgotdetails .pinkbtn_large {margin:0 6px 0 90px;}
.forgotdetails .pinkbtn_large strong {padding:9px 12px 11px 0;}
.forgotdetails .submit img {margin:0 6px 0 90px;}

.IE .forgotdetails .submit {margin:-5px 0 8px;}
.IE .forgotdetails .pinkbtn_large {position:relative; top:10px;}
.IE .forgotdetails .pinkbtn_large strong {padding:9px 12px 10px 0;}

/* Email Sent Page */
.emailsent {}
.emailsent ul {color:#000; margin:0 0 15px; padding:11px 0 0;}
.emailsent ul p {margin:0; font-weight:bold;}
.emailsent li {margin:0 0 0 25px;}
/* Lightbox Screens - END */