/* @override http://flyingsolo2.sharkeymedia.com/forums/images/flysolo10/style.css */ body { margin:0; padding:0; background:#ffffff url(/images/bg-html.png) repeat-x top; } .auto-float {width:1010px;margin:0pt auto;} .wrapper {float:left;width:1010px;} .fr {float:right!important} /*this is here so other stuff overrides it, don't worry i know what i'm doing*/ .typography ul {padding-bottom:18px;} .typography ul li {background:transparent url(bg-green-dot.png) no-repeat scroll left 5px;color:#4D4D4C;font-family:Arial,Helvetica,serif;font-size:12px;line-height:17px;padding-bottom:5px;padding-left:15px;} /* HEADER ---------------------------------------- */ .header {float:left;width:1000px;height:165px;margin-left:5px;margin-right:5px;} .header, .nav, .footer, .full-width { font:11px Arial, Helvetica, sans-serif; color:#4d4d4c; line-height:1; } .header ul, .nav ul, .footer ul, .full-width ul { margin:0; padding:0; list-style:none; } .header .left {float:left;width:272px;} .header .right {float:right;width:728px;} .header .advert-area {float:right;width:728px;height:102px;padding-top:30px;} .header .logout {position:absolute;top:8px;right:10px;font-size:11px;color:#fff;} .header .logout:hover {color:#C0CE99;} /*header-links*/ ul.header-link {float:left;position:absolute;top:10px;list-style:none;left:5px;} ul.header-link li {display:inline;color:#fff;font-size:11px;} ul.header-link li.divider {padding:0px 4px;color:#a4b478;} /*func-nav*/ .header ul.func-nav {float:right;height:33px;list-style:none;} .header ul.func-nav li {display:inline;float:right;height:33px;margin:0px 0px 0px 2px;} .header ul.func-nav li a {display:block;background: url(bg-func-nav-a.png) no-repeat right top;height:33px;padding-right:15px;line-height:33px;font-size:12px;color:#fff;text-decoration:none;float:left;} .header ul.func-nav li a span {display:block;background: url(bg-func-nav-a-span.png) no-repeat left top;padding-left:15px;float:left;font-size:12px;color:#fff;} .header ul.func-nav li a:hover span {color:#526b12;cursor:pointer;} .header ul.func-nav li a.login-btn {background: url(bg-func-nav-login-a.png) no-repeat right top;padding-right:27px;} .header ul.func-nav li a.look-at-me {background-position:right bottom;} .header ul.func-nav li a.look-at-me span {background-position:left bottom;color:#c2c2c2;} /*login-box */ .login-box.typography h2 {font-size:22px;} .login-box .inside {width:237px;padding-top:15px;padding-left:22px;} .login-box input.text {float:left;width:225px;height:20px;border:1px solid #e8e8e8;font-size:11px;color:#888;padding-top:6px;padding-left:10px;margin-bottom:10px;} .login-box a.forgot {display:block;font-size:11px;padding-left:5px;padding-top:7px;} .login-box button.submit {float:right;width:77px;height:31px;background: url(bg-poll-submit.png) no-repeat top;border:0px;padding:0px;padding-bottom:4px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;line-height:31px;margin-right:0px;} .login-box button.submit:hover {background-position:bottom;cursor:pointer;} /* NAV ---------------------------------------- */ .nav {float:left;width:1010px;height:92px;background: url(bg-nav.png) no-repeat;position:relative;} /*search*/ .nav .search {float:right;width:277px;height:23px;margin-right:29px;margin-top:9px;background: url(bg-search-input.png) no-repeat;position:relative;} .nav .search #search-button {float:right;width:60px;height:23px;background: url(bg-search-button.png) no-repeat top;border:0px;margin:0px;padding:0px;} .nav .search input#search-button:hover {background-position:bottom;cursor:pointer;} .nav .search input#search-field {float:left;width:200px;padding-right:107px;height:18px;padding:0px;margin:0px;border:0px;font-size:12px;padding-top:5px;padding-left:10px;background:transparent;} .nav .search .search-drop {position:absolute;right:60px;background: url(bg-search-drop.png) no-repeat 0px 4px;width:106px;height:23px;} .nav .search .search-drop .toggle {float:left;width:106px;height:23px;text-indent:6px;} .nav .search .search-drop .toggle:hover {cursor:pointer;} .nav .search .search-drop .toggle {font-size:10px;color:#333;line-height:21px;text-indent:5px;padding-top:2px;color:#bababa;} .nav .search .search-drop ul {float:left;width:104px;list-style-type:none;background-color:#fff;z-index: 888888;position:absolute;top:23px;border:0px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;display:none;right:0px;} .nav .search .search-drop ul.down {border-bottom:1px solid #e8e8e8;} .nav .search .search-drop ul li {display:block;font-size:11px;line-height:20px;float:left;width:104px;text-indent:5px;} .nav .search .search-drop ul li:hover {} .nav .search .search-drop ul li a {text-decoration:none;font-size:10px;color:#bababa;} .nav .search .search-drop ul li:hover a {color:#3e8a9a;} .nav .search .search-drop ul li a:hover {color:#3E8A9A;} /*primary-nav*/ .nav ul.primary-nav {float:left;width:689px;height:42px;list-style:none;padding-left:15px;} .nav ul.primary-nav li {display:inline;float:left;height:42px;padding:0px;background: url(bg-primary-nav-divider.png) no-repeat top right;} .nav ul.primary-nav > li:last-child {background:transparent;} .nav ul.primary-nav li a {display:block;text-decoration:none;padding-right:12px;height:42px;line-height:42px;} .nav ul.primary-nav li a span {display:block;font-size:13px;color:#fff;padding-left:12px;} .nav ul.primary-nav li a:hover span {color:#888888;} .nav ul.primary-nav li a.look-at-me {background: url(bg-primary-nav-a.png) no-repeat right top;} .nav ul.primary-nav li a.look-at-me span {background: url(bg-primary-nav-a-span.png) no-repeat top left;color:#000;} /*primary-nav level 2*/ .nav ul.primary-nav li ul.level-two {float:left;width:920px;height:42px;position:absolute;left:0px;padding-left:10px;top:42px;display:inline;top:42px;overflow:hidden;z-index: 1;} .nav ul.primary-nav li ul.level-two li {display:inline;background: url(bg-primary-nav-l2-divider.png) no-repeat top right;line-height:42px;padding-left:12px;padding-right:12px;color:#7c7c7c;font-size:12px;} .nav ul.primary-nav li ul.level-two li a {font-size:12px;color:#91b03e;text-decoration:none;padding-right:0px;padding:0px 5px;} .nav ul.primary-nav li ul.level-two li a:hover {color:#000;} .nav ul.primary-nav li ul.level-two li a.look-at-me {font-weight:bold;color:#91b03e;background:transparent;} /*primary-nav all-level-2*/ .nav div.all-level-two-container {float:right;width:80px;height:42px;position:absolute;right:0px;top:42px;} .nav div.all-level-two-container .toggle {background: url(bg-all-nav-second-drop.png) no-repeat left 5px;float:left;width:80px;height:42px;text-indent:-5000px;} .nav div.all-level-two-container .toggle:hover {background-position:left -28px;} .nav ul.all-level-two {float:right;width:120px;position:absolute;right:0px;top:43px;right:4px;border:2px solid #eaeaea;border-top:0px;list-style-type:none;z-index: 999999;} .nav ul.all-level-two li {width:120px;float:left;} .nav ul.all-level-two li a {float:left;width:100px;padding:5px 10px;color:#91B03E;text-decoration:none;line-height:12px;display:block;background-color:#f1f1f1;} .nav ul.all-level-two li a:hover {background-color:#fff;color:#000;} /*YAY CSS3!*/ .nav ul.primary-nav li ul.level-two > li:last-child {background:transparent;} /* COL-CONTAINER ---------------------------------------- */ .col-container {float:left;width:1000px;margin:0px 5px 0px 5px;} /* right-col ---------------------------------------- */ .right-col {float:right;width:300px;border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;min-height:200px;margin:10px 0px 0px 0px;padding:0px 12px 0px 12px;} /* advert * 300 wide */ .right-col .advert {float:left;width:300px;margin-top:20px;border-top:1px solid #e8e8e8;padding-top:20px;margin-bottom:20px;text-align:center;} .right-col .advert.very-top {padding-top:0px;border-top:0px;margin-top:0px;} /* left-col ---------------------------------------- */ .left-col {float:left;width:660px;min-height:200px;margin:10px 0px 0px 0px;padding-right:14px;} /* full-width ---------------------------------------- */ .full-width {float:left;width:1000px;border-top:1px solid #e8e8e8;margin-top:25px;text-align:center;padding-top:25px;margin-bottom:20px;} .full-width img {padding-bottom:1px;} .full-width a {font-size:11px;color:#8d8d8d;text-decoration:none;display:block;} .full-width a:hover {color:#000;} /* footer ---------------------------------------- */ .footer {float:left;width:1000px;} .footer .top {float:left;width:1000px;height:43px;background: url(bg-footer-top.png) no-repeat top left;} .footer .top ul {list-style:none;width:980px;text-align:right;padding-right:20px;} .footer .top ul li {display:inline;} .footer .top ul li a {font-size:11px;color:#c0ce99;text-decoration:none;line-height:43px;padding-left:20px;margin-left:15px;float:right;height:43px;} .footer .top ul li a:hover {color:#ffffff;} .footer .top ul li a.rss {background: url(bg-rss.png) no-repeat 0% 45%;} .footer .top ul li a.twitter {background: url(bg-twitter.png) no-repeat 0% 45%;;padding-left:25px;} .footer .top ul li a.enews {background: url(bg-enews.png) no-repeat 0% 45%;;} .footer .bottom {float:left;width:1000px;height:43px;border-bottom:1px solid #e8e8e8;} .footer .bottom ul {float:left;width:1000px;list-style:none;} .footer .bottom ul li {display:inline;color:#ccc;} .footer .bottom ul li a {font-size:11px;color:#838484;text-decoration:none;line-height:43px;} .footer .bottom ul li a:hover {color:#cbcbcb;} .padding-bottom {float:left;width:1010px;height:100px;} /* Membership Section ---------------------------------------- */ .membership-tabs {display:none;} /*hide incase not in menbership section*/ body {background: url(/images/new-header/bg-html.png) repeat-x;} body .nav {background: url(/images/bg-nav.png) no-repeat;} .bcrumbs { clear:both; padding-left:10px; padding-top:17px; } .header { float: left; width: 1000px; height: 181px; margin-left: 5px; margin-right: 5px; } .header .layer-one, .header .layer-two { display: block; width: 100%; overflow: hidden; } ul.header-link { position: relative; margin-top: 10px; margin-right: 5px; } .header .advert-area { float: left; width: 728px; height: 98px; padding-top: 9px; } .header .header-gcb { float: right; width: 250px; height: 100px; text-align: center; } .header .layer-two .l2-left { float: left; width: 315px; } .header .layer-two .l2-left .site-logo { display: block; } .header .layer-two .l2-right { float: right; width: 650px; } .header .layer-two .l2-right ul.header-link { display: block; float: none; height: 18px; padding-right: 5px; overflow: hidden; top: 0 } .header .layer-two .l2-right ul.header-link li { float: right; } .header ul.func-nav { margin-top: 13px; float: right; height: 33px; list-style: none; } .bottom-bumf { color:#888; clear:both; height:100%; overflow:hidden; padding-top:12px; } .bottom-bumf a { color:#888; } .typography h2, .right-col * {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:Arial,Helvetica,sans-serif;} .right-col p, .right-col li,.right-col ol,.right-col dd,.right-col dt,.right-col td,.right-col th,.right-col textarea,.right-col span,.right-col input,.right-col label{font-family:Arial,Helvetica,sans-serif;color:#4d4d4c;font-size:11px;} .typography h2 {font-size:28px;font-weight:normal;font-family:Georgia, serif;color:#91b03e;display:block;padding-bottom:12px;} .typography a:hover {color:#93b6bd;text-decoration:underline;} .typography a {color:#3e8a9a;text-decoration:none;} .login-box.typography h2 {font-size:22px;} .login-box .inside {width:237px;padding-top:15px;padding-left:22px;} .login-box input.text {float:left;width:225px;height:20px;border:1px solid #e8e8e8;font-size:11px;color:#888;padding-top:6px;padding-left:10px;margin-bottom:10px;} .login-box a.forgot {display:block;font-size:11px;padding-left:5px;padding-top:7px;} .login-box button.submit {float:right;width:77px;height:31px;background: url(/images/bg-poll-submit.png) no-repeat top;border:0px;padding:0px;padding-bottom:4px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;line-height:31px;margin-right:0px;} .login-box button.submit:hover {background-position:bottom;cursor:pointer;} .login-box { width: 280px; height: 0px; overflow: hidden; position: absolute; top: 180px; margin-left: 50% !important; left: 220px; z-index: 9999999999; background: url(/images/bg-login-box.png) no-repeat; } .alt1Active11 form { display: none !important; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000000 none repeat scroll 0 0;} #colorbox{margin-top:25px;} #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:10px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/ajax-loader.gif) center center no-repeat;} #cboxClose{position:absolute; top:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} #sb-container,#sb-wrapper{text-align:left;} #sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;} #sb-container{height:100%;display:none;visibility:hidden;z-index:9999;} body>#sb-container{position:fixed;} #sb-overlay{height:expression(document.documentElement.clientHeight+'px');} #sb-container>#sb-overlay{height:100%;} #sb-wrapper{position:relative;} #sb-wrapper img{border:none;} #sb-body{position:relative;margin:0;padding:0;overflow:hidden;padding:20px;background: url(/images/sb-resources/bg-shadow.png) repeat; -moz-border-radius: 6px;-webkit-border-radius: 6px; } #sb-body-inner{position:relative;height:100%;background-color:#fff;} #sb-content.html{height:100%;overflow:auto;} #sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;display:none;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;} #sb-title,#sb-title-inner{height:26px;} #sb-title-inner{font-size:16px;padding:5px 0;color:#fff;} #sb-info,#sb-info-inner{height:20px;} #sb-info-inner{font-size:12px;color:#fff;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;} #sb-nav-close{background-image:url(/images/sb-resources/close.png);background-repeat:no-repeat;} #sb-nav-next{background-image:url(/images/sb-resources/next.png);background-repeat:no-repeat;} #sb-nav-previous{background-image:url(/images/sb-resources/previous.png);background-repeat:no-repeat;} #sb-nav-play{background-image:url(/images/sb-resources/play.png);background-repeat:no-repeat;} #sb-nav-pause{background-image:url(/images/sb-resources/pause.png);background-repeat:no-repeat;} #sb-counter{float:left;padding:2px 0;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} #sb-title { padding-right: 20px; /*clear #sb-nav-close by 4px*/ z-index: 1; } #sb-nav-close { background-color: transparent; background-image: url(/images/sb-resources/close.png); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 22px!important; /*initially set to same as #sb-title height*/ right: 22px; display: block; width: 16px; height: 16px; cursor: pointer; z-index: 9999; } #sb-body { z-index: 3; } #sb-info { z-index: 4; } .typography.lurkers { margin: 20px 20px 0 20px; width: 440px; } .typography.lurkers h1 { margin-bottom: 10px; ; } .typography.lurkers .form-row { width: 100%; overflow: hidden; margin-top: 7px; margin-bottom: 6px; } .typography.lurkers .form-row input { float: left; width: 254px; border: 1px solid #c8c8c8; height: 21px; padding: 0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; margin-right: 10px; } .typography h1 {font-size:34px;font-weight:normal;font-family:Georgia, serif;color:#91b03e;line-height:42px;} .typography.lurkers h1 { margin-bottom: 10px; } .typography p {color:#4d4d4c;line-height:17px;font-family:Arial,Helvetica,serif;font-size:12px;padding-bottom:15px;} /* gradient-btn ---------------------------------------- */ .gradient-btn {background: url(/images/bg-btn-right.png) no-repeat bottom right;padding-right:14px;height:27px;float:left;line-height:26px;} .gradient-btn span {display:block;background: url(/images/bg-btn-left.png) no-repeat bottom left;padding-left:14px;height:27px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;} .gradient-btn:hover {background-position:top right;text-decoration:none;cursor:pointer;} .gradient-btn:hover span {background-position:top left;text-decoration:none;color:#000;cursor:pointer;} .typography .gradient-btn:hover {text-decoration:none;} .gradient-btn button {display:block;background: url(/images/bg-btn-left.png) no-repeat bottom left;padding-left:14px;height:27px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;border:0px;padding-right:0px;outline:0px;outline:none;padding-bottom:1px;} .gradient-btn:hover button {background-position:top left;cursor:pointer;color:#000;} /*to prevent issue with typography override*/ .header .logout { position: relative; top: 0; right: 0; font-size: 11px; color: #fff; } .right-col .green-cool-shadow {float:left;width:278px;min-height:80tpx;background: #85a335 url(/images/bg-green-cool-shadow.png) no-repeat bottom;padding:20px 10px 30px 12px;position:relative;} .right-col .green-cool-shadow .sticker-free {float:right;text-indent:-9000px;width:50px;height:49px;position:absolute;background: url(/images/sticker-free.png) no-repeat;top:-10px;right:10px;} .right-col .green-cool-shadow .heading {display:block;font-size:20px;color:#fff;font-family:Georgia, serif;} .right-col .green-cool-shadow .sub-heading {display:block;font-size:12px;color:#d1deb1;line-height:22px;padding-bottom:6px;} .right-col .green-cool-shadow .signup {float:left;width:276px;height:23px;} .right-col .green-cool-shadow .signup #signup-button {float:right;width:63px;height:23px;background: url(/images/bg-signup-button.png) no-repeat top;border:0px;margin:0px;padding:0px;} .right-col .green-cool-shadow .signup input#signup-button:hover {background-position:bottom;cursor:pointer;} .right-col .green-cool-shadow .signup input#signup-field {float:left;width:203px;height:18px;padding:0px;margin:0px;border:0px;font-size:12px;padding-top:5px;padding-left:10px;background: url(/images/bg-search-input.png) no-repeat;} /*sushi-roll * add cycler*/ .right-col .sushi-roll {float:left;width:300px;border-top:1px solid #e8e8e8;margin-top:15px;padding-top:10px;} .right-col .sushi-roll .cycle-container {float:left;width:300px;min-height:225px;} .right-col .sushi-roll h2 {float:left;} .right-col .sushi-roll .sushi-nav {float:right;} .right-col .sushi-roll #prev {float:left;width:22px;height:22px;background: url(/images/bg-prev-next.png) no-repeat top left;text-indent:-9000px;} .right-col .sushi-roll #prev:hover {background-position:bottom left;} .right-col .sushi-roll #next {float:left;width:22px;height:22px;background: url(/images/bg-prev-next.png) no-repeat bottom right;text-indent:-9000px;margin-left:5px;} .right-col .sushi-roll #next:hover {background-position:top right;} .right-col .sushi-roll .cycle-container div {float:left;width:278px;padding:15px 10px 10px 10px;border:1px solid #e8e8e8;} .right-col .sushi-roll .cycle-container div img {float:left;width:273px;height:83px;overflow:hidden;padding:3px;border:1px solid #d6d6d6;margin-top:20px;} /* advert * 300 wide */ .right-col .advert {float:left;width:300px;margin-top:20px;border-top:1px solid #e8e8e8;padding-top:20px;margin-bottom:20px;text-align:center;} .right-col .advert.very-top {padding-top:0px;border-top:0px;margin-top:0px;} /* happy-family * grid of pictures of peeeps*/ .right-col .happy-family {float:left;width:300px;} .right-col .family-photos {float:left;width:292px;border:1px solid #d6d6d6;padding:5px 3px 5px 3px;margin-top:15px;height:97px;overflow:hidden;} .right-col .family-photos ul {float:left;width:292px;padding-left:2px;padding-top:0px;padding-bottom:0px;} .right-col .family-photos ul li {display:inline;float:left;width:30px;height:30px;margin:1px;padding:0px;background-image:none;} .right-col .family-photos ul li a img {opacity: 0.3;-moz-opacity: 0.3;filter:alpha(opacity=30);} .right-col .family-photos ul li a:hover img {opacity: 1.0;-moz-opacity: 1.0;filter:alpha(opacity=100);} /*baby-tab-tastic */ .baby-tabtastic {float:left;width:300px;padding-top:20px;border-top:1px solid #e8e8e8;} .baby-tabtastic {float:left;width:300px;min-height:230px;} .typography .baby-tabtastic ul.tab-nav {float:left;width:300px;height:32px;background: url(/images/bg-e4e4e4.png) repeat-x bottom;padding-bottom:0px;padding-top:0px;} .baby-tabtastic ul.tab-nav li {display:inline;float:right;height:32px;background:none;padding-left:4px;padding-bottom:0px;} .baby-tabtastic ul.tab-nav li a {padding-right:17px;background: url(/images/bg-tabtastic-a.png) no-repeat bottom right;height:32px;float:left;text-decoration:none;line-height:32px;} .baby-tabtastic ul.tab-nav li a span {padding-left:17px;background: url(/images/bg-tabtastic-a-span.png) no-repeat bottom left;float:left;height:32px;color:#a3a2a2;} .baby-tabtastic ul.tab-nav li a:hover span {color:#7f7f7f;cursor:pointer;} .baby-tabtastic ul.tab-nav li a.selected {background-position:top right;} .baby-tabtastic ul.tab-nav li a.selected span {background-position:top left;color:#484848;} .baby-tabtastic .tab ul {padding-left:10px;padding-top:10px;padding-bottom:10px;} .baby-tabtastic .tab {border:1px solid #e8e8e8;border-top:0px;float:left;width:278px;padding:10px;} .baby-tabtastic .tab label {float:left;width:240px;line-height:19px;} .baby-tabtastic .tab input {margin-right:10px;float:left;} .baby-tabtastic .tab .poll-heading {color:#91b03e;font-size:13px;padding-top:10px;padding-bottom:10px;display:block;} .baby-tabtastic .tab button.submit {float:right;width:77px;height:31px;background: url(/images/bg-poll-submit.png) no-repeat top;border:0px;padding:0px;padding-bottom:4px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;line-height:31px;margin-right:0px;} .baby-tabtastic .tab button.submit:hover {background-position:bottom;cursor:pointer;} .baby-tabtastic .tab span.result-text {float:left;width:155px;padding-bottom:10px;} /* result sprite slider*/ .baby-tabtastic .tab span.result {float:right;width:120px;background:#f1f1f1 url(/images/bg-poll-result-bar.png) no-repeat -120px 0px;height:10px;} .baby-tabtastic .tab span.result.v05 {background-position:-114px 0px;} .baby-tabtastic .tab span.result.v10 {background-position:-108px 0px} .baby-tabtastic .tab span.result.v15 {background-position:-102px 0px;} .baby-tabtastic .tab span.result.v20 {background-position:-96px 0px;} .baby-tabtastic .tab span.result.v25 {background-position:-90px 0px;} .baby-tabtastic .tab span.result.v30 {background-position:-84px 0px;} .baby-tabtastic .tab span.result.v35 {background-position:-78px 0px;} .baby-tabtastic .tab span.result.v40 {background-position:-72px 0px;} .baby-tabtastic .tab span.result.v45 {background-position:-66px 0px;} .baby-tabtastic .tab span.result.v50 {background-position:-60px 0px;} .baby-tabtastic .tab span.result.v55 {background-position:-54px 0px;} .baby-tabtastic .tab span.result.v60 {background-position:-48px 0px;} .baby-tabtastic .tab span.result.v65 {background-position:-42px 0px;} .baby-tabtastic .tab span.result.v70 {background-position:-36px 0px;} .baby-tabtastic .tab span.result.v75 {background-position:-30px 0px;} .baby-tabtastic .tab span.result.v80 {background-position:-24px 0px;} .baby-tabtastic .tab span.result.v85 {background-position:-18px 0px;} .baby-tabtastic .tab span.result.v90 {background-position:-12px 0px;} .baby-tabtastic .tab span.result.v95 {background-position:-6px 0px;} .baby-tabtastic .tab span.result.v100 {background-position:0px 0px;} /*result submit-large button*/ .baby-tabtastic .tab button.submit-large {float:right;width:105px;height:27px;margin-top:20px;background: url(/images/bg-poll-submit-large.png) no-repeat bottom;border:0px;padding:0px;padding-bottom:4px;font-family:Georgia, serif;color:#3e8a9a;font-size:12px;line-height:31px;margin-right:0px;} .baby-tabtastic .tab button.submit-large:hover {background-position:top;cursor:pointer;} .right-col .green-cool-shadow { background-image: url(/images/bg-green-cool-shadow.png); padding-bottom: 20px; margin-bottom: 10px; } .right-col.typography p { margin: 0; } .typography .advert.optional p { padding-bottom: 0px !important; } .right-col .sushi-roll .cycle-container { float: left; width: 300px; min-height: 262px; } .right-col .sushi-roll .cycle-container div { float: left; width: 278px; padding: 15px 10px 10px 10px; border: 1px solid #e8e8e8; height: 236px; } .right-col .advert.optional { float: left; width: 300px; margin-top: 0; border-top: 0; padding-top: 0; margin-bottom: 0; text-align: center; } .right-col .sushi-roll { float: left; width: 300px; border-top: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding-bottom: 20px; margin-top: 0; padding-top: 10px; } .right-col .happy-family p { padding-bottom: 0; } .full-width #ad-728X90-footer { width: 728px; margin: 0 auto; } .right-col .promo-blue { width:280px; background-color:#ebf5f5; min-height:100px;padding:10px 10px 10px 10px; margin:15px 0 0 ; float: left; } .right-col .promo-blue h3 {display:block;padding-bottom:10px;} .right-col .promo-blue .promo-red {float: right;text-align: right; display: block; line-height: 1.9em;} .right-col .promo-blue p { padding-bottom: 0 !important; } .right-col .promo-red.want-ad-like-this { font-size: 0.9em; background-image: none; color: #999; } .global-co-pilots { width: 100%; overflow: hidden; margin: 100px 0 10px; } .global-co-pilots h4 { color: #9aa877; font-weight: normal; font-size: 14px; margin: 0 !important; } .global-co-pilots p { line-height: 1.8em; } .bottom-bumf { padding-top: 0px; } .footer .sharkey-out-vtwo { float: right; color: #aaa; text-decoration: none; display: block; line-height: 2.0em; } .footer .sharkey-out-vtwo a { color: #aaa; text-decoration: none; } .footer .sharkey-out-vtwo:hover, .footer .sharkey-out-vtwo:hover a, .footer .sharkey-out-vtwo a:hover { color: #00b5e2 !important; } .footer .sharkey-out-vtwo:hover a, .footer .sharkey-out-vtwo a:hover { text-decoration: underline; } .right-col .advert {float:left;width:300px;margin-top:20px;border-top:1px solid #e8e8e8;padding-top:20px;margin-bottom:20px;text-align:center;} .right-col .advert { margin-top: 14px; } .typography .advert.optional p { padding-bottom: 0px !important; }