/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* RESET */
body { font: 12px/15px Arial, Helvetica, sans-serif; color:#000; /*min-width:775px;*/ min-width:995px; }
#page { height:100%; overflow:hidden; }
#topspacer { clear: both; width: 100%; height: 40px; }
/* login styles */
/*#light-box-login { display: none; }*/
/* login styles */
/* Begin Masthead styles */
#masthead { position:relative; z-index: 300; background: #000 url(/en/images/phase2/masthead-bg.jpg) repeat-x; height: 100px; border-bottom: 1px solid #444;}
#masthead a.masthead-logo { float: left; width: 155px; height: 65px; margin-left: 20px; border: none; text-decoration: none; }
a.login-icon { font-weight: bold; margin-left: 4px; padding-left: 10px; height: 17px; width: 40px; color: #0cf; background: url(/en/images/phase2/icon-login.gif) left -2px no-repeat;}
#masthead #userInfoLoggedIn ul#userinfo-menu a.no-arrow, #masthead #nav-states a.no-arrow { background: none; }
#masthead #userInfoLoggedIn ul#userinfo-menu a.no-arrow:hover, #masthead #nav-states a.no-arrow:hover { background: none; }
#masthead #userInfoLoggedOut { width: 400px; padding-top: 11px; margin-left: 505px; }
#masthead #userInfoLoggedOut strong { font-weight: bold; color: #fff; }
#masthead #userInfoLoggedOut p {font: 12px/20px Arial, sans-serif; color: #ccc;}
#masthead #userInfoLoggedOut p.logged-out-action { font: 11px/17px Arial, sans-serif; }
#masthead #userInfoLoggedOut p a {font-weight: bold; color: #0cf; text-decoration: none;}
#masthead #userInfoLoggedOut p a:hover {text-decoration: underline;}
#masthead #userInfoLoggedIn { width: 460px; padding-top: 15px; margin-left: 505px; }
#masthead #userInfoLoggedIn img { float:left; width: 35px; height: 35px; border: 1px solid #000; margin-right: 4px; }
#masthead #userInfoLoggedIn p {font: bold 12px/20px Arial, sans-serif; color: #fff; margin-left: 49px; }
#masthead #userInfoLoggedIn p a {font-weight: bold; color: #0cf; text-decoration: none;}
#masthead #userInfoLoggedIn p a:hover {text-decoration: underline;}
#masthead #userInfoLoggedIn ul#userinfo-menu li {float: left; }
#masthead #userInfoLoggedIn ul#userinfo-menu li a.myaccount { background: none; font-weight: bold; color: #0cf; }
#masthead #userInfoLoggedIn ul#userinfo-menu li a.myaccount:hover { background: none; text-decoration: underline; }
#masthead #userInfoLoggedIn ul#userinfo-menu li a {float: left; display: block; padding: 0 18px 0 8px; margin-right: 38px; background: url(/en/images/phase2/nav-arrow-bg.gif) right -10px no-repeat; text-decoration: none; font: 11px/16px Arial, sans-serif; color: #fff;}
#masthead #userInfoLoggedIn ul#userinfo-menu li a:hover { background: #999 url(/en/images/phase2/nav-arrow-bg.gif) right -10px no-repeat;}
#masthead #userInfoLoggedIn ul#userinfo-menu li a.usermenu-selected { background: #999 url(/en/images/phase2/nav-arrow-bg.gif) right -10px no-repeat;}
#masthead #userInfoLoggedIn ul#userinfo-menu li ul {position: absolute; width: 10em; left: -999em; }
#masthead #userInfoLoggedIn ul#userinfo-menu li:hover ul, #masthead #userInfoLoggedIn ul#userinfo-menu li.sfhover ul { z-index: 999; left: auto; top: 51px; margin-left: -1px;}
#masthead #userInfoLoggedIn ul#userinfo-menu li:hover ul li a, #masthead #userInfoLoggedIn ul#userinfo-menu li.sfhover ul li a { background-image: none; background-color: #fff; display: block; width: 120px; line-height: 22px; color: #000; padding: 0 22px 0 12px; border: 1px solid #000; border-top: 0;}
#masthead #userInfoLoggedIn ul#userinfo-menu li:hover ul li a:hover, #masthead #userInfoLoggedIn ul#userinfo-menu li.sfhover ul li a:hover {color: #000; background-image: none; background-color: #dee;}
#masthead #userInfoLoggedIn ul#userinfo-menu li:hover ul li a.not-available, #masthead #userInfoLoggedIn ul#userinfo-menu li.sfhover ul li a.not-available { color: #ccc; }
#masthead #userInfoLoggedIn ul#userinfo-menu li:hover ul li a.not-available:hover, #masthead #userInfoLoggedIn ul#userinfo-menu li.sfhover ul li a.not-available:hover { color: #ccc; background-color: #fff; cursor: default; }
#masthead #userInfoLoggedIn ul.masthead-messages li {float: left; }
#masthead #userInfoLoggedIn ul.masthead-messages li.profile-msg { margin-left: -265px; }
#masthead #userInfoLoggedIn ul.masthead-messages li.group-msg {margin-left: -165px; }
#masthead #userInfoLoggedIn ul.masthead-messages li a.notification { float: left; border-right: 1px solid #666; font-weight: bold; padding: 0 4px 0 24px; margin-right: 12px; text-decoration: none; color: #0cf; background: url(/en/images/phase2/message-bg.gif) 6px bottom no-repeat; }
#masthead #userInfoLoggedIn ul.masthead-messages li a.notification:hover { color: #f62; background: url(/en/images/phase2/message-bg.gif) 6px top no-repeat; }
#masthead ul.nav { clear: both; list-style-type: none; margin: 0 20px; padding: 0;}
#masthead ul.nav li { float: left; padding-top: 7px; margin-right: 4px;}
#masthead ul.nav li.help-menu { float: right; }
#masthead ul.nav li a {float: left; display: block; padding: 0 18px 0 13px; background: url(/en/images/phase2/nav-arrow-bg.gif) right -6px no-repeat; text-decoration: none; line-height: 23px; color: #fff;}
#masthead ul.nav li a strong {font-family: "Helvetica Neue Black", "Arial Black", Arial, sans-serif;}
#masthead ul.nav li a:hover {color: #fff; background: #999 url(/en/images/phase2/nav-arrow-bg.gif) right -6px no-repeat; text-decoration: none;}
#masthead ul.nav li a.tab-hover {color: #fff; background: #999 url(/en/images/phase2/nav-arrow-bg.gif) right -6px no-repeat; }
#masthead a.tab-selected { border: 1px solid #fff; }
#masthead ul.nav li a.vc-widget { background: none; }
#masthead ul.nav li a:hover.vc-widget { background: #999; }
#masthead ul.nav a.home {background: #000 url(/en/images/phase2/btn-home-bg.gif) 0 -5px no-repeat; padding: 0; margin: 0 4px; width: 20px; height: 23px; }
#masthead ul.nav a:hover.home {background: #000 url(/en/images/phase2/btn-home-bg.gif) right -5px no-repeat;}
#masthead ul.nav li ul {position: absolute; width: 10em; left: -999em; }
#masthead ul.nav li ul li { padding-top: 0; }
#masthead ul.nav li:hover ul, #masthead ul.nav li.sfhover ul { z-index: 999; left: auto; top: 95px; margin-left: -1px;}
#masthead ul.nav li:hover ul li a, #masthead ul.nav li.sfhover ul li a { background-image: none; background-color: #fff; display: block; width: 156px; line-height: 22px; color: #000; border: 1px solid #000; border-top: 0;}
#masthead ul.nav li:hover ul li a:hover, #masthead ul.nav li.sfhover ul li a:hover {color: #000; background-image: none; background-color: #dee;}
#masthead ul.nav li:hover ul li a.not-available, #masthead ul.nav li.sfhover ul li a.not-available { color: #ccc; }
#masthead ul.nav li:hover ul li a.not-available:hover, #masthead ul.nav li.sfhover ul li a.not-available:hover {color: #ccc; background-color: #fff; cursor: default;}
#masthead ul.nav li:hover ul.help, #masthead ul.nav li.sfhover ul.help { margin-left: -91px;}
#masthead ul.nav li:hover ul.help li a, #masthead ul.nav li.sfhover ul.help li a { width: 116px; }
#masthead ul.nav li:hover ul.help-selected, #masthead ul.nav li.sfhover ul.help-selected { margin-left: -89px;}
#masthead ul.nav li:hover ul.help-selected li a, #masthead ul.nav li.sfhover ul.help-selected li a { width: 116px; }
#masthead ul.nav li:hover ul li a.menu-divider, #masthead ul.nav li.sfhover ul li a.menu-divider { border-top: 1px solid #000; }
#masthead #masthead-search { float: left; margin-left: -9px ; }
#masthead #searchdrop {width: 99px; height: 35px; background: url(/en/images/phase2/search-main-bg1.gif) no-repeat; float: left; margin: 0 24px;}
#masthead #searchdrop ul {position: absolute; width: 10em; left: -999em; }
#masthead #searchdrop ul {top: 94px; margin-left: 5px;}
#masthead #searchdrop:hover ul, #masthead #searchdrop.sfhover ul {left: auto; top: 95px; margin-left: 12px;}
#masthead #searchdrop:hover ul li a, #masthead #searchdrop.sfhover ul li a { background-image: none; background-color: #fff; display: block; width: 140px; line-height: 22px; color: #000; border: 1px solid #000; border-top: 0; padding: 0 22px 0 12px; text-decoration: none; }
#masthead #searchdrop:hover ul li a:hover, #masthead #searchdrop.sfhover ul li a:hover {color: #000; background-image: none; background-color: #dee; }
#masthead #searchdrop a#search-dropdown { display: block; width: 121px; height: 35px; margin-left: 12px; line-height: 35px; color: #000; background: url(/en/images/phase2/search-arrow-bg.gif) 68px top no-repeat; text-decoration: none; }
#masthead #searchdrop a#search-dropdown:hover { color: #09f; background: url(/en/images/phase2/search-arrow-bg.gif) 68px -35px no-repeat; }
#masthead #search-form {width: 218px; height: 35px; background: url(/en/images/phase2/search-main-bg2.gif) no-repeat; float: left; margin: 0 0 0 -24px;}
#masthead #search-form input#mainsearch { float:left; margin: 10px 0 0 3px; width: 188px; border: 0; color: #555; font: 12px/16px Arial, sans-serif; }
#masthead #search-form input#go { margin: 6px 0 0 2px; }
/* End Masthead styles */
/* Begin System Messages styles */
#system-page { margin-top: 0px; width:100%; height: 272px; padding:0 0 200px 0; background:#fff url(/en/images/scene_images/login-bg.jpg) no-repeat; }
#system-page strong { font-weight: bold; }
#system-page a { color: #09f; text-decoration:none; white-space: nowrap; }
#system-page a:hover { text-decoration:underline; }
#system-page .color-blue { color: #09f; }
#system-page #heading { float: left; width: 300px; }
#system-page #heading h2 { font: 18px/24px Helvetica, Arial, sans-serif; padding-top: 50px; margin-left: 30px; width: 200px; }
#system-page #content { margin-left: 300px; font: 14px/18px Helvetica, Arial, sans-serif; padding-top: 50px; width: 450px }
#system-page #content h2 { font: bold 24px/26px Helvetica, Arial, sans-serif; margin-bottom: 12px; }
#system-page #content h3 { font: bold 16px/22px Helvetica, Arial, sans-serif; margin-bottom: 8px;}
#system-page #content p { margin: 0 0 12px 0; clear: both; }
#system-page #content ul { list-style-position:outside; list-style-type:disc; margin: 0 0 12px 14px; }
#system-page #content ul li { margin-bottom: 4px;}
#system-page #content label { font: bold 16px/22px Helvetica, Arial, sans-serif; display: block; }
#system-page #content label a { font: 12px/24px Helvetica, Arial, sans-serif; }
#system-page #content input.textbox { width: 270px; height: 20px; border: 1px solid #000; padding: 3px 4px; margin-bottom: 16px; font: 18px/20px Helvetica, Arial, sans-serif; }
#system-page #content a.button { float: left; display: block; height: 30px; padding: 0 10px; margin: 0 6px 12px 0; border: 1px solid #000; background: url(/system-pages/images/login-btn-bg.gif) bottom repeat-x; font: bold 14px/30px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#system-page #content a.button:hover { color: #0cf; border-color: #0cf; }
#system-page #content a.second-option { border: none; color: #09f; font-weight: normal; text-decoration: none; background: none; }
#system-page #content a.second-option:hover { background-color: #fff; color: #09f; border-color: #fff; text-decoration: underline; }
/* End System Messages styles */
.test { border: 1px solid #f00; }
#footer {float: left; width: 100%; padding: 30px 0 25px 0; background: #333 url(/images/footer-bg.gif) repeat-x; margin: 0 0 0 0; }
#footer-block { width:995px; margin:0 auto; }
#footer #footer-block ul, #footer p {font: 11px/18px Arial, Verdana, sans-serif; color: #ccc; }
#fotter #footer-block .block ul li {margin: 4px 0;}
#footer #footer-block .block ul li a {color: #0cf; text-decoration: none;}
#footer #footer-block .block ul li a:hover {text-decoration: underline;}
#footer #footer-block .block { float:left; }
#footer #footer-block .block h3 {text-transform: uppercase; font: 10px/14px Arial, Verdana, sans-serif; color: #666; margin-bottom: 5px;}
#footer #footer-block .block h3 a { color: #0cf; text-decoration: none; }
#footer #footer-block .block h3 a:hover { text-decoration: underline; }
#footer #footer-block .chat { width: 225px; margin-left: 98px; }
#footer #footer-block .news { width: 200px;}
#footer #footer-block .links { width: 394px; }
#footer #footer-block .links h3 {clear: both; padding-right: 8px; display: inline; float: left; line-height: 14px; margin-bottom: 6px; }
#footer #footer-block .links ul, #footer #footer-block .links ul li { float: left; height: 20px; }
#footer #footer-block .links ul li a { float: left; color: #fff; padding-right: 6px; border-right: 1px dotted #666; line-height: 14px; margin-right: 6px;}
#footer #footer-block .links ul li a.last {border-right: none; margin-right: 0; }
#footer #footer-block p {clear: both; float: left; color: #666; }
/* added 10 June 2008 */
#beta-bug {position: absolute; top: 48px; left: 338px; width: 31px; height: 24px; z-index: 999;}
.hide { display: none;}
.show { display: block;}
/*#TB_overlay_warn {height:100%; left:0; position:fixed; top:0; width:100%; z-index:900;}
.warning_box{ text-align:center; position:fixed; width:350px; height:auto; background:#fff; border:solid 5px #666; top:30%; left:37%; padding:10px; z-index:1000;}*/
#TB_overlay_warn {position: fixed; z-index:900; top:0; left:0; height:100%; width:100%; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
.warning_box{position:fixed; width:250px; background:#fff; border:solid 5px #666; top:30%;text-align:center; left:40%; padding:10px; z-index:1000;}
/* Styles for Login box added November 25 2008 */
/* thick_box Overlay div style for login box display */
#TB_overlay{/*display:none;*/ position: fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay{/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window{/*display:none;*/ width:300px; background:#fff; border:4px solid #525252; font-size:18px; font-weight:normal; left:50%; padding:20px; position:fixed; top:30%; z-index:1001; margin-left:-165px;}
iframe.login-box { width:300px; height:250px; overflow:hidden;}
/* End thick_box */
/* login_box styles */
/*#WarningBox #logout-warning { width: 300px; height: 240px; background:url(/groups/images/phase2/clock.gif) bottom right no-repeat; }*/
#WarningBox #logout-warning h2 { margin-top:20px; font-size: 18px; }
#WarningBox #logout-warning p { font-size: 14px; }
#WarningBox p.logout-message { margin-top: 4px; text-align: center; font-weight: bold; }
#WarningBox img.loading { margin: 10px 0 0 46px; width: 208px; height: 13px; }
.logout-notice { width: 300px; height: 50px; }
.login-window { width: 300px; height: 260px; }
#Login_window .error_msg {color:#f00; font-size:14px; font-weight:normal; margin-bottom:7px;}
#Login_window form label { color:#222; font-size:18px; font-weight:normal; line-height:normal; margin-right:12px; padding:0;}
#Login_window form input.text-box{ border:1px solid #000; font-size:18px; font-weight:normal; height:25px; line-height:20px; margin:3px 0 15px 0; padding:1px 4px; width:270px;}
#Login_window form input.chk-box{ clear:left; float:left; margin-right:10px;}
#Login_window form a {color:#09f; text-decoration:none; font-size:12px;}
#Login_window form a:hover {text-decoration:underline;}
#Login_window form .button{margin:10px 0 0 0; font-size:18px; font-weight:normal; background:url(/peopleweb/images/scene_images/login-btn-bg.gif) top repeat-x; border:1px solid #000; padding:3px 15px; clear:left; float:none; color:#fff; text-decoration:none; outline:none; display:block; }
#Login_window form .button:hover{ color:#0cf;}
#Login_window form p.footnote { font-size:11px; font-weight:normal; line-height:normal; margin-top:8px; padding:0;}
#Login_window form .close{left:284px; position:absolute; top:0; border:none;}
/* End login_box styles */
/* Login form styles */
.login {
float:left;
width:100%;
padding:0 0 200px 0;
background:#fff url(/groups/images/login-bg.jpg) no-repeat;
}
.login .content {
float: left;
width: 100%;
height: 272px;
}
.login p.left {
font: 18px/21px "45 Helvetica Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
width: 200px;
position: absolute;
top: 130px;
left: 28px;
color: #023;
}
.login .form-container {
margin: 28px 0 0 320px;
width: 320px;
}
.login .form-container p {
font: 18px "45 Helvetica Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
color: #222;
padding: 0;
margin: 24px 0 3px 0;
}
.login .form-container #FormUsername, .login .form-container #FormPassword {
width: 270px;
height: 20px;
border: 1px solid #000;
padding: 3px 4px;
font: 18px/20px "45 Helvetica Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
}
.login .form-container p span a {
font: 12px Arial, sans-serif;
color: #09f;
text-decoration: none;
margin-left: 4px;
}
.login .form-container p span a:hover {
text-decoration: underline;
}
.login .form-container .button {
margin: 18px 0 0 0;
background: url(/groups/images/login-btn-bg.gif) top repeat-x;
border: 1px solid #000;
height: 32px;
padding: 0 30px;
font: 18px/20px "45 Helvetica Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
color: #fff;
}
.login .form-container .button:hover {
color: #0cf;
}
.login .form-container p.footnote {
font: 11px Arial, sans-serif;
}
.login .form-container p.footnote a {
color: #09f;
text-decoration: none;
}
.login .form-container p.footnote a:hover {
text-decoration: underline;
}
.error_msg {
color: #f00; font-weight: normal; font-size:14px;
}
/* End login form styles */