body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; }body { font:normal 12px 'Lucida Grande',arial,helvetica,sans-serif; background:#fff url(gfx/sprites/mainbg-sprites-fs8.png) repeat-x 0 -439px; color:#333; } h1,h2,h3,h4,h5,h6 { margin:0 0 0.4em; font-family:'Trebuchet MS',arial,helvetica,sans-serif; font-weight:bold; } h1 { font-size:30px; } #index-page h2.first { margin:0 4px 20px; padding:0 0 6px; border-bottom:1px solid #E1E1E1; text-align:center; font-size:25px; } h3 { font-size:19px; } h4 { font-size:14px; margin:0 0 12px; } p { margin:0 0 1.6em; } p, li { line-height:1.5em; } strong { font-weight:bold; } em { font-style:italic; } a { color:#006699; text-decoration:underline; outline:0; } .CheapToplistPage a { color:#1638a0; text-decoration:none; outline:0; } a:hover { text-decoration:none; } hr { display:none; } input[type="text"], input[type="password"], textarea { padding:3px; border:1px solid #d7d4c2; background:#fff; font:normal 12px 'Lucida Grande',arial,helvetica; } input.error, textarea.error { border-color: #c99; } /* Cause they are replaced with js and we dont wanna se them before the switch occurs */ body.js-on input[type="checkbox"] { display:none; } .floatLeft { float: left;} .floatRight { float: right;} #col-sub-new .WidgetHolder {display:inline-block;margin:0 0 15px;} .last {margin-right:0;} #article-category-listing ul {list-style:none;} #article-category-listing .bar-arrow-fix-topimg {margin-top: 7px!important;} .details-date {color: #959494;font-size: 11px;margin-top: 11px;} .details-comment a {text-decoration: none;color: #959494;font-size: 11px;} .number-of-comments {background: url("gfx/redesign/details-comment.png") no-repeat scroll 0 2px transparent;color: #FFFFFF;display: block;float: left;height: 21px;text-align: center;width: 23px;} #article-category-listing .details-comment {float:left;margin-top: 0;} #article-category-listing .details-comment a span {background:none;color: #959494;float: left; font-size: 11px;font-weight:normal;padding:0;text-decoration: none;} .article-border-bottom-bg { height: 21px; width: 639px; margin-bottom: 35px; } .article-border-bottom-bg span {color: #FFFFFF;display: block;float: right;font-weight: bold;padding: 2px 0 2px 6px;} .article-border-bottom-bg span a {color: #FFFFFF !important;font-weight: bold;text-decoration: none;} .article-border-bottom-bg span a:hover{text-decoration: underline;} .skyblue {border-bottom: 1px dashed #00D2C6;} .green {border-bottom: 1px dashed #62a524;} .violet {border-bottom: 1px dashed #9a359b;} .orange {border-bottom: 1px dashed #ff9c00;} .red {border-bottom: 1px dashed #f20303;} .blue {border-bottom: 1px dashed #35659b;} .pink {border-bottom: 1px dashed #FF00EA;} .default-span {display: block; height: 17px;} .articletop-img { margin-top: 21px; } .skyblue span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #00D2C6; width: 164px; } .green span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #62a524; width: 164px; } .violet span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #9a359b; width: 164px; } .orange span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #ff9c00; width: 164px; } .red span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 209px -112px #f20303; width: 215px; } .blue span{ background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #35659b; width: 164px; } .pink span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat 157px -112px #FF00EA; width: 164px; } * html .article-intro-content {width: 310px !important;margin-right: 10px;} .top-image-item {margin-top: 21px;} .article-leftimg {margin-top: 21px;} .article-leftimg .details-date {margin-top: 0;} .article-leftimg .article-image {float:left;} .article-leftimg .article-intro-content {float: right;width: 335px;} .article-rightimg {margin-top: 21px;} .article-rightimg .details-date {margin-top: 0;} .article-rightimg .article-image {float:right;} .article-rightimg .article-intro-content {float: left;width: 335px;} .result-nav {display: block;text-align: center;margin-top: 9px;} .result-nav strong {padding: 0 3px;background: #417ab3;color: #FFFFFF;} .result-nav a {font-weight: bold;color: #417ab3;text-decoration: none;margin: 0 2px;} * html .article-rightimg .article-image { margin-right: -27px; } .cobalt-blue {background:url(gfx/cheap-toplist/widget-header.png) repeat-x;} #buyingguide {width:311px;float:left;} #buyingguide-body {background:url('gfx/redesign/buyinguidebg_new.jpg');height:185px;width:311px;margin:0;float:left;} body#HostingToplistPage #buyingguide-body {background:none repeat scroll 0 0 #EDEDED;} #buyingguide-body p {width:210px;text-align:center;line-height:1.2em;} .large-img-sprite {background:url(gfx/cheap-toplist/large-bg-imgs2.png) no-repeat;display:block;} .to-question {background-position:-388px 0;height:26px;width:111px;position:relative;top:30px;left:185px;} .article-sprite {background:url(gfx/sprites/article-sprite.png) no-repeat 0 0;display:block;height:10px; width:10px;} /*BEGIN HEADER*/ #wrapper,div.wrapper { width: 970px; margin: 0pt auto; } #header { position: relative; height: 171px; padding: 0pt 0pt 0pt 300px; z-index: 5000; } #header p.title { color:#FFF; font-size: 24px; font-style: italic; left: 380px; line-height: 1.2em; position: absolute; text-align: center; top: 30px; width: 300px; } #header p#logo { top: 20px; left: 0pt; position: absolute; } #header form { width: 192px; float: right; margin: 3px 0pt 0pt; } #header form label span { padding: 0pt 0pt 5px; font-weight: bold; } #header form p { display: inline; } #header form input#query { float: left; width: 161px; margin: -2px 0pt 4px -29px; padding-left: 17px; height: 34px; background: url("gfx/img-sprites.png") 0 -376px no-repeat; border: 0pt none; font-weight: bold; padding-top /*\**/: 13px\9 /*css hack for ie8*/ } *:first-child+html #header form input#query { height: 25px; padding-top:12px;} * html #header form input#query { height: 28px; padding-top:12px; margin: -2px 0px 4px 12px; } * html #header form { width:230px; } #header form button { background: url("gfx/img-sprites.png") no-repeat scroll -182px -376px transparent; border: 0 none; cursor: pointer; display: block; float: right; font-size: 0; height: 40px; line-height: 0; margin: -2px 0 0; text-indent: -999em; width: 40px; } #main { float: left; width: 100%; position: relative; } h2,h3,h4,h5,h6 { font-family: 'Lucida Grande',arial,helvetica,sans-serif; } .header-widget { color:#FFF; display: block ! important; height: 49px; } .header-widget h3 { color:#FFF ! important; font-size: 24px ! important; padding: 10px 0pt 10px 20px; margin: 0pt ! important; text-shadow: 2px 2px 3px #222; } .last { margin-right: 0pt; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0pt; height: 0pt; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .banner { clear: both; } .banner728x90 { width: 728px; height: 90px; } .advancedSearch { position: absolute; right: 0pt; top: 65px; margin-right: 87px; } .advancedSearch a { color:#FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; } .lpPoweredBy { display:none; } /*END HEADER*//*BEGIN COMMON FANCY*/ html,body { height: 100%; } div#fancy_overlay{ position: fixed; top: 0pt; left: 0pt; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; } * html div#fancy_overlay { position: absolute; } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: none repeat scroll 0% 0% transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0pt; left: 0pt; width: 40px; height: 480px; background: url("gfx/fancybox/fancy_progress.png") no-repeat scroll 0% 0% transparent; } div#fancy_loading_overlay { position: absolute; background-color: #ffffff; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url("gfx/fancybox/fancy_loading.gif") no-repeat scroll 0% 0% transparent; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0pt; left: 0pt; z-index: 90; padding: 18px 18px 33px; margin: 0pt; overflow: hidden; background: none repeat scroll 0% 0% transparent; display: none; } div#fancy_inner{ position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: none repeat scroll 0% 0% #FFF; } div#fancy_content { margin: 0pt; z-index: 100; position: absolute; } div#fancy_div { background: none repeat scroll 0% 0% #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0pt; left: 0pt; border: 0pt none; padding: 0pt; margin: 0pt; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url("gfx/fancybox/fancy_closebox.png") no-repeat scroll left top transparent; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left,a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: medium none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 46px; height: 52px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: url("gfx/fancybox/fancy_left.png") no-repeat scroll 0% 0% transparent; } span#fancy_right_ico { right: -9999px; background: url("gfx/fancybox/fancy_right.png") no-repeat scroll 0% 0% transparent; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; background: none repeat scroll 0% 0% transparent; } div#fancy_bg { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; z-index: 70; border: 0pt none; padding: 0pt; margin: 0pt; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0pt none; padding: 0pt; margin: 0pt; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: url("gfx/fancybox/fancy_shadow_n.png") repeat-x scroll 0% 0% transparent; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: url("gfx/fancybox/fancy_shadow_ne.png") no-repeat scroll 0% 0% transparent; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: url("gfx/fancybox/fancy_shadow_e.png") repeat-y scroll 0% 0% transparent; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: url("gfx/fancybox/fancy_shadow_se.png") no-repeat scroll 0% 0% transparent; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: url("gfx/fancybox/fancy_shadow_s.png") repeat-x scroll 0% 0% transparent; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: url("gfx/fancybox/fancy_shadow_sw.png") no-repeat scroll 0% 0% transparent; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: url("gfx/fancybox/fancy_shadow_w.png") repeat-y scroll 0% 0% transparent; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: url("gfx/fancybox/fancy_shadow_nw.png") no-repeat scroll 0% 0% transparent; } div#fancy_title { position: absolute; bottom: -33px; left: 0pt; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0pt auto; } div#fancy_title table td { padding: 0pt; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: url("gfx/fancybox/fancy_title_left.png") repeat-x scroll 0% 0% transparent; } td#fancy_title_main { height: 32px; background: url("gfx/fancybox/fancy_title_main.png") repeat-x scroll 0% 0% transparent; } td#fancy_title_right { height: 32px; width: 15px; background: url("gfx/fancybox/fancy_title_right.png") repeat-x scroll 0% 0% transparent; } /*END COMMON FANCY*//*BEGIN COMMON menu*/ ul#nav-main { display: block; position: absolute; bottom: 14px; left: 0pt; width: 970px; margin: 0pt; padding: 0; background: url(gfx/sprites/btn-sprites-fs8.png) repeat-x 0px -163px; font: bold 12px/1 arial,helvetica,sans-serif; text-align: left; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } ul#nav-main li { /* border-right: 1px solid #2b2a2a;*/ color: #fff; cursor: pointer; display: block; float: left; list-style: none outside none; /* padding: 8px 25px 8px 26px; padding:9px 25px 7px 26px !ie;*/ position: relative; } ul#nav-main .main-menu-a, .home-icon a { border-right: 1px solid #000; display:block; float: left; height: 24px; padding: 8px 0 0 26px; text-decoration: none; } .home-icon a { width: 40px;} ul#nav-main .main-menu-a:hover, .home-icon a:hover { background: url("gfx/sprites/bg-sprites-fs8.png") repeat-x; } .home-icon a:hover { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; } .imgEmail a:hover { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; } ul#nav-main li.last { border-right: medium none; padding: 0pt; } /*ul#nav-test .imgEmail { display: block; height: 31px; position: absolute; right: 4px; top: 0px; width: 93px; z-index: 99999; }*/ ul#nav-main .imgEmail a { border: none; width: 65px; /*padding: 8px 20px 0 18px;*/} .main-menu a { width: 125px;} .main-menu .nav02 { width: 113px;} .main-menu .nav03 { width: 99px;} .main-menu .nav04 { width: 120px;} .main-menu .nav05 { width: 76px;} .main-menu .nav06 { width: 117px;} .main-menu .nav07 {} .imgEmail a span { background: url("gfx/sprites/ico-sprites-fs8.png") 0 -40px no-repeat; display: block; height: 18px; margin: 0 0 0 6px; width: 25px; } /** html ul#nav-test li { padding: 8px 25px 6px 26px; } * html ul#nav-test li.home-icon { padding: 6px 25px 7px 26px; }*/ /*ul#nav-test li.home-icon { padding:7px 25px 7px 26px !ie; }*/ ul#nav-main li.home-icon span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat scroll 0 0 transparent; display: block; height: 15px; width: 15px; } ul#nav-main .main-menu-a span { color: #FFFFFF; } ul#nav-main li div.subnav { background-color: #FFFFFF; border: 1px solid #999999; color: #000; cursor: default; display: none; position: absolute; left: 0pt; top: 31px; margin: 0pt; padding: 10px 0pt; z-index: 3000; -moz-box-shadow: 3px 3px 3px #333333; -webkit-box-shadow: 3px 3px 3px #333; box-shadow: 3px 3px 3px #333; } .onecol { width: 250px; } .twocol{ width: 500px; } .learning-center { left: -50px ! important; } .coupons { left: -172px ! important; } .hosting-reviews { left: -23px ! important; } .buying-guide { left: -148px ! important; } .all-curved { -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; } .topleft-notcurved { -moz-border-radius: 0pt 8px 8px 8px; -webkit-border-radius: 0 8px 8px 8px; border-radius: 0 8px 8px 8px; } ul#nav-main li div.subnav div { float: left; margin: 0pt 10px; width: 230px; } /***********IE hack*************/ * html ul#nav-main li div.subnav div{ margin: 0; padding: 0 10px; } ul#nav-main li div.subnav{ border-right: 2px solid #000\9; border-bottom: 2px solid #000\9; } ul#nav-main li div.subnav span.subnav-title { color: #FF6600; text-transform: uppercase; } ul#nav-main li ul li { border-right: medium none; border-top: 1px dotted gray; cursor: default; display: block; line-height: 14px; margin: 0; padding: 4px 10px; width: 215px; } ul#nav-main li div.subnav a { border: medium none; color: #000; margin: 0pt; padding: 0pt; text-decoration: none; } ul#nav-main li div.subnav a.see-more { clear: both; display: block; font-size: 11px; width: auto; } ul#nav-main li div.subnav a.see-more:hover { text-decoration: underline; } ul#nav-main li div.subnav p.subtitle { color: #666; font-size: 11px; font-weight: normal; margin: 2px 0pt 0pt 3px; } div#searchHolder form p label input { margin: -1px 0pt 0pt -31px; } div#searchHolder form p label span { display: none; } /*END COMMON menu*//*BEGIN FOOTER COMMON*/ #footer { background:#343434 url(gfx/sprites/mainbg-sprites-fs8.png) 0 0 repeat-x; float: left; height:227px; padding: 40px 0pt; text-align: center; width: 100%; } #footer .inner {padding-left:30px;} #footer .last, #footer-bottom ul li.last {border-right:none;} #footer-bottom {color:#fff;height:72px;width:100%;background:#000;border-top:1px solid #838383;border-bottom:28px solid #2b2b2b;float:left;} #footer-bottom .wrapper img {float:left;margin:20px 30px 0 0;} #footer-bottom ul {float:left;list-style-type:none;margin:15px 0 5px;} #footer-bottom ul li {float:left;border-right:1px solid #757575;padding:0 6px;text-align:center;} #footer-bottom ul li a {color:#fff;text-decoration:none;} #footer-bottom ul li a:hover {text-decoration:underline;} #footer-bottom p {color:#757575;float:left;padding:0 0 0 5px;} .footer-cols {border-right:1px solid #3a3a3a;float:left;min-height:235px;padding:0 10px 0 0;position:relative;text-align:left;} .footer-cols #pages {margin:0 0 45px 15px;} .footer-cols p.header {color:#00ccff;font-size:14px;margin:0 0 10px;} .footer-cols ul {color:#fff;list-style:disc outside none;margin:0 0 0 15px;} .footer-cols ul li {margin:0 0 13px;} .footer-cols ul li.last {margin:0;} .footer-cols ol {color:#fff;font-size:14px;} .footer-cols ol li {margin:0 0 8px 0;} .footer-cols a {color:#fff;text-decoration:none;} .footer-cols a:hover {text-decoration:underline;} .bottom-link {position:absolute;bottom:0;} #footer .first-col {width:160px;} #footer .second-col {width:170px;} #footer .third-col {width:130px;} #footer .fourth-col {width:180px;} #footer .last-col {padding:0 0 0 30px;} @-moz-document url-prefix() { #footer-bottom ul li { padding:0 3px; } } /*END FOOTER COMMON*//*FROM 4-classes.css*/ .listing-levels li { padding-bottom:30px; _zoom: 1; } .listing-levels h2 { font-size:20px; margin:0 0 12px; } .listing-levels li li { padding:0 0 5px 20px; border-left:1px solid #ccc; } .listing-levels li li li { border-color:#ddd; } .listing-levels li li li li { border-left-color:#eee; } ul.paging {margin:0;list-style:none!important;} ul.paging li {float:left;width:auto;padding:0 4px;} ul.paging li.prev a:before {content:"« ";} ul.paging li.next a:after {content:" »";} ul.paging a {text-decoration:none;} ul.paging li.current a {color:#222;font-weight:bold;} ul.paging a:hover {text-decoration:underline;} a.cta { color: #15962e;} .banner468x60 {top:35px;left:287px;width:468px;height:60px;} .category {_display:inline;float:left;width:180px;padding:0 5px;margin:0 0 20px 20px;} .category ul {list-style: disc inside;} /*END 4-classes.css*/ /*BEGIN BREADCRUMBS*/ #main p#breadcrumbs { padding: 0pt 3px; height: 20px; font-size: 12px; margin: 0 0 15px; color: #000000;} #main p#breadcrumbs a{ color: #0018ff; } #main p#breadcrumbs a,#main p#breadcrumbs strong { text-decoration: none; padding: 0pt 3px; } #main p#breadcrumbs span.you-are-here { font-size: 12px; font-weight: bold; } /*END BREADCRUMBS*/ #main #col-main {_display: inline;float:left;width:610px;margin:10px 0 0;_overflow:hidden;} #wrapper #main .two-col-wide {width:970px;margin:0;padding:0;} #wrapper #main .two-col { float: left; width: 758px;} #main #col-main-new {color:#000;_display: inline;float:left;width:640px;margin:0 19px 0 0;_overflow:hidden;} #col-main-new h1 {color:#000;font-family:'Lucida Grande',arial,helvetica,sans-serif;} #col-main-new h2 {font-size:25px;} #col-main-new object {display:none;float:left;} #main #col-sub-new {float:left;margin:0;width:311px;} #col-main h2 {color:#000;font-size:20px;} #col-sub {float: left;margin-top: 10px;width:180px;} .clr-both {clear: both;} .CheapToplistPage h1, h2, h3, h4, h5, h6 {font-family:'Lucida Grande',arial,helvetica,sans-serif;} .CheapToplistPage #toplist h1 {font-size:26px;} .col-container {float:left; width: 970px;} .rank {font-weight: bold;} .header-bg-large { background:url(gfx/redesign/header-bg-large.png) repeat-x; display:block; height:41px; padding:8px 0 0 15px; } .header-bg-large h1 { color:#fff; font-size:24px; margin:0; text-shadow:2px 2px 3px #222;} .bluebody-bg {background:#cfebfe;color:#000;display:inline-block;margin:-8px 0 0;padding:20px 0 0 15px;width:955px;+padding-bottom:10px;} ul.article-overview .teaser { margin: 0pt 0pt 7px; } /*FROM adv-search.css*/ #adv-two-col { width: 781px!important; } .show-matches-actions {position: relative;} * html .show-matches-actions {left:-460px;top:-200px;margin-bottom: 10px;height: 25px;} .search-header { float:left; margin-bottom: 10px; } .show-matches-actions form {position: absolute;right: 0;} .show-matches-actions input {margin:0 2px;padding:0;font-size:0;text-indent: 549px;line-height:0;border:0;vertical-align: middle;color: transparent;} * html .show-matches-actions input {text-indent: 200px;} #adv-search p.matches input.new-search, input.new-search {width:90px;height:25px;background:url(gfx/btn-new-search.png) no-repeat 0 0;} input.modify-search {width:106px;height:25px;background:url(gfx/btn-modify-search.png) no-repeat 0 0;} /*END adv-search.css*/ /*article listing*/ #article-category-listing ul {list-style:none;} #article-category-listing ul.article-overview h2 a {color: #000;text-decoration: none;} #article-category-listing ul.article-overview h2 a:hover {text-decoration: underline;} #article-category-listing ul.article-overview h2 {font-size: 18px;margin-bottom: 7px !important;line-height: 18px;} #container-left {width: 100%;float: left;} /*article listing*/ #article-category-listing ul {list-style:none;} #article-category-listing ul.article-overview h2 a {color: #000;text-decoration: none;} #article-category-listing ul.article-overview h2 a:hover {text-decoration: underline;} #article-category-listing ul.article-overview h2 {font-family:'Trebuchet MS',arial,helvetica,sans-serif;font-size: 18px;margin-bottom: 7px !important;line-height: 18px;} #container-left {width: 100%;float: left;} .question-text{font-size:16px;} /*CALLBACK WIDGET CSS*/ #Form_CallBackForm #recaptcha_widget_div{display: none;} #Form_CallBackForm #recaptcha_widget #recaptcha_image{border: 3px solid #84B8D9;} #call-back-widget {float:left;width:311px;} #call-back-widget #clickMe {background:url('gfx/callback_btn.png') no-repeat;display:block;height:81px;margin:0 auto;width:261px;font-family: 'Verdana';font-size: 16px;line-height: 4.5em;text-align: center;text-decoration: none;text-indent: 35px;text-shadow: 1px 1px 1px #3E562A;color:#FFFFFF;} #simplemodal-overlay {background-color:#000;} #simplemodal-container {width:610px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(gfx/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} #simplemodal-container .field {margin:0 0 10px 0;} #simplemodal-container .field input[type="text"], .field textarea {width:250px;} #simplemodal-container .field textarea {height:75px;} #simplemodal-container .field select {width:259px;} #simplemodal-container .field label.error#call-back-widget #clickMe {margin:0 0 0 10px;color:#f00000;} #other-providers,#selected-plantype,#hear-from-other,#thankyou-callback,#pleasewait{display: none;} #pleasewait{margin-top:-10px;padding: 0;} #Form_CallBackForm div.field{display: block;} #Form_CallBackForm fieldset{position:relative} div#Recaptcha span.validation{display:block;width:300px;} Form.ReviewPageCallBackForm div#Email{width:258px;height:38px;position:absolute;top: 0;left: 290px;} Form.ReviewPageCallBackForm div#Location{width:258px;height:38px;left: 290px;position: absolute;top: 55px;z-index:10;} Form.ReviewPageCallBackForm div#TimeOfCall{width:258px;height:38px;position: absolute;top: 104px;left: 290px;z-index:10;} Form.ReviewPageCallBackForm div#TimeOfCall{width:259px;height:35px;left: 290px;position: absolute;top: 113px;z-index: 10} Form.ReviewPageCallBackForm div#recaptcha_widget{position: absolute;top: 181px;left: 290px;z-index: 10} #simplemodal-container Form.ReviewPageCallBackForm div.field{margin: 0 0 17px!important;} Form.ReviewPageCallBackForm div#Recaptcha{position: absolute;left: 290px;top: 294px;} #simplemodal-container Form.ReviewPageCallBackForm div.field div.middleColumn{position:relative;} #simplemodal-container Form.ReviewPageCallBackForm label.error{display: block;position:absolute; top: 23px;left: 0;} /************************************NEW DESIGN************************************/ #get-answer input.action, input#PollForm_PollForm_action_vote, a.btn-sprites, input.btn-sprites, button.btn-sprites, #userrating-form a.next-step-button, #new_ProviderUserRatingForm input[type="button"], #RedesignedProviderUserRatingForm_doRate input[type="submit"], #ask-the-editor input.action { background: url(gfx/sprites/btn-sprites-fs8.png) repeat-x scroll 0 -230px transparent; border: 1px solid #B4E11D; color: #fff; cursor: pointer; display: block; font: bold 14px arial,helvetica,sans-serif; height: 19px; padding: 3px 10px 0; text-decoration: none; width: auto; -webkit-box-shadow: 0px 3px 2px 0px #000000; -moz-box-shadow: 0px 3px 2px 0px #000000; box-shadow: 0px 1px 2px 0px #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 0 #47730A; } .btn-sprites:hover { text-decoration: none;} input.btn-sprites, button.btn-sprites, input#PollForm_PollForm_action_vote, button#PollForm_PollForm_action_vote, #get-answer input.action, #ask-the-editor input.action { height: 24px; padding: 2px 10px 4px; } /*optimization*/ /*local-hosting.php, hosting-buying-guide.php, domain-search.php */ #ProviderProfileOverview a, #BuyingGuidePage a, #DomainSearchPage a, #ProviderReviewPage a { color: #0054ff; text-decoration: none; } #ProviderProfileOverview .advancedSearch a, #BuyingGuidePage .advancedSearch a, #DomainSearchPage .advancedSearch a, #ProviderReviewPage .advancedSearch a { color: #fff; } #ProviderProfileOverview a:hover, #BuyingGuidePage a:hover, #DomainSearchPage a:hover, #ProviderReviewPage a:hover { text-decoration: underline; } #ProviderProfileOverview .main-menu a:hover, #BuyingGuidePage .main-menu a:hover, #DomainSearchPage .main-menu a:hover, #ProviderReviewPage .main-menu a:hover { text-decoration:none; } #ProviderProfileOverview a.cta, #BuyingGuidePage a.cta, #DomainSearchPage a.cta, #ProviderReviewPage a.cta { color:#57ad00; } #ProviderProfileOverview #main, #BuyingGuidePage #main, #DomainSearchPage #main, #ProviderReviewPage #main, #ProviderUserRatingPage #main, #CouponPage #main, #AdvancedSearchPage .wide, #DirectoryToolsCategoryOverviewPage #main, #ArticleCategoryHolder #main, #TutorialCategoryOverviewPage #main, #ArticlePage #main, #ArticleCategory #main, #HostingToplistPageHolder #main { clear: both; background:url("gfx/bg-gradient.png") repeat-y scroll 647px 0px transparent; border: 1px solid #cdcac1; border-top: none; border-bottom: none; font-family: arial,helvetica,sans-serif; margin: -10px 0 0 -12px; width: 991px; -webkit-box-shadow: 0px 0px 1px 1px #d9d6cd; -moz-box-shadow: 0px 0px 1px 1px #d9d6cd; box-shadow: 0px 0px 1px 1px #d9d6cd; } #ProviderProfileOverview .footer-cols a, #BuyingGuidePage .footer-cols a, #DomainSearchPage .footer-cols a, #ProviderReviewPage .footer-cols a { color: #fff; } #ProviderProfileOverview #main #col-main-new, #BuyingGuidePage #main #col-main-new, #ProviderReviewPage #main #col-main-new, #DirectoryToolsCategoryOverviewPage #main #col-main-new, #ArticleCategoryHolder #main #col-main-new, #TutorialCategoryOverviewPage #main #col-main-new, #ArticlePage #main #col-main-new, #ArticleCategory #main #col-main-new, #HostingToplistPageHolder #main #col-main-new { float: left; padding: 11px; margin: 0; padding: 30px 11px 11px; position: relative; width: 625px; } #ProviderUserRatingPage #main #col-main-new { float: left; margin: 0; padding:30px 5px 11px; width:637px; } #CouponPage #main #col-main-new{width:628px;} #ProviderProfileOverview #main p#breadcrumbs, #BuyingGuidePage #main p#breadcrumbs, #DomainSearchPage #main p#breadcrumbs, #ProviderReviewPage #main p#breadcrumbs, #ProviderUserRatingPage #main p#breadcrumbs, #DirectoryToolsCategoryOverviewPage p#breadcrumbs, #ArticleCategoryHolder p#breadcrumbs, #TutorialCategoryOverviewPage p#breadcrumbs, #ArticlePage p#breadcrumbs, #ArticleCategory p#breadcrumbs, #HostingToplistPageHolder p#breadcrumbs { padding:0; display: none; } #ProviderProfileOverview #main #col-sub-new, #BuyingGuidePage #main #col-sub-new, #DomainSearchPage #main #col-sub-new, #ProviderReviewPage #main #col-sub-new, #CouponPage #main #col-sub-new, #ProviderUserRatingPage #col-sub-new, #DirectoryToolsCategoryOverviewPage #col-sub-new, #ArticleCategoryHolder #col-sub-new, #TutorialCategoryOverviewPage #col-sub-new, #ArticlePage #col-sub-new, #ArticleCategory #col-sub-new, #HostingToplistPageHolder #col-sub-new { background: url("gfx/bg-sidebar.png") repeat-x scroll 0 0 transparent; min-height: 850px; padding: 30px 0 11px 11px; width: 333px; } #ProviderUserRatingPage #main #col-sub-new { min-height: 693px; } #ProviderProfileOverview #col-main-new h1, #ProviderProfileOverview #col-main-new h2, #BuyingGuidePage #col-main-new h1, #BuyingGuidePage #col-main-new h2, #DomainSearchPage #col-main-new h1, /*#DomainSearchPage #col-main-new h2,*/ #ProviderReviewPage #col-main-new h1, #ProviderReviewPage #col-main-new h2, #CouponPage #col-main-new h1, #CouponPage #col-main-new h2, #ProviderUserRatingPage #col-main-new h1, #DirectoryToolsCategoryOverviewPage #col-main-new h2, #TutorialCategoryOverviewPage #col-main-new h2, #ArticlePage #col-main-new h2, #ArticleCategory #col-main-new h2, #HostingToplistPageHolder #col-main-new h2 { font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-size: 18px; } /*Provider Profile Overview*/ #ProviderProfileOverview .listing-levels li li, #ProviderProfileOverview ul.listing-levels li li li, #BuyingGuidePage .listing-levels li li, #BuyingGuidePage ul.listing-levels li li li { border: none; font-size: 11px; font-weight: bold; padding: 0 0 2px 16px; } #ProviderProfileOverview ul.listing-levels li li, #BuyingGuidePage ul.listing-levels li li { padding: 0 0 5px 24px;} #ProviderProfileOverview .listing-levels h3, #ProviderProfileOverview .listing-levels h4, #BuyingGuidePage .listing-levels h3, #BuyingGuidePage .listing-levels h4, #DomainSearchPage .listing-levels h3, #DomainSearchPage .listing-levels h4 { font-size: 11px; font-weight: bold; margin: 0; } #ProviderProfileOverview .intro-world-map, #BuyingGuidePage .intro-world-map { background: url("gfx/world-map.jpg") no-repeat scroll 0 0 transparent; } /*hosting-buying-guide.php*/ #BuyingGuidePage #buying-guide h1, #ProviderReviewPage #review-listing h1 { color: #000; text-shadow: none; } #BuyingGuidePage #buying-guide, #BuyingGuidePage div.flash { background: none; height: auto; padding: 0; width: auto; } #BuyingGuidePage #buying-guide { border-bottom: 1px dashed #64B221; margin-bottom: 15px;} #BuyingGuidePage div.flash { float: none; } /*domain-search.php*/ #DomainSearchPage #col-sub-new .other-toplists-item a { color: #fff;} #DomainSearchPage #col-main-new { float: left; margin: 0; padding: 0 0 0 5px; position: relative; width: 642px; } #DomainSearchPage #search-domain { background: url("gfx/sprites/sprites-domain-search.png") no-repeat scroll 0 0 transparent; height: 235px; margin-bottom: 5px; margin-top: 25px; position: relative; width: 637px; } #container-left #search-domain h1 { background: url("gfx/sprites/sprites-domain-search.png") no-repeat scroll 0 -245px transparent; height: 84px; position: absolute; right: 20px; text-indent: -9999px; top: 18px; width: 296px; } #DomainSearchPage .searchbox { background: url("gfx/sprites/sprites-domain-search.png") no-repeat scroll 0 -362px transparent; height: 39px; position: absolute; right: 20px; top: 200px; width: 320px; } #DomainSearchPage .searchbox input { background: none; border: none; color: #FF9000; font-weight: bold; float: left; margin: 8px 0 0 15px; width: 247px; } #DomainSearchPage .searchbox input.btn-submit { background: none repeat scroll 0 0 transparent; cursor: pointer; height: 27px; width: 20px; } #DomainSearchPage #search-domain ul { bottom: 67px; position: absolute; right: 91px; } #DomainSearchPage #search-domain ul li { background: url("gfx/sprites/sprites-domain-search.png") no-repeat scroll -619px -380px transparent; color: #000000; font-size: 12px; height: 23px; text-indent: 21px; } #DomainSearchPage div#green-box { width: 563px;} #DomainSearchPage #search-domain .domain1-li-inactive { background-position: -619px -311px;} #DomainSearchPage #search-domain .domain1-li { background-position: -619px -357px; } #DomainSearchPage #article-category-listing { padding: 0 8px; width: 619px;} #DomainSearchPage .article-border-bottom-bg, #DirectoryToolsCategoryOverviewPage .article-border-bottom-bg, #ArticleCategoryHolder .article-border-bottom-bg, #TutorialCategoryOverviewPage .article-border-bottom-bg, #ArticlePage .article-border-bottom-bg, #ArticleCategory .article-border-bottom-bg, #HostingToplistPageHolder .article-border-bottom-bg { width: auto; } #ArticlePage #article #comment { width: auto; } #ArticlePage #article #comment input.text { width: 273px; } #ArticlePage #article #comment textarea { width: 583px; } #DomainSearchPage .orange, #ArticleCategory .orange { border-bottom: 1px dashed #FF9C00;} #DomainSearchPage .domain-box { border-bottom: 1px dashed #FF9C00; margin: 0 18px 0 8px; } #DomainSearchPage .orange span, #ArticleCategory .orange span { background: url("gfx/sprites/ico-sprites-fs8.png") no-repeat scroll 126px -114px #FF9C00; font-size: 10px; padding: 0 0 0 5px; width: 134px; } #DomainSearchPage #domain-results-new { margin: 15px 14px 0 5px;} #DomainSearchPage div#red-box { width:auto;} #DomainSearchPage .details-date { color: #959494;} #ArticleCategory .details-comment a span, #ArticleCategoryHolder .details-comment a span, #article-category-listing .details-comment a span.text { margin: 0 0 0 5px; } /*reviews.php*/ #ProviderReviewPage #review-listing { background: none; height: auto; padding: 0; width: auto; } #ProviderReviewPage #review-category-holder { background: none; padding: 0; width: auto; } #ProviderReviewPage #review-overview-toplist { margin: 0;} #ProviderReviewPage tr.even { background: none;} #review-overview-toplist tbody tr td { border-bottom: 1px solid #ffb400; border-top: 1px solid #ffb400; padding: 20px 10px; } #ProviderReviewPage #toplist-table a { color: #000; font-size: 12px; font-weight: bold;} #review-overview-toplist tbody tr td.number-reviews { background: #fff3cb; border-left:1px solid #FFB400; border-right: 1px solid #FFB400;} #review-overview-toplist tbody tr td.recommended-by strong { color: #959494;} #ProviderReviewPage td.provider-name { border-left:none; } #ProviderReviewPage td.review-link-td { border-right:none; } #ProviderReviewPage #toplist-table td.review-link-td a { color:#fff; background-position: -523px -182px; height: 23px; padding: 2px 0 0; width: 76px; } #ProviderReviewPage a.reset-link { background-position: -523px -182px; color: #FFFFFF; text-align: center; width: 76px; } #ProviderReviewPage #toplist-table th { background: none repeat scroll 0 0 #FFF3CB; padding: 5px 5px 5px 10px; } .border-container { border: 1px solid #FFB400; /* border-bottom: 25px solid #FFB400;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 1px 1px 1px #e8e8e8; -moz-box-shadow: 0px 1px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px 1px #e8e8e8; margin: 0 0 20px; } .btm-rounded { display: block; background: #FFB400; height: 25px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .r-top { background: #fff3cb; display: block; height: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #ProviderReviewPage #review-overview-toplist table { margin: 0; width: 623px;} /*Advanced Search Page*/ #AdvancedSearchPage #main div.wide { background: none; width: 991px; margin: -10px 0 0 -12px; } #AdvancedSearchPage #adv-search-new { width: 968px; margin: 30px auto 0;} #AdvancedSearchPage #adv-search-new #fixed-float { width: 968px;} /*new design*/ /* BEGIN ArticleArchives and VideoArchives Widget */ #article-category-nav, #videos-category-nav {min-height:313px;} #article-category-nav ul, #videos-category-nav ul {list-style:none;} #article-category-nav li, #videos-category-nav li {height: 36px;margin: 0 0 1px 0 ;background:#ededed;} #article-category-nav .article-category-header, #videos-category-nav .videos-category-header {background:#315D92;background: url("gfx/widget-header-bg.png") repeat-x ;background-image: -moz-linear-gradient(90% 90% 90deg, #294F82, #4179B2);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4179B2), to(#294F82));height: 49px;padding: 0 0 0 0;margin: 0 0 0 0 ;color:#fff;} #article-category-nav .article-category-header h3, #videos-category-nav .videos-category-header h3 {padding:19px 0 5px 20px;} #article-category-nav #article-overview{border-left: 4px solid #62a524} #article-category-nav #industry-insights{border-left: 4px solid #00d2c6} #article-category-nav #the-basics-of-webhosting{border-left: 4px solid #9a359b} #article-category-nav #domain-names{border-left: 4px solid #ff9c00} #article-category-nav #design-and-programming{border-left: 4px solid #f20303} #article-category-nav #working-with-blogs{border-left: 4px solid #35659b;} #article-category-nav #whs-blog{border-left: 4px solid #FF00E5;margin: 0 0 0 0;} #article-category-nav #widget-search, #videos-category-nav #widget-search {background:#302f2f;height: 49px;background: url("gfx/widget-search-bg.png") repeat-x ;background-image: -moz-linear-gradient(90% 90% 90deg, #292828, #464646);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#464646), to(#292828));} #article-category-nav h3, #videos-category-nav h3 {font-size:18px;border-top:1px solid #fff;border-bottom:1px solid #d6d6d6;height:29px;width:290px;padding: 6px 0 0 10px;margin: 0 0 0 1px;} #article-category-nav h3 a, #videos-category-nav h3 a {display:block;height:29px;text-decoration:none;color: #000;} #article-category-nav a:hover, #article-category-nav a.selected, #videos-category-nav a:hover, #videos-category-nav a.selected {position:relative;margin: -13px 0 0 -36px;padding: 13px 0 0 36px;height: 34px;width:314px;color: #fff;text-shadow:2px 2px 3px #222;} #article-category-nav #industry-insights h3 a:hover, #article-category-nav #industry-insights h3 a.selected {background:url("gfx/widget-nav-industry-insights.png") no-repeat scroll 1px 0 transparent ;} #article-category-nav #article-overview h3 a:hover, #article-category-nav #article-overview h3 a.selected {background:url("gfx/widget-nav-article-overview.png") no-repeat scroll 1px 0 transparent;} #article-category-nav #the-basics-of-webhosting h3 a:hover, #article-category-nav #the-basics-of-webhosting h3 a.selected {background:url("gfx/widget-nav-the-basics-of-webhosting.png") no-repeat scroll 1px 0 transparent;} #article-category-nav #domain-names h3 a:hover, #article-category-nav #domain-names h3 a.selected {background:url("gfx/widget-nav-domain-names.png") no-repeat scroll 1px 0 transparent;} #article-category-nav #design-and-programming h3 a:hover, #article-category-nav #design-and-programming h3 a.selected {background:url("gfx/widget-nav-design-and-programming.png") no-repeat scroll 1px 0 transparent;} #article-category-nav #working-with-blogs h3 a:hover, #article-category-nav #working-with-blogs h3 a.selected {background:url("gfx/redesign/widget-nav-blue.png") no-repeat scroll 1px 0 transparent;} #article-category-nav #whs-blog h3 a:hover, #article-category-nav #whs-blog h3 a.selected {background:url("gfx/redesign/widget-nav-pink-last.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #tutorial-overview{border-left: 4px solid #62A524} #videos-category-nav #content-management-systems{border-left: 4px solid #00D2C6} #videos-category-nav #cpanel-tutorials{border-left: 4px solid #9a359b} #videos-category-nav #ecommerce-tutorials{border-left: 4px solid #ff9c00} #videos-category-nav #webhost-manager-tutorials{border-left: 4px solid #f20303} #videos-category-nav #plesk-tutorials{border-left: 4px solid #35659b} #videos-category-nav #helm-tutorials{border-left: 4px solid #fa00e5} #videos-category-nav #hsphere-tutorials{border-left: 4px solid #bfa84b} #videos-category-nav #fantastico-tutorials{border-left: 4px solid #349498;margin: 0 0 0 0;} #videos-category-nav #tutorial-overview h3 a:hover, #videos-category-nav #tutorial-overview h3 a.selected {background:url("gfx/widget-nav-article-overview.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #content-management-systems h3 a:hover, #videos-category-nav #content-management-systems h3 a.selected {background:url("gfx/widget-nav-industry-insights.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #cpanel-tutorials h3 a:hover, #videos-category-nav #cpanel-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-violet.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #ecommerce-tutorials h3 a:hover, #videos-category-nav #ecommerce-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-orange.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #webhost-manager-tutorials h3 a:hover, #videos-category-nav #webhost-manager-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-red.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #plesk-tutorials h3 a:hover, #videos-category-nav #plesk-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-blue.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #helm-tutorials h3 a:hover, #videos-category-nav #helm-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-pink.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #hsphere-tutorials h3 a:hover, #videos-category-nav #hsphere-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-kahki.png") no-repeat scroll 1px 0 transparent;} #videos-category-nav #fantastico-tutorials h3 a:hover, #videos-category-nav #fantastico-tutorials h3 a.selected {background:url("gfx/redesign/widget-nav-cyan.png") no-repeat scroll 1px 0 transparent;} /* Transparent image png fix for IE6 */ * html #article-category-nav a:hover, * html #article-category-nav a.selected, * html #videos-category-nav a:hover, * html #videos-category-nav a.selected {position:absolute;margin: -13px 0 0 -35px;padding: 13px 0 0 35px;} * html #article-category-nav #industry-insights a:hover, * html #article-category-nav #article-overview a:hover, * html #article-category-nav #the-basics-of-webhosting a:hover, * html #article-category-nav #domain-names a:hover, * html #article-category-nav #design-and-programming a:hover, * html #article-category-nav #working-with-blogs a:hover, * html #article-category-nav #whs-blog a:hover, * html #article-category-nav #industry-insights a.selected, * html #article-category-nav #article-overview a.selected, * html #article-category-nav #the-basics-of-webhosting a.selected, * html #article-category-nav #domain-names a.selected, * html #article-category-nav #design-and-programming a.selected, * html #article-category-nav #working-with-blogs a.selected, * html #article-category-nav #whs-blog a.selected {background-position: bottom left;} * html #article-category-nav #industry-insights a:hover, * html #article-category-nav #article-overview a:hover, * html #article-category-nav #the-basics-of-webhosting a:hover, * html #article-category-nav #domain-names a:hover, * html #article-category-nav #design-and-programming a:hover, * html #article-category-nav #working-with-blogs a:hover, * html #article-category-nav #whs-blog a:hover {z-index:1;} * html #videos-category-nav #tutorial-overview a:hover, * html #videos-category-nav #content-management-systems a:hover, * html #videos-category-nav #cpanel-tutorials a:hover, * html #videos-category-nav #ecommerce-tutorials a:hover, * html #videos-category-nav #webhost-manager-tutorials a:hover, * html #videos-category-nav #plesk-tutorials a:hover, * html #videos-category-nav #helm-tutorials a:hover, * html #videos-category-nav #hsphere-tutorials a:hover, * html #videos-category-nav #fantastico-tutorials a:hover {background-position: bottom left;z-index:1;} * html #article-category-nav #industry-insights a.selected, * html #article-category-nav #article-overview a.selected, * html #article-category-nav #the-basics-of-webhosting a.selected, * html #article-category-nav #domain-names a.selected, * html #article-category-nav #design-and-programming a.selected, * html #article-category-nav #working-with-blogs a.selected {z-index:0;} * html #videos-category-nav #tutorial-overview a.selected, * html #videos-category-nav #content-management-systems a.selected, * html #videos-category-nav #cpanel-tutorials a.selected, * html #videos-category-nav #ecommerce-tutorials a.selected, * html #videos-category-nav #webhost-manager-tutorials a.selected, * html #videos-category-nav #plesk-tutorials a.selected, * html #videos-category-nav #helm-tutorials a.selected, * html #videos-category-nav #hsphere-tutorials a.selected, * html #videos-category-nav #fantastico-tutorials a.selected {background-position: bottom left;z-index:0;} * html #article-category-nav li, * html #videos-category-nav li{z-index:-1;} #article-category-nav input#widget-search-text, #videos-category-nav input#widget-search-text {float:left;width:222px;padding: 0 0 0 17px;height: 39px;background: url("gfx/widget-input-search-text.png") no-repeat scroll 1px 0 transparent;border:0;font-weight:bold;margin: 5px 0 0 16px;padding-top /*\**/: 13px\9 /*css hack for ie8*/} * html #article-category-nav input#widget-search-text, * html #videos-category-nav input#widget-search-text {padding: 10px 0 0 17px;} #article-category-nav form button, #videos-category-nav form button {float:left;width:40px;height:39px;margin:5px 16px 0 0;border:0;text-indent:-999em;font-size:0;line-height:0;background: url("gfx/widget-input-search-button.png") no-repeat scroll 0 0 transparent;cursor: pointer;} /* END ArticleArchives and VideoArchives Widget */ /*BEGIN WIDGETS CSS*/ .article-widget{ float:left; padding:5px 0px 10px; } .article-widget h2{ font-size:24px; } .article-widget h3{ font-size:24px; } .blue-widget{ background:#4179b2; color:#fff; width: 311px; } .blue-widget h3, #other-toplists-container h3{ text-shadow:2px 2px 3px #222222; text-align: center; } #editors-top5-picks{ background:#fff; } .editors-top-webhosts{ margin:10px 0 0; } .editors-top-webhosts table{ width:100%; } .editors-top-webhosts table tr{ border-bottom:1px solid #ededed; font-weight:bold; } .editors-top-webhosts table tr td{ border-bottom:1px solid #ededed; padding:5px; } .editors-top-webhosts table tr td.provider-logo{ padding:5px 5px 5px 15px; width:100px; } .editors-top-webhosts table tr td.provider-logo img{ width:100px; } /*overall toprankedhosts*/ .subnav-toplist-price{ color: #a80e04; } .subnav-toplist-rank{ color: #adadad; font-size: 28px; font-weight: bold; } a.subnav-toplist-review{ color: #0875b0 !important; text-decoration: none !important; } a.subnav-toplist-review:hover{ text-decoration: underline !important; } /*END WIDGETS CSS*/ /*BUYING GUIDE CSS*/ .cobalt-blue { background:url(gfx/sprites/bg-sprites-fs8.png) 0 -139px repeat-x; } #buyingguide { width: 311px; float: left; } #buyingguide-body { background:url("gfx/sprites/img-sprites.png") no-repeat scroll -545px 0 #EDEDED; height: 185px; width: 311px; margin: 0pt; position: relative; float: left; } #buyingguide-body p { width: 210px; text-align: center; line-height: 1.2em; } .large-img-sprite { background: url("gfx/cheap-toplist/large-bg-imgs2.png") no-repeat scroll 0% 0% transparent; display: block; } .to-question { background-position: -388px 0pt; height: 26px; width: 111px; position: absolute; top: 140px; left: 185px; } #col-sub-new .WidgetHolder {display:inline-block;margin:0 0 15px;} /*END COMMON CSS*/ /*TWITTER FEED*/ #twitter-feed {float: left; margin:0; width: 311px;} #twitter-feed h3 {color: #FFFFFF; font-size: 23px; padding: 9px 0 0 16px; text-shadow: 2px 2px 3px #222222;} #twitter-feed-body {background:#2b5083 url("gfx/sprites/bg-sprites-fs8.png") repeat-x 0 -219px; height: 124px; padding: 5px 5px 15px;} #twitter-feed-body .twitter-logo { display:block; float: left; background:url("gfx/sprites/img-sprites.png") no-repeat 0 -65px; height: 116px; width: 113px; } #twitter-feed-body span{color: #FFFFFF;display: block;float: left;font-size: 31px;font-weight: bold;text-shadow: 1px 1px 1px #244260;margin-left: 7px;} .feed span {font-size:10px; font-weight:bold;} #twitter-feed-body a {text-align: left; color: #2371c0; text-decoration: none; font-size: 12px;} .twitter-inner-content{margin: 10px 0 0 10px;} #twitter-feed a{text-decoration: none;cursor: pointer;} /*END*/ .facebook-widget{width: 311px;} .facebook-widget a{text-decoration: none;} .facebook-widget h3 {color: #FFFFFF; font-size: 23px; padding: 9px 0 0 16px; text-shadow: 2px 2px 3px #222222;} .facebook-top {background: url("gfx/cheap-toplist/widget-header.png") repeat-x scroll 0 0 transparent; height: 49px;} .facebook-like-logo{background: url("/site/css/gfx/facebook-twitter-ourblog-sprites.png") repeat scroll 0 -162px transparent; display: block;float: left;height: 110px; width: 94px;} .facebook-body{background: url("/site/css/gfx/facebook-bg.png") repeat scroll 0 0 transparent;height: 144px;} .facebook-content{float: left;margin: 15px 0 0 18px;} .facebook-text{color: #FFFFFF;display: block;float: left;font-size: 31px;font-weight: bold;line-height: 0.7em;margin-left: 7px;margin-top: 5px;text-shadow: 1px 1px 1px #244260;} .facebook-image{background: url("/site/css/gfx/facebook-twitter-ourblog-sprites.png") repeat scroll -225px 0 transparent;display: block;display: block;margin-left: -14px;width: 187px;height: 35px;} /**/ /* counter transparency fix for IE6 */ * html #user-review-counter #counter-0, * html #user-review-counter #counter-1, * html #user-review-counter #counter-2, * html #user-review-counter #counter-3, * html #user-review-counter #counter-4, * html #user-review-counter #counter-5, * html #user-review-counter #counter-6, * html #user-review-counter #counter-7, * html #user-review-counter #counter-8, * html #user-review-counter #counter-9{background-position-y:-453px;} #user-reviews p, #user-reviews .widget-btn-container{margin:0 16px 10px 16px;width:279px;} #user-reviews blockquote{ background:url("gfx/sprites/img-sprites.png") no-repeat scroll 0 -556px transparent; float:right; color:#fff; margin:35px 16px 5px 16px; font:normal 13px arial; text-indent:10px; *margin-top:25px; } * html #user-reviews blockquote { margin:25px 0 5px 7px; background:url("gfx/sprites/img-sprites.png") no-repeat scroll 255px -858px transparent; } #user-reviews blockquote div { background:url("gfx/sprites/img-sprites.png") no-repeat scroll 214px -866px transparent; padding-right: 23px; } * html #user-reviews blockquote div { /* background:url("gfx/sprites/img-sprites.png") no-repeat scroll 255px -858px transparent;*/ margin-right: 23px; } #user-reviews p{color:#fff;} #user-reviews .user-reviewer{ font-size:10px; float:left; margin:0; text-align:right; width:280px; } #user-reviews #leave-review, #user-reviews #read-review{ display:block; float:left; width:114px; height:25px; background:url("gfx/btn-write-review.png") no-repeat; } #user-reviews #leave-review span, #user-reviews #read-review span{display:none;} #user-reviews #read-review{float:right;background-image:url("gfx/btn-read-review.png");} #user-reviews p a{ float:right; text-align:right; margin-right:14px; text-decoration:none; color:#53a8ff; font:normal 13px arial; } #user-reviews p a:hover{text-decoration:underline;} #user-reviews p a:hover{text-decoration:underline;} #user-reviews p#review-content{ height: 141px; _height: 35px; } *:first-child+html #user-reviews p#review-content{ height: 35px; } /* End User Reviews Widget */ /*Most Popular Articles*/ .most-popular-container {width: 311px;padding: 5px 0 10px!important;} .most-popular-inner-container {margin: 0 auto;width: 281px;} #most-popular-article{background:#fff;width: 282px;} .mpa-nav li{padding:4px 27px;padding-top:5px !important;} #most-popular-nav li {padding: 5px 22px 10px !important;} #editors-top5-picks{background:#fff;} #most-popular-article .article-widget-nav {background-position:-2px -366px;height:23px;width:282px;display:block;font-weight:bold;margin:0 !important;padding:5px 0;} .article-widget-nav li{border-right:1px solid #292828;color:#fff;cursor: pointer;float:left;list-style: none;margin:-5px 0 0;} .article-widget-nav li.last{border-right:none;} .article-widget-nav li.selected{background-color:#292828;} .most-popular-items{margin:10px 0 0;} .most-popular-items table{width:279px!important;float: none!important;} .most-popular-items table tr td{border-bottom:1px solid #ededed;padding:5px!important;} .most-popular-items table tr td.title{padding-left:20px!important;width:305px;font: 13px 'Lucida Grande',arial,helvetica,sans-serif;text-align: left!important;font-weight:bold;} .most-popular-items table tr td.subnav-toplist-rank {font: 28px 'Lucida Grande',arial,helvetica,sans-serif;font-weight: bold;} .most-popular-items table tr td a{color:#0f6ba7;text-decoration:none;} .most-popular-items table tr td a:hover{text-decoration:underline;} #other-toplists-container{background:url('gfx/redesign/othertoplist_bg.jpg') no-repeat;color:#fff;float:left;padding:23px 15px 10px;width:281px;} .other-toplists-item{float:left;width:100%;} .other-toplists-item p{color:#000;font-weight:bold;} .other-toplists-item a{color:#fff;display:block;margin:0 0 3px;text-decoration:none;} .other-toplists-item a:hover{text-decoration:underline;} .other-toplists-item span{font-weight:bold;font-size:14px;margin:0 0 4px;} .other-toplists-item p{margin:0;} .editors-top-webhosts{margin:10px 0 0;} .editors-top-webhosts table{width:100%;} .editors-top-webhosts table tr{border-bottom:1px solid #ededed;font-weight:bold;} .editors-top-webhosts table tr td{border-bottom:1px solid #ededed;padding:5px;} .editors-top-webhosts table tr td.provider-logo{padding:5px 5px 5px 15px;width:100px;} .editors-top-webhosts table tr td.provider-logo img{width:100px;} .arrow-selected{display:block;float:left;height:6px; width:19px;margin-top:-6px;*margin-top:0px;_margin-top:-10px;} .selected-Read{margin-left:26px;_margin-left:13px;} .selected-Shared{margin-left:110px;_margin-left:55px;} .selected-Commented{margin-left:214px;_margin-left:104px;} .light{background:#ededed;} /*End Most Popular Articles */ /*PAYPAL*/ .dark{background:#292828;color:#fff;width:308px;} .paypal-container{padding:5px 0 10px;} .paypal-big{height:78px;width:294px;float:left;margin:30px 0 15px 12px;display:inline-block;} .WidgetHolder #paypal h3, .WidgetHolder #paypal p, .WidgetHolder #paypal a { margin: 0 17px;} .WidgetHolder #paypal p,.WidgetHolder #paypal h3 { margin-bottom: 10px;} /*Question of The Day*/ *:first-child+html #answers-list{list-style: none!important;list-style-type: none!important;} #answers-list{padding: 10px 0;} #answers-list li {list-style: none; padding: 5px;} *:first-child+html #answers-list li { padding: 5px 0px;} *:first-child+html #answers-list li input{margin-left: -15px;} #answers-list li span{margin-left: 5px;} .question-of-the-day-inner{padding: 0 10px;} .question-of-the-day-inner p{margin: 0;} input.get-answer{background-position: 0 -38px;border: medium none;cursor: pointer;height: 28px;width: 103px;} /*NEWSLETTER*/ .newsletter-inner{ padding: 1px 10px; } #Form_NewsLetterForm_action_doSubmit{background-position: 1px -65px;border: medium none;height: 27px;margin-top: 15px;width: 103px;cursor: pointer;} /* Hosting coupons widget */ #hostingcoupons {background:url(gfx/cheap-toplist/hostingcoupons-bg.png) no-repeat;height:286px;width:308px;float:left;margin:0 18px 0 0;} .WidgetHolder #hostingcoupons {margin:0;} .WidgetHolder #hostingcoupons p {color:#fff;font-size:16px;line-height:1.2em;margin:55px 0 0 75px;text-align:center;width:200px;} /*WRITE A REVIEW WIDGET*/ a.writeareview { background: url("gfx/writeareview.png") no-repeat scroll 0 0 transparent; color: #fff; display: block; height: 265px; text-decoration: none; padding: 15px; text-align: right; text-shadow: 1px 1px 1px #333333; width: 281px; } .writeareview .writeareview-smalltext { font: bold 30px/30px "Trebuchet MS",sans-serif !important ; font-size: 30px; text-indent: 20px} .writeareview .writeareview-bigtext { font: bold 46px/46px "Trebuchet MS",sans-serif !important ; font-size: 46px; font-weight: bold; text-indent: 20px} input.btn-sprites { padding: 1px 9px 4px; text-transform: capitalize;} input.btn-ornge { background-position: 0 -102px; color: #000; height: 25px; padding: 0 5px 4px; width: 126px; text-shadow: 1px 1px 1px #eac99d; filter: dropshadow(color=#eac99d, offx=1, offy=1); -webkit-box-shadow: 1px 1px 2px 1px; -moz-box-shadow: 1px 1px 2px 1px; box-shadow: 1px 1px 2px 1px; } #buyingguide-body .btn-sprites { bottom: 15px; position: absolute; right: 15px; } #get-answer #PollForm_PollForm_action_vote, #get-answer .action, #get-answer .btn-sprites { bottom: 15px; position: absolute; left: 15px; } input.btn-ornge { background-position: 0 -102px; color: #000; height: 25px; padding: 0 5px 4px; width: auto; text-shadow: 1px 1px 1px #eac99d; filter: dropshadow(color=#eac99d, offx=1, offy=1); -webkit-box-shadow: 1px 1px 2px 1px; -moz-box-shadow: 1px 1px 2px 1px; box-shadow: 1px 1px 2px 1px; } #buyingguide-body .btn-sprites { bottom: 15px; position: absolute; right: 15px; } /* end new editor reply */ /* end index page new look widgets */ .btn-sprites-widget { background: url("gfx/bg-btn.png") repeat-x scroll 0 0 transparent; border: 1px solid #B4E11D; box-shadow: 0 1px 2px 0 #000000; color: #FFFFFF; font: bold 14px arial,helvetica,sans-serif; height: 23px; padding: 0px 10px 20px; width: auto; border-radius: 3px 3px 3px 3px; cursor: pointer; display: block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px #427518; font-family: 'Lucida Grande',arial,helvetica,sans-serif; } /********************************************WIDGETS********************************************/ /*11-03-11*/ .WidgetHolder { clear: both; margin: 0 0 10px; width: 323px; } .videos-archives-search input.btn-sprites, .videos-archives-search .button.btn-sprites { width: 78px;} .WidgetHolder .widget-top, .WidgetHolder .widget-btm { background: url("gfx/widgets/widget-holder.png") no-repeat; display: block; height: 5px; width:323px; } .WidgetHolder .widget-btm { background-position: 0 -5px; height: 8px;} .WidgetHolder .widget-content { background: url("gfx/widgets/widget-holder.png") repeat-y scroll -323px 0 transparent; padding: 0 6px; width: 311px; } .WidgetHolder #get-answer .btn-sprites , .WidgetHolder #get-answer #PollForm_PollForm_action_vote, .WidgetHolder #get-answer .action { left:auto; right:30px; } .grey-gradient { background:url("gfx/widgets/bg-gradients-widget.png") repeat-x scroll 0 -583px transparent; } .grey-gradient-ppc { background-position: 0 -820px;} .blue-gradient { background:url("gfx/widgets/bg-gradients-widget.png") repeat-x scroll 0 0 #DBF2F6; } .widget-content h3 { border-bottom: 1px solid #FF9900; color: #000000; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-size: 21px; margin: 0 6px; padding-top: 10px; } body#IndexPage div#our-blog { margin: 15px 3px 0 0; height: 188px;} /*****FB & Twitter Widget*****/ .facebook-widget, #twitter-feed { background: url("gfx/img-boards.png") no-repeat scroll 0 -362px transparent; display: block; width: 311px; height: 188px; text-indent: -9999px; } #twitter-feed { background-position: 0 -550px; float: none; } .col01 #twitter-feed { float:left; margin: 15px 0 0;} /*****Videos Archive Widget & Article Archive Widget*****/ #articles-archives-container li a, #videos-archives-container li a { text-decoration: none; color: #438290; display: block; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; } #articles-archives-container li a, #videos-archives-container li a { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px 7px transparent; } #articles-archives-container li a span, #videos-archives-container li a span { border-bottom: 1px solid #EAEAEA; border-top: 1px solid #FFFFFF; display: block; margin: 0 5px; padding: 7px 0 7px 42px; } .articles-archives-search, .videos-archives-search { background: #000; border-top: 2px solid #fff; padding: 12px 10px; } .articles-archives-search .articles-archives-search-box, .videos-archives-search .videos-archives-search-box { color: #949494; font-size: 11px; float: left; width: 195px; padding: 4px; } #wrapper .articles-archives-search button, #wrapper .videos-archives-search button{ width: 78px; +filter:chroma(color=#000000); +border:none; } /*Articles Archives*/ #articles-archives-container .pp01 span, #videos-archives-container .pp01 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -76px;} #articles-archives-container .pp02 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -356px;} #articles-archives-container .pp03 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -386px;} #articles-archives-container .pp04 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -416px;} #articles-archives-container .pp05 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -446px;} #articles-archives-container .pp06 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -476px;} #articles-archives-container .pp07 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -506px;} /*Video Archives*/ #videos-archives-container .pp02 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -111px;} #videos-archives-container .pp03 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -141px;} #videos-archives-container .pp04 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -171px;} #videos-archives-container .pp05 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -201px;} #videos-archives-container .pp06 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -231px;} #videos-archives-container .pp07 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -261px;} #videos-archives-container .pp08 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -291px;} #videos-archives-container .pp09 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -321px;} #videos-archives-container .pp10 span { background: url("gfx/widgets/archives-icons.png") no-repeat scroll 275px -536px;} #articles-archives-container .selected, #videos-archives-container .selected{ color:#000;} #articles-archives-container .pp01 .selected, #articles-archives-container .pp01 a:hover, #videos-archives-container .pp01 .selected, #videos-archives-container .pp01 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #cefd91;} #articles-archives-container .pp02 .selected, #articles-archives-container .pp02 a:hover, #videos-archives-container .pp02 .selected, #videos-archives-container .pp02 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #83fff8;} #articles-archives-container .pp03 .selected, #articles-archives-container .pp03 a:hover, #videos-archives-container .pp03 .selected, #videos-archives-container .pp03 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #fec8ff;} #articles-archives-container .pp04 .selected, #articles-archives-container .pp04 a:hover, #videos-archives-container .pp04 .selected, #videos-archives-container .pp04 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #ffc872;} #articles-archives-container .pp05 .selected, #articles-archives-container .pp05 a:hover, #videos-archives-container .pp05 .selected, #videos-archives-container .pp05 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #ffb8b8;} #articles-archives-container .pp06 .selected, #articles-archives-container .pp06 a:hover, #videos-archives-container .pp06 .selected, #videos-archives-container .pp06 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #a6d0ff;} #articles-archives-container .pp07 .selected, #articles-archives-container .pp07 a:hover, #videos-archives-container .pp07 .selected, #videos-archives-container .pp07 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #ff93f4;} #videos-archives-container .pp08 .selected, #videos-archives-container .pp08 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #ffeb9b;} #videos-archives-container .pp09 .selected, #videos-archives-container .pp09 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #a5e0fb;} #videos-archives-container .pp10 .selected, #videos-archives-container .pp10 a:hover {background: url("gfx/widgets/archives-icons.png") no-repeat scroll 10px -35px #cefd91;} /***cloned style of buying guide widget***/ #buyingguide-widget { background: url("gfx/blackboard.png") no-repeat scroll transparent; height: 183px; margin: 0 6px 0 0; padding: 20px; width: 270px; position: relative; } #buyingguide-widget p { color: #fff; font-size: 13px; margin: 20px 0 0; } #buyingguide-widget h3 { background: url("gfx/sprites.png") no-repeat scroll -232px 0 transparent; height: 25px; margin: 0; text-indent: -99999px; border-bottom: 0 none; } #buyingguide-widget .btn-sprites, #buyingguide .btn-sprites { bottom: 24px; color: #FFFFFF; position: absolute; right: 10px; } /***cloned style of buying guide widget ends***/ /* TOPLIST WIDGET */ .white-container {background: #fff;} #toplist-widget{ background:#fff;font-family:arial,helvetica,sans-serif; } #toplist-widget .toplist-table{ width:100%; } #toplist-widget .toplist-table a{ color:#006699;text-decoration:underline; } #toplist-widget .toplist-table a:hover{ text-decoration:none; } #toplist-widget .toplist-table tr.even{ background:#fff; } #toplist-widget .toplist-table td{ padding:3px;text-align:center; border-bottom:1px solid #E2E2E2; } #toplist-widget .toplist-table td.rank{ padding:3px 0 3px 6px; } #toplist-widget .toplist-table .indexc-price strong { color: #000; display: block; font-size: 23px; } #toplist-widget .toplist-table td.rank { font-size: 12px; padding-left: 5px; text-align: left; } #toplist-widget .toplist-table .indexc-review { color: #0018FF; display: block; font-size: 11px; line-height: 11px; text-decoration: none; } #toplist-widget .toplist-table .indexc-review:hover{ text-decoration:underline; } #toplist-widget .toplist-table .btn-sprites { background: url("gfx/sprites.png") no-repeat scroll 0 -58px transparent; border: medium none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#fff; height: 25px; padding: 6px 0 0 6px; text-align: left; text-decoration: none; width: 40px; } /* END TOPLIST WIDGET */ /* User Reviews Widget */ #user-reviews-widget{padding:0 15px;width:280px;} #user-reviews-widget p{margin:0;padding:5px 0;} #user-review-counter{list-style:none;margin:0 0 10px;} #user-review-counter li{float:left;background: url("gfx/img-sprites.png") no-repeat scroll 0 0 transparent;height:105px;width:70px;} #user-review-counter #counter-0{background-position:0 -444px;} #user-review-counter #counter-1{background-position:-70px -444px;} #user-review-counter #counter-2{background-position:-140px -444px;} #user-review-counter #counter-3{background-position:-210px -444px;} #user-review-counter #counter-4{background-position:-280px -444px;} #user-review-counter #counter-5{background-position:-350px -444px;} #user-review-counter #counter-6{background-position:-420px -444px;} #user-review-counter #counter-7{background-position:-490px -444px;} #user-review-counter #counter-8{background-position:-560px -444px;} #user-review-counter #counter-9{background-position:-630px -444px;} #user-reviews-widget blockquote{ background:url("gfx/sprites/img-sprites.png") no-repeat scroll 0 -559px transparent; float:right; font:12px/1.4em 'Lucida Grande',arial,helvetica,sans-serif; margin-top:18px; text-indent:13px; } #user-reviews-widget blockquote .quote-close{ background:url(gfx/sprites/img-sprites.png) no-repeat scroll 1px -899px transparent; display:inline-block; height:12px; width:10px; } #user-reviews-widget .user-reviewer{ float:left; font-size:10px; margin:0 0 10px; padding-top:0; text-align:right; width:270px; } #user-reviews-widget #author-review{margin-bottom:15px;text-align:right;width:270px;} #user-reviews-widget #author-review a{color:#0018FF;text-decoration:underline;} #user-reviews-widget #author-review a:hover{text-decoration:none;} .widget-content #user-reviews-widget .widget-btn-container{margin:0;padding:0 0 10px;width:275px;} #user-reviews-widget .widget-btn-container a.btn-sprites{ color:#fff; margin-right:0; text-decoration:none; } #user-reviews-widget .widget-btn-container a.btn-sprites:hover{text-decoration:none;} /* end User Reviews Widget */ /* popular hosting widget */ #popularpages-container { height: auto; } #popularpages-container ul, #popularpages-container li { float: none; color: #438290; padding: 0; width: 311px; } #popularpages-container li a { background: url("gfx/sprites.png") no-repeat scroll 260px -416px transparent; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #FFFFFF; color: #438290; display: block; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-weight: bold; font-size: 13px; height: 27px; margin: 0 10px; padding: 3px 0 1px; text-decoration: none; } #popularpages-container li a span { background: url("gfx/sprites.png") no-repeat scroll 0 -467px transparent; display: block; height: 24px; padding: 3px 0 3px 37px; } #popularpages-container .cheap-hosting-ico span { background-position: 0 -115px;} #popularpages-container .green-hosting-ico span { background-position: 0 -166px;} #popularpages-container .wp-hosting-ico span { background-position: 0 -516px;} #popularpages-container .vps-hosting-ico span { background-position: 0 -268px;} #popularpages-container .ecom-hosting-ico span { background-position: 0 -317px;} #popularpages-container .dedicated-hosting-ico span { background-position: 0 -369px;} #popularpages-container .genericdb-hosting-ico span { background-position: 0 -467px;} #popularpages-container .jsp-web-hosting-ico span { background-position: 0 -618px;} #popularpages-container .windows-web-hosting-ico span { background-position: 0 -566px;} /* end popular hosting widget */ /* Question of the Month widget */ #question-container { background: #2a2929; position: relative; width: 280px; height: 214px; padding: 15px; color:#fff; } #question-container .question-text, #question-container .poll-question, #question-container #PollForm_PollForm, #question-container #answer-form { font-size: 13px; } #question-container #questions-body form {font-family: arial,helvetica,sans-serif;} *:first-child+html #questions-body .radio-answer { margin: 3px 3px 0px -5px;} #question-container #questions-body h3 { font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-weight: normal; font-size: 24px; color:#ffffff; padding: 0 0 10px; width: 281px; margin: 0px; border-bottom: 1px solid #B5D800; text-shadow: 2px 2px 3px #222222; } #question-container #questions-body p { color:#ffffff; margin: 12px 0pt; } #question-container #PollForm_PollForm, #question-container #answer-form { font-weight: normal; } #question-container .get-answer{ background-position: -4px -374px; border: medium none; height: 27px; width: 117px; margin: 6px 0pt 0pt -1px; cursor: pointer; } #question-container .radio-answer { margin: 6px 6px 0pt 0pt; } #question-container #get-answer .btn-sprites { bottom:24px; left:auto; right:30px; width: 132px;} #question-container #get-answer .action { bottom:24px; left:auto; right:30px; width: 132px;} #question-container #get-answer #PollForm_PollForm_action_vote { bottom:24px; left:auto; right:30px; width: 132px;} /* end QUESTION OF THE MONTH WIDGET */ /*BEGIN Ask the Editor Widget*/ #ask-the-editor {border:1px solid #ededed;color:#000;font-family:'Lucida Grande',arial,helvetica,sans-serif;min-height:200px;width:308px;} #ask-the-editor div#recaptcha_widget, #ask-the-editor div#recaptcha_image, #ask-the-editor div#recaptcha_image img{ width:277px!important; } #ask-the-editor div#recaptcha_widget { margin-top: 10px; } #ask-the-editor div#recaptcha_widget .recaptcha_only_if_image { float:left; margin-top: 15px; display: block; } #ask-the-editor div#recaptcha_image { border: 1px solid #AAAAAA; } #ask-the-editor div#recaptcha_widget #recaptcha_response_field { margin-top: 10px; width: 270px; } * html #ask-the-editor div#recaptcha_widget #recaptcha_response_field { width:135px; } #ask-the-editor div#Recaptcha span.validation { color: #f20303; font-size:11px; } #ask-the-editor div#recaptcha_widget a.get-another:hover { text-decoration: underline; } #ask-the-editor div#editor-body{ background:#ededed; padding:24px 15px 15px; } #editor-text {float:right;padding:20px 10px 0 0;width:170px;} #editor-text h3 {font-size:22px;margin:0;} #editor-text span {display:block;margin:5px 0 0 0;} #ask-the-editor div#editor-header {background:url(gfx/redesign/asktheeditor_bg.jpg) no-repeat;height:109px;width:308px;} #ask-the-editor #ContactUsForm_ContactUsForm textarea, #AskTheEditorForm_AskTheEditor textarea { box-shadow:0 1px 5px 0 #999999 inset; -moz-box-shadow:0 1px 5px 0 #999999 inset; -webkit-box-shadow:0 1px 5px 0 #999999 inset; border-right:1px solid #aaa; border-left:1px solid #aaa; border-top:1px solid #aaa; height:46px; padding:5px 10px; width:257px; } .article-sprite {background:url(gfx/sprites/article-sprite.png) no-repeat;display:block;height:10px; width:10px;} .submit-question{ background-position:0 -92px; border:none; cursor:pointer; height:27px; width:144px; margin:10px 0 0;} #editor-body {padding: 6px;} #editor-body a {text-decoration: none;color: #1568bd} #editor-body #Email{font-size: 15px;margin-top: 10px;} #ask-the-editor #ContactUsForm_ContactUsForm_Email { border: 1px solid #AAAAAA; -moz-box-shadow: 0 1px 5px 0 #999999 inset; padding: 5px 10px; width: 257px; } #editor-body p { font-family: 'Lucida Grande',arial,helvetica,sans-serif; margin: 0 10px 0;} /*END Ask the Editor Widget*/ #ask-the-editor { position:relative; border: none; width: 311px;} #ask-the-editor div#editor-body { background: none;} #ask-the-editor div#recaptcha_widget #recaptcha_response_field { margin: 0;} #ask-the-editor div#editor-body { padding: 10px 15px 15px;} #ask-the-editor input.action { float: right;} #ask-the-editor .get-another { bottom: 20px; position: absolute; } #ask-the-editor label, #ask-the-editor div#recaptcha_widget .recaptcha_only_if_image { display: block; font-size: 13px; margin: 5px 0; } .editor-header { background: url("gfx/img-sprites.png") no-repeat scroll -635px -80px transparent; height: 115px; margin: 15px 0 0 13px; padding: 13px 0 5px 10px; width: 275px; } .editor-header img { float: left;} .editor-header-txt { float: left; margin-left: 10px; width: 167px; } .editor-header-txt h4 { font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-size: 14px; margin-bottom: 23px; padding:0; } .editor-header-txt p { font-size: 14px; color: #6d6d6d; line-height: 16px; } .editor-header-txt p strong {} .editor-header-txt p span { font-size: 11px;} #ask-the-editor .editor-wrapper-shadow { background: url("gfx/img-sprites.png") no-repeat scroll -230px -381px transparent; display: block; height: 17px; } #ask-the-editor #ContactUsForm_ContactUsForm_Email, #AskTheEditorForm_AskTheEditor_Email { padding: 5px 10px; width: 257px; } #ask-the-editor div#recaptcha_widget #recaptcha_response_field, #ask-the-editor #ContactUsForm_ContactUsForm textarea, #AskTheEditorForm_AskTheEditor_Email, #AskTheEditorForm_AskTheEditor textarea { border: 1px solid #AAAAAA; -webkit-box-shadow: inset 0px 0px 2px 0px #999999; -moz-box-shadow: inset 0px 0px 2px 0px #999999; box-shadow: inset 0px 0px 2px 0px #999999; } #ask-the-editor .Actions { padding: 10px 5px 0;} #ask-the-editor #ContactUsForm_ContactUsForm_action_doSubmit { width:123px; margin-top: 20px; margin-right: 5px; } #ask-the-editor #Message label, #ask-the-editor #action_doSubmit label { display:none; } #ask-the-editor #ContactUsForm_ContactUsForm_error {margin-left:0;font-size:11px;} #ask-the-editor #ContactUsForm_ContactUsForm_error, #contact #ContactUsForm_ContactUsForm_error, #contact span.required, #contact span.validation, #ask-the-editor span.required, #ask-the-editor span.validation { color:red; } #ask-the-editor span.required, #ask-the-editor span.validation { font-size:11px; } /*BEGIN: LIVEPERSON WIDGET*/ .liveperson { width:311px; height:181px; } #hosting_directory .blue-gradient { background-position: 0 -180px;} .hd-content { padding:10px;}