@charset "utf-8"; /* CSS Document */ body{background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:auto; color:#FFFFFF;} a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;} a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;} img{border:none;} .clear{clear:both;} .shell{margin:auto; width:1024px; height:auto; background:#000 url(i/bg_shell.gif) repeat;} .shellWrapperTop{float:left; margin:auto; width:1024px; height:90px; background:url(i/bg_wrapper_top.png) no-repeat;} .shellWrapperContent{float:left; margin:auto; width:1024px; background:url(i/bg_wrapper_content.png) repeat-y;} .shellWrapperBottom{float:left; margin:auto; width:1024px; height:45px; background:url(i/bg_wrapper_bottom.png) no-repeat;} #header{float:left; width:1024px;} #header #logo{float:left; width:409px; height:52px; margin:23px 0px 0px 40px;} #topNavAuthenticated{float:left; margin:auto; width:1024px; height:82px; background:url(i/ng_top_nav_authenitcated.png) no-repeat;} #topNavAuthenticated .topRow{float:left; margin:auto; width:1000px; padding:0px; margin:8px 0px 0px 15px; } #topNavAuthenticated .topRow ul{float:left; margin:auto; width:1024px; padding:0px; margin:0px; list-style:none;} #topNavAuthenticated .topRow ul li{float:left; margin:auto; width:auto; padding:0px 0px 0px 8px; margin:0px 0px 0px 7px; background:url(i/bg_tr_pipe.png) no-repeat; } #topNavAuthenticated .topRow ul li.first{background-image:none;} #topNavAuthenticated .topRow ul li a{font-size:17px; text-decoration:none;} #topNavAuthenticated .bottomRow{float:left; margin:auto; width:1000px; padding:0px; margin:15px 0px 0px 70px; } #topNavAuthenticated .bottomRow ul{float:left; margin:auto; width:1024px; padding:0px; margin:0px; list-style:none;} #topNavAuthenticated .bottomRow ul li{float:left; margin:auto; width:auto; padding:0px 0px 0px 13px; margin:0px 0px 0px 12px; background:url(i/bg_br_pipe.png) no-repeat; } #topNavAuthenticated .bottomRow ul li.first{background-image:none;} #topNavAuthenticated .bottomRow ul li a{font-size:24px; text-decoration:none;} #topNavUnAuthenticated{float:left; margin:auto; width:1024px; height:82px; background:url(i/ng_top_nav_authenitcated.png) no-repeat;} #topNavUnAuthenticated .topRow{float:left; margin:auto; width:1000px; padding:0px; margin:8px 0px 0px 15px; } #topNavUnAuthenticated .topRow ul{float:left; margin:auto; width:1000px; padding:0px; margin:0px; list-style:none;} #topNavUnAuthenticated .topRow ul li{float:left; margin:auto; width:auto; padding:0px 0px 0px 8px; margin:0px 0px 0px 7px; background:url(i/bg_tr_pipe.png) no-repeat; } #topNavUnAuthenticated .topRow ul li.first{background-image:none;} #topNavUnAuthenticated .topRow ul li a{font-size:17px; text-decoration:none;} #topNavUnAuthenticated .bottomRow{float:left; margin:auto; width:1000px; padding:0px; margin:3px 0px 0px 215px; } #topNavUnAuthenticated input.button{float:left; width:auto; height:auto; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; } #topNavUnAuthenticated .bottomRow #formLogin label{float:left; width:auto; height:14px; padding:0px 0px 0px 0px; margin:8px 5px 0px 0px; font-size:14px; font-weight:bold;} #topNavUnAuthenticated .bottomRow #formLogin input{float:left; width:100px; height:14px; padding:0px 0px 0px 0px; margin:8px 20px 0px 0px; } /*background:url(i/bg_br_pipe.png) no-repeat;*/ #topNavUnAuthenticated .bottomRow #formLogin .forgotPassword{float:left; width:150px; height:14px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px; } #topNavUnAuthenticated .bottomRow #formLogin a.buttonLogin{float:left; width:81px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_login.png) no-repeat; text-decoration:none;} #topNavUnAuthenticated .bottomRow #formLogin a:hover.buttonLogin{float:left; width:81px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_login_hover.png) no-repeat;} #topNavUnAuthenticated .bottomRow #formLogin a.buttonJoinNow{float:left; width:113px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_join_now.png) no-repeat; text-decoration:none;} #topNavUnAuthenticated .bottomRow #formLogin a:hover.buttonJoinNow{float:left; width:113px; height:33px; margin:0px 5px 0px 5px; border:none; background:url(i/main/bg_join_now_hover.png) no-repeat;} #topNavUnAuthenticated .bottomRow #formLogin a span{display:none;} #content{float:left; width:976px; height:auto; margin:15px 24px 0px 24px; padding:0px;} #content .pageTitle{width:309px; height:auto; margin:auto;} #content .silverMemberUpgrade{width:976px; height:25px; margin:auto; margin-top:5px;} #content .silverMemberUpgrade .upgradeToday{float:left; width:180px; height:auto; margin:5px 0px 0px 0px;}/* Should make Hover state */ #content .silverMemberUpgrade .platinumAccess{float:left; width:180px; height:auto; margin:5px 0px 0px 605px;}/* Should make Hover state */ #content .silverMemberUpgrade .upgradeSpecial{float:left; width:180px; height:auto; margin:5px 0px 0px 0px;}/* Should make Hover state */ #content .goldMemberUpgrade{width:197px; height:25px; margin:auto; margin-top:5px;} #content .goldMemberUpgrade .platinumUpgrade{width:197px; height:auto; margin:auto; margin-top:5px;}/* Should make Hover state */ #content .visitorUpgrade{width:976px; height:25px; margin:auto; margin-top:5px;} #content .visitorUpgrade .upgradeToday{float:left; width:180px; height:auto; margin:5px 0px 0px 0px;}/* Should make Hover state */ #content .visitorUpgrade .platinumAccess{float:left; width:180px; height:auto; margin:5px 0px 0px 605px;}/* Should make Hover state */ #content .userWebCamBoxes{width:976px; height:210px; margin:5px 0px 0px 0px; background:url(i/bg_control_panel_user_webcam_boxes.png) no-repeat;} #content .userWebCamBoxes .userInfo{float:left; width:440px; height:auto; margin:0px 0px 0px 0px;} #content .userWebCamBoxes .userInfo h2{float:left; width:440px; height:36px; margin:15px 0px 15px 20px; padding:0px; font-size:28px; font-weight:bold; overflow:hidden;} #content .userWebCamBoxes .userInfo .row{float:left; width:440px; height:auto; margin:0px 0px 0px 20px; font-size:13px;} #content .userWebCamBoxes .userInfo .row .subCol1{float:left; width:240px; height:auto; margin:0px 0px 0px 0px;} #content .userWebCamBoxes .userInfo .row .subCol2{float:left; width:200px; height:auto; margin:0px 0px 0px 0px; text-align:right;} #content .userWebCamBoxes .webCam{float:left; width:425px; height:auto; margin:60px 0px 0px 90px;} #content .userWebCamBoxes .webCam .webcam_module{float:left; width:88px; height:107px; margin:0px 0px 0px 17px; cursor:pointer; color:#fff; } #content .userWebCamBoxes .webCam .webcam_module:hover{cursor:pointer; color:#ccc;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_message{ position:relative; top:0px; left:0px; width:78px; height:92px; margin:5px; padding-top:5px; z-index:99;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_message_wrapper{width:78px; height:92px; padding-right:22px;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_message p{width:72px; margin:25px 0px 0px 3px; padding:0px; text-align:center; font-weight:bold; word-wrap: break-word;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_overlay{ position:relative; top:-107px; left:0px; width:88px; height:107px; margin:0px; z-index:50; background:url(i/bg_webcam_image_overlay.png) no-repeat;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_image { position:relative; top:-214px; left:0px; width:88px; height:107px; margin:0px; z-index:1;} #content .userWebCamBoxes .webCam .webcam_module .webcam_module_image img{width:88px; height:107px;} #content .userWebCamBoxes .webCam .webcam_module_first{float:left; width:88px; height:107px; margin:0px 0px 0px 0px; cursor:pointer; color:#fff;} #content .userWebCamBoxes .webCam .webcam_module_first:hover{cursor:pointer; color:#ccc;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_message{ position:relative; top:0px; left:0px; width:78px; height:92px; margin:5px; padding-top:5px; z-index:99;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_message_wrapper{width:78px; height:92px; padding-right:22px;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_message p{width:75px;margin:25px 0px 0px 0px; padding:0px; text-align:center; font-weight:bold; word-wrap: break-word;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_overlay{ position:relative; top:-107px; left:0px; width:88px; height:107px; margin:0px; z-index:50; background:url(i/bg_webcam_image_overlay.png) no-repeat;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_image { position:relative; top:-214px; left:0px; width:88px; height:107px; margin:0px; z-index:1;} #content .userWebCamBoxes .webCam .webcam_module_first .webcam_module_image img{width:88px; height:107px;} #content .latestSocietyMembers{clear:both; float:left; width:976px; height:134px; margin:10px 0px 0px 7px; background:url(i/bg_latest_members_box.png) no-repeat;} #content .latestSocietyMembers .scroller{clear:both; float:left; width:976px; height:134px; margin:35px 0px 0px 11px;} #content .oneOneOne{clear:both; float:left; width:976px; height:auto; margin:0px 0px 0px 7px;} #content .oneOneOne .columnOne{clear:both; float:left; width:310px; height:auto; margin:auto; margin-top:10px;} #content .oneOneOne .columnOne .buttons{float:left; width:310px; height:auto; margin:10px 0px 0px 0px;} #content .oneOneOne .columnTwo{float:left; width:332px; height:auto; margin:10px 0px 0px 10px;} #content .oneOneOne .columnTwo #memberInfoData{float:left; width:332px; height:440px; margin:0px 0px 0px 0px; padding:25px 0px 0px 25px; background:url(i/bg_member_user_data.png) no-repeat;} #content .oneOneOne .columnTwo #memberInfoData .row{clear:both; float:left; width:285px; height:auto; margin-top:5px; padding:0px; font-size:16px; font-weight:bold;} #content .oneOneOne .columnTwo #memberInfoData .row .subCol1{float:left; width:165px; height:auto; margin:0px;} #content .oneOneOne .columnTwo #memberInfoData .row .subCol2{float:left; width:110px; height:auto; margin:0px; text-align:right;} #content .oneOneOne .columnTwo #memberInfoData .row .subRow{float:left; width:332px; height:auto; margin:0px;} #content .oneOneOne .columnTwo #memberInfoData .newTickerRow{clear:both; float:left; width:282px; height:auto; margin-top:15px; padding:0px; } #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer{width:275px; height:20px; margin:0; padding:0;overflow:hidden;} #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer .mask{position: relative;left:10px;top:0px;width:275px;overflow:hidden;} #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer .mask ul.newsticker{position: relative;left:275px;font:bold 10px Verdana;list-style-type: none;margin: 0;padding:0;} /* important: display inline gives incorrect results when you check for elem's width */ #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer .mask ul.newsticker li{float:left; margin:0;padding:0; } #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer .mask ul.newsticker a{white-space:nowrap;padding:0;color:#fff;font:bold 10px Verdana;margin:0 20px 0 0; text-decoration:none;} #content .oneOneOne .columnTwo #memberInfoData .newTickerRow .tickercontainer .mask ul.newsticker span{margin: 0 10px 0 0;} #content .oneOneOne .columnTwo #memberInfoData .rowLiveFeed{clear:both; float:left; width:332px; height:auto; margin-top:15px; padding:0px; font-size:16px; font-weight:bold;} #content .oneOneOne .columnTwo #memberInfoData .rowLiveFeed .subRow{float:left; width:332px; height:auto; margin:0px;} #content .oneOneOne .columnTwo .buttons{float:left; width:322px; height:auto; margin:13px 0px 0px 10px;} #content .oneOneOne .columnThree{float:left; width:310px; height:auto; margin:10px 0px 0px 10px;} #content .oneOneOne .columnThree #photos{float:left; width:286px; height:149px; margin:10px 0px 0px 0px; padding:32px 0px 0px 20px; background:url(i/bg_latest_photos_box.png) no-repeat;} #content .oneOneOne .columnThree #photos div img{ width:51px; height:52px;} #content .oneOneOne .columnThree #photos #photoOne{float:left; width:52px; height:52px; margin:5px 7px 5px 6px;} #content .oneOneOne .columnThree #photos #photoTwo{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #photos #photoThree{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #photos #photoFour{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #photos #photoFive{float:left; width:52px; height:52px; margin:5px 7px 5px 6px;} #content .oneOneOne .columnThree #photos #photoSix{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #photos #photoSeven{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #photos #photoEight{float:left; width:52px; height:52px; margin:5px 7px 5px 7px;} #content .oneOneOne .columnThree #videos{float:left; width:306px; height:306px; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;background:url(i/bg_latest_videos_box.png) no-repeat;} #content .oneOneOne .columnThree #videos .video{float:left; width:278px; height:208px; margin:43px 10px 0px 10px;} #content .oneOneOne .columnThree #videos .video img{width:278px; height:208px;} #content .oneOneOne .columnThree #videos .greeting{float:left; width:306px; height:auto; margin:7px 0px 0px 0px; font-size:14px; text-align:center;} #content .oneOneOne .columnThree #videos .aurthor{float:left; width:306px; height:auto; margin:1px 0px 0px 0px; font-size:16px; text-align:center;} #content .oneOneOne .columnThree #videos .aurthor a{font-size:16px; text-align:center;} #content .oneOneOne .columnThree #stories{float:left; width:306px; height:120px; margin:3px 0px 0px 0px; padding:31px 0px 0px 0px; background:url(i/bg_latest_stories_box.png) no-repeat;} #content .oneOneOne .columnThree #stories h3{float:left; width:265px; height:auto; margin:5px 0px 0px 25px;} #content .oneOneOne .columnThree #stories p{float:left; width:265px; height:auto; margin:5px 0px 0px 25px; font-size:10px;} #content .oneOneOne .columnThree #stories a{ text-decoration:none; font-size:10px;} #content .one{clear:both; float:left; width:976px; height:auto; margin:0px 0px 0px 0px;} #content .one .comingSoon{float:left; width:600px; height:454px; margin:0px 0px 0px 185px;} #content .one .comingSoon img{width:600px; height:454px;} #content .one h1{clear:both; float:left; width:976px; margin:5px 0px 5px 0px; font-size:28px; font-weight:bold; text-align:center;} #content .one .blogs{float:left; width:976px; height:auto; margin:0px 0px 0px 0px;} #content .one .blogs h1{clear:both; float:left; width:976px; margin:10px 0px 5px 0px; font-size:28px; font-weight:bold; text-align:center;} #content .one .blogs p{float:left; width:776px; height:172px; height:auto; margin:5px 0px 5px 100px;} #content .one .blogs p img{width:776px; height:172px;} #content .one .blogs #buttonParties{margin:5px 0px 5px 350px !important;} #footer{margin:auto; width:1024px;height:auto;} #footer .copy{float:left; width:1024px; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;color:#CCC; font-weight:bold; text-align:center;} #footer .copy p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .email_link{ font-weight:bold; color:#3CF;} /* General Formatting Styles */ .marginTop5px{margin-top:5px !important;} .marginTop10px{margin-top:10px !important;} .marginTop15px{margin-top:15px !important;} .marginTop20px{margin-top:20px !important;} .marginTop30px{margin-top:30px !important;} .marginTop40px{margin-top:40px !important;} .marginTop50px{margin-top:50px !important;} .marginTop60px{margin-top:60px !important;} .marginTop70px{margin-top:70px !important;} .marginTop80px{margin-top:80px !important;} .marginTop90px{margin-top:90px !important;} .marginTop100px{margin-top:100px !important;} .bold{font-weight:bold !important;} .fontSize10px{font-size:10px !important;} .fontSize11px{font-size:11px !important;} .fontSize12px{font-size:12px !important;} .fontSize14px{font-size:14px !important;} .fontSize16px{font-size:16px !important;} .fontSize18px{font-size:18px !important;} .fontSize22px{font-size:22px !important;} .fontSize28px{font-size:28px !important;} .colorRed{color:#900 !important;} .colorWhite{color:#FFF !important;} .colorBlack{color:#000 !important;} .colorBlue{color:#06F !important;} .colorGrey{color:#666 !important;}