/* 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:995px; }
#page { height:100%; overflow:hidden; }
#topspacer { clear: both; width: 100%; height: 40px; }
/* Begin Masthead styles */
#masthead { position:relative; z-index: 300; background: #000 url(/groups/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; }
#masthead ul, li { list-style:none;}
a.login-icon { font-weight: bold; margin-left: 4px; padding-left: 10px; height: 17px; width: 40px; color: #0cf; background: url(/groups/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: 10px; margin-left: 535px; }
#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: 535px; }
#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 {float: left; display: block; padding: 0 18px 0 8px; margin-right: 38px; background: url(/groups/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.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:hover { background: #999 url(/groups/images/phase2/nav-arrow-bg.gif) right -10px no-repeat;}
#masthead #userInfoLoggedIn ul#userinfo-menu li a.usermenu-selected { background: #999 url(/groups/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(/groups/images/phase2/message-bg.gif) 6px bottom no-repeat; }
#masthead #userInfoLoggedIn ul.masthead-messages li a.notification:hover { color: #f62; background: url(/groups/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(/groups/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(/groups/images/phase2/nav-arrow-bg.gif) right -6px no-repeat;}
#masthead ul.nav li a.tab-hover {color: #fff; background: #999 url(/groups/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(/groups/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(/groups/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(/groups/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(/groups/images/phase2/search-arrow-bg.gif) 68px top no-repeat; text-decoration: none; }
#masthead #searchdrop a#search-dropdown:hover { color: #09f; background: url(/groups/images/phase2/search-arrow-bg.gif) 68px -35px no-repeat; }
#masthead #search-form {width: 218px; height: 35px; background: url(/groups/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:0; width:100%; height: 272px; padding:0 0 200px 0; background:#fff url(/groups/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 img.banned-img{ margin:auto 0; float:left;}
#system-page #content p.inactive{clear:none; float:none; padding:20px 0 0 15px; width:300px; overflow:hidden; word-wrap:break-wrap;}
#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(/groups/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(/groups/images/scene_images/footer-bg.gif) repeat-x; margin: 30px 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: 390px; }
#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{position:fixed; width:250px; background:#fff; border:solid 5px #666; top:30%;text-align:center; left:40%; padding:10px; z-index:1000;}
/*------------------ style for admin index page -------------------*/
.admin-link { margin:20px;}
.admin-link a {color:#09f; text-decoration:none;}
.admin-link a:hover{text-decoration:underline;}
.adminlinks { min-height:250px; margin:0 0 0 345px; padding:0; width:600px; }
.adminlinks ul{ margin:20px; padding:0 0 0 15px; list-style:disc; }
.adminlinks ul li { margin:0 0 3px 0; padding:0; list-style:disc; }
.adminlinks ul li a { font-size:13px; font-weight:normal; color:#09f; text-decoration:none; }
.adminlinks ul li a:hover { text-decoration:underline; }
.adminlinks fieldset { margin:0 0 10px 0; padding:0; border:none; }
.adminlinks label { font-size:12px; font-weight:bold; margin:0 5px 0 0; }
.adminlinks select { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.adminlinks input.submit{ margin:0 0 0 135px; padding:0; outline:none; cursor:pointer; }