/*Rounded top for dynamic module heading using NiftyCorners technique*/ .ftop,.fbottom{display:block} .ftop *,.fbottom *{display:block;height: 1px;overflow: hidden} .f1{margin: 0 5px;} .f2{margin: 0 3px;} .f3{margin: 0 2px;} .f4{margin: 0 1px;height: 2px;} .fs1{margin: 0 2px;} .fs2{margin: 0 1px;} .f1{background-color:#dedede;} .f2, .f3, .f4{border-left:1px solid #d8d8d8;border-right:1px solid #dedede;background-color:#F9F9F9;} /*Enf of Shared stlyes*/ body.login{background-image:url('../img/topmenu/orangesmallback.jpg'); background-repeat:repeat-x;}/* Changed 030910*/ body.logout{background-image:url('../img/topmenu/orangebigback.jpg'); background-repeat:repeat-x;}/* Changed 030910*/ div.headertop{height:50px; position:relative; z-index:10; width:960px; margin-left: auto; margin-right: auto;}/* Changed 050610*/ div.headertopbig{height:95px; color:#444;}/* Changed 030910*/ div.socxslogosmall{width:82px; height:39px; float:left;margin:7px 0 0 0px;}/* Changed 030910*/ div.socxslogobig{width:166px; height:78px; float:left;margin:11px 0 0 0px;}/* Changed 030910*/ div.personalmenu{width:300px; float:left; height:25px; margin:25px 0 10px 30px;}/* Changed 030910*/ div.personalmenu a.menu{height:25px;display:block;}/* Changed 030910*/ div.personalmenu a.menu:hover{background-position:0 -25px;}/* Changed 030910*/ div.personalmenu a.selected{background-position:0 -25px;}/* Changed 030910*/ div.personalmenu a.mypages{width:93px; background-image:url('../img/topmenu/personalmypages.png');}/* Changed 030910*/ div.personalmenu a.mediagate{width:100px; background-image:url('../img/topmenu/personalmediagate.png');}/* Changed 030910*/ div.personalmenu a.post{width:64px; background-image:url('../img/topmenu/personalpost.png');}/* Changed 030910*/ div.connectmod{float:left; margin:14px 0 0 65px;}/* Changed 030910*/ div.connectmod h3{font-size:13px;padding-left:1px; margin-top:5px;}/* Changed 030910*/ div.connectmodtext{float:left; font-size:12px; padding:7px 0 0 1px;} div.connectmod p{font-size:12px; margin-top:5px;}/* Changed 030910*/ a.icon{width:18px; height:17px;}/* Changed 030910*/ a.facebooktop{background-image:url('../img/topmenu/facebook.jpg');margin:5px 0 0 5px;}/* Changed 030910*/ a.twitter{background-image:url('../img/topmenu/twitter.jpg'); margin:5px 0 0 5px;}/* Changed 030910*/ a.google{background-image:url('../img/topmenu/google.jpg');margin:5px 0 0 4px;}/* Changed 030910*/ a.yahoo{background-image:url('../img/topmenu/yahoo.jpg'); margin:5px 0 0 4px;}/* Changed 030910*/ div.ormod{float:left; font-size:18px; height:45px; margin:14px 0 0 28px; font-weight:bold; text-align:center; padding-top:27px;}/* Changed 030910*/ div.descriptmod{float:left; margin:13px 0 0 75px;font-size:13px; width:420px;} div.descriptmod p{padding-left:1px;} div.descripttext{float:left;} div.signupmod{float:left; margin:14px 0 0 34px;}/* Changed 030910*/ div.signuptitle{width:124px; height:18px;}/* Changed 030910*/ div.signuptext{font-size:12px; padding-left:1px;margin-top:2px;}/* Changed 030910*/ div.signupmod a.signupbutton{width:60px; height:20px; background-image:url('../img/topmenu/signupbutton.png');margin:5px 0 0 180px;}/* Changed 040210*/ div.signupmod a.signupbutton:hover{background-position:0 -20px; }/* Changed 040210*/ div.signupmodsmall{float:left; margin:30px 0 0 35px;} a.signupbuttonsmall{margin:25px 0 0 0px;} div.signin{float:right;margin-top:10px;}/* Changed 030910*/ /*Dropdown menu*/ .dropmenu ul {padding:0;margin:0;list-style-type:none; font-size:11px;} .dropmenu li {float:left;position:relative;} .dropmenu li.homeli{width:93px;} .dropmenu li.mediagateli{width:100px;} .dropmenu li.postli{width:64px;} .dropmenu ul a:hover ul{visibility:visible; } .dropmenu ul li:hover ul{visibility:visible; } .dropmenu table{position:absolute; top:0; left:0; border-collapse:collapse;} /* second level links */ .dropmenu ul ul a:visited {color:#444444; height:12px; padding:5px 10px; width:130px; font-size:10px;border:1px #dedede solid; border-bottom:none;border-top:none;} .dropmenu ul ul a{background:#fff; color:#444444; height:12px; padding:5px 10px; width:130px; font-size:10px;border:1px #dedede solid; border-bottom:none;border-top:none;} .dropmenu ul ul a.menubottom{border-bottom:1px #dedede solid;} * html .dropmenu ul ul a:visited {width:130px;} * html .dropmenu ul ul a {width:130px;} .dropmenu ul ul {width:130px;} .dropmenu ul ul a:hover {text-decoration:none; color:#fc6d17;} .dropmenu ul ul a{display:block;} .dropmenu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0px; width:130px;} .dropmenu ul ul li.menupadtop{width:130px; height:2px;} /*third level flyout menu Currently NOT USED but in case for future expansion */ .dropmenu ul ul ul{left:121px; top:-1px; width:100px;} .dropmenu ul :hover ul ul{visibility:hidden;} .dropmenu ul :hover ul :hover ul{ visibility:visible;} /*End of Menu*/ div.logo{width:82px; height:40px; padding:0px 0 0 0;} div.accountmodule{height:23px; float:right; width:300px; color:#3b3b3b; font-size:10px; margin:28px 0px 0 0;}/* Changed 030910*/ div.accountmodule a{color:#3b3b3b;}/* Changed 030910*/ div.accountmodule a:hover{color:#fc6d17;} div.accountmodule div.textholder{float:right; margin-top:6px;}/* Changed 030910*/ div.accountmodule div.personalseperator{width:20px; height:23px; background-image:url('../img/topmenu/personalheaderseperator.png'); float:right;} div.accountmodule input.search{width:150px; font-size:9px; color:#666; float:right;} div.accountmodule a.searchbutton{background:url('../img/searchbutton.png'); overflow:hidden; width:16px; height:16px;float:right;} div.accountmodule a.searchbutton:hover{background-position:0 -16px;} /*footer*/ div.footerspace{width:960px; height:30px; clear:both;} div.footer{margin:5px 0 0 0; text-align:center; font-size:10px; height:25px; min-width:960px; width:96%; bottom:0; left:2%; clear:both;position:fixed;color:#666; z-index:10;} /*071610 REMOVE THE BACKGROUND*/ div.footer div.leftcornermodule,div.footer div.rightcornermodule{width:6px; height:25px;} div.footer div.mainfootermodule{height:25px;border-left:1px solid #dedede; border-right:1px solid #dedede;background:transparent url('../img/footer/default/footermainback.png') repeat-x;} /*071610 PUT BACKGROUND IN THIS STYLE*/ div.footer div.socxsfooter{float:left; background:url('../img/footer/socxblocksmall2.jpg') no-repeat; background-position:0 1px; padding:0 0 0 18px;margin-left:10px;height:15px;} div.footer div.footerseperator{width:1px; height:19px; margin:0 10px 0 10px;background:url('../img/footer/default/footerseperator.png') no-repeat;} div.footer div.seperateright{float:right;} div.footer div.seperateleft{float:left;} div.footer div.socxslinks{float:left;} div.footer div.searchbox{float:right;} div.footer input.footersearchbox{height:12px;padding:0px; font-size:10px; width:150px;} div.footer div.footerinputholder{float:right;} div.footer div.searchbuttonholder{margin-right:10px;} div.footer a.searchbutton{display:inline-block;text-indent:-3000px;background-repeat:no-repeat; overflow:hidden; width:16px; height:16px; float:right;} div.footer a.searchbutton:hover{background-position:0 -16px;} div.footer div.customizebox{float:right;} div.footer div.rightcornermodule{} div.footer div.module{height:25px;} div.footer input.footersearchbox,div.footer a{color:#666;} div.footer input.footersearchbox{font-size:9px;} div.footer a:hover{color:#fe8b01;} div.footer a.footermenu{background-repeat:no-repeat; float:left;height:14px; text-align:left;} div.footer a.footsignin{}/* Changed 030910*/ div.footer a.footsignup{}/* Changed 030910*/ div.footer div.footconnectbox{float:right; height:20px; margin-right:0px;}/* Changed 030910*/ div.footconnectext{float:left; font-size:10px;margin-top:1px;}/* Changed 030910*/ a.footicon{width:15px; height:14px;}/* Changed 030910*/ a.footfacebook{background-image:url('http://www.socxs.com/assets/img/footer/facebookfoot.png');margin:1px 0 0 5px;}/* Changed 030910*/ a.foottwitter{background-image:url('http://www.socxs.com/assets/img/footer/twitterfoot.png');margin:1px 0 0 5px;}/* Changed 030910*/ a.footyahoo{background-image:url('http://www.socxs.com/assets/img/footer/yahoofoot.png');margin:1px 0 0 5px;}/* Changed 030910*/ a.footgoogle{background-image:url('http://www.socxs.com/assets/img/footer/googlefoot.png');margin:1px 0 0 5px;}/* Changed 030910*/ /*Footer curve*/ div.footer .r1{background-color:#dedede;} div.footer .r2,div.footer .r3,div.footer .r4{background-color:#fafafa;border-left:1px solid #dedede; border-right:1px solid #dedede;} div.footer a.searchbutton{background:url('../img/footer/default/searchbutton.png');} /*Footerpopupmenu*/ .upmenu ul{padding:0;margin:0;list-style-type:none; text-align:left; font-size:10px;margin-top:1px;} .upmenu li{float:left;position:relative;}/* Changed 030910*/ .upmenu li.mypagesbottom{height:25px;}/* Changed 030910*/ .upmenu li.mediagatebottom{height:25px;}/* Changed 030910*/ .upmenu li.signinbottom{height:25px;margin-right:20px;}/* Changed 030910*/ .upmenu li.signupbottom{height:25px;}/* Changed 030910*/ .upmenu li.postsbottom{height:25px;margin-right:20px;}/* Changed 030910*/ .upmenu li.seperator{width:21px;}/* Changed 030910*/ .upmenu li.friendsli{width:63px;} .upmenu ul a:hover div.test ul{visibility:visible;} .upmenu ul li:hover div.test ul{visibility:visible; } .upmenu table {position:absolute; top:0; left:0; border-collapse:collapse;} /*Changed 052710*/ .upmenu ul li div a { /*--Reset link style for sub-panel links--*/ text-indent: 0; width: auto;height: auto;padding: 0;float: none;color: #00629a; position: static;} .upmenu .subpanel {position: absolute;display: none; /*--Hide by default--*/ width:300px;border: 1px solid #dedede; background: #fff; overflow: hidden; } .upmenu h3 {background: #ffe5c0;padding: 5px 10px;color: #444;font-size: 1.1em; cursor: pointer;font-weight:bold;} .upmenu h3 span { /*--Right aligned "-" icon--*/font-size: 1.5em;float: right;line-height: 0.6em;} .upmenu .subpanel ul{padding: 0; margin: 0; background: #fff;width: 100%;overflow: auto;padding-bottom: 2px;} .upmenu .subpanel li{float: none; /*--Reset float--*/display: block;padding: 0; margin: 0;overflow: hidden;clear: both; background: #fff;position: static; /*--Reset relative positioning--*/ font-size: 0.9em;} /* .firstmenu .subpanel li { background: url(http://www.socxs.com/assets/css/dash.gif) repeat-x left center; }*/ .firstmenu .subpanel li span {padding: 5px; background: #fff;color: #777;float: left;} .firstmenu .subpanel li a img {float: left; margin: 0 5px;} .firstmenu .subpanel li div{padding: 5px 5px; margin: 0;line-height: 22px;height: 18px;background: #fff;display: block; color:#444;} .firstmenu .subpanel li a:hover {color: #fc6d17;text-decoration: none;} .upmenu .firstmenu .subpanel{left: -10px; bottom: 19px;} /* .secondmenu .subpanel li { background: url(http://www.socxs.com/assets/css/dash.gif) repeat-x left center; } */ .secondmenu .subpanel li span {padding: 5px; background: #fff;color: #777;float: left;} .secondmenu .subpanel li a img {float: left; margin: 0 5px;} .secondmenu .subpanel li a{ padding: 5px 5px; margin: 0;line-height: 22px;height: 18px;background: #fff;display: block; color:#444;} .secondmenu .subpanel li a:hover {color: #fc6d17;text-decoration: none;} .upmenu .secondmenu .subpanel{left: -50px; bottom: 30px;} /* .thirdmenu .subpanel li { background: url(http://www.socxs.com/assets/css/dash.gif) repeat-x left center; } */ .thirdmenu .subpanel li span {padding: 5px; background: #fff;color: #777;float: left;} .thirdmenu .subpanel li a img {float: left; margin: 0 5px;} .thirdmenu .subpanel li a{ padding: 5px 5px; margin: 0;line-height: 22px;height: 18px;background: #fff;display: block; color:#444;} .thirdmenu .subpanel li a:hover {color: #fc6d17;text-decoration: none;} .upmenu .thirdmenu .subpanel{left: -113px; bottom: 30px;} /*End of Menu*/