body {background: #babaa6 url(http://zapp5.staticworld.net/images/smb/bg_main.gif) repeat-x 0 31px; padding: 0; margin: 0; font-family: Arial, Helvetica, Geneva, sans-serif;color:#1a1a1a} ul, ol, ul li {margin:0;padding:0} ul, ul li {list-style:none} p {margin:0;padding:0} a {text-decoration: none; color: #1a61a0} a:hover {text-decoration: underline; background-color: none} a:active {color: #900; outline: none} a:focus {-moz-outline-style: none} a img {border:0} h2.articleBodyContentSubHed {font-size: 18px} .wrapper {width: 1005px; margin: 0 auto; background:#202020} #pcwNav .wrapper {padding-top: 9px} /*global rounded corners*/ .roundedcorners {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px} .roundedcorners-1px-topright {-webkit-border-top-right-radius: 1px; -khtml-border-radius-topright: 1px; -moz-border-radius-topright: 1px; border-top-right-radius: 1px} .roundedcorners-1px-topleft {-webkit-border-top-left-radius: 1px; -khtml-border-radius-topleft: 1px; -moz-border-radius-topleft: 1px; border-top-left-radius: 1px} .roundedcorners-1px-bottomright {-webkit-border-bottom-right-radius: 1px; -khtml-border-radius-bottomright: 1px; -moz-border-radius-bottomright: 1px; border-bottom-right-radius: 1px} .roundedcorners-1px-bottomleft {-webkit-border-bottom-left-radius: 1px; -khtml-border-radius-bottomleft: 1px; -moz-border-radius-bottomleft: 1px; border-bottom-left-radius: 1px} .roundedcorners-1px, .radius_1 {-webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px} .roundedcorners-2px-topright {-webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px} .roundedcorners-2px-topleft {-webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px} .roundedcorners-2px-bottomright {-webkit-border-bottom-right-radius: 2px; -khtml-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px} .roundedcorners-2px-bottomleft {-webkit-border-bottom-left-radius: 2px; -khtml-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px} .roundedcorners-2px {-webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px} .roundedcorners-3px-topright {-webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px} .roundedcorners-3px-topleft {-webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px} .roundedcorners-3px-bottomright {-webkit-border-bottom-right-radius: 3px; -khtml-border-radius-bottomright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px} .roundedcorners-3px-bottomleft {-webkit-border-bottom-left-radius: 3px; -khtml-border-radius-bottomleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px} .roundedcorners-3px, .radius_3 {-webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .roundedcorners-4px-topright {-webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px} .roundedcorners-4px-topleft {-webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px} .roundedcorners-4px-bottomright {-webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px} .roundedcorners-4px-bottomleft {-webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px} .roundedcorners-4px {-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px} .roundedcorners-5px-topright {-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px} .roundedcorners-5px-topleft {-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px} .roundedcorners-5px-bottomright {-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px} .roundedcorners-5px-bottomleft {-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px} .roundedcorners-5px, .radius_5 {-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btm_radius_10 {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px} .top_radius_5 {-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px} .clearme, .spacer {clear: both} #articleText .image {overflow:hidden;float:left;margin:10px 10px 10px 0} #articleText .rtsm {max-width:180px;float:right;margin:0 0 10px 10px;position:relative} #articleText .ltsm {max-width:180px;float:left;margin:0 10px 10px 0;position:relative} #articleText .rtmd {max-width:350px;float:right;margin:10px 0 10px 10px;position:relative} #articleText .ltmd {max-width:350px;clear:left;float:left;margin:0 10px 20px 0;position:relative} #articleText .large {max-width:606px;margin:10px auto;clear:both;float:none} #articleText .image img {max-width:606px;height:auto} #articleText .ltmd img, #mainWell .ltmd img{max-width:350px;height:auto} #articleText .image.large img {border:none;display:block} .image.ltmd img, .image.ltsm img{float:left;position:relative} .image.rtmd img, .image.rtsm img{float:right;position:relative} /* classes when images appear in smb index page eg http://www.pcworld.com/businesscenter/blogs.html no #articleText container */ .articleBodyContent .rtsm {max-width:180px;float:right;margin:0 0 10px 10px;position:relative} .articleBodyContent .ltsm {max-width:180px;float:left;margin:0 10px 10px 0;position:relative} .articleBodyContent .rtmd {max-width:350px;float:right;margin:10px 0 10px 10px;position:relative} .articleBodyContent .ltmd {max-width:350px;clear:left;float:left;margin:0 10px 20px 0;position:relative} img.zoomOverlay{width:20px;height:20px;position:absolute !important;z-index:2} .image.ltsm img.zoomOverlay{left:160px} .image.rtsm img.zoomOverlay{right:0} .image.ltmd img.zoomOverlay{left:330px} .image.rtmd img.zoomOverlay{right:0} .image.large img.zoomOverlay{left:606px} #articleText p span.artCaption {font-size:11px;color:#888;display:block;margin:5px 0 0} /* Horizontal Rules */ div#smbTopHR {height: 1px; background: #6d6363 url(http://zapp5.staticworld.net/images/smb/bg_topbreak.gif) top center no-repeat; margin: 0 0} div#smbTopHR hr {display: none} div.smbWhiteHR {height: 1px; background-color: #fff; margin: 0 0; clear: both} div.smbWhiteHR hr {display: none} div.smbGrayHR {height: 1px; background-color: #373636; margin: 0; clear: both} div.smbGrayHR hr {display: none} /* Ad Sizes */ .ad728x90 {width: 728px; height: 90px; display: block} .ad336x280 {width: 336px; height: auto; display: block; margin-bottom:20px} .ad336x280.adRight {width: 336px; height: auto; display: block; margin-bottom:20px; float:right} .ad336x362 {width: 336px; height: auto; display: block; margin-bottom:20px} .ad225x90 {width: 228px; height: 90px; display: block} .sponsoredLinks {border: 1px solid #ccc; padding: 10px; margin-bottom:20px} /* Masthead */ #topAd {width: 985px; height: 110px; background-color: #231f20; margin: 9px 0 0 11px} #topAd .ad728x90 {background:#fff;float:left;margin:9px 0 0 10px} #topAd .ad225x90 {background:#fff;float:right;margin:9px 12px 0 0} /* Top Circ Ad */ #topAd #subscription {background-color:#202020;margin-top:13px} #subscription {float:left;display:inline;width: 215px;height: 110px;overflow:hidden; padding: 0; margin-top:-10px} #subscription img {float: left;height: 110px;width: 116px;border: none;margin:0 2px 0 2px} #subscription ul {margin:10px 0 0;padding:0px;color:#c1c1c1;float:left; width:90px} #subscription li {font-weight:bold;list-style:none;font-size:13px;padding:0 0 3px 10px;line-height:11px;background:url(http://zapp5.staticworld.net/images/header/whitearrows_blkbg_header.png) 0 2px no-repeat} #subscription li.circfirstitem {text-transform:uppercase;font-size:13px;padding:2px 0 5px;background:none} #subscription li a {font-size:9px;font-weight:normal;color:#fff} /* Bot Circ Ad */ #smbFooterAd {color: #000; font-size: 10px; background-color: #fff} #smbFooterAd form {padding: 0 5px} #smbFooterAd input {color: #000; font-size: 10px} #smbFooterAd .subLinks {margin-top: 5px; padding: 0 5px} #bcHead {width:1005px;height:64px;position:relative; z-index: 0} #smbLogo {position: absolute; top: 6px; left: 20px} #smbSearchBox {position: absolute; width: 604px; height: 44px; background: transparent url(http://zapp5.staticworld.net/images/smb/bg_searchbox_new.gif) top left no-repeat; top: 13px; right: 10px; z-index: 0} #smbSearchBox p {color: #cdcdcd; font-size: 11px; padding: 9px 0 0 15px; margin: 0; line-height: 14px; width: 144px} #smbSearchBox p a {text-decoration: underline; color: #cdcdcd} #smbSearchBox p a:hover {color: #6E8E3C} #smbSearchBox form {float: right; margin: 12px 8px 0 0; z-index: 0} #smbSearchBox input#smbSearch {border: 0; padding: 4px; margin: 0; font-size: 11px; width: 200px} #smbSearchBox input#smbSubmit {border: 0; padding: 3px; margin: 0 0 0 5px; font-size: 11px; width: 75px; color: #fff; background-color: #6E8E3C; border: 1px solid #3E5913} #smbSearchBox #simplyhiredheaderlink {float:right;margin: 12px 11px 0 15px} /* Top Nav */ ul#smbNav {padding: 0; margin: 0} ul#smbNav li {padding: 0; margin: 0; list-style: none; display: block; float: left; font-size: 14px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_topnav.gif) bottom left repeat-x} ul#smbNav li a {height: 47px; padding: 0 0; margin: 0; display: table-cell; vertical-align: middle; color: #000; text-decoration: none; border: 1px solid #a9a997; border-left: 0; text-align: center} ul#smbNav li a:active {outline: none} ul#smbNav li a:hover {background:#000 url(http://zapp5.staticworld.net/images/smb/bg_topnav_hoverDR.gif) bottom left repeat-x;color:#fff} ul#smbNav li#softwareServices a {width: 144px} ul#smbNav li#officeHardware a {width: 119px} ul#smbNav li#security a {width: 73px} ul#smbNav li#serversStorage a {width: 129px} ul#smbNav li#cellMobile a {width: 150px} ul#smbNav li#operatingSystems a {width: 138px} ul#smbNav li#networkingVOIP a {width: 140px} ul#smbNav li#virtualization a {width: 102px} ul#smbNav li.firstitem a {border-left: 1px solid #a9a997} /* ////////////////////// Header (see also miniHeader) ////////////////////// */ #headerWrapper {background:#921618 url(http://zapp5.staticworld.net/images/shared/backgrounds/header-bg-tile.jpg) repeat-x top left; z-index: 1000} #header {position:relative;padding:22px 0 1px;background:url(http://zapp5.staticworld.net/images/shared/backgrounds/header-btm-rule.jpg) repeat-x bottom} #header a {color:#fff} #header #logo {float:left;margin-right:15px} #header #metaNav {float:right;padding:5px 10px;font-size:10px;color:#ccc;border:1px solid #911717;background:#a51a1b} #header #searchForm {float:left;clear:right;margin-left:25px;border:1px solid #911717} #header #mainNav {float:right;padding:5px 0 0 20px;background:url(http://zapp5.staticworld.net/images/shared/icons/nav-pointer.gif) no-repeat; background-position:0 17px} #header #mainNav li {position:relative;float:left;border-left:1px solid #710805;border-right:1px solid #b10707;overflow:visible} #header #mainNav li.first {border-left:1px solid #b10707} #header #mainNav li.last {border-right:1px solid #710805} #header #mainNav li a {display:block;position:relative;top:-1px;padding:5px 16px 10px;font-weight:bold;color:#fff;font-size:15px;border-left:1px solid #950503;border-top:1px solid #950503} #header #mainNav li a:hover {background:#bd1725;border-left-color:#bd1725;border-top:1px solid #710805;text-decoration:none} #header #mainNav li.selected {border-left-color:#e9e9e9;border-right-color:#bbb;background:#e9e9e9} #header #mainNav li.selected a {border-top-color:#e9e9e9;border-left-color:#e9e9e9;color:#870503} #header #mainNav li.selected a:hover {background:#e9e9e9;border-left-color:#e9e9e9} #header #mainNav li.navReviews {background:url(http://zapp5.staticworld.net/images/shared/icons/nav-toggle-arrow.gif) no-repeat;background-position:90% 10px} #header #mainNav li.navReviews a {padding-right:28px;padding-left:20px} #header #mainNav li.navReviews.hover a {background:#edede2;border-left-color:#950503; color: #333} #header #mainNav li.navReviews a:hover {background:#edede2;border-left-color:#950503; color: #333} #header #mainNav li.navReviews.selected {background:#A51A1B} #header #mainNav li.navReviews.selected:hover {border-right-color:#555;border-left-color:#5E0D11} #header #mainNav li.navReviews.hover.selected {border-right-color:#555;border-left-color:#5E0D11} #header #mainNav li.navReviews.selected a:hover {border-top-color:#555;border-left-color:#555;color:#fff} #header #mainNav li.navReviews.hover.selected a {border-top-color:#555;border-left-color:#555;color:#fff} /* ////////////////////// Mini Header ////////////////////// */ #miniHeader {position:relative;height:42px;padding:0;font-size:12px;z-index:1} /* z-index needed for flyout nav (at a higher z-index) to be correctly displayed on ie7 */ #miniHeader p {height:20px;margin:0 0 0 12px;line-height:20px;color:#94c0e1;font-size:10px} #miniHeader #metaNav {float:right;max-width:180px;height:22px;margin:9px 0 0 20px;padding:0 10px;color:#c0aaab;font-size:10px;line-height:22px;border:1px solid #4f1213;background:#5e0d11; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} #miniHeader #metaNav a {color:#c0aaab} #miniHeader #metaNav a:hover {background:none} #miniHeader #metaNav img {margin-left:3px;width:11px;height:11px} #miniHeader img#miniHeaderLogo {float:left;margin-right:12px} #miniHeader #pcwSearch {float:right;width:199px;height:21px;margin-top:11px;background:url(http://zapp5.staticworld.net/images/shared/backgrounds/search-box-bg.gif) no-repeat top left} #miniHeader #pcwSearch .searchBox {float:left;width:141px;padding:3px 0 0 3px;background:0;border:0} #miniHeader #pcwSearch .searchBtn {float:right;width:54px} #miniHeader #mainNav {float:left;margin:10px 0 10px 0} #miniHeader #mainNav ul {float:left;height:25px;margin:0;padding:0;display:visible} #miniHeader #mainNav li {float:left;height:25px;margin:0;padding:0;list-style-type:none;display:visible; list-style-image:none} #miniHeader #mainNav li a {position:relative;display:inline-block;top:-1px;height:25px;padding:0 7px;font-size:11px;color:#fff;line-height:25px;border-left:1px solid #871000;border-right:1px solid #b83538;background:#961a1d} #miniHeader #mainNav li a:hover {background:#871000;text-decoration:none} #miniHeader #mainNav li a:visited {color:#fff} #miniHeader #mainNav li.last a {border-right:0; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-radius-bottomright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px} #miniHeader #mainNav li.first a {border-left:0;-webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px; -khtml-border-radius-bottomleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px} #miniHeader #mainNav li.selected a {color:#333;background:#edede2} #miniHeader #mainNav li.selected a:hover {color:#333;background:#edede2} #miniHeader #mainNav li img {padding-top:7px;vertical-align:top} #navBtmRule {background:#6D6363 url(http://zapp5.staticworld.net/images/smb/bg_topbreak.gif) no-repeat scroll center top;height:1px;margin:0} #pcwSearch {float:right;width:199px;height:21px;margin-top:11px;background:url(http://zapp5.staticworld.net/images/shared/backgrounds/search-box-bg.gif) no-repeat top left} #pcwSearch .searchBox {float:left;width:141px;padding:3px 0 0 3px;background:0;border:0} #pcwSearch .searchBtn {float:right;width:54px} #navBtmRule {background:#6D6363 url(http://zapp5.staticworld.net/images/smb/bg_topbreak.gif) no-repeat scroll center top;height:1px;margin:0} .flexWrapper #content {border:0;padding:10px} .flexWrapper #footer {padding:0} #headerWrapper #miniHeader, #topAdWrapper #topAd, .flexWrapper #content, #footerWrapper #footer {width:1005px;margin:auto} /* ////////////////////// Flyout ////////////////////// */ #flyoutWrapper {position:absolute;z-index: 16777271 !important;left:0;width:966px;padding:10px;margin-left:10px;background:#edede2;box-shadow: 0px 5px 5px #333; -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #333} #header #flyoutWrapper {top:85px} #miniHeader #flyoutWrapper {top:34px} #flyout {width:946px;padding:10px 10px 8px 10px;border:1px solid #ddd;background:#fff;overflow:hidden} #flyout a:hover {background:none} #flyout ul, #flyout li {margin:0;padding:0} #flyout ul.col, #flyout #resourceCenter {float:left} #col1 li, #col2 li {padding-right:17px} #col3 li {padding-right:12px} #col4 li, #col5 li {padding-right:10px} #col5 {width:160px} #resourceCenter {width:124px} #flyout ul.col li {margin:0;padding-bottom:5px;font-size:14px;line-height:15px;color:#bbb;list-style-type:none} #flyout ul.col li.twoLines {margin:0;padding-bottom:15px;font-size:14px;line-height:3px;color:#bbb;list-style-type:none} #flyout ul.col li.title {padding-bottom:8px !important} #flyout #col5 li.title {padding-bottom:4px !important} #flyout ul.col li.title .titleLink {color:#333} #flyout ul.col li.title a .titleLink:hover {color:#1C609F} #flyout ul.col li img {width:30px;height:auto;margin-left:-40px;margin-right:3px;vertical-align:middle} #flyout ul.col li a:hover {background:none;text-decoration:underline} #flyout a {color:#1C609F} #flyout ul.last {background:none} #flyout #col1 li, #flyout #col2 li, #flyout #col3 li {padding-left:40px} #flyout #col4, #flyout #col5, #flyout #resourceCenter {margin-top:6px;padding-left:11px;border-left:1px solid #e4e4e4} #flyout #col4 li {font-size:14px;line-height:15px;padding-bottom:7px} #flyout #col5 a {display:inline;padding:0} #flyout #col5 a.size1 {font-size:10px;line-height:13px} #flyout #col5 a.size2 {font-size:13px} #flyout #col5 a.size3 {font-size:15px} #flyout #col5 a.size4 {font-size:17px} #flyout #col5 li a {font-size:13px;line-height:22px;white-space:nowrap} #flyout #col5 li.title, #flyout #resourceCenter h5 {color:#333;font-size:14px} #flyout #resourceCenter li {font-size:12px;line-height:15px;padding-bottom:7px} #flyout #resourceCenter h5 {line-height:15px;margin:0 0 5px;font-weight:normal} #flyout #resourceCenter .modTitle {font-size:14px;line-height:15px;padding-bottom:8px;color:#333} #promoLinks {} #promoLinks li {margin-bottom:15px;padding:0 10px;line-height:25px;list-style-type:none;background:#EDEDE2} #promoLinks #promo1 {float:left;margin-right:10px;background:#EDEDE2;font-size:13px} #promoLinks #promo1 em {color:#900;font-size:10px;font-style:normal;margin-right:2px} #promoLinks #promo2 {float:right;margin-left:10px;font-size:13px} /* middle meat & potatoes of the site */ #content {width:1005px;background-color:#fff; margin-bottom: 10px} #content .smbWhiteHR {height: 20px} #content h1 {font-size: 24px; margin: 0 0 20px 20px; padding: 0; color: #6e8e3c} #content h1 span {font-size: 16px; color: #000; font-weight: normal} #leftColumn {width:606px;margin: 0 0 0 20px;float:left;padding:0} #rightColumn {width:336px;background:#fff;margin: 0 20px 0 0;padding: 0 0 0 10px;float: right} /* Features Box */ #smbTopStoryBox {width: 604px; background: #e6e6d6 url(http://zapp5.staticworld.net/images/smb/bg_newsbox.gif) repeat-x bottom left; border: 1px solid #dfd3b6; border-bottom: 1px solid #8c8c7d; margin-bottom: 20px} #smbTopStoryBox .TabbedPanelsContent {height: 155px} #smbTopStoryBox .smbTopStoryTmb {width: 177px; height: 117px; margin: 20px 20px 0 20px; border: 0; float: left;border:1px solid #FFF} #smbTopStoryBox h2 {font-size: 1.5em; padding: 0 20px 0 0; margin: 0 0 0 217px} #smbTopStoryBox.smbSubdexStoryBox h2 {font-size: 1.5em; padding: 20px 20px 0 0; margin: 0} #smbTopStoryBox small {font-size: 11px; color: #6e8e3c; padding: 20px 0 0 0; margin: 0; text-transform: uppercase; font-weight: bold; display: block} #smbTopStoryBox p {font-size: 13px; padding: 0 20px 0 0; margin: 0 0 0 217px} #smbTopStoryBox ul {padding: 0; margin: 20px 0 0 0; height:1% } #smbTopStoryBox ul li {width:99px;height:68px;display: block;vertical-align:middle;float:left;border: 1px solid #fff;border-bottom: 0;border-right: 1px solid #8c8c7d;position: relative;line-height: normal} #smbTopStoryBox ul li.firstitem {border-left: 0; width: 98px} #smbTopStoryBox ul li.lastitem {border-right: 0; width: 97px} #smbTopStoryBox ul li img.smbNewsThumb {display: block; border: 0; margin: 10px 0 0 14px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50} #smbTopStoryBox ul li img.smbNewsArrow {position: absolute; top: -10px; left: 25px; display: none} #smbTopStoryBox ul li.firstitem img.smbNewsArrow {left: 44px} #smbTopStoryBox ul li.firstitem img.smbNewsThumb {margin-left: 15px} #smbTopStoryBox ul li.tabSelected {border-left:solid 1px #d1d1bf;border-right:solid 1px #8c8c7d;background: #b8b8a8} #smbTopStoryBox ul li.tabSelected img.smbNewsThumb {filter:alpha(opacity=100); -moz-opacity:1; opacity:1} #smbTopStoryBox ul li.tabSelected img.smbNewsArrow {display: block} #smbTopStoryBox ul li.firstitem {border-left: 0; width: 99px} #smbTopStoryBox ul li.lastitem {border-right: 0; width: 99px} #mainWell {width:411px;float:right} #mainWell small {font-size: 11px; padding: 0 0 0 0; margin: 0; color: #888; display: block; clear: both} #mainWell small a {color: #6e8e3c; text-transform: uppercase; font-weight: bold; text-decoration: none;margin-right:5px} #mainWell small a:hover {text-decoration: underline} #mainWell h3 {font-size: 16px; padding: 0; margin: 5px 0 5px 0} #mainWell p {font-size: 13px; padding: 0; margin: 0 0} #mainWell p.smbRecos {font-size: 11px; color: #6e8e3c; padding: 0; margin: 10px 0; text-transform: uppercase} #mainWell div.smbReadMore {padding: 4px 10px; background-color: #143756; font-size: 13px; color: #fff; float: right; margin: 5px 0 30px 0} #mainWell div.smbReadMore a {color: #fff} #mainWell.smbBlogIndex p {margin-bottom: 20px} #mainWell.smbBlogIndex p .image.rtmd {display: none} #mainWell.smbBlogIndex p .image.ltmd {display: none} #mainWell.smbBlogIndex div.smbReadMore {margin: 0 0 20px 5px} #mainWell.smbBlogIndex p.smbRecos {margin: 0 0 20px 0} #mainWell.smbWhitepaperIndex p {margin-bottom: 20px} #mainWell.smbWebcastIndex {width: 575px; float: none} #mainWell.smbWebcastIndex p {margin-bottom: 20px} .textAds {clear: both} .textAds h6, .textAds strong {font-size: 11px; color: #666; margin: 0 0 5px 0} .textAds ul li {font-size: 11px; color: #000; margin: 0 0 5px 0} .textAds ul li a {font-size: 13px; color: #296ca6; font-weight: bold; margin: 0 0 0 0; display:block} /* change per ms Req .textAds ul li a.siteLink {font-size: 10px; color: #6e8e3c; font-weight: normal; margin: 0 0 0 0}*/ .textAds ul li a.siteLink {font-size: 11px; color: #008000; font-weight: normal; margin: 0 0 0 0} .textAds ul li .clickable a {font-size: 11px; color: #000; margin: 0 0 5px 0; font-weight:normal;display:inline} .textAds label {display:block;margin-bottom:5px;color:#a0a0a0;font-size:10px;font-weight:normal} #articleText .sponsoredLinks {margin-top:20px} #articleText .textAds ul li {font-size: 11px; list-style: none; margin: 5px 0 10px} .storyList {border-top: 1px solid #e9e9e5; padding-top: 1px; margin-bottom: 20px} .storyList h2 {font-size: 16px; background: #F0F0F0 url(http://zapp5.staticworld.net/images/common/templates08/default-h2BG.gif) repeat-x top left; margin: 0; padding: 7px 10px 7px; broder: medium none} .storyList ul {margin: 7px 0 0 10px; padding: 0} .storyList ul li {list-style: none; background: transparent url(http://zapp5.staticworld.net/images/smb/bg_arrow_list.gif) no-repeat 0 3px; padding: 0 0 0 12px; margin: 0 0 10px 0} .storyList ul li a {font-weight: normal; font-size: 14px; display: block; padding: 0; line-height: normal} .storyList ul li.noBullet {background-image: none} .storyList li .image {float:left;margin:0 9px 0 0} .storyList li .image a {padding:0} .storyList li img {height:30px;width:45px} .storyList .more {display: block; float: none; font-weight: normal; font-size: 14px; display: block; padding: 0 0 0 0; margin: 0 0 0 23px; line-height: normal} #topStories.storyList ul {margin:0 10px 10px} #topStories.storyList li {border-bottom:1px solid #E4E4E4;background:url(http://static.pcworld.com/images/smb/default_45x30.gif) no-repeat;padding:0 0 10px;min-height:30px} #topStories.storyList li a.headline {margin-left:55px;font-size:14px} #topStories.storyList .more {display:none} #blogHed {height: 72px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_bloghed.gif) repeat-x top left; border-bottom: 1px solid #dadbdc; padding: 20px 23px 0 20px} #blogHed .image {width: 51px; padding: 5px; border: 1px solid #ddd; background-color: #fff; float: left; margin: 0} #blogHed #blogTitle {margin: 0 0 0 70px; font: 32px Georgia, "Times New Roman", Times, serif; color: #143756} #blogHed #blogTitle small {font: 10px Arial, Helvetica, Geneva, sans-serif} #blogHed #blogTitle small span big { color:#6E8E3C; margin-left:5px; font-weight:bold} #blogHed form {float: right; background-color: #efefef; padding: 15px 10px; border: 1px solid #fff} #blogHed form #blogEmail {padding: 4px 5px; border: 1px solid #666; width: 230px} #blogHed form #blogSubmit {padding: 3px 5px; border: 1px solid #183b59; background-color: #1c61a1; color: #fff} #articleHead {} #articleHead h1 {font-size:33px;line-height:34px;margin: 0; padding: 0; color: #143756} #articleHead h2 {font-size: 16px;margin: 10px 0 0 0;padding: 0;font-weight: normal;line-height:normal; color:#143756} #articleHead h2 span {font-size: 12px; color: #1c61a1} #articleHead p.byline {font-size: 12px; color:#143756; margin:10px 0 20px; font-weight:bold} #articleHead .articleCategoryTop {margin:0 0 20px; font-size: 12px} #articleHead .articleCategoryTop span {background-color: #831518; font-weight: bold;padding: 5px 10px; color: #fff; text-transform: uppercase} #articleHead .articleCategoryTop span a {color: #fff} #articleHead .articleCategoryTop small {font-size:12px;color: #939598; padding-left: 10px} #articleHead.whitepaperHed h1 {margin-bottom: 20px} .recommend {font-size:12px;padding:10px;border:1px solid #c9cacb;text-align:center;float:left;margin:0 0 20px} .recommend small {font-size: 10px; text-transform: uppercase} .recommend .usefulYesNo {padding: 0 5px} .recommend .usefulYes {padding: 3px 7px; color: #fff; background-color: #6d8e3b; font-size: 10px} .recommend .usefulNo {padding: 3px 7px; color: #fff; background-color: #475b29; font-size: 10px} .recommend .usefulYes a {color: #fff} .recommend .usefulNo a {color: #fff} #articleText {} #articleText p {font-size:14px;font-weight:normal;line-height:18px;margin-bottom:20px} #articleText ul li {font-size: 14px; list-style: disc outside none; margin: 0 0 20px 20px} #articleText ol li {font-size: 14px; margin: 0 0 20px 20px} #articleText .sidebar .similarContent_recommendations ul li {list-style:none} #resourceLinks {font-size:14px;clear:both} #resourceLinks li {list-style-type: none} #resourceLinks li a {color: #a25052; text-decoration: underline} #resourceLinks li strong {color:#939598;font-weight:normal;margin-right:5px} #articleText ul#resourceLinks li {margin:0 0 20px 0} .sidebar {width:177px;float:left} #articleText .sidebar {margin: 0 25px 25px 0} #similarContent {font-size:12px} #articleText .sidebar .similarContent_chunk {border:none;padding:0} #articleText .sidebar .similarContent_heading {display:none} #articleText .sidebar .similarContent_recommendations ul li {padding:0 0 10px;clear:both;margin:0;background:transparent url(http://zapp5.staticworld.net/images/smb/bg_arrow_list.gif) no-repeat scroll 0 3px;/*url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat;min-height:39px;*/} #articleText .sidebar .similarContent_itemimg {margin:0;display:none} #articleText .sidebar .similarContent_itemimg img {height:39px;width:56px;max-width:56px;margin:0;padding:0} #articleText .sidebar .similarContent_recommendations ul li .similarContent_itemtitle {/*margin-left:66px*/margin-left:12px;line-height:14px} #articleText .sidebar .similarContent_recommendations ul li .similarContent_itemtitle a {font-size: 12px} #articleText .sidebar .similarContent_recommendations ul li .similarContent_promo1 {margin-left:12px;font-size:9px;text-transform:uppercase} #smb #similarContent {float:left;width:200px;margin:0 20px 10px 0;padding:5px;border:1px solid #ddd} #smb #similarContent li .image {display:none} #smb #similarContent h6 {color:#6E8E3C;font-size:12px;font-weight:normal;margin:5px 0 10px;padding:0;text-transform:uppercase} #smb #similarContent li {margin:0 0 8px;list-style-type:none;font-size:12px;line-height:14px} #smb #articleText #similarContent .modTitle {color:#6E8E3C;font-size:12px;font-weight:normal;margin:5px 0 10px;padding:0;text-transform:uppercase} #smb #articleText #similarContent .storyList {border:0} #whitepaperSidebar{font-size: 11px} #articleText .sidebar#whitepaperSidebar {width: 140px; float: right; border: 1px solid #ccc; padding: 5px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x scroll left bottom} #articleText .sidebar#whitepaperSidebar img {width: 140px; height: auto} #webcast{} #webcastPowered {float: right; font-size: 10px; display: inline; margin-right: 20px} #webcastPowered img {width: 100px} #featuredWebcastIndex .webcastType {display: block; margin-top: 5px; font-size: 11px; font-weight: bold} #featuredWebcastIndex .image {float: left; margin: 0 10px 10px 0} #webcastTabs {background: transparent url(http://zapp5.staticworld.net/images/common/v3/menuGrad.gif) repeat-x; height: 26px} #webcastTabs li a {font-size: 9px; padding: 3px 8px; float: left; height: 20px; background: transparent url(http://zapp5.staticworld.net/images/common/v3/menuBar.gif) right top no-repeat} #webcastTabs li a.selected {background: #ab0d26 url(http://zapp5.staticworld.net/images/common/v3/expertSolutionsArrow.gif) center bottom no-repeat; color: #fff} #webcastTabsContent .TabbedPanelsContent {margin-top: 10px} #webcastTabsContent .TabbedPanelsContent ul li {font-size: 12px; width: 285px; float: left; height: 125px} #webcastTabsContent .TabbedPanelsContent ul li a {font-weight: bold} #webcastTabsContent .TabbedPanelsContent ul li .image img {border: 1px solid #000; margin-right: 10px} #webcastTabsContent .TabbedPanelsContent ul li .date, #webcastTabsContent .TabbedPanelsContent ul li .type {font-size: 10px; padding: 0 0 0 0; margin: 0 0 0 94px; color: #888; display: block} #webcastTabsContent .TabbedPanelsContent ul li .date a {color: #6e8e3c; text-transform: uppercase; font-weight: bold; text-decoration: none} .relatedArticles {border:1px solid #c9cacc;padding:10px} .relatedArticles #similarContent {float:none} .relatedArticles #similarContent h6 {font-size:12px;font-weight:normal;margin:0 0 10px;padding:0;text-transform: uppercase} /* ul.tools {margin-top:10px} //#articleText ul.tools {margin: 20px 0 0 0} //#articleText ul.tools li {font-size:10px;margin: 5px 0 0 0; list-style-type: none} ul.tools li.hrTool {margin-top: 0} ul.tools li.commentTool {background: transparent url(http://zapp5.staticworld.net/images/smb/icon_comment.gif) 0 0 no-repeat; padding-left: 20px} ul.tools li.emailTool {background: transparent url(http://zapp5.staticworld.net/images/smb/icon_email.gif) 0 1px no-repeat; padding-left: 20px} ul.tools li.printTool {background: transparent url(http://zapp5.staticworld.net/images/smb/icon_print.gif) 0 0 no-repeat; padding-left: 20px} ul.tools li {float:right; font-size:12px; margin-left:15px} ul.tools li img {vertical-align:middle} ul.tools li a {} span#sharethis_0 {display:none} */ .tools {clear:both;margin-bottom:10px;padding-bottom:30px} .tools li {position:relative;float:left;margin:0 10px 0 0;font-size:11px;line-height:20px} .tools li a {display:block} .tools .tool.facebook iframe {width:90px;height:21px;padding:0;border:none;overflow:hidden} .tools .tool.facebook .connect_widget_summary.connect_widget_text {display:none !important} .tools .tool.twitter {width:90px} .tools .tool.facebook div, .tools .tool.twitter div {display:inline-block} .tools .tool.digg {width:90px} .tools .tool.digg .db-wrapper {display:block;vertical-align:top} .tools .tool.digg .db-count {padding:0 5px 4px 8px !important;line-height:21px !important} .tools .tool.comments {} .tools .tool.recommends {} .tools .tool.email {} .tools .tool.print {} #articleText .articleTags {margin: 12px 0 0 0} #articleText #articleReporterBox {background-color: #f2f2e8; border: 1px solid #e5e5d8; padding: 10px} #articleText #articleReporterBox p {font-size: 10px; font-weight: normal; margin: 0 0 0 55px; padding: 0} #articleText #articleReporterBox img {float: left; margin: 0} #articleText #comments a.addYours {display: block; float: right; font-size: 12px; color: #fff; background-color: #143756; padding: 4px 10px; margin: 4px 0 0 0} #articleText #comments h3 {font-size: 24px; font-weight: normal; color: #143756; margin: 20px 0 0 0; padding: 0} #articleText #comments h3 span {font-size: 18px; padding: 0; color: #143756} #articleText #comments small {font-size: 11px; text-transform: uppercase} #articleText #comments ul {} #articleText #comments ul li {list-style: none; padding: 10px} #articleText #comments ul li label {display: inline-block; line-height: 1.3em; vertical-align: top; width: 130px} #articleText #comments ul li h4 {padding: 0; margin: 0 0 20px 0; font-size: 10px; color: #9fa0a1; font-weight: normal} #articleText #comments ul li h4 a {font-size: 16px} #articleText #comments ul li p {padding: 0; margin: 0 0 20px 0; font-size: 14px} #articleText #comments ul li p a {color: #6d8e3b} #articleText #comments ul li.last {padding: 0} #articleText #comments ul li.last h3 {font-size: 24px; font-weight: normal; color: #143756; margin: 0 0 0 0; padding: 20px 20px 10px} #articleText #comments ul li.last p {padding: 0 20px 20px} #articleText #comments ul li.last p#submitWrap {padding: 10px 0 20px 0} #articleText #comments ul li.last p a {color: #1a61a0; text-decoration: underline} #articleText #comments form {padding: 5px; background-color: #f4f5ee} #articleText #comments form input {float: left; background-color: #f4f7f0; border: 1px solid #999; font-size: 12px; padding: 3px; margin: 0 10px 0 0} #articleText #comments form #smbArticlePasswordWrap {float: left; width: 152px; margin: 0 10px 0 0} #articleText #comments form input#smbArticlePassword {float: none} #articleText #comments form #smbArticlePasswordWrap small {font-size: 10px} #articleText #comments form input#smbArticleSubmit {width: auto; padding: 2px 6px; background-color: #831518; color: #fff; margin-left: 10px} #articleText #comments form label {font-size: 12px; float: left; padding: 3px 0; margin: 0 10px 0 0} #articleText #comments form #forum_comment {width: 300px} #articleText #comments form input {display: block; font-size: 12px} #articleText #comments #regCommentFormContents form input {background-color: #fff;color:#1a1a1a} #articleText #comments #regCommentFormContents form {padding:0} #articleText #comments #regCommentFormContents ul {border:0} #articleText #comments #regCommentFormContents ul li{border:0;background:none;width:200px;padding:0} #articleText #comments #regCommentFormContents li label {width:90px;display:inline-block} #articleText #slide #sidebar {float: none; margin-left: 0} #articleText #slide .image {float: none} #articleText #slide .image img {max-width: 561px} .sidebarBox {border:1px solid #e9e9e9;padding:8px 10px;margin: 0 0 20px 0 } .sidebarBox h6 {margin: 0 0 10px; padding: 0; text-transform: uppercase; font-weight: normal; font-size: 12px} .sidebarBox h6 span {font-size: 10px; color: #666} .sidebarBox h2 {display: none} .sidebarBox p {margin: 0 0 5px 0; padding: 0; font-size: 10px} .sidebarBox ul {margin: 0; padding: 0} .sidebarBox ul li {list-style: none; font-size: 11px; font-weight: bold} .sidebarBox ul li#smbIntelTwit {background: transparent url(http://zapp5.staticworld.net/images/smb/icon_twitter.gif) no-repeat 0 0; padding: 2px 0 5px 25px} .sidebarBox ul li#smbIntelRSS {background: transparent url(http://zapp5.staticworld.net/images/common/header/rss-icon.gif) no-repeat 0 0; padding: 2px 0 5px 25px} .sidebarBox ul li a {display: block; padding: 3px; text-decoration: none} .sidebarBox ul li a:hover {text-decoration: underline} .sidebarBox ul.bloggers li {background-image: none; clear: both; margin-bottom: 10px} .sidebarBox ul.bloggers li .smbBlogThumbTitle {margin-left: 52px; font-weight: normal} .sidebarBox ul.bloggers li .smbBlogThumbTitle a {font-weight: bold; padding: 0} .sidebarBox ul.bloggers li .smbBlogThumb {float: left} .sidebarBox ul.recentComments li {font-weight: normal} .sidebarBox ul.recentComments li p {margin: 0} .sidebarBox ul.recentComments li a {padding: 0} .sidebarBox ul.topRatedPosts li {font-weight: normal} .sidebarBox ul.topRatedPosts li p {margin: 0} .sidebarBox ul.topRatedPosts li a {padding: 0; margin: 0 21px 0 20px} .sidebarBox ul.topRatedPosts li .articleRating {font-size: 24px; width: 20px; height: 25px; float: left; display: block; color: #ccc} .sidebarBox ul.topRatedPosts li .articleRec {float: right; display: block; width: 16px; height: 25px; margin-top: 2px; background: transparent url(http://zapp5.staticworld.net/images/common/blogs/thumbBlue5.gif) right top no-repeat; overflow: hidden;padding: 20px 0 0; font-size: 10px} .sidebarBox.smbLeftGradBG {background: #fff url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x bottom left} .sidebarBox.itemRss {background: transparent url(http://zapp5.staticworld.net/images/common/blogs/rssBug.gif) 150px 7px no-repeat; position: relative} .sidebarBox.itemRss .blogRssLink {display: block; position: absolute; left: 150px; top: 7px; height: 19px; width: 19px} .sidebarBox.itemRss h6 {font-weight: bold; margin-bottom: 0} .sidebarBox.itemRss h6 a {color: #000} .sidebarBox.itemRss .blogsAll {font-size: 11px; text-transform: uppercase} .sidebarBox.blogList {padding:10px 15px} .sidebarBox.blogList ul.bloggers li a {font-size:14px;font-weight:normal} .sidebarBox.blogList ul.bloggers li .smbBlogThumbTitle a {font-size:14px} .sidebarBox.blogList ul.bloggers li .smbBlogThumb {margin-bottom:10px} .sidebarBox.Blox3picklist h4 {font-size: 16px; font-weight: bold;margin:0;padding: 0} .sidebarBox.Blox3picklist p {font-size: 12px} .sidebarBox.Blox3picklist li {font-weight:normal} .sidebarBox.Blox3picklist li a {font-size:16px} .sidebarBox.Blox3picklist .image img{width:45px} .sidebarBox.Blox3picklist .image {float:left;margin:0 7px 0 0;width:52px;padding:2px;border: 1px solid #E9E9E9} .sidebar.subIndex .sidebarBox ul li {font-size:11px;clear:both;min-height:39px;margin-bottom:10px;background:url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat} .sidebar.subIndex .sidebarBox ul li a {padding:0} .sidebar.subIndex .sidebarBox ul li a.headline {margin-left:66px} .sidebar.subIndex .sidebarBox ul li .image {width: 56px; height: 39px; overflow: hidden; float: left} .sidebar.subIndex .sidebarBox ul li .image img {width: 56px; height: 39px} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox {margin: 0; padding: 0} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox .textField {width: 147px; background-color: #f2f3f0; border: 1px solid #666; display: block; margin: 0 0 5px 0; padding: 3px} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox .submitButton {background-color: #1c61a1; border: 1px solid #143756; display: block; margin: 0 0 0 0; padding: 3px 5px; color: #fff} .sidebar.subIndex .more {display:none} .sidebar .sidebarBox.bestof ul li {font-size:11px;clear:both;min-height:39px;margin-bottom:10px;background:url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat} .sidebar .sidebarBox.bestof ul li a {padding:0} .sidebar .sidebarBox.bestof ul li a.headline {margin-left:66px} .sidebar .sidebarBox.bestof ul li .image {width: 56px; height: 39px; overflow: hidden; float: left} .sidebar .sidebarBox.bestof ul li .image img {width: 56px; height: 39px} .sidebar .sidebarBox.bestof .more {display:none} #content #rightColumn .sidebarBox h6 {text-transform:none} #vendorAnnouncemtns.sidebarBox {border:0} #vendorAnnouncemtns h6 {margin: 0 0 10px; padding: 0; text-transform: uppercase; font-weight: normal; font-size: 12px} #vendorAnnouncemtns ul li {margin: 0 0 5px; padding: 0; font-size: 10px; color: #666} #content #rightColumn h6 {font-size: 16px; font-weight: bold;margin:0 0 10px;padding: 0} #LogMeInAd {border: 1px solid #d9dadb; padding: 10px; width: 314px} #LogMeInAd .image {float: left; margin-right: 20px; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc} #LogMeInAd h3 {font-size: 16px} #LogMeInAd p {font-size: 12px; clear: both} #LogMeInAd li {list-style: disc; margin-left: 13px; margin-top: 10px; font-size: 12px} .featuredPromo, #bizPromo {border: 1px solid #d9dadb; padding: 10px; margin: 0 0 20px 0} #bizPromo h2 {font-size: 16px; margin: 0 0 10px; padding: 0} #bizPromo a {display: block; font-size: 12px; margin: 0 0 0 60px} #bizPromo .image {float: left; height: 50px; width: 50px; overflow: hidden} #bizPromo .image a {margin: 0} .featuredPromo .image {float: left; height: 50px; width: 50px; overflow: hidden} .featuredPromo p {padding: 0; margin: 0 0 0 60px; font-size: 12px} .featuredPromo.storyList li {background:none;padding:0 0 10px;display:block;clear:both} .featuredPromo.storyList li img {height:auto} .featuredPromo.storyList .btn {margin:5px 0 0} .featuredPromo.storyList .btn a {font-size:12px;padding:5px 10px} .featurePromo.blogList li {} .featurePromo.blogList li a {} #smbRightSubscribe {border: 1px solid #d9dadb; padding: 10px; margin: 10px 0; background: #FFFFFF url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x scroll left bottom} #smbRightSubscribe p {margin: 0 0 10px 0; font-size: 11px} #industryWebcasts {border: 1px solid #e9e9e9; padding: 10px 15px; margin-top: 20px} #industryWebcasts .more {font-size: 14px } #industryWebcasts ul li {margin-bottom: 15px; font-size: 11px} #industryWebcasts ul li .image {float:left;overflow:hidden;width:45px;height:30px} #industryWebcasts ul li img {width:45px;height:30px} #industryWebcasts ul li a {display: block; margin-bottom: 5px;font-size: 14px;margin-left:55px} #industryWebcasts ul li p {margin-left:55px} #smbBlogLinks {background-color: #f2f3f0; padding: 10px; margin-top: 20px} #smbBlogLinks #smbBlogTabs {background-color: #e6e7e4; width: 315px} #smbBlogLinks h5 {font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0} #smbBlogLinks .smbBlogList {background-color: #fff; padding: 5px 8px; border: 1px solid #d0d1cf} #smbBlogLinks .smbBlogList ul {padding: 0; margin: 0} #smbBlogLinks .smbBlogList ul li {list-style: none; padding: 10px 0; margin: 0; border-bottom: 1px solid #ccc} #smbBlogLinks .smbBlogList ul li p {font-size: 12px; margin-left: 60px} #smbBlogLinks .smbBlogList ul li p a {font-size: 14px; display:block; margin-bottom:5px} #smbBlogLinks .smbBlogList ul li small {color:#999; font-size: 9px; text-transform: uppercase; display: block; margin-left: 60px} #smbBlogLinks .smbBlogList ul li small a {font-size: 11px; color: #6e8e3c; font-weight: bold} #smbBlogLinks .smbBlogList ul li .blogListIcon {float: left} #smbBlogLinks .smbBlogList .more {padding:10px 0} #smbWhitepaperWrap {clear:both;width: 983px; background: #e7e7d8 url(http://zapp5.staticworld.net/images/smb/bg_whitepaper_notch.gif) 0 22px no-repeat; border: 1px solid #a9a997; padding: 10px; margin-bottom: 10px} #smbWhitepaperWrap #smbWhitepaperInner {background: #fff; border: 1px solid #d7cabb; padding: 10px; position: relative} #smbWhitepaperWrap #smbWhitepaperInner h3#smbWhitePaperHed {width: 185px; height: 31px; color: #fff; background-color: #6d8e3b; position: absolute; top: 11px; left: -1px; margin: 0; padding: 0 0 0 10px; display: block; line-height: 31px; border-bottom: 5px solid #d0d0d0; font-size: 16px} #smbWhitepaperWrap #smbWhitepaperInner h3#smbWhitePaperHed img {position: absolute; top: 0px; right: 0px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft {width: 590px; float: left} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul {margin: 15px 0 0 0; padding: 0 0 0 0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul li {list-style-type: none; font-size: 12px; margin: 0 0 8px 0; padding: 0 0 0 10px; width: 285px; height: 30px; float: left; overflow: hidden} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul li small {color: #ccc} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft h4#smbWhitePaperSubHed {margin: 6px 0 10px 200px; padding: 0 0 0 0; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight {width: 336px; float: right} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured {background-color: #485b29; border: 1px solid #2e391b; color: #6d8e3c} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h4 {background: #2e391b url(http://zapp5.staticworld.net/images/smb/bg_arrow_whitepaper.gif) 0 6px no-repeat; margin: 0; padding: 5px 0 5px 13px; font-size: 16px; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured img.smbWhitePaperLogo {margin: 10px; float: left} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h5 {font-size: 0.9em; margin: 10px 0 10px 135px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h5 a {color: #fff} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured p {margin: 10px 0; padding: 5px 10px 5px 10px; font-size: 13px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert {background-color: #6d7c54; border: 1px solid #474d3d; color: #14190c; padding: 10px; margin-top: 10px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert h4 {margin: 0; padding: 0 0 5px 0; font-size: 16px; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert p {margin: 0 0; padding: 0 0 5px 0; font-size: 11px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form {margin: 0 0; padding: 0 0 0 0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form #smbWhitepaperInput {width: 200px; border: 1px solid #37461e; background-color: #e7ebe1; font-size: 10px; padding: 3px; color: #485b29} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form #smbWhitepaperSubmit {width: 100px; border: 1px solid #495c2a; background-color: #2e391b; font-size: 10px; padding: 3px; color: #f1f2f0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperMore {display: block; margin-left: 10px; font-size: 12px; font-weight: bold; margin-top: 10px} #smbMarketplace {width: 983px; background: #e7e7d8 url(http://zapp5.staticworld.net/images/smb/bg_marketplace_notch.gif) 0 22px no-repeat; border: 1px solid #a9a997; padding: 10px; margin-bottom: 20px} #smbMarketplace #smbMarketplaceInner {background: #fff; border: 1px solid #d7cabb; padding: 10px; position: relative} #smbMarketplace #smbMarketplaceInner h2 {display: none} #smbMarketplace #smbMarketplaceInner h3#smbMarketplaceHed {width: 250px; height: 30px; color: #fff; background-color: #143756; position: absolute; top: 11px; left: -1px; margin: 0; padding: 0 0 0 10px; display: block; line-height: 31px; border-bottom: 5px solid #d0d0d0; font-size: 16px} #smbMarketplace #smbMarketplaceInner h3#smbMarketplaceHed img {position: absolute; top: 0px; right: 0px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft {width: 590px; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul {margin: 50px 0 0 0; padding: 0 0 0 0} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li {list-style-type: none; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0 10px; width: 285px; height: 58px; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li a {text-decoration: underline; font-weight: bold; display: block} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li div {font-size: 11px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight {width: 296px; float: right; padding: 20px 20px 10px 20px; background-color: #f4f6f4} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight h6, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds strong {margin: 0 0 10px 0; padding: 0; text-transform: uppercase; color: #939598} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds strong {font-size: 11px; display: block; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds a.about {float: right; font-size: 10px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds ul {clear: both} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds ul a {display: block} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight p, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight ul li {margin: 0 0 10px 0; padding: 0; color: #8b8a8a; font-size: 11px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight p a, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight ul li a {text-decoration: underline; font-weight: bold; font-size: 11px} #topXMod {margin-top:20px} .pagination {display:block} .pagination ul {list-style:none} .pagination ul li {float: left; font-size: 12px; text-transform: uppercase; list-style:none} .pagination ul li a {display: block; padding: 3px 5px; border: 1px solid #000; margin-right: 10px} .pagination ul li.selected a {background-color: #004784; color: #fff} .pagination ul li a:hover {text-decoration: none; background-color: #004784; color: #fff} #articleText .pagination ul li {list-style:none;margin:0 0 40px 0} #footerWrapper {clear:both;background:#222 url(http://zapp5.staticworld.net/images/smb/bg_footer.gif) top left repeat-x} #footer {width: 1005px; padding: 20px 0} #footer #footerLeft {width: 593px; color: #fff; float: left} #footer #footerLeft a {color: #fff} #footer #smbCarouselWrapper {background-color: #747273; padding: 9px; color: #000} #footer #smbCarouselWrapper #smbCarousel {background-color: #fff; padding: 10px; border: 1px solid #212221} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-container {position:relative; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-clip {margin:0; overflow:hidden; padding:0; position:relative; z-index:2} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-list {left:0; margin:0; overflow:hidden; padding:0; position:relative; top:0; z-index:1} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-list li.jcarousel-item {float:left; list-style: none; width: 170px; padding: 0; margin: 0; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel h2 {font-size: 16px; font-weight: normal; margin: 0; float: left} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul {margin: 5px 0 0 0; padding: 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li {background:url(http://static.pcworld.com/images/smb/footer_170x112.gif) no-repeat;width: 170px; list-style-type: none; font-size: 12px; margin: 0 21px 0 0; padding: 0; float: left} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li a {display: block; margin: 10px 0; color: #1a61a0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li .image {width: 170px; height: 112px; position: relative; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li .image img {position: absolute; top: 0; left: 0; width: 170px} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav {float: right} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li {float: left; margin: 0 10px} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li a {color: #888} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button {position:relative; width: 34px; height:18px; padding:0; border: 1px solid #bbb} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button a {display:block; width:34px; height:18px; padding:0; color: #888} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.left {margin: 0 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.left a {background:#f00 url(http://zapp5.staticworld.net/images/footer/carousel-arrow-left.gif) no-repeat top} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.right {margin: 0 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.right a {background:#f00 url(http://zapp5.staticworld.net/images/footer/carousel-arrow-right.gif) no-repeat top} #footer #footerRight {width: 336px; color: #fff; background-color: #151718; padding: 10px; float: right} #footer #footerRight #footerAd {background-color: #999} #footer small {color: #aaa; font-size: 10px} #footer small a {color: #aaa; display: block; float: left; margin: 5px 10px 0 0} #footer ul#footerAbout {padding: 0; margin: 20px 0 0 0} #footer ul#footerAbout li {width: 166px; font-size: 11px; list-style: none; float: left; margin: 0 20px 20px 0} #footer ul#footerAbout li#smbAboutText {width: 175px} #footer ul#footerAbout li#smbAboutText span {display: block; margin-top: 5px} #footer ul#footerAbout li h5 {margin: 0 0 8px 0 !important; padding: 0; font-size: 14px; font-weight: normal; color:#999;line-height:18px} #footer ul#footerAbout li ul {margin: 0; padding: 0} #footer ul#footerAbout li ul li {list-style: none; margin: 0; padding: 2px 0; border-top: 1px solid #373636} /*moved from reviews09.css*/ .btn {display:inline-block;border:1px solid;overflow:hidden;vertical-align:middle; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btn a {display:inline-block;padding:4px 5px;font-size:12px;color:#fff;background-repeat:repeat-x;background-position:left} .btn.red {border-color:#9b0d00} .btn.red a {background-color:#9b0d00;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/red-bg-tile.gif)} .btn.green {border-color:#4a6029} .btn.green a {background-color:#4a6029;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/green-bg-tile.gif)} .btn.blue {border-color:#00559a} .btn.blue a {background-color:#00559a;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/blue-bg-tile.gif)} .btn.grey {border-color:#606060} .btn.grey a {background-color:#606060;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/grey-bg-tile.gif)} .btn.disabled {border-color:#ccc} .btn.disabled a {background-color:#ccc;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/disabled-bg-tile.gif)} .btn span {display:none} .btn a:hover {background-image:none;text-decoration:none} .btn a:hover span {display:inline-block;margin-left:3px;padding-left:5px;border-left:1px solid #467eaa} .btn a:hover span img {width:8px;height:auto} .btn.small a {padding:2px 3px;font-size:11px !important;vertical-align:baseline} .btn.big a {padding:5px 8px;font-size:16px !important;vertical-align:baseline} .btn.block, .btn.block a {display:block} .btn.qMark {vertical-align:top; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .btn.qMark a {padding:0 4px !important;font-size:10px !important;line-height:13px !important} /*BAPP mini caps -- this should be combined with BAPP styles when those are brought in with global. Elements like pcwRating should be placed with the other Rating styles*/ /* .miniCap {clear:right} #leftColumn .storyList.miniCap {width:150px;margin-left:20px;float:right;border:solid #e4e4e4;border-width:0 1px;position:relative;text-align:center;padding:0} #articleText .storyList.miniCap h2 {margin:0 10px 10px;padding:0 0 10px;background:none;border-bottom:solid 1px #e4e4e4} .storyList.miniCap h2 a {font-weight:normal;color:#333} #articleText .storyList.miniCap label {background-color:#333;color:#fff;text-transform:uppercase;font-size:9px;display:block;border:solid #666;border-width:0 1px} #articleText .storyList.miniCap label span {display:block;border-top:solid 1px #666;position:relative;top:-1px;padding:5px} .storyList.miniCap ul {padding:0 20px 10px;border-bottom:solid 1px #e4e4e4;position:relative;bottom:-1px;margin:0} #articleText .storyList.miniCap li {padding:0px;display:block;text-align:left;margin:0} .storyList.miniCap li a {color:#1C609F;font-size:12px;font-weight:normal} .storyList.miniCap .image {float:none;margin:5px auto 0px} .miniCap .editRating {float:none;margin-bottom:5px} .miniCap .editRating {float:right;position:absolute;left:10px;width:30px;padding-top:15px;margin-top:10px;background:url(http://zapp5.staticworld.net/images/common/templates08/pcwReview-sm.gif) no-repeat #d92429} .miniCap .editRating h6 {font-size:25px;color:#fff;margin:0;padding:5px 0} */ /* /* MINI CAP */ .miniCap {float:right;width:180px;margin:0 0 20px 20px;border:1px solid #CCC;clear:both;padding:10px} .miniCap label {display:block;padding:5px 10px;background:#333;color:#fff;font-size:12px;text-align:center;line-height:14px} .miniCap .image {float:none;display:block;width:100%;margin:0 0 5px 0 !important;padding:0;text-align:center} .miniCap .image img {max-width:135px !important} .miniCap .editRating {clear:both;width:100%;margin-top:5px;text-align:center} .miniCap .editRating .scale {text-align:left} .miniCap .modTitle {margin:0 10px;padding:0;border:0;font-size:14px} .miniCap .modTitle a {color:#000} .miniCap div.minicapTitle {display:block;border-bottom:1px solid #DDD;font-size:11px;font-weight:bold;color:#333;text-transform:uppercase;line-height: 15px;padding-bottom:7px;margin-bottom:8px} .miniCap .prodDivider {border-bottom:1px dotted #BBB;padding-bottom:10px;margin:0 0 10px 0} .miniCap .prodLink {} .miniCap p.prodLink {display:block;text-align:center;margin-bottom:0 !important} .miniCap .prodLink a {font-size:14px !important;line-height:18px;font-weight:normal;text-align:center} .miniCap .range {color:#222;margin:10px 0 0 0;font-size:11px;text-align: center;padding:0;float:none} .miniCap .midRange {background-color:#DDE6EC;padding:0 11px 0 11px;line-height:28px;display:inline-block} .miniCap .midRange a{display:inline-block;color:#FFF;margin:0 -11px 0 4px;padding:0 10px 0 9px;font-size:10px;background-color:#2f6690;background-image:url(http://images.macworld.com/images/shared/buttons/blue-bg-tile.gif)} .miniCap .midRange a:hover {background-color:#367ebf;background-image:none} .miniCap .btn {display:inline-block;vertical-align:middle} .miniCap .btn a {font-size:10px;text-transform:uppercase;line-height:10px;padding:3px 6px} .miniCap .priceRange {display:block;margin-top:5px} .miniCap .priceRange a {color:#222;margin:10px 0 0 0;font-size:11px;text-align: center;padding:0;text-transform:none;padding:5px 7px} .miniCap a.getIt, .miniCap .checkPrice a {text-shadow: 0 -1px 0 #000;background-color: #00559A !important;background-image: url("http://zapp5.staticworld.net/images/shared/buttons/blue-bg-tile.gif") !important} .miniCap .checkPrice a{display:inline-block;color:#FFF;margin:0;font-size:11px} .nanoCap .linkList {margin:0 !important;padding:0 !important} .nanoCap .linkList li {list-style-type:none !important;display:block;margin:0 !important;padding:0 !important} .nanoCap .linkList li.prodDivider {border-bottom:1px dotted #CCC;margin:0 0 8px !important;padding-bottom:8px !important} .nanoCap .linkList li a {font-size:12px;line-height:16px} .nanoCap .editRating {float:left;display:block;margin:3px 0 0 0;text-align:left} /* #smb #rankedChart table tr{padding:2px;vertial-align:top} #smb #rankedChart table tr td {padding:10px} #smb #rankedChart .image {} #smb #rankedChart .image p {color:#999999;font-size:10px;margin-top:-1px} #smb #rankedChart .specs {font-size:11px;line-height:130%} #smb #rankedChart .specs h1{font-size:14px;line-height:130%;dispaly:inline;margin:0} #smb #rankedChart .specs P{font-size:12px;padding:2px 0 4px 0} #smb #rankedChart .prices {font-size:12px;line-height:140%} #smb #rankedChart .check {background-color:#DDD} */ /* SMB Chart Changes*/ #smb #mainWell{width:411px} #smb #mainWell.chart{width:auto} #breadcrumbs {margin-bottom:10px;padding-bottom:5px;color:#999;border-bottom:1px solid #e4e4e4} #breadcrumbs ul li {list-style:none;display:inline;padding:0} #smb .date{font-size:12px;padding-bottom:15px} #smb.textAds{padding:15px 0} #smb #rankedChart .tools{background-color:#EFEFEF;padding: 0;margin: 0} #smb #rankedChart .tools .compare {background-color:#999999;background-image:url("http://zapp5.staticworld.net/images/common/v3/arrowCompare.gif");background-position:left center;background-repeat:no-repeat;color:#FFFFFF;display:inline;float:right;padding:0 14px 9px; margin:0;width:175px;font-size:13px;line-height:14px;text-align:middle} #smb #rankedChart .tools .compare img{margin-bottom:-5px;margin-top:5px} /* SMB Top V Chart*/ #rightColumn .module {padding:10px;background:#e4e6e0} #rightColumn .sidebarBox.prodList .modTitle {margin-bottom:8px;font-size:16px;font-weight:bold;color:#333} #rightColumn .sidebarBox.prodList ul {padding:0 10px;border:1px solid #dedede;background:#fff} #rightColumn .sidebarBox.prodList ul {padding-bottom:0} #rightColumn .sidebarBox.prodList li {padding:10px 0;font-size:14px;line-height:18px;border-bottom:1px solid #ddd} #rightColumn .sidebarBox.prodList li:last-child {border-bottom:0} #rightColumn .sidebarBox.prodList .image {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #DDDDDD;clear:both;float:left;height:auto;margin:0 10px 0 0;min-height:65px;min-width:45px} #rightColumn .sidebarBox.prodList .image img {width:45px;height:auto;padding:3px} #topXMod.sidebarBox.prodList li {background:url(http://static.pcworld.com/images/shared/icons/number01.gif) no-repeat left center;padding-left:24px;min-height:65px} #topXMod.sidebarBox.prodList li.no2 {background-image:url(http://static.pcworld.com/images/shared/icons/number02.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no3 {background-image:url(http://static.pcworld.com/images/shared/icons/number03.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no4 {background-image:url(http://static.pcworld.com/images/shared/icons/number04.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no5 {background-image:url(http://static.pcworld.com/images/shared/icons/number05.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no6 {background-image:url(http://static.pcworld.com/images/shared/icons/number06.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no7 {background-image:url(http://static.pcworld.com/images/shared/icons/number07.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no8 {background-image:url(http://static.pcworld.com/images/shared/icons/number08.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no9 {background-image:url(http://static.pcworld.com/images/shared/icons/number09.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no10 {background-image:url(http://static.pcworld.com/images/shared/icons/number10.gif);min-height:65px} #topXMod.sidebarBox.prodList li a {font-size:17px} #topXMod.sidebarBox.prodList li .image img {width:auto} #topXMod.sidebarBox.prodList li .meta {color:#526A2D;font-size:12px} #topXMod.sidebarBox.prodList li .editRating {float:right} .btn {display:inline-block;border:1px solid;overflow:hidden;vertical-align:middle; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btn a {display:inline-block;padding:4px 5px;font-size:12px;color:#fff;background-repeat:repeat-x;background-position:left} .btn.blue {border-color:#00559a} .btn.blue a {background-color:#00559a;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/blue-bg-tile.gif)} #headerWrapper, #topAdWrapper, #footer {width:inherit} /*fixed widths shifted content to left on 4/8/2010*/ #headerWrapper, #topAdWrapper, #footer {min-width:1005px} .flexWrapper #content {} /* PCWorld: Cisco RSS module Blox #329 non-smb css in adops.css - runs 09/24/10-10/29/10 */ #content .module.blox3rss { overflow: hidden; max-height: 280px; max-width: 336px; margin:10px; padding:30px 20px 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #ccc; background:url("http://zapp5.staticworld.net/images/shared/icons/astrisk-blue.png"); background-repeat: no-repeat; background-color: #dedede; cursor:pointer; } #content .module.blox3rss .blox3RssItem {min-height:10px; background:url("http://zapp5.staticworld.net/images/common/icon_dot_gray.gif") no-repeat scroll 0 0 transparent; margin:0 20px 5px 20px} #content .module.blox3rss .blox3RssItem h4 {font-size: 12px; margin:0 0 10px 10px; line-height:16px} #content .module.blox3rss h5 {margin: -32px auto; font-size:10px; float: right; color: #888; text-transform: uppercase} #content .module.blox3rss .modright {float: right; color: #333; font-size:12px} #content .module.blox3rss .modleft {float: left; color: #333; font-size:16px; line-height:18px; margin:0; min-width:250px} #content .module.blox3rss .moddek {float: left; color: #333; font-size:12px; margin:0 0 10px 0} #content .module.blox3rss a.modlink {color:#888; text-decoration:none; border:0} #seriesNav {float:right;width:160px;margin:0 0 20px 15px;border:1px solid #ddd} #seriesNav .image {clear:both;background:#ddd;padding:5px;margin:0 0 10px!important;border-bottom:1px solid #ccc} #seriesNav .image img {width:150px;height:auto;border:solid #fff;border-width:3px 0} #seriesNav .modTitle {clear:both;padding:0 10px;font-size:14px;border:0} #seriesNav p {margin:0 10px 5px;font-size:11px;line-height:12px;color:#666} #seriesNav .linkList {padding:0 10px 10px} #seriesNav .linkList li {margin-bottom:10px;font-size:12px;line-height:13px} #seriesNav .linkList li a:visited {color:#666} #chartMainWell h2 {font-size:15px} #chartMainWell .date {font-size:11px} #chartMainWell {font-size:14px} #chartMainWell h1 {margin:0} #topXMod.module {padding:10px 10px 0;border:1px solid #ccc;background:#fff} #topXMod.module .modTitle {margin-bottom:10px;font-size:16px;font-weight:bold} #topXMod.module p {margin-bottom:10px;font-size:14px;line-height:16px} #topXMod.module p.meta {margin-bottom:0;font-size:12px} #topXMod.module li {padding:15px 50px 15px 60px;border-bottom:1px solid #ddd} #topXMod.module li .image {float:left;margin-left:-60px} #topXMod.module li label {font-size:12px;color:#6e8e3c} #topXMod.module li a {font-size:14px;line-height:15px} #topXMod.module li.rank_1 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-1.gif) no-repeat; background-position:100% -5px} #topXMod.module li.rank_2 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-2.gif) no-repeat; background-position:100% -8px} #topXMod.module li.rank_3 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-3.gif) no-repeat; background-position:100% -8px} #topXMod.module li.rank_4 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-4.gif) no-repeat; background-position:100% -5px} #topXMod.module li.rank_5 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-5.gif) no-repeat; background-position:100% -8px} #resultsTable {margin-bottom:10px} #resultsTable h1 {padding-bottom:5px;font-size:20px;color:#333;font-weight:normal} #resultsTable h2 {padding-bottom:5px;font-size:20px;color:#333;font-weight:normal} #resultsTable p.caption {margin-bottom:10px;font-size:16px;color:#575757;font-weight:normal} #resultsTable .pagination {padding:10px} #resultsTable .pagination.top {border:solid #ddd;border-width:1px 1px 0} #resultsTable .pagination.bottom {border:solid #ddd;border-width:0 1px 1px} #sortResults {height:37px;border:1px solid #ddd;background:url(http://images.macworld.com/images/appstore/sortresults-bg-tile.gif) repeat-x left bottom} #sortResults ul {padding:8px 10px 0} #sortResults li {float:left;margin-right:5px;font-size:10px} #sortResults li a {position:relative;display:inline-block;padding:0 5px;line-height:20px;color:#fff;border:1px solid #575757;background:url(http://zapp5.staticworld.net/images/appguide/button-grey-bg-tile.gif) repeat-x left} #sortResults li a:hover {background:#666} #sortResults li.title {float:left;margin-right:10px;font-size:11px;line-height:22px} #sortResults li a.selected {position:relative;border:1px solid #a20607;background:url("http://zapp5.staticworld.net/images/appguide/button-bg-tile.gif") repeat-x left} #sortResults li a.selected label {position:relative;display:inline-block;height:1%;padding-right:12px;background:url("http://zapp5.staticworld.net/images/appguide/arrows-sort-2.gif") no-repeat} #sortResults li a.selected.asc label {background-position:top right} #sortResults li a.selected.desc label {background-position:bottom right} /*IE6*/ html>body #sortResults li a {display:block} /*IE6*/ html>body #sortResults li a.selected label {display:block} .click2compare {float:right;padding:0 10px 0 20px;font-size:12px;line-height:37px;background:#d6d5d5 url(http://images.macworld.com/images/appstore/sortresults-arrow.gif) no-repeat left} .click2compare span.btn {line-height:16px !important} #resultsTable table {margin-top:-1px;background:url(http://images.macworld.com/images/appstore/compare-bg-tile.gif) repeat-y top right} #resultsTable tr.sponsored td {border:solid #ccc;border-width:1px 0;background:url(http://images.macworld.com/images/appstore/slider-gradient-btm-bg-tile.gif) repeat-x bottom left} #resultsTable tr.sponsored td.image {border-left:1px solid #ccc} #resultsTable tr.sponsored td.compare {border-left:1px solid #ddd;border-right:1px solid #ccc;background:none} #resultsTable td {padding:15px 5px;border-bottom:1px solid #e4e4e4 !important} #resultsTable td.image {width:55px;padding-left:10px;border-left:1px solid #fff} #resultsTable td.image img {width:50px;height:50px} #resultsTable td.description {width:165px;padding-right:10px;font-size:11px} #resultsTable td.description h2 {padding:0;font-size:14px;line-height:16px} #resultsTable td.description h2 a {font-weight:bold} #resultsTable td.description label {font-size:10px;color:#999} #resultsTable td.description strong {display:block;margin-bottom:3px;font-size:14px;line-height:15px} #resultsTable td.productRating {width:80px;font-size:10px;color:#999} #resultsTable td.productRating .starRating {margin-bottom:4px} #resultsTable td.price {text-align:right} #resultsTable td.price .priceRange {display:block;margin-bottom:5px;font-size:12px} #resultsTable td.price a.buyDirect {display:block;padding-top:5px;font-size:12px;font-weight:bold} #resultsTable td.compare {width:24px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #fff} #product_chart #resultsTable td.description {width:200px} #product_chart #resultsTable td.price {width:125px} #rightColumn .module.sidebarBox.Blox3picklist {background:#fff} #rightColumn .module.sidebarBox.Blox3picklist .storyList {padding-top:10px} #rightColumn .module.sidebarBox.Blox3picklist .storyList li {margin-bottom:10px} #bizPromo p {margin-bottom:5px;font-size:14px} #bizPromo p.headline {font-size: 16px; margin: 0 0 7px; padding: 0;font-weight:bold} #bizPromo a {display: block; font-size: 12px; margin: 0 0 0 60px} #bizPromo .image {float: left; height: 50px; width: 50px; margin:0 10px 0 0;overflow: hidden} #bizPromo .image a {margin: 0} body {background: #babaa6 url(http://zapp5.staticworld.net/images/smb/bg_main.gif) repeat-x 0 68px; padding: 0; margin: 0; font-family: Arial, Helvetica, Geneva, sans-serif;color:#1a1a1a} ul, li {margin:0;padding:0;list-style:none} p {margin:0;padding:0} a {text-decoration: none; color: #1a61a0} a:hover {text-decoration: underline; background-color: none} a:active {color: #900; outline: none} a:focus {-moz-outline-style: none} a img {border:0} h2.articleBodyContentSubHed {font-size: 18px} .wrapper {width: 1005px; margin: 0 auto; background:#202020} #pcwNav .wrapper {padding-top: 9px} /*global rounded corners*/ .roundedcorners {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px} .roundedcorners-1px-topright {-webkit-border-top-right-radius: 1px; -khtml-border-radius-topright: 1px; -moz-border-radius-topright: 1px; border-top-right-radius: 1px} .roundedcorners-1px-topleft {-webkit-border-top-left-radius: 1px; -khtml-border-radius-topleft: 1px; -moz-border-radius-topleft: 1px; border-top-left-radius: 1px} .roundedcorners-1px-bottomright {-webkit-border-bottom-right-radius: 1px; -khtml-border-radius-bottomright: 1px; -moz-border-radius-bottomright: 1px; border-bottom-right-radius: 1px} .roundedcorners-1px-bottomleft {-webkit-border-bottom-left-radius: 1px; -khtml-border-radius-bottomleft: 1px; -moz-border-radius-bottomleft: 1px; border-bottom-left-radius: 1px} .roundedcorners-1px, .radius_1 {-webkit-border-radius: 1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px} .roundedcorners-2px-topright {-webkit-border-top-right-radius: 2px; -khtml-border-radius-topright: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px} .roundedcorners-2px-topleft {-webkit-border-top-left-radius: 2px; -khtml-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px} .roundedcorners-2px-bottomright {-webkit-border-bottom-right-radius: 2px; -khtml-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px} .roundedcorners-2px-bottomleft {-webkit-border-bottom-left-radius: 2px; -khtml-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px} .roundedcorners-2px {-webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px} .roundedcorners-3px-topright {-webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px} .roundedcorners-3px-topleft {-webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px} .roundedcorners-3px-bottomright {-webkit-border-bottom-right-radius: 3px; -khtml-border-radius-bottomright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px} .roundedcorners-3px-bottomleft {-webkit-border-bottom-left-radius: 3px; -khtml-border-radius-bottomleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px} .roundedcorners-3px, .radius_3 {-webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .roundedcorners-4px-topright {-webkit-border-top-right-radius: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px} .roundedcorners-4px-topleft {-webkit-border-top-left-radius: 4px; -khtml-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px} .roundedcorners-4px-bottomright {-webkit-border-bottom-right-radius: 4px; -khtml-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px} .roundedcorners-4px-bottomleft {-webkit-border-bottom-left-radius: 4px; -khtml-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px} .roundedcorners-4px {-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px} .roundedcorners-5px-topright {-webkit-border-top-right-radius: 5px; -khtml-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px} .roundedcorners-5px-topleft {-webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px} .roundedcorners-5px-bottomright {-webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px} .roundedcorners-5px-bottomleft {-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px} .roundedcorners-5px, .radius_5 {-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btm_radius_10 {-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px} .clearme, .spacer {clear: both} #articleText p span.artCaption {font-size:11px;line-height:15px;color:#888;display:block;margin:5px 0 0} /* Horizontal Rules */ div#smbTopHR {height: 1px; background: #6d6363 url(http://zapp5.staticworld.net/images/smb/bg_topbreak.gif) top center no-repeat; margin: 0 0} div#smbTopHR hr {display: none} div.smbWhiteHR {height: 1px; background-color: #fff; margin: 0 0; clear: both} div.smbWhiteHR hr {display: none} div.smbGrayHR {height: 1px; background-color: #373636; margin: 0; clear: both} div.smbGrayHR hr {display: none} /* Ad Sizes */ .ad728x90 {width: 728px; height: 90px; display: block} .ad336x280 {width: 336px; height: auto; display: block; margin-bottom:20px} .ad336x280.adRight {width: 336px; height: auto; display: block; margin-bottom:20px; float:right} .ad336x362 {width: 336px; height: auto; display: block; margin-bottom:20px} .ad225x90 {width: 228px; height: 90px; display: block} .sponsoredLinks {border: 1px solid #ccc; padding: 10px; margin-bottom:20px} /* Masthead */ #topAd {width: 985px; height: 110px; background-color: #231f20; margin: 9px 0 0 11px} #topAd .ad728x90 {background:#fff;float:left;margin:9px 0 0 10px} #topAd .ad225x90 {background:#fff;float:right;margin:9px 12px 0 0} /* Bot Circ Ad */ #smbFooterAd {color: #000; font-size: 10px; background-color: #fff} #smbFooterAd form {padding: 0 5px} #smbFooterAd input {color: #000; font-size: 10px} #smbFooterAd .subLinks {margin-top: 5px; padding: 0 5px} #bcHead {width:1005px;height:64px;position:relative; z-index: 0} #smbLogo {position: absolute; top: 6px; left: 20px} #smbSearchBox {position: absolute; width: 604px; height: 44px; background: transparent url(http://zapp5.staticworld.net/images/smb/bg_searchbox_new.gif) top left no-repeat; top: 13px; right: 10px; z-index: 0} #smbSearchBox p {color: #cdcdcd; font-size: 11px; padding: 9px 0 0 15px; margin: 0; line-height: 14px; width: 144px} #smbSearchBox p a {text-decoration: underline; color: #cdcdcd} #smbSearchBox p a:hover {color: #6E8E3C} #smbSearchBox form {float: right; margin: 12px 8px 0 0; z-index: 0} #smbSearchBox input#smbSearch {border: 0; padding: 4px; margin: 0; font-size: 11px; width: 200px} #smbSearchBox input#smbSubmit {border: 0; padding: 3px; margin: 0 0 0 5px; font-size: 11px; width: 75px; color: #fff; background-color: #6E8E3C; border: 1px solid #3E5913} #smbSearchBox #simplyhiredheaderlink {float:right;margin: 12px 11px 0 15px} /* Top Nav */ ul#mainNav {padding: 0; margin: 0} ul#mainNav li {padding: 0; margin: 0; list-style: none; display: block; float: left; font-size: 14px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_topnav.gif) bottom left repeat-x} ul#mainNav li a {height: 47px; padding: 0 0; margin: 0; display: table-cell; vertical-align: middle; color: #000; text-decoration: none; border: 1px solid #a9a997; border-left: 0; text-align: center} ul#mainNav li a:active {outline: none} ul#mainNav li a:hover {background:#000 url(http://zapp5.staticworld.net/images/smb/bg_topnav_hoverDR.gif) bottom left repeat-x;color:#fff} ul#mainNav li#softwareServices a {width: 144px} ul#mainNav li#officeHardware a {width: 119px} ul#mainNav li#security a {width: 73px} ul#mainNav li#serversStorage a {width: 129px} ul#mainNav li#cellMobile a {width: 150px} ul#mainNav li#operatingSystems a {width: 138px} ul#mainNav li#networkingVOIP a {width: 140px} ul#mainNav li#virtualization a {width: 103px} ul#mainNav li.firstitem a {border-left: 1px solid #a9a997} /*#headerWrapper {width:100%;height:42px;background:#c42126 url(http://zapp5.staticworld.net/images/shared/backgrounds/miniHeader-bg-tile.gif) repeat-x left; z-index: 1000} #miniHeader {position:relative;padding:0px 0;font-size:12px; z-index: 1000} #miniHeader p {height:20px;margin:0 0 0 12px;line-height:20px;color:#94c0e1;font-size:10px} #miniHeader #metaNav {float:right;height:22px;margin:9px 0 0 20px;padding:0 10px;color:#c0aaab;font-size:10px;line-height:22px;border:1px solid #4f1213;background:#5e0d11; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} #miniHeader #metaNav a {color:#c0aaab} #miniHeader #metaNav a:hover {background:none} #miniHeader #metaNav img {margin-left:3px;width:11px;height:11px} #miniHeader img#miniHeaderLogo {float:left;margin-right:12px} #miniHeader #mainNav {float:left;margin:10px 0 10px 0} #miniHeader #mainNav ul {float:left;height:25px;margin:0;padding:0;display:visible} #miniHeader #mainNav li {float:left;height:25px;margin:0;padding:0;list-style-type:none;display:visible; list-style-image:none} #miniHeader #mainNav li a {position:relative;display:inline-block;top:-1px;height:25px;padding:0 7px;font-size:11px;color:#fff;line-height:25px;border-left:1px solid #871000;border-right:1px solid #b83538;background:#961a1d} #miniHeader #mainNav li a:hover {background:#871000} #miniHeader #mainNav li a:visited {color:#fff} #miniHeader #mainNav li.last a {border-right:0; -webkit-border-top-right-radius: 3px; -khtml-border-radius-topright: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-radius-bottomright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px} #miniHeader #mainNav li.first a {border-left:0;-webkit-border-top-left-radius: 3px; -khtml-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px; -khtml-border-radius-bottomleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px} #miniHeader #mainNav li.selected a {color:#333;background:#edede2} #miniHeader #mainNav li.selected a:hover {color:#333;background:#edede2} #miniHeader #mainNav li img {padding-top:7px;vertical-align:top}*/ #pcwSearch {float:right;width:199px;height:21px;margin-top:11px;background:url(http://zapp5.staticworld.net/images/shared/backgrounds/search-box-bg.gif) no-repeat top left} #pcwSearch .searchBox {float:left;width:141px;padding:3px 0 0 3px;background:0;border:0} #pcwSearch .searchBtn {float:right;width:54px} #navBtmRule {background:#6D6363 url(http://zapp5.staticworld.net/images/smb/bg_topbreak.gif) no-repeat scroll center top;height:1px;margin:0} .flexWrapper #content {border:0;padding:10px} .flexWrapper #footer {padding:0} #headerWrapper #miniHeader, #topAdWrapper #topAd, .flexWrapper #content, #footerWrapper #footer {width:1005px;margin:auto} /* Features Box */ #smbTopStoryBox {width: 604px; background: #e6e6d6 url(http://zapp5.staticworld.net/images/smb/bg_newsbox.gif) repeat-x bottom left; border: 1px solid #dfd3b6; border-bottom: 1px solid #8c8c7d; margin-bottom: 20px} #smbTopStoryBox .TabbedPanelsContent {height: 155px} #smbTopStoryBox .smbTopStoryTmb {width: 177px; height: 117px; margin: 20px 20px 0 20px; border: 0; float: left;border:1px solid #FFF} #smbTopStoryBox h2 {font-size: 1.5em; padding: 0 20px 0 0; margin: 0 0 0 217px} #smbTopStoryBox.smbSubdexStoryBox h2 {font-size: 1.5em; padding: 20px 20px 0 0; margin: 0} #smbTopStoryBox small {font-size: 11px; color: #6e8e3c; padding: 20px 0 0 0; margin: 0; text-transform: uppercase; font-weight: bold; display: block} #smbTopStoryBox p {font-size: 13px; padding: 0 20px 0 0; margin: 0 0 0 217px} #smbTopStoryBox ul {padding: 0; margin: 20px 0 0 0; height:1% } #smbTopStoryBox ul li {width:99px;height:68px;display: block;vertical-align:middle;float:left;border: 1px solid #fff;border-bottom: 0;border-right: 1px solid #8c8c7d;position: relative;line-height: normal} #smbTopStoryBox ul li.firstitem {border-left: 0; width: 98px} #smbTopStoryBox ul li.lastitem {border-right: 0; width: 97px} #smbTopStoryBox ul li img.smbNewsThumb {display: block; border: 0; margin: 10px 5px 0 10px; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50} #smbTopStoryBox ul li img.smbNewsArrow {position: absolute; top: -10px; left: 40px; display: none} #smbTopStoryBox ul li.firstitem img.smbNewsArrow {text-align:center} #smbTopStoryBox ul li.firstitem img.smbNewsThumb {margin-left: 15px} #smbTopStoryBox ul li.tabSelected {border-left:solid 1px #d1d1bf;border-right:solid 1px #8c8c7d;background: #b8b8a8} #smbTopStoryBox ul li.tabSelected img.smbNewsThumb {filter:alpha(opacity=100); -moz-opacity:1; opacity:1} #smbTopStoryBox ul li.tabSelected img.smbNewsArrow {display: block} #smbTopStoryBox ul li.firstitem {border-left: 0; width: 99px} #smbTopStoryBox ul li.lastitem {border-right: 0; width: 99px} #mainWell {width:411px;float:right} #mainWell small {font-size: 11px; padding: 0 0 0 0; margin: 0; color: #888; display: block; clear: both} #mainWell small a {color: #6e8e3c; text-transform: uppercase; font-weight: bold; text-decoration: none;margin-right:5px} #mainWell small a:hover {text-decoration: underline} #mainWell h3 {font-size: 16px; padding: 0; margin: 5px 0 5px 0} #mainWell p {font-size: 13px; padding: 0; margin: 0 0} #mainWell p.smbRecos {font-size: 11px; color: #6e8e3c; padding: 0; margin: 10px 0; text-transform: uppercase} #mainWell div.smbReadMore {padding: 4px 10px; background-color: #143756; font-size: 13px; color: #fff; float: right; margin: 5px 0 30px 0} #mainWell div.smbReadMore a {color: #fff} #mainWell.smbBlogIndex p {margin-bottom: 20px} #mainWell.smbBlogIndex p .image.rtmd {display: none} #mainWell.smbBlogIndex p .image.ltmd {display: none} #mainWell.smbBlogIndex div.smbReadMore {margin: 0 0 20px 5px} #mainWell.smbBlogIndex p.smbRecos {margin: 0 0 20px 0} #mainWell.smbWhitepaperIndex p {margin-bottom: 20px} #mainWell.smbWebcastIndex {width: 575px; float: none} #mainWell.smbWebcastIndex p {margin-bottom: 20px} .textAds {clear: both} .textAds h6, .textAds strong {font-size: 11px; color: #666; margin: 0 0 5px 0} .textAds ul li {font-size: 11px; color: #000; margin: 0 0 5px 0} .textAds ul li a {font-size: 13px; color: #296ca6; font-weight: bold; margin: 0 0 0 0; display:block} /* change per ms Req .textAds ul li a.siteLink {font-size: 10px; color: #6e8e3c; font-weight: normal; margin: 0 0 0 0}*/ .textAds ul li a.siteLink {font-size: 11px; color: #008000; font-weight: normal; margin: 0 0 0 0} .textAds ul li .clickable a {font-size: 11px; color: #000; margin: 0 0 5px 0; font-weight:normal;display:inline} .textAds label {display:block;margin-bottom:5px;color:#a0a0a0;font-size:10px;font-weight:normal} #articleText .sponsoredLinks {margin-top:20px} #articleText .textAds ul li {font-size: 11px; list-style: none; margin: 5px 0 10px} .storyList {border-top: 1px solid #e9e9e5; padding-top: 1px; margin-bottom: 20px} .storyList h2 {font-size: 16px; background: #F0F0F0 url(http://images.macworld.com/images/shared/backgrounds/subnav-bg-tile.gif) repeat-x top left; margin: 0; padding: 7px 10px 7px; broder: medium none} .storyList ul {margin: 7px 0 0 10px; padding: 0} .storyList ul li {list-style: none; background: transparent url(http://zapp5.staticworld.net/images/smb/bg_arrow_list.gif) no-repeat 0 3px; padding: 0 0 0 12px; margin: 0 0 10px 0} .storyList ul li a {font-weight: normal; font-size: 14px; display: block; padding: 0; line-height: normal} .storyList ul li.noBullet {background-image: none} .storyList li .image {float:left;margin:0 9px 0 0} .storyList li .image a {padding:0} .storyList li img {height:30px;width:45px} .storyList .more {display: block; float: none; font-weight: normal; font-size: 14px; display: block; padding: 0 0 0 0; margin: 0 0 0 23px; line-height: normal} #topStories.storyList ul {margin:0 10px 10px} #topStories.storyList li {border-bottom:1px solid #E4E4E4;background:url(http://static.pcworld.com/images/smb/default_45x30.gif) no-repeat;padding:0 0 10px;min-height:30px} #topStories.storyList li a.headline {margin-left:55px;font-size:14px} #topStories.storyList .more {display:none} #blogHed {height: 72px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_bloghed.gif) repeat-x top left; border-bottom: 1px solid #dadbdc; padding: 20px 23px 0 20px} #blogHed .image {width: 51px; padding: 5px; border: 1px solid #ddd; background-color: #fff; float: left; margin: 0} #blogHed #blogTitle {margin: 0 0 0 70px; font: 32px Georgia, "Times New Roman", Times, serif; color: #143756} #blogHed #blogTitle small {font: 10px Arial, Helvetica, Geneva, sans-serif} #blogHed #blogTitle small span big { color:#6E8E3C; margin-left:5px; font-weight:bold} #blogHed form {float: right; background-color: #efefef; padding: 15px 10px; border: 1px solid #fff} #blogHed form #blogEmail {padding: 4px 5px; border: 1px solid #666; width: 230px} #blogHed form #blogSubmit {padding: 3px 5px; border: 1px solid #183b59; background-color: #1c61a1; color: #fff} #articleHead {} #articleHead h1 {font-size:33px;line-height:34px;margin: 0; padding: 0; color: #143756} #articleHead h2 {font-size: 16px;margin: 10px 0 0 0;padding: 0;font-weight: normal;line-height:normal; color:#143756} #articleHead h2 span {font-size: 12px; color: #1c61a1} #articleHead p.byline {font-size: 12px; color:#143756; margin:10px 0 20px; font-weight:bold} #articleHead .articleCategoryTop {clear:left;margin:0 0 20px; font-size: 12px} #articleHead .articleCategoryTop span {background-color: #831518; font-weight: bold;padding: 5px 10px; color: #fff; text-transform: uppercase} #articleHead .articleCategoryTop span a {color: #fff} #articleHead .articleCategoryTop small {font-size:12px;color: #939598; padding-left: 10px} #articleHead.whitepaperHed h1 {margin-bottom: 20px} .recommend {font-size:12px;padding:10px;border:1px solid #c9cacb;text-align:center;float:left;margin:0 0 20px} .recommend small {font-size: 10px; text-transform: uppercase} .recommend .usefulYesNo {padding: 0 5px} .recommend .usefulYes {padding: 3px 7px; color: #fff; background-color: #6d8e3b; font-size: 10px} .recommend .usefulNo {padding: 3px 7px; color: #fff; background-color: #475b29; font-size: 10px} .recommend .usefulYes a {color: #fff} .recommend .usefulNo a {color: #fff} #articleText {} #articleText p {font-size:14px;font-weight:normal;line-height:18px;margin-bottom:20px} #articleText ul li {font-size: 14px; list-style: disc outside none; margin: 0 0 20px 20px} #articleText .sidebar .similarContent_recommendations ul li {list-style:none} #resourceLinks {font-size:14px;clear:both} #resourceLinks li {list-style-type: none} #resourceLinks li a {color: #a25052; text-decoration: underline} #resourceLinks li strong {color:#939598;font-weight:normal;margin-right:5px} #articleText ul#resourceLinks li {margin:0 0 20px 0} .sidebar {width:177px;float:left} #articleText .sidebar {margin: 0 25px 25px 0} #similarContent {font-size:12px} #articleText .sidebar .similarContent_chunk {border:none;padding:0} #articleText .sidebar .similarContent_heading {display:none} #articleText .sidebar .similarContent_recommendations ul li {padding:0 0 10px;clear:both;margin:0;background:transparent url(http://zapp5.staticworld.net/images/smb/bg_arrow_list.gif) no-repeat scroll 0 3px;/*url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat;min-height:39px;*/} #articleText .sidebar .similarContent_itemimg {margin:0;display:none} #articleText .sidebar .similarContent_itemimg img {height:39px;width:56px;max-width:56px;margin:0;padding:0} #articleText .sidebar .similarContent_recommendations ul li .similarContent_itemtitle {/*margin-left:66px*/margin-left:12px;line-height:14px} #articleText .sidebar .similarContent_recommendations ul li .similarContent_itemtitle a {font-size: 12px} #articleText .sidebar .similarContent_recommendations ul li .similarContent_promo1 {margin-left:12px;font-size:9px;text-transform:uppercase} #smb #similarContent {float:left;width:200px;margin:0 10px 10px 0;padding:5px;border:1px solid #ddd} #smb #similarContent .image {display:none} #smb #similarContent h6 {color:#6E8E3C;font-size:12px;font-weight:normal;margin:5px 0 10px;padding:0;text-transform:uppercase} #smb #similarContent li {margin:0 0 8px;list-style-type:none;font-size:12px;line-height:14px} #smb #articleText #similarContent .modTitle {color:#6E8E3C;font-size:12px;font-weight:normal;margin:5px 0 10px;padding:0;text-transform:uppercase} #smb #articleText #similarContent .storyList {border:0} #whitepaperSidebar{font-size: 11px} #articleText .sidebar#whitepaperSidebar {width: 140px; float: right; border: 1px solid #ccc; padding: 5px; background: #fff url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x scroll left bottom} #articleText .sidebar#whitepaperSidebar img {width: 140px; height: auto} #webcast{} #webcastPowered {float: right; font-size: 10px; display: inline; margin-right: 20px} #webcastPowered img {width: 100px} #featuredWebcastIndex .webcastType {display: block; margin-top: 5px; font-size: 11px; font-weight: bold} #featuredWebcastIndex .image {float: left; margin: 0 10px 10px 0} #webcastTabs {background: transparent url(http://zapp5.staticworld.net/images/common/v3/menuGrad.gif) repeat-x; height: 26px} #webcastTabs li a {font-size: 9px; padding: 3px 8px; float: left; height: 20px; background: transparent url(http://zapp5.staticworld.net/images/common/v3/menuBar.gif) right top no-repeat} #webcastTabs li a.selected {background: #ab0d26 url(http://zapp5.staticworld.net/images/common/v3/expertSolutionsArrow.gif) center bottom no-repeat; color: #fff} #webcastTabsContent .TabbedPanelsContent {margin-top: 10px} #webcastTabsContent .TabbedPanelsContent ul li {font-size: 12px; width: 285px; float: left; height: 125px} #webcastTabsContent .TabbedPanelsContent ul li a {font-weight: bold} #webcastTabsContent .TabbedPanelsContent ul li .image img {border: 1px solid #000; margin-right: 10px} #webcastTabsContent .TabbedPanelsContent ul li .date, #webcastTabsContent .TabbedPanelsContent ul li .type {font-size: 10px; padding: 0 0 0 0; margin: 0 0 0 94px; color: #888; display: block} #webcastTabsContent .TabbedPanelsContent ul li .date a {color: #6e8e3c; text-transform: uppercase; font-weight: bold; text-decoration: none} .relatedArticles {border:1px solid #c9cacc;padding:10px} .relatedArticles #similarContent {float:none} .relatedArticles #similarContent h6 {font-size:12px;font-weight:normal;margin:0 0 10px;padding:0;text-transform: uppercase} #articleText #slide #sidebar {float: none; margin-left: 0} #articleText #slide .image {float: none} #articleText #slide .image img {max-width: 561px} .sidebarBox {border:1px solid #e9e9e9;padding:8px 10px;margin: 0 0 20px 0 } .sidebarBox h6 {margin: 0 0 10px; padding: 0; text-transform: uppercase; font-weight: normal; font-size: 12px} .sidebarBox h6 span {font-size: 10px; color: #666} .sidebarBox h2 {display: none} .sidebarBox p {margin: 0 0 5px 0; padding: 0; font-size: 10px} .sidebarBox ul {margin: 0; padding: 0} .sidebarBox ul li {list-style: none; font-size: 11px; font-weight: bold} .sidebarBox ul li#smbIntelTwit {background: transparent url(http://zapp5.staticworld.net/images/smb/icon_twitter.gif) no-repeat 0 0; padding: 2px 0 5px 25px} .sidebarBox ul li#smbIntelRSS {background: transparent url(http://zapp5.staticworld.net/images/common/header/rss-icon.gif) no-repeat 0 0; padding: 2px 0 5px 25px} .sidebarBox ul li a {display: block; padding: 3px; text-decoration: none} .sidebarBox ul li a:hover {text-decoration: underline} .sidebarBox ul.bloggers li {background-image: none; clear: both; margin-bottom: 10px} .sidebarBox ul.bloggers li .smbBlogThumbTitle {margin-left: 52px; font-weight: normal} .sidebarBox ul.bloggers li .smbBlogThumbTitle a {font-weight: bold; padding: 0} .sidebarBox ul.bloggers li .smbBlogThumb {float: left} .sidebarBox ul.recentComments li {font-weight: normal} .sidebarBox ul.recentComments li p {margin: 0} .sidebarBox ul.recentComments li a {padding: 0} .sidebarBox ul.topRatedPosts li {font-weight: normal} .sidebarBox ul.topRatedPosts li p {margin: 0} .sidebarBox ul.topRatedPosts li a {padding: 0; margin: 0 21px 0 20px} .sidebarBox ul.topRatedPosts li .articleRating {font-size: 24px; width: 20px; height: 25px; float: left; display: block; color: #ccc} .sidebarBox ul.topRatedPosts li .articleRec {float: right; display: block; width: 16px; height: 25px; margin-top: 2px; background: transparent url(http://zapp5.staticworld.net/images/common/blogs/thumbBlue5.gif) right top no-repeat; overflow: hidden;padding: 20px 0 0; font-size: 10px} .sidebarBox.smbLeftGradBG {background: #fff url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x bottom left} .sidebarBox.itemRss {background: transparent url(http://zapp5.staticworld.net/images/common/blogs/rssBug.gif) 150px 7px no-repeat; position: relative} .sidebarBox.itemRss .blogRssLink {display: block; position: absolute; left: 150px; top: 7px; height: 19px; width: 19px} .sidebarBox.itemRss h6 {font-weight: bold; margin-bottom: 0} .sidebarBox.itemRss h6 a {color: #000} .sidebarBox.itemRss .blogsAll {font-size: 11px; text-transform: uppercase} .sidebarBox.blogList {padding:10px 15px} .sidebarBox.blogList ul.bloggers li a {font-size:14px;font-weight:normal} .sidebarBox.blogList ul.bloggers li .smbBlogThumbTitle a {font-size:14px} .sidebarBox.blogList ul.bloggers li .smbBlogThumb {margin-bottom:10px} .sidebarBox.Blox3picklist h4 {font-size: 16px; font-weight: bold;margin:0;padding: 0} .sidebarBox.Blox3picklist p {font-size: 12px} .sidebarBox.Blox3picklist li {font-weight:normal} .sidebarBox.Blox3picklist li a {font-size:16px} .sidebarBox.Blox3picklist .image img{width:45px} .sidebarBox.Blox3picklist .image {float:left;margin:0 7px 0 0;width:52px;padding:2px;border: 1px solid #E9E9E9} .sidebar.subIndex .sidebarBox ul li {font-size:11px;clear:both;min-height:39px;margin-bottom:10px;background:url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat} .sidebar.subIndex .sidebarBox ul li a {padding:0} .sidebar.subIndex .sidebarBox ul li a.headline {margin-left:66px} .sidebar.subIndex .sidebarBox ul li .image {width: 56px; height: 39px; overflow: hidden; float: left} .sidebar.subIndex .sidebarBox ul li .image img {width: 56px; height: 39px} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox {margin: 0; padding: 0} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox .textField {width: 147px; background-color: #f2f3f0; border: 1px solid #666; display: block; margin: 0 0 5px 0; padding: 3px} .sidebar.subIndex .sidebarBox form#smbSubscrubeLeftBox .submitButton {background-color: #1c61a1; border: 1px solid #143756; display: block; margin: 0 0 0 0; padding: 3px 5px; color: #fff} .sidebar.subIndex .more {display:none} .sidebar .sidebarBox.bestof ul li {font-size:11px;clear:both;min-height:39px;margin-bottom:10px;background:url(http://static.pcworld.com/images/smb/similarContent_56x39.gif) no-repeat} .sidebar .sidebarBox.bestof ul li a {padding:0} .sidebar .sidebarBox.bestof ul li a.headline {margin-left:66px} .sidebar .sidebarBox.bestof ul li .image {width: 56px; height: 39px; overflow: hidden; float: left} .sidebar .sidebarBox.bestof ul li .image img {width: 56px; height: 39px} .sidebar .sidebarBox.bestof .more {display:none} #content #rightColumn .sidebarBox h6 {text-transform:none} #vendorAnnouncemtns.sidebarBox {border:0} #vendorAnnouncemtns h6 {margin: 0 0 10px; padding: 0; text-transform: uppercase; font-weight: normal; font-size: 12px} #vendorAnnouncemtns ul li {margin: 0 0 5px; padding: 0; font-size: 10px; color: #666} #content #rightColumn h6 {font-size: 16px; font-weight: bold;margin:0 0 10px;padding: 0} #LogMeInAd {border: 1px solid #d9dadb; padding: 10px; width: 314px} #LogMeInAd .image {float: left; margin-right: 20px; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc} #LogMeInAd h3 {font-size: 16px} #LogMeInAd p {font-size: 12px; clear: both} #LogMeInAd li {list-style: disc; margin-left: 13px; margin-top: 10px; font-size: 12px} .featuredPromo, #bizPromo {border: 1px solid #d9dadb; padding: 10px; margin: 0 0 20px 0} #bizPromo h2 {font-size: 16px; margin: 0 0 10px; padding: 0} #bizPromo a {display: block; font-size: 12px; margin: 0 0 0 60px} #bizPromo .image {float: left; height: 50px; width: 50px; overflow: hidden} #bizPromo .image a {margin: 0} .featuredPromo .image {float: left; height: 50px; width: 50px; overflow: hidden} .featuredPromo p {padding: 0; margin: 0 0 0 60px; font-size: 12px} .featuredPromo.storyList li {background:none;padding:0 0 10px;display:block;clear:both} .featuredPromo.storyList li img {height:auto} .featuredPromo.storyList .btn {margin:5px 0 0} .featuredPromo.storyList .btn a {font-size:12px;padding:5px 10px} .featurePromo.blogList li {} .featurePromo.blogList li a {} #smbRightSubscribe {border: 1px solid #d9dadb; padding: 10px; margin: 10px 0; background: #FFFFFF url(http://zapp5.staticworld.net/images/smb/bg_gray_grad.gif) repeat-x scroll left bottom} #smbRightSubscribe p {margin: 0 0 10px 0; font-size: 11px} #industryWebcasts {border: 1px solid #e9e9e9; padding: 10px 15px; margin-top: 20px} #industryWebcasts .more {font-size: 14px } #industryWebcasts ul li {margin-bottom: 15px; font-size: 11px} #industryWebcasts ul li .image {float:left;overflow:hidden;width:45px;height:30px} #industryWebcasts ul li img {width:45px;height:30px} #industryWebcasts ul li a {display: block; margin-bottom: 5px;font-size: 14px;margin-left:55px} #industryWebcasts ul li p {margin-left:55px} #smbBlogLinks {background-color: #f2f3f0; padding: 10px; margin-top: 20px} #smbBlogLinks #smbBlogTabs {background-color: #e6e7e4; width: 315px} #smbBlogLinks h5 {font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0} #smbBlogLinks .smbBlogList {background-color: #fff; padding: 5px 8px; border: 1px solid #d0d1cf} #smbBlogLinks .smbBlogList ul {padding: 0; margin: 0} #smbBlogLinks .smbBlogList ul li {list-style: none; padding: 10px 0; margin: 0; border-bottom: 1px solid #ccc} #smbBlogLinks .smbBlogList ul li p {font-size: 12px; margin-left: 60px} #smbBlogLinks .smbBlogList ul li p a {font-size: 14px; display:block; margin-bottom:5px} #smbBlogLinks .smbBlogList ul li small {color:#999; font-size: 9px; text-transform: uppercase; display: block; margin-left: 60px} #smbBlogLinks .smbBlogList ul li small a {font-size: 11px; color: #6e8e3c; font-weight: bold} #smbBlogLinks .smbBlogList ul li .blogListIcon {float: left} #smbBlogLinks .smbBlogList .more {padding:10px 0} #smbWhitepaperWrap {clear:both;width: 983px; background: #e7e7d8 url(http://zapp5.staticworld.net/images/smb/bg_whitepaper_notch.gif) 0 22px no-repeat; border: 1px solid #a9a997; padding: 10px; margin-bottom: 10px} #smbWhitepaperWrap #smbWhitepaperInner {background: #fff; border: 1px solid #d7cabb; padding: 10px; position: relative} #smbWhitepaperWrap #smbWhitepaperInner h3#smbWhitePaperHed {width: 185px; height: 31px; color: #fff; background-color: #6d8e3b; position: absolute; top: 11px; left: -1px; margin: 0; padding: 0 0 0 10px; display: block; line-height: 31px; border-bottom: 5px solid #d0d0d0; font-size: 16px} #smbWhitepaperWrap #smbWhitepaperInner h3#smbWhitePaperHed img {position: absolute; top: 0px; right: 0px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft {width: 590px; float: left} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul {margin: 15px 0 0 0; padding: 0 0 0 0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul li {list-style-type: none; font-size: 12px; margin: 0 0 8px 0; padding: 0 0 0 10px; width: 285px; height: 30px; float: left; overflow: hidden} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft ul li small {color: #ccc} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperLeft h4#smbWhitePaperSubHed {margin: 6px 0 10px 200px; padding: 0 0 0 0; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight {width: 336px; float: right} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured {background-color: #485b29; border: 1px solid #2e391b; color: #6d8e3c} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h4 {background: #2e391b url(http://zapp5.staticworld.net/images/smb/bg_arrow_whitepaper.gif) 0 6px no-repeat; margin: 0; padding: 5px 0 5px 13px; font-size: 16px; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured img.smbWhitePaperLogo {margin: 10px; float: left} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h5 {font-size: 0.9em; margin: 10px 0 10px 135px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured h5 a {color: #fff} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperFeatured p {margin: 10px 0; padding: 5px 10px 5px 10px; font-size: 13px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert {background-color: #6d7c54; border: 1px solid #474d3d; color: #14190c; padding: 10px; margin-top: 10px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert h4 {margin: 0; padding: 0 0 5px 0; font-size: 16px; font-weight: normal} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert p {margin: 0 0; padding: 0 0 5px 0; font-size: 11px} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form {margin: 0 0; padding: 0 0 0 0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form #smbWhitepaperInput {width: 200px; border: 1px solid #37461e; background-color: #e7ebe1; font-size: 10px; padding: 3px; color: #485b29} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperRight #smbWhitepaperAlert form #smbWhitepaperSubmit {width: 100px; border: 1px solid #495c2a; background-color: #2e391b; font-size: 10px; padding: 3px; color: #f1f2f0} #smbWhitepaperWrap #smbWhitepaperInner #smbWhitepaperMore {display: block; margin-left: 10px; font-size: 12px; font-weight: bold; margin-top: 10px} #smbMarketplace {width: 983px; background: #e7e7d8 url(http://zapp5.staticworld.net/images/smb/bg_marketplace_notch.gif) 0 22px no-repeat; border: 1px solid #a9a997; padding: 10px; margin-bottom: 20px} #smbMarketplace #smbMarketplaceInner {background: #fff; border: 1px solid #d7cabb; padding: 10px; position: relative} #smbMarketplace #smbMarketplaceInner h2 {display: none} #smbMarketplace #smbMarketplaceInner h3#smbMarketplaceHed {width: 250px; height: 30px; color: #fff; background-color: #143756; position: absolute; top: 11px; left: -1px; margin: 0; padding: 0 0 0 10px; display: block; line-height: 31px; border-bottom: 5px solid #d0d0d0; font-size: 16px} #smbMarketplace #smbMarketplaceInner h3#smbMarketplaceHed img {position: absolute; top: 0px; right: 0px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft {width: 590px; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul {margin: 50px 0 0 0; padding: 0 0 0 0} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li {list-style-type: none; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0 10px; width: 285px; height: 58px; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li a {text-decoration: underline; font-weight: bold; display: block} #smbMarketplace #smbMarketplaceInner #smbMarketplaceLeft ul li div {font-size: 11px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight {width: 296px; float: right; padding: 20px 20px 10px 20px; background-color: #f4f6f4} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight h6, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds strong {margin: 0 0 10px 0; padding: 0; text-transform: uppercase; color: #939598} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds strong {font-size: 11px; display: block; float: left} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds a.about {float: right; font-size: 10px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds ul {clear: both} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight .textAds ul a {display: block} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight p, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight ul li {margin: 0 0 10px 0; padding: 0; color: #8b8a8a; font-size: 11px} #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight p a, #smbMarketplace #smbMarketplaceInner #smbMarketplaceRight ul li a {text-decoration: underline; font-weight: bold; font-size: 11px} #topXMod {margin-top:20px} .pagination {display:block} .pagination ul {list-style:none} .pagination ul li {float: left; font-size: 12px; text-transform: uppercase; list-style:none} .pagination ul li a {display: block; padding: 3px 5px; border: 1px solid #000; margin-right: 10px} .pagination ul li.selected a {background-color: #004784; color: #fff} .pagination ul li a:hover {text-decoration: none; background-color: #004784; color: #fff} #articleText .pagination ul li {list-style:none;margin:0 0 40px 0} #footerWrapper {clear:both;background:#222 url(http://zapp5.staticworld.net/images/smb/bg_footer.gif) top left repeat-x} #footer {width: 1005px; padding: 20px 0} #footer #footerLeft {width: 593px; color: #fff; float: left} #footer #footerLeft a {color: #fff} #footer #smbCarouselWrapper {background-color: #747273; padding: 9px; color: #000} #footer #smbCarouselWrapper #smbCarousel {background-color: #fff; padding: 10px; border: 1px solid #212221} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-container {position:relative; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-clip {margin:0; overflow:hidden; padding:0; position:relative; z-index:2} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-list {left:0; margin:0; overflow:hidden; padding:0; position:relative; top:0; z-index:1} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .jcarousel-list li.jcarousel-item {float:left; list-style: none; width: 170px; padding: 0; margin: 0; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel h2 {font-size: 16px; font-weight: normal; margin: 0; float: left} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul {margin: 5px 0 0 0; padding: 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li {background:url(http://static.pcworld.com/images/smb/footer_170x112.gif) no-repeat;width: 170px; list-style-type: none; font-size: 12px; margin: 0 21px 0 0; padding: 0; float: left} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li a {display: block; margin: 10px 0; color: #1a61a0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li .image {width: 170px; height: 112px; position: relative; overflow: hidden} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .contentPanel ul li .image img {position: absolute; top: 0; left: 0; width: 170px} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav {float: right} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li {float: left; margin: 0 10px} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li a {color: #888} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button {position:relative; width: 34px; height:18px; padding:0; border: 1px solid #bbb} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button a {display:block; width:34px; height:18px; padding:0; color: #888} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.left {margin: 0 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.left a {background:#f00 url(http://zapp5.staticworld.net/images/footer/carousel-arrow-left.gif) no-repeat top} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.right {margin: 0 0} #footer #smbCarouselWrapper #smbCarousel #storyCarousel .carouselNav li.button.right a {background:#f00 url(http://zapp5.staticworld.net/images/footer/carousel-arrow-right.gif) no-repeat top} #footer #footerRight {width: 317px; color: #fff; background-color: #151718; padding: 10px; float: right} #footer #footerRight #footerAd {background-color: #999} #footer small {color: #aaa; font-size: 10px} #footer small a {color: #aaa; display: block; float: left; margin: 5px 10px 0 0} #footer ul#footerAbout {padding: 0; margin: 20px 0 0 0} #footer ul#footerAbout li {width: 166px; font-size: 11px; list-style: none; float: left; margin: 0 20px 20px 0} #footer ul#footerAbout li#smbAboutText {width: 175px} #footer ul#footerAbout li#smbAboutText span {display: block; margin-top: 5px} #footer ul#footerAbout li h5 {margin: 0 0 2px 0; padding: 0; font-size: 14px; font-weight: normal} #footer ul#footerAbout li ul {margin: 0; padding: 0} #footer ul#footerAbout li ul li {list-style: none; margin: 0; padding: 2px 0; border-top: 1px solid #373636} /*moved from reviews09.css*/ .btn {display:inline-block;border:1px solid;overflow:hidden;vertical-align:middle; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btn a {display:inline-block;padding:4px 5px;font-size:12px;color:#fff;background-repeat:repeat-x;background-position:left} .btn.red {border-color:#9b0d00} .btn.red a {background-color:#9b0d00;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/red-bg-tile.gif)} .btn.green {border-color:#4a6029} .btn.green a {background-color:#4a6029;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/green-bg-tile.gif)} .btn.blue {border-color:#00559a} .btn.blue a {background-color:#00559a;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/blue-bg-tile.gif)} .btn.grey {border-color:#606060} .btn.grey a {background-color:#606060;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/grey-bg-tile.gif)} .btn.disabled {border-color:#ccc} .btn.disabled a {background-color:#ccc;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/disabled-bg-tile.gif)} .btn span {display:none} .btn a:hover {background-image:none;text-decoration:none} .btn a:hover span {display:inline-block;margin-left:3px;padding-left:5px;border-left:1px solid #467eaa} .btn a:hover span img {width:8px;height:auto} .btn.small a {padding:2px 3px;font-size:11px !important;vertical-align:baseline} .btn.big a {padding:5px 8px;font-size:16px !important;vertical-align:baseline} .btn.block, .btn.block a {display:block} .btn.qMark {vertical-align:top; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .btn.qMark a {padding:0 4px !important;font-size:10px !important;line-height:13px !important} /*BAPP mini caps -- this should be combined with BAPP styles when those are brought in with global. Elements like pcwRating should be placed with the other Rating styles*/ /* .miniCap {clear:right} #leftColumn .storyList.miniCap {width:150px;margin-left:20px;float:right;border:solid #e4e4e4;border-width:0 1px;position:relative;text-align:center;padding:0} #articleText .storyList.miniCap h2 {margin:0 10px 10px;padding:0 0 10px;background:none;border-bottom:solid 1px #e4e4e4} .storyList.miniCap h2 a {font-weight:normal;color:#333} #articleText .storyList.miniCap label {background-color:#333;color:#fff;text-transform:uppercase;font-size:9px;display:block;border:solid #666;border-width:0 1px} #articleText .storyList.miniCap label span {display:block;border-top:solid 1px #666;position:relative;top:-1px;padding:5px} .storyList.miniCap ul {padding:0 20px 10px;border-bottom:solid 1px #e4e4e4;position:relative;bottom:-1px;margin:0} #articleText .storyList.miniCap li {padding:0px;display:block;text-align:left;margin:0} .storyList.miniCap li a {color:#1C609F;font-size:12px;font-weight:normal} .storyList.miniCap .image {float:none;margin:5px auto 0px} .miniCap .editRating {float:none;margin-bottom:5px} .miniCap .editRating {float:right;position:absolute;left:10px;width:30px;padding-top:15px;margin-top:10px;background:url(http://zapp5.staticworld.net/images/common/templates08/pcwReview-sm.gif) no-repeat #d92429} .miniCap .editRating h6 {font-size:25px;color:#fff;margin:0;padding:5px 0} */ .miniCap {float:right;width:160px;margin:0 0 15px 20px;border:1px solid #ddd;clear:both} .miniCap label {display:block;padding:5px 10px;background:#333;color:#fff;font-size:12px;text-align:center;line-height:14px} .miniCap .image {float:none;width:100%;margin-bottom:5px;padding:0;text-align:center} .miniCap .editRating {clear:both;width:100%;margin-bottom:10px;text-align:center} .miniCap .editRating .scale {text-align:left} .miniCap .modTitle {margin:0 10px;padding:0 0 5px;border:0;font-size:13px} .miniCap .modTitle a {color:#000;font-size::13px} .miniCap .linkList {margin:0;padding:0 10px 10px} .miniCap .linkList li {margin:0 0 5px!important;padding:0 !important;list-style-type:none !important;font-size:13px !important;line-height:13px} /* #smb #rankedChart table tr{padding:2px;vertial-align:top} #smb #rankedChart table tr td {padding:10px} #smb #rankedChart .image {} #smb #rankedChart .image p {color:#999999;font-size:10px;margin-top:-1px} #smb #rankedChart .specs {font-size:11px;line-height:130%} #smb #rankedChart .specs h1{font-size:14px;line-height:130%;dispaly:inline;margin:0} #smb #rankedChart .specs P{font-size:12px;padding:2px 0 4px 0} #smb #rankedChart .prices {font-size:12px;line-height:140%} #smb #rankedChart .check {background-color:#DDD} */ /* SMB Chart Changes*/ #smb #mainWell{width:411px} #smb #mainWell.chart{width:auto} #breadcrumbs {margin-bottom:10px;padding-bottom:5px;color:#999;border-bottom:1px solid #e4e4e4} #breadcrumbs ul li {list-style:none;display:inline;padding:0} #smb .date{font-size:12px;padding-bottom:15px} #smb.textAds{padding:15px 0} #smb #rankedChart .tools{background-color:#EFEFEF;padding: 0;margin: 0} #smb #rankedChart .tools .compare {background-color:#999999;background-image:url("http://zapp5.staticworld.net/images/common/v3/arrowCompare.gif");background-position:left center;background-repeat:no-repeat;color:#FFFFFF;display:inline;float:right;padding:0 14px 9px; margin:0;width:175px;font-size:13px;line-height:14px;text-align:middle} #smb #rankedChart .tools .compare img{margin-bottom:-5px;margin-top:5px} /* SMB Top V Chart*/ #rightColumn .module {padding:10px;background:#e4e6e0} #rightColumn .sidebarBox.prodList .modTitle {margin-bottom:8px;font-size:16px;font-weight:bold;color:#333} #rightColumn .sidebarBox.prodList ul {padding:0 10px;border:1px solid #dedede;background:#fff} #rightColumn .sidebarBox.prodList ul {padding-bottom:0} #rightColumn .sidebarBox.prodList li {padding:10px 0;font-size:14px;line-height:18px;border-bottom:1px solid #ddd} #rightColumn .sidebarBox.prodList li:last-child {border-bottom:0} #rightColumn .sidebarBox.prodList .image {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #DDDDDD;clear:both;float:left;height:auto;margin:0 10px 0 0;min-height:65px;min-width:45px} #rightColumn .sidebarBox.prodList .image img {width:45px;height:auto;padding:3px} #topXMod.sidebarBox.prodList li {background:url(http://static.pcworld.com/images/shared/icons/number01.gif) no-repeat left center;padding-left:24px;min-height:65px} #topXMod.sidebarBox.prodList li.no2 {background-image:url(http://static.pcworld.com/images/shared/icons/number02.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no3 {background-image:url(http://static.pcworld.com/images/shared/icons/number03.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no4 {background-image:url(http://static.pcworld.com/images/shared/icons/number04.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no5 {background-image:url(http://static.pcworld.com/images/shared/icons/number05.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no6 {background-image:url(http://static.pcworld.com/images/shared/icons/number06.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no7 {background-image:url(http://static.pcworld.com/images/shared/icons/number07.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no8 {background-image:url(http://static.pcworld.com/images/shared/icons/number08.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no9 {background-image:url(http://static.pcworld.com/images/shared/icons/number09.gif);min-height:65px} #topXMod.sidebarBox.prodList li.no10 {background-image:url(http://static.pcworld.com/images/shared/icons/number10.gif);min-height:65px} #topXMod.sidebarBox.prodList li a {font-size:17px} #topXMod.sidebarBox.prodList li .image img {width:auto} #topXMod.sidebarBox.prodList li .meta {color:#526A2D;font-size:12px} #topXMod.sidebarBox.prodList li .editRating {float:right} .btn {display:inline-block;border:1px solid;overflow:hidden;vertical-align:middle; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .btn a {display:inline-block;padding:4px 5px;font-size:12px;color:#fff;background-repeat:repeat-x;background-position:left} .btn.blue {border-color:#00559a} .btn.blue a {background-color:#00559a;background-image:url(http://zapp5.staticworld.net/images/shared/buttons/blue-bg-tile.gif)} #headerWrapper, #topAdWrapper, #footer {width:inherit} /*fixed widths shifted content to left on 4/8/2010*/ #headerWrapper, #topAdWrapper, #footer {min-width:1005px} .flexWrapper #content {} /* PCWorld: Cisco RSS module Blox #329 non-smb css in adops.css - runs 09/24/10-10/29/10 */ #content .module.blox3rss { overflow: hidden; max-height: 280px; max-width: 336px; margin:10px; padding:30px 20px 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #ccc; background:url("http://zapp5.staticworld.net/images/shared/icons/astrisk-blue.png"); background-repeat: no-repeat; background-color: #dedede; cursor:pointer; } #content .module.blox3rss .blox3RssItem {min-height:10px; background:url("http://zapp5.staticworld.net/images/common/icon_dot_gray.gif") no-repeat scroll 0 0 transparent; margin:0 20px 5px 20px} #content .module.blox3rss .blox3RssItem h4 {font-size: 12px; margin:0 0 10px 10px; line-height:16px} #content .module.blox3rss h5 {margin: -32px auto; font-size:10px; float: right; color: #888; text-transform: uppercase} #content .module.blox3rss .modright {float: right; color: #333; font-size:12px} #content .module.blox3rss .modleft {float: left; color: #333; font-size:16px; line-height:18px; margin:0; min-width:250px} #content .module.blox3rss .moddek {float: left; color: #333; font-size:12px; margin:0 0 10px 0} #content .module.blox3rss a.modlink {color:#888; text-decoration:none; border:0} #chartMainWell h2 {font-size:15px} #chartMainWell .date {font-size:11px} #chartMainWell {font-size:14px} #chartMainWell h1 {margin:0} #topXMod.module {padding:10px 10px 0;margin-bottom:20px;border:1px solid #ccc;background:#fff} #topXMod.module .modTitle {margin-bottom:10px;font-size:16px;font-weight:bold} #topXMod.module p {margin-bottom:10px;font-size:14px;line-height:16px} #topXMod.module p.meta {margin-bottom:0;font-size:12px} #topXMod.module li {padding:15px 50px 15px 60px;border-bottom:1px solid #ddd} #topXMod.module li .image {float:left;margin-left:-60px} #topXMod.module li label {font-size:12px;color:#6e8e3c} #topXMod.module li a {font-size:14px;line-height:15px} #topXMod.module li.rank_1 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-1.gif) no-repeat; background-position:100% -5px} #topXMod.module li.rank_2 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-2.gif) no-repeat; background-position:100% -8px} #topXMod.module li.rank_3 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-3.gif) no-repeat; background-position:100% -8px} #topXMod.module li.rank_4 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-4.gif) no-repeat; background-position:100% -5px} #topXMod.module li.rank_5 {background:url(http://zapp5.staticworld.net/images/shared/icons/top-products-rank-5.gif) no-repeat; background-position:100% -8px} #resultsTable {margin-bottom:10px} #resultsTable h1 {padding-bottom:5px;font-size:20px;color:#333;font-weight:normal} #resultsTable h2 {padding-bottom:5px;font-size:20px;color:#333;font-weight:normal} #resultsTable p.caption {margin-bottom:10px;font-size:16px;color:#575757;font-weight:normal} #resultsTable .pagination {padding:10px} #resultsTable .pagination.top {border:solid #ddd;border-width:1px 1px 0} #resultsTable .pagination.bottom {border:solid #ddd;border-width:0 1px 1px} #sortResults {height:37px;border:1px solid #ddd;background:url(http://images.macworld.com/images/appstore/sortresults-bg-tile.gif) repeat-x left bottom} #sortResults ul {padding:8px 10px 0} #sortResults li {float:left;margin-right:5px;font-size:10px} #sortResults li a {position:relative;display:inline-block;padding:0 5px;line-height:20px;color:#fff;border:1px solid #575757;background:url(http://zapp5.staticworld.net/images/appguide/button-grey-bg-tile.gif) repeat-x left} #sortResults li a:hover {background:#666} #sortResults li.title {float:left;margin-right:10px;font-size:11px;line-height:22px} #sortResults li a.selected {position:relative;border:1px solid #a20607;background:url("http://zapp5.staticworld.net/images/appguide/button-bg-tile.gif") repeat-x left} #sortResults li a.selected label {position:relative;display:inline-block;height:1%;padding-right:12px;background:url("http://zapp5.staticworld.net/images/appguide/arrows-sort-2.gif") no-repeat} #sortResults li a.selected.asc label {background-position:top right} #sortResults li a.selected.desc label {background-position:bottom right} /*IE6*/ html>body #sortResults li a {display:block} /*IE6*/ html>body #sortResults li a.selected label {display:block} .click2compare {float:right;padding:0 10px 0 20px;font-size:12px;line-height:37px;background:#d6d5d5 url(http://images.macworld.com/images/appstore/sortresults-arrow.gif) no-repeat left} .click2compare span.btn {line-height:16px !important} #resultsTable table {margin-top:-1px;background:url(http://images.macworld.com/images/appstore/compare-bg-tile.gif) repeat-y top right} #resultsTable tr.sponsored td {border:solid #ccc;border-width:1px 0;background:url(http://images.macworld.com/images/appstore/slider-gradient-btm-bg-tile.gif) repeat-x bottom left} #resultsTable tr.sponsored td.image {border-left:1px solid #ccc} #resultsTable tr.sponsored td.compare {border-left:1px solid #ddd;border-right:1px solid #ccc;background:none} #resultsTable td {padding:15px 5px;border-bottom:1px solid #e4e4e4 !important} #resultsTable td.image {width:55px;padding-left:10px;border-left:1px solid #fff} #resultsTable td.image img {width:50px;height:50px} #resultsTable td.description {width:165px;padding-right:10px;font-size:11px} #resultsTable td.description h2 {padding:0;font-size:14px;line-height:16px} #resultsTable td.description h2 a {font-weight:bold} #resultsTable td.description label {font-size:10px;color:#999} #resultsTable td.description strong {display:block;margin-bottom:3px;font-size:14px;line-height:15px} #resultsTable td.productRating {width:80px;font-size:10px;color:#999} #resultsTable td.productRating .starRating {margin-bottom:4px} #resultsTable td.price {text-align:right} #resultsTable td.price .priceRange {display:block;margin-bottom:5px;font-size:12px} #resultsTable td.price a.buyDirect {display:block;padding-top:5px;font-size:12px;font-weight:bold} #resultsTable td.compare {width:24px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #fff} #product_chart #resultsTable td.description {width:200px} #product_chart #resultsTable td.price {width:125px} #resultsTable.topXChart table.topXTable {width:600px;background:none} #resultsTable.topXChart tr{padding-bottom:10px} #resultsTable.topXChart td {border-bottom:none !important;padding:0} #resultsTable.topXChart td.imageAndText {width:auto;padding-bottom:30px} #resultsTable.topXChart td.imageAndText .chartContent{margin-left:80px} #resultsTable.topXChart td.imageAndText .image {margin:0 10px 10px 0;float:left} #resultsTable.topXChart td.imageAndText .image a {float:left} #resultsTable.topXChart td.imageAndText .image .rankNumber {float:left;padding:2px 7px;text-align:center;background: url("http://zapp5.staticworld.net/images/shared/buttons/red-bg-tile.gif") 50% 50% repeat-x;font-size:16px;position:absolute;border:1px solid #921517;opacity:.90} #resultsTable.topXChart td.imageAndText .image .rankNumber a{color:#fff;text-shadow: 1px 1px 0 #000000;opacity:1} #resultsTable.topXChart td.imageAndText .image img{width:70px;height:auto;float:left} #resultsTable.topXChart td.imageAndText .scale {text-align:left} #resultsTable.topXChart td.imageAndText h2 {margin-bottom:2px;font-size:18px;line-height:20px;padding-bottom:0} #resultsTable.topXChart td.imageAndText h2 a {font-weight:bold} #resultsTable.topXChart td.imageAndText p {margin-bottom:3px;font-size:14px;line-height:20px;width:365px} #resultsTable.topXChart td.imageAndText .meta {margin-bottom:2px;color:#666;font-size:12px;line-height:20px} #resultsTable.topXChart .floatRight{float:right;width:140px;margin-left:10px} #resultsTable.topXChart .price {width:140px;font-size:11px;text-align:left;float:right;line-height:14px} #resultsTable.topXChart .price .buyDirect {font-size:12px;line-height:20px;font-weight:bold} #resultsTable.topXChart .price .priceRange {} #resultsTable.topXChart .elevenPix{font-size:11px;line-height:19px} #resultsTable.topXChart .btn.red, #resultsTable.topXChart .buyDirect{margin-top:5px} #resultsTable.topXChart td.imageAndText.elevenPix {padding-bottom:15px} #resultsTable.topXChart #rankedChart table td .textAds {padding:10px 20px 5px !important;border:1px solid #DDDDDD !important;margin:0 0 20px} #shoppingMod {border-top: 1px solid #e9e9e5; padding-top: 1px; margin-bottom: 20px;background-color:#f2f3f0;padding:10px} #shoppingMod h2 {font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0} #shoppingMod .storyList {background:#fff;padding-top:0;float:right;margin:-1px 0 10px} #shoppingMod .storyList li img {height:auto;width:45px;float:left;margin:2px 9px 0 0} #shoppingMod .storyList ul {margin:0;padding:0} #shoppingMod .storyList li {font-size:11px;border-bottom:1px solid #E4E4E4;background:url(http://static.pcworld.com/images/smb/default_45x30.gif) no-repeat 2px left;padding:0 0 10px;min-height:40px} #shoppingMod .storyList li a {font-size:14px} #shoppingMod .tabContentGroup {clear:both} #rightColumn .tabContentGroup {margin-bottom:7px;padding:10px;border:solid #ccc;border-width:0 1px 1px;background:#fff} #shoppingMod ul.tabs li {float:left;height:auto;margin:0 5px 0 0;padding:0;border:solid #ccc;border-width:0 1px;width:auto} #shoppingMod ul.tabs li a {position:relative;display:block;top:-1px;margin-bottom:-1px;padding:5px 7px 3px;font-size:10px;text-transform:uppercase;line-height:11px;color:#999;background:#e4e4e4;text-decoration:none;border:solid #ccc;border-width:1px 0 1px} #shoppingMod ul.tabs li a strong {display:inline;margin:0;padding:0} #shoppingMod ul.tabs li a:hover {background:#e4e4e4;text-decoration:none;border-bottom-color:#e4e4e4} #shoppingMod ul.tabs li.tab.selected a {border-bottom-color:#fff;background:#fff;color:#333} #shoppingMod ul.tabs li.tab.selected a:hover {background:#fff} #shoppingMod li.tab a {line-height:normal;background-image:none} #shoppingMod li.tabSelected a {line-height:normal;background-image:none} #shoppingMod .more, #shopping .more2, #shoppingMod .moreLink {font-size:12px;clear:both} #shoppingMod .storyList .categories ul {clear:none;float:left;width:130px;height:90px;margin:0 0 0 10px;padding:5px 0;list-style-type: none;text-align:center;overflow:hidden;border-bottom:solid 1px #efefef;border-width:0 0 1px} #shoppingMod .storyList .categories ul li {text-align:left;line-height:normal;width:100%;padding:0;margin:0 0 0 8px;background:none;min-height:5px;border:none} #shoppingMod .storyList .categories li a {padding:0;margin:0;font-weight:normal;font-size:11px} #shoppingMod .storyList .categories li a.level1 {font-weight:bold;font-size:12px} #shoppingMod .storyList .categories li a.level2 {font-size:11px} #shoppingMod ul.storyList li {margin-bottom:10px;padding-left:60px} #shoppingMod ul.storyList li .image {float:left;margin-left:-60px} #shoppingMod ul.storyList a {display:block} #shoppingMod ul.storyList .price {color:#666} #shoppingMod .moreExtra {color:#444;padding-top:8px;margin-top:8px;border-top:1px dotted #CCC} #shoppingMod .moreExtra a {font-weight:normal} #shoppingMod .linkList.even {margin-right:0} #shoppingMod .categories .col {margin-bottom:10px !important} #shoppingMod .linkList li {margin-bottom:0;font-size:12px} #shoppingMod .linkList li a.level1 {font-size:14px;font-weight:bold;margin-bottom:3px;display:inline-block} .columns {} .columns .col {float:left;margin-right:10px} .columns .col:last-child {margin-right:0} .columns li p {margin-right:10px} .columns.cols_2 .col {width:48%} .columns.cols_3 .col {width:31%} .columns.cols_4 .col {width:21%} .columns.cols_5 .col {width:18%} .columns.cols_6 .col {width:15%} /* Latest App review module */ #latestAppReviews {border:1px solid #E9E9E9 !important;background-color:transparent !important} #latestAppReviews p {margin-bottom:0 !important} #latestAppReviews .moreExtra {color:#444;padding-top:8px;margin-top:0;border-top:1px dotted #CCC} #latestAppReviews .moreExtra a {font-size:12px !important;font-weight:bold} #latestAppReviews h2 {font-size:17px;font-weight:bold;color:#000;margin-bottom:8px;border:none;line-height:20px;background-color:transparent !important;background-image:none !important;padding:0} #latestAppReviews table {border-collapse:collapse;padding:0;margin:5px 0 0 0;width:100%} #latestAppReviews table td {vertical-align:top;padding-bottom:10px} #latestAppReviews table td.image {padding-right:10px;margin: 0} #latestAppReviews table td.image img {width:45px} #latestAppReviews table td.description a{font-size:14px;font-weight:normal;padding-right:10px} #latestAppReviews .editRating .scale {display:block} #latestAppReviews .editRating .rating {display:block;font-size:11px;color:#888;margin-top:5px} /* for star rating within module */ /* Ratings Styles */ .starRating div {display:inline-block} .sm .scale {width:70px} .md .scale {width:120px} .lg .scale {width:154px} .sm .scale, .sm .scaledRating {height:13px;background:url(http://zapp5.staticworld.net/images/shared/icons/rating-stars-70x13-2.gif) no-repeat} .md .scale, .md .scaledRating {height:22px;background:url(http://zapp5.staticworld.net/images/shared/icons/rating-stars-120x22-2.gif) no-repeat} .lg .scale, .lg .scaledRating {height:29px;background:url(http://zapp5.staticworld.net/images/shared/icons/rating-stars-154x29-2.gif) no-repeat} .starRating .scale {background-position:top left} .editRating .scaledRating {background-position:left;overflow:hidden} .userRating .scaledRating {background-position:bottom left} .md span.rating {background:none}/*remove after build*/ .scaledRating small {margin:0 0 0 120px} #rightColumn .module.sidebarBox.Blox3picklist {background:#fff} #rightColumn .module.sidebarBox.Blox3picklist .storyList {padding-top:10px} #rightColumn .module.sidebarBox.Blox3picklist .storyList li {margin-bottom:10px} #bizPromo {clear:both} #bizPromo p {margin-bottom:5px;font-size:14px} #bizPromo p.headline {font-size: 16px; margin: 0 0 7px; padding: 0;font-weight:bold} #bizPromo a {display: block; font-size: 12px; margin: 0 0 0 60px} #bizPromo .image {float: left; height: 50px; width: 50px; margin:0 10px 0 0;overflow: hidden} #bizPromo .image a {margin: 0} /* site follow */ #syndication {position:relative;float:right;margin:0 5px 0 0} #rightColumn #syndication {margin-bottom:10px} #syndication .gigyaFollowSite {float:left;font-size:11px;line-height:22px;margin-right:5px;color:#333} #syndication #componentDiv {float:left} #blogHed {position:relative;padding:10px 20px;height:60px} #blogHed .image {position:absolute;top:10px;left:20px;margin:0 10px 0 0 !important} #blogHed #syndication {margin:0 0 7px 0} #blogHed #blogTitle {position:absolute;top:10px;left:20px} #blogHed #newsletterModuleForm {clear:right;float:right;padding:5px 10px} /*copied from structure.css*/ /******* From article.css *******/ .btn a {text-shadow:0 -1px 0 #000} .category strong {display:inline-block;margin-right:5px;padding:2px 6px;color:#fff;font-size:12px;line-height:16px;text-transform:uppercase;background:#b01c1e} .category small {font-size:10px} #leftColumn .textAds {padding:0 0 10px;border-bottom:1px solid #ddd} #comments form ul, #comments form li, #comments form p, #comments form h3, #comments form h4, #comments form label, #comments form small {margin:0;padding:0} /* Reset #comments form styles */ /* Does not work w/ floating asterisk - created next entry instead #comments {padding:15px 0 0;border:0} */ #comments h3 strong em {font-weight:bold} #articleText #comments .userAction {margin-left:0} #articleText #comments #commentFormContainer {padding:0} #articleText #comments form {background:transparent} #articleText #comments .userAction form p {margin-bottom:10px} #articleText #comments .userAction #regCommentFormContents form p.caption {clear:both;padding:9px 0 0 0} #articleText #comments .gravatar img {width:48px;height:48px;border:1px solid #ddd} #articleText #comments form .gravatar {float:left;margin-right:15px} #articleText #comments form .gravatar img {border-color:#999} #articleText #comments form.default .btn {float:left} #articleText #comments form textarea {margin-bottom:5px} #articleText #comments form.default textarea {float:left;width:300px;height:44px;margin-right:15px;padding:2px 5px;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#ccc;font-style:italic} #articleText #comments form.default textarea.expanded {float:left;width:300px;height:100px;margin-right:15px;padding:2px 5px;font-size:13px;color:#000;font-style:normal;font-family:"Courier New", Courier, monospace} #articleText #comments form.active textarea.expanded {width:400px;height:100px;padding:2px 5px;font-size:13px;color:#000;font-style:normal;font-family:"Courier New", Courier, monospace} #articleText #comments form .socialSignIn {float:right;padding:10px;border:1px solid #ffe26b;background:#fff} #articleText #comments p.caption small {text-transform: none;font-size:11px} #commentList {} #commentList li {margin-bottom:15px;padding:0 10px 10px 65px;border-bottom:1px solid #ddd} #commentList .gravatar {float:left;margin-left:-65px} #commentList cite {display:block;margin-bottom:5px} #commentList li blockquote {margin-bottom:10px;padding:15px 15px 10px 20px;font-size:13px;line-height:17px;border-bottom:1px solid #ccc;background:#efefef} #commentList li ul.children {margin-bottom:-20px;padding-top:10px} #commentList li ul.children li {padding-top:10px;border:0;border-top:1px solid #ddd} #content form.rego_signin, .popContent form.rego_signin {} #content form.rego_signin h4, .popContent form.rego_signin h4 {margin:6px 0;font-size:18px;font-weight:bold;line-height: 1.3em} #content form.rego_signin h4 small, .popContent form.rego_signin h4 small {font-size:14px;color:#666} #content form.rego_signin p, .popContent form.rego_signin p {font-size:14px;line-height:17px;margin: 0 0 10px} #content form.rego_signin p small, .popContent form.rego_signin p small {font-size:11px;line-height:12px} #content form.rego_signin p.optout, .popContent form.rego_signin p.optout {padding-top:10px} #content form.rego_signin.default p.caption, .popContent form.rego_signin.default p.caption {width:300px;margin:0 0 0 63px;font-size:10px;line-height:12px;color:#666} #content form.rego_signin.default p.caption {margin:0 0 0 16px} #content form.rego_signin.active p.caption, .popContent form.rego_signin.active p.caption {width:300px;font-size:10px;line-height:12px;color:#666} #content form.rego_signin .formField.error, .popContent form.rego_signin .formField.error {padding:4px;background:#ffe8e9;border:1px solid #999} #content form.rego_signin .errorMessage, .popContent form.rego_signin .errorMessage {margin-bottom:10px;padding:10px 10px 0;background:#ffe8e9;border:1px solid #eaa09f} #content form.rego_signin .errorMessage p, .popContent form.rego_signin .errorMessage p {font-size:13px;line-height:16px} #content form.rego_signin .fieldList, .popContent form.rego_signin .fieldList {margin-bottom:5px} #content form.rego_signin .fieldList li, .popContent form.rego_signin .fieldList li {margin-bottom:5px} #content form.rego_signin .fieldList li label, .popContent form.rego_signin .fieldList li label {display:inline-block;width:90px} #content form.rego_signin input[type='text'], #content form.rego_signin input[type='password'], .popContent form.rego_signin input[type='text'], .popContent form.rego_signin input[type='password'] {width:200px} #content form.rego_signin input.formField, .popContent form.rego_signin input.formField {padding:2px} #content form.rego_signin .fieldList.checkList li, .popContent form.rego_signin .fieldList.checkList li {margin:0 0 15px 22px} #content form.rego_signin .fieldList.checkList input, .popContent form.rego_signin .fieldList.checkList input {margin:0 5px 0 -22px} .orDivider {float:right;padding:20px 20px 0 0;font-size:20px;font-weight:bold} #rego_signin_pop {position:absolute;top:200px;left:25%;width:700px} #rego_signin_pop .socialSignIn {float:left;width:200px;margin-top:10px} #rego_signin_pop .orDivider {float:left;margin:0 30px} #rego_signin_pop fieldset {display:block;float:left;width:350px;margin: 4px 0 0 0px;border:0} #popWrapper {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1} /*IE6*/ html>body #popWrapper {background:rgba(0, 0, 0, 0.8)} /*IE7*/ *:first-child+html #popWrapper {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1} /******* /From article.css *******/ /******* From social-bar.css *******/ #socialBarWrapper.active {background:#fff7c2;border-bottom:1px solid #ffdc63;clear:both} #socialBarWrapper.inactive {background:#efefef;border-bottom:1px solid #ddd;clear:both} #socialBar {width:1005px;margin:0 9px;overflow:hidden} #socialBar strong em{font-weight:bold} #socialBar a:hover{text-decoration:underline} #socialBar .icon{display:inline-block;vertical-align:middle} #socialBar.full{font-size:14px;line-height:40px} #socialBar.full a:hover .icon{margin-top:-5px} #socialBar.mini{font-size:12px;line-height:26px} #socialBar.mini a:hover .icon{margin-top:-2px} #socialBar img.social-bar-thumb {width:30px; height:30px;margin:4px -5px -6px 0} .logged-out .icon {width:20px;height:20px;margin-top:0px} .logged-in .icon {width:14px;height:14px;margin-top:0px;margin-left:0px} .logged-in img.gravatar {width:20px;height:20px;margin-top:0px;vertical-align:middle} .toggleSocialBar a {text-decoration:underline} .full .toggleSocialBar {float:right;font-size:12px;margin-right:15px} .mini .toggleSocialBar {float:right;font-size:10px;margin-right:15px} /* Gigya social plugin */ #socialBarWrapper #connectComponentGigya {float:left;margin:2px 10px 0} #SocialBarText{float:left} #connectComponentGigya_page{height:37px} #connectComponentGigya td span {display:none;/*margin:-32px 0 0 -35px;float:left;*/} .popContent #componentDiv {margin: -15px 0 0 -24px} div#socialBarContentsUnlogged span {float: left} div#socialBarContentsUnlogged span.social-bar-logo {margin: 10px 4px 0 0} div#socialBarContentsUnlogged span#socailBarComponentDiv {margin-top:10px} /******* /From social-bar.css *******/ /******* From structure for pop-in *******/ /* Popup Hover States*/ .popWrapper {position:absolute;top:0;left:0;padding:10px;background:rgba(0, 0, 0, .65);z-index:1000000 !important} .popWrapper .tail {position:absolute;top:80px;left:-13px} .popWrapper .popContent {padding:10px 10px 0;border:1px solid #333;background:#fff url('http://static.pcworld.com/images/common/bg_reg_pop.gif') repeat-x bottom} .popWrapper .close {position:absolute;right:5px;top:5px} .popContent .astrisk {float:left;margin-right:10px} .popContent p.popSubHead {margin-bottom:5px;font-size:16px;line-height:25px;color:#333} .popContent p.meta {margin-top:0 !important;border:0 !important} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */ .userAction {position:relative;clear:both;margin:10px 0 20px 10px;padding:10px 10px 15px 20px;font-size:14px;background:#fff7c2;border:1px solid #ffdc63} .userAction span.tail {display:block;position:absolute;bottom:-15px;left:20px;width:19px;height:15px;background:url(http://zapp5.staticworld.net/images/shared/icons/yellow-tail.gif) no-repeat bottom left} .userAction img.astrisk {position:absolute;top:10px;left:-12px} .div2ColTextWide {width:400px;float:left;padding:13px 0 20px 0} .formLabel {vertical-align:text-top} .linkInline {font-size:10px} .signIn {padding-top:10px} .smallprint_a {width:220px;float:left;overflow:auto;padding:42px 0 0 0} .smallprint_a p {text-align:right;padding:0 20px 10px 75px;line-height:14px;color:#999;font-size:14px} /* merge prompt - create a new account */ #mergeRegFormContainer {padding:20px 20px 20px 70px} #mergeRegFormContainer .col1 {width:250px;float:left;text-align:right} #mergeRegFormContainer .col1 p {padding:0 20px 6px 0;margin:0 0 0 0;color: #666666;line-height: 22px} #mergeRegFormContainer .col1 p.supportText {line-height:18px;padding-left:40px;padding-top:10px} #mergeRegFormContainer .col2 {width:260px;float:left;margin-bottom:20px} #mergeRegFormContainer .col2 .regMerge {padding:0;margin:0} #mergeRegFormContainer .col2 ul li {font-size:14px} #mergeRegFormContainer .col2 ul li label {clear:both;display:block} #mergeRegFormContainer .col2 ul {margin-bottom:5px} #mergeRegFormContainer .socialText {padding-bottom:15px;padding-left:110px} /* email prompt */ #emailRegFormContainer {padding:20px 20px 20px 90px} #emailRegFormContainer .socialText {font-size:18px;color:#000;padding-left:90px} #emailRegFormContainer p {color:#666;line-height:22px;font-size:14px;padding-right:20px} #emailRegFormContainer fieldset ul.fieldList {margin-bottom:18px} #emailRegFormContainer fieldset ul li label {font-size:14px} #emailRegFormContainer fieldset ul li input.formField {border:1px solid #999;padding:2px;width:205px} #emailRegFormContainer .col1 {width:270px;float:left;text-align:right} #emailRegFormContainer .col2 {width:260px;float:left;margin-bottom:20px} /* newsletter prompt */ #newsletter-reg-form .col1 {width:225px} #newsletter-reg-form .col1 h4 {margin:0px;padding:25px 20px 0 0} #newsletter-reg-form .col2 {width:425px;padding:0px;margin:0px} #newsletter-reg-form .col2 h4 {font-size:18px;padding:0px;margin:0px} #newsletter-reg-form .col2 h4 span {font-size:10px;color:#999} #newsletter-reg-form .col2 ul li span.check input {margin:0 0 0 -22px} #newsletter-reg-form .col2 ul li {font-size:14px} #newsletter-reg-form .col2 ul {padding:10px 0 0 0;margin:0 50px 25px 0} /* Registration - create a new account */ #regContentContainer {padding:15px 0 30px 0;overflow:hidden} #regContentContainer .col1 {width:350px;float:left;text-align:right} #regContentContainer .col1 p, #regContentContainer .col1 h4 {padding:0 20px 0 12px;color:#999} #regContentContainer .col1 h4 {font-size:20px;padding-top:30px;color:#2e2d2d} #regContentContainer .col1 h4 span.headlineSmall {font-size:16px;display:block} #regContentContainer .col1 p {line-height:22px;color:#666} #regContentContainer .col2 {width:320px;float:left;margin-bottom:20px;padding-top:5px} #regContentContainer .col2 .socialSignIn {width:100%} #regContentContainer .col2 .socialSignIn .socialText, #wrapper #wrapper2 #rego_signin_pop.popWrapper .popContent .mod2Col .mod2ColContent .div2ColTextWide .socialText, #mergeRegFormContainer .socialText, .socialText {font-size:18px;color:#000} #regContentContainer .col2 fieldset {width:320px} #regContentContainer .col2 fieldset .optout {width:320px;margin-bottom:20px} #regContentContainer .col2 fieldset p.formTitle {width:320px} #regContentContainer .col2 fieldset ul.fieldList li {margin-bottom:13px;font-size:14px !important;font-weight:bold} #regContentContainer .col2 fieldset ul.fieldList li input {border: 1px solid #999} #regContentContainer .col1 .caption {color:#999} #regContentContainer .col1 .smallprint {color:#999} /* GIGYA REG LOGIN SCREENS FIXES */ #content form.rego_signin p small, .popContent form.rego_signin p small {line-height:14px} #regContentContainer {padding:15px 0 0 0} #regContentContainer .col1 p, #regContentContainer .col1 h4 {padding-left:40px} #regContentContainer .col1 h4 {line-height: 1.3em;margin: 6px 0} #rego_signin_pop .smallprint_a p {font-size: 11px;line-height:14px} #rego_signin_pop .smallprint_a p .linkInline {font-size: 11px} #rego_signin_pop .div2ColTextWide p.socialText {line-height:auto;margin:0;font-size:18px} #socailBarPopComponentDiv table tr td center table tr td {width: 0 !important} #wrapper #rego_signin_pop.popWrapper .popContent .mod2Col .mod2ColContent .div2ColTextWide #socailBarPopComponentDiv table tr td center table tr td#socailBarPopComponentDiv_page table#socailBarPopComponentDiv_p0 { display: inline; margin: 0 0 0 -50px !important; position: relative} #rego_signin_pop.popWrapper .popContent .mod2Col .mod2ColContent .div2ColTextWide #socailBarPopComponentDiv table tr td center table tr td#socailBarPopComponentDiv_page table#socailBarPopComponentDiv_p0 { display: inline; margin: 0 0 0 -50px !important; position: relative} #rego_signin_pop.popWrapper .popContent .mod2Col .mod2ColContent .div2ColTextWide p {font-size: 14px} .fieldLogin {border: 1px solid #999999;margin: 0 10px 13px 0;padding: 2px;width: 200px} #rego_signin_pop fieldset {padding:0 0 0 0} #smb #regContentContainer .col1 {width: 300px} #smb #regContentContainer .col2 {width: 370px} #logonForm p, .div2ColTextWide p {line-height:auto;margin:0;margin-bottom:0 !important} #smb #regContentContainer .col2 fieldset ul.fieldList li + li + li + li + li select.field, #smb #regContentContainer .col2 fieldset ul.fieldList li + li + li + li select.field {width:207px !important;margin-left:-4px;font-size:12px !important} #smb #content form.rego_signin .fieldList li label, .popContent form.rego_signin .fieldList li label {display: inline-block;width: 110px} #smb #regContentContainer .col2 fieldset p.formTitle {padding-bottom:5px} #regContentContainer .col2 {padding-bottom: 20px;margin-bottom: 0px} #rego_signin_pop.popWrapper .popContent .mod2Col .mod2ColContent .div2ColTextWide p.formField a {vertical-align:text-top} #topicNavWrapper {background-color:#921517} #topicNav {padding: 10px;font-size:11px; clear:both; margin: auto; width:1005px;color:#b70511} #topicNav .label {text-transform:uppercase; padding-right:5px;font-weight: bold; color:#df9795} #topicNav a {color: #FFF } #topicNav a:hover {text-decoration:underline } #topicNav .topicnavDelimiter {padding:0 4px;color:#c9434c} #topicNavSitemapWrapper {background-color:#edede2;padding:5px 0 0 0} #topicNavSitemap {background-color:#edede2; padding: 2px; margin:0; font-size:13px; clear:both; margin: auto; width:1005px; color: black; /* height:300px; overflow:auto; */} #topicNavSitemap .navSiteDivider {} #topicNavSitemap .navColumn {max-width: 155px; float:left;margin:0 10px 0 -10px;padding:5px 0 0 10px} #topicNavSitemap .navColumn:hover {background-color:#f7f7ec} #topicNavSitemap .navColumn ul {margin-bottom:15px} #topicNavSitemap .navColumn ul li {padding:0 15px 1px 0;margin-bottom:2px} #topicNavSitemap .navColumn ul li a {font-size:12px;line-height:14px;font-weight:normal} #topicNavSitemap .navColumn ul li a:hover {} #topicNavSitemap .navColumn ul li.header, #topicNavSitemap .navColumn #resourceCenter .modTitle {margin: 0 0 5px 0; font-weight:bold; font-size: 15px} #topicNavSitemap .navColumn ul li.level2 {font-weight:bold} #topicNavSitemap .navColumn ul li.level3 {margin-left:20px; font-size:12px; display:none} #topicNavSitemap .navColumn ul li.level4 {margin-left:30px; font-size:12px;display:none} #topicNavSitemap .navColumn ul li.level5 {margin-left:40px; font-size:10px; display:none} /* #businessCenter li.level3 {display:block !important } */ /* #downloads li.level3 {display:block !important } */ /* #downloads li.level3 {display:block !important } */ #topicNavSitemap #main, #topicNavSitemap #mainTest {overflow:hidden} #topicNavSitemap .navColumn ul#downloadsSubnav li.level3 {margin-left:20px; font-size:10px; display:none} #topicNavSitemap .navColumn ul#downloadsSubnav li.level4 {margin-left:30px; font-size:10px; display:none} #topicNavSitemap .navColumn ul#downloadsSubnav li.level5 {margin-left:40px; font-size:10px; display:none} #topicNavSitemapTarget {display:none} #topicNavWrapper a {outline: 0} .moreTrends {font-size:10px; font-weight:bold; padding:3px 17px 3px 5px;background:#bd1725 url(http://zapp5.staticworld.net/images/shared/icons/nav-toggle-arrow-down.png) no-repeat 38px 5px} #header #mainNav #navMore {} #header #mainNav #navMore a {padding-right:30px;padding-left:12px;background:url(http://zapp5.staticworld.net/images/shared/icons/nav-toggle-arrow-down.png) no-repeat 80% 11px;width:36px} #header #mainNav #navMore a:hover {border-left-color:#bd1725;background:#bd1725 url(http://zapp5.staticworld.net/images/shared/icons/nav-toggle-arrow-down.png) no-repeat 80% 11px} #header #mainNav #navMore:hover {border-left-color:#950503} .moreSelected {background:#edede2 url(http://zapp5.staticworld.net/images/shared/icons/nav-toggle-arrow-up.png) no-repeat 38px 6px !important;color:#000 !important;padding-bottom:10px;webkit-border-bottom-right-radius: 0; -khtml-border-radius-bottomright: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius:0;webkit-border-bottom-left-radius: 0; -khtml-border-radius-bottomleft: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius:0} .moreSelected a {color:#000!important} .moreSelected a:hover{color:#000} /* NEW COMMENTS */ /* #commentsNav {padding-bottom:15px;border-bottom:5px solid #CCC} #commentsNavViewContainer {} #commentsNavTopContainer {font-size:12px;color:#222} #commentsNavTopContainer a {margin:0 3px;padding:5px 8px;border:1px solid #B2C6D9;background-color:#ECF0F3;vertical-align:middle;-webkit-border-radius: 5px; -khtml-border-radius: 3px; -moz-border-radius: 5px;border-radius: 5px;outline:none} #commentsNavTopContainer a:hover {background-color:#FFF;text-decoration:none;border-color:#7b9fc1;-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1)} #commentsNavTopContainer a.selected {color:#000;font-weight:bold;background-color:#FFF;border-color:#CCC} #commentsNavTopContainer a.selected:hover {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none} #commentsNavTopContainer .pipeDivider{margin:0;padding:0;color:#FFF} */ .modTitle #artCommentCountCommentNav {font-size:18px;color:#222} #commentsNav {margin-top:30px;padding:11px 15px 10px 15px;border:1px solid #CCC;border-bottom-width:5px;background:#ECF0F3 /* url(http://zapp5.staticworld.net/images/shared/trans_white_fade.png) repeat-x top left */} #commentsNav:hover {} #commentsNavViewContainer {} #commentsNavTopContainer {float:left;font-size:13px;color:#444;vertical-align:text-top} #commentsNavTopContainer a {margin:0;padding:0 9px;border:none;background-color:transparent;vertical-align:text-top;outline:none;text-shadow: 1px 1px rgba(255, 255, 255, 0.8), -1px -1px rgba(13,73,128, 0.1)} #commentsNavTopContainer a:hover {background-color:transparent;text-shadow:none} #commentsNavTopContainer a.selected {text-shadow:-1px -1px rgba(153,153,153,0.1),1px 1px rgba(255,255,255,0.9);color:#000;font-weight:bold;background-color:transparent;border-color:#CCC} #commentsNavTopContainer a.selected:hover {text-decoration:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none} #commentsNavTopContainer .pipeDivider{margin:0;padding:0;color:#CCC} #commentsSortLoader {display:none;float:right;color:#555;vertical-align:text-top;width:78px;height:15px;font-size:13px;background:url(http://zapp5.staticworld.net/images/shared/comments/preloader_ani.gif) no-repeat center right;zoom: 1;*display:inline} #commentContainer {clear:both;display:block} #commentContainer #commentList {} #commentContainer #commentList li {list-style-type: none;padding:15px 0 14px 95px;margin:0;border:none;border-top:1px solid #F5F5F5;border-bottom:1px solid #C9C9C9;font-size:13px} #commentContainer #commentList li p {line-height:21px !important;font-size:13px;color:#111;margin-bottom: 17px;word-wrap: break-word} #commentContainer #commentList li ul li {line-height:21px !important;font-size:13px;color:#111;margin-bottom: 17px;border:none;padding:0 0 0 6px;margin-left:15px;list-style-type: square} #commentContainer #commentList li .quote1 p {font-style:italic} #commentContainer #commentList li .quote1 b {font-weight:normal !important} #commentContainer #commentList li .quote1 {padding:16px 32px 14px 32px;margin-bottom:16px !important;color:#000; font-size: 13px;line-height: 20px !important;border:none;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;border-bottom:1px solid #CFCFCF;background:#EFEFEF url(http://zapp5.staticworld.net/images/shared/comments/quote_smb_lv1.png) no-repeat 9px 12px} #commentContainer #commentList li .quote1 .quote1 {border-top:1px solid #DFDFDF;border-left:1px solid #DFDFDF;border-right:1px solid #DFDFDF;background:#EFEFEF url(http://zapp5.staticworld.net/images/shared/comments/quote_smb_lv2.png) no-repeat 9px 10px;-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1); box-shadow:inset 0 0 2px rgba(0,0,0,0.1)} #commentContainer #commentList li .quote1 .quote1 .quote1 {background:#EFEFEF url(http://zapp5.staticworld.net/images/shared/comments/quote_smb_lv3.png) no-repeat 9px 10px} #commentContainer #commentList li .quote1 .quote1 .quote1 .quote1 {background:#EFEFEF url(http://zapp5.staticworld.net/images/shared/comments/quote_smb_lv4.png) no-repeat 9px 10px} #commentContainer #commentList li .commentAvatar {float:left;width:80px;max-height:80px;overflow:hidden;position:relative;margin:0 15px 0 -95px;border:1px solid #CCC;line-height:15px} #commentContainer #commentList li .commentAvatar img {max-width:80px;height:auto;width:auto} #commentContainer #commentList li .commentAvatarIcon {position:absolute;bottom:4px;right:4px;-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);box-shadow: 0 0 2px 1px rgba(0,0,0,0.2)} #commentContainer #commentList li .commentAvatarIcon img {float:right} #commentContainer #commentList li img.avatarImg {min-width:80px} #commentContainer #commentList li .meta {margin-bottom:12px;font-size:11px;color:#666} #commentContainer #commentList li .meta a {} #commentContainer #commentList li .title {margin:0;padding:0;height:0} #commentContainer #commentList li cite {font-size:13px;font-style:normal;color:#777} #commentContainer #commentList li cite a {font-weight:bold;font-size:14px;margin-left:2px} #commentContainer #commentList li .userActions {margin-top:12px;line-height:15px;vertical-align:top} #commentContainer .recommendContainer {float:left} #commentContainer #commentList li a.recommend {background-image: -moz-linear-gradient(center bottom , #ECF0F3, #ECF0F3 60%, #ECF0F3 96%, #FFF 98%);text-shadow: 1px 1px rgba(255, 255, 255, 0.8), -1px -1px rgba(13,73,128, 0.1);display:inline-block;padding:3px 8px;border:1px solid #B2C6D9;background-color:#ECF0F3;margin:0;font-size:11px;vertical-align:middle;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;outline:none} #commentContainer #commentList li a.recommend:hover {background-image:none;text-shadow:none;text-decoration:none;border:1px solid #7b9fc1;background-color:#fff;-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1)} #commentContainer #commentList li a:active {color:#1C609F !important} #commentContainer #commentList .recAlready {text-shadow:none;font-weight:normal;color:#222;padding:3px 8px;background-color:#FFF;border:1px solid #C3C3C3;display:inline-block;margin:0;font-size:11px;vertical-align:middle;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px} #commentContainer .recommendCountCont {font-size:11px;display:inline-block;margin-left:3px;vertical-align:top;zoom: 1;*display:inline} #commentContainer .recommendCount {font-weight:normal;display:inline-block;color:#111;padding:3px 8px;margin:0;border:1px solid #C3C3C3;background-color:#FFF;font-size:11px;vertical-align:middle;-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;zoom: 1;*display:inline} #commentContainer .recommendPointer {display:inline-block;margin-right:-1px;z-index:2;position:relative;width:5px;height:20px;vertical-align:middle;background: url(http://zapp5.staticworld.net/images/shared/comments/recommend_pointer.png) no-repeat 0 6px;zoom: 1;*display:inline} #commentContainer #commentList li .flag, #commentContainer #commentList li div.reply {display:inline-block;margin:0;font-size:11px;line-height:15px;vertical-align:middle;padding:3px 0;zoom: 1;*display:inline} #commentContainer #commentList li .reply {font-size:11px} #commentContainer .pipeDivider {margin:0;padding:3px 7px;color:#CCC} #commentContainer #commentList li .editorLabel {height:9px;margin-left:7px;display:inline-block;padding:2px 4px;background-color:#CD2C18;color:#FFF;text-transform:uppercase;font-size:9px;line-height:9px;vertical-align:2px;webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;zoom: 1;*display:inline} #commentsNavLoadMore {text-shadow: 1px 1px rgba(255, 255, 255, 0.7), -1px -1px rgba(204,204,204, 0.15);display:block;text-align:center;font-weight:bold;font-size:13px;padding:8px 0;margin:-1px 0 5px 0;border:1px solid #B2C6D9;-webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;outline:none;background:#DEE8F2 url(http://zapp5.staticworld.net/images/shared/trans_white_fade.png) repeat-x top left} #commentsNavLoadMore:hover {text-decoration:none;background:none;border:1px solid #7b9fc1;-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15);-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);box-shadow: 0 2px 2px rgba(0,0,0,0.15)} #commentsNavLoadMore:active {color:#1C609F !important} #commentsNavLoadMoreCont {margin-left:6px;padding:0;width:15px;height:15px;vertical-align:text-top;display:inline-block;zoom: 1;*display:inline} #commentsNavLoadMoreClick {display:none;width:15px;height:15px;display:inline-block;background:url(http://zapp5.staticworld.net/images/shared/comments/preloader_ani_blue.gif) no-repeat center center;zoom: 1;*display:inline} #commentContainer .commentFlagReply {float:right;vertical-align:top;display:inline-block;zoom: 1;*display:inline} #commentContainer .editorBadged {height:38px;width:161px;color:#FFF;font-size:10px;line-height:10px;text-transform:uppercase;display:inline-block;margin:-8px 0 -20px 8px;padding:15px 0 0 9px;vertical-align:middle;background:url(http://zapp5.staticworld.net/images/shared/comments/ed_rec.png) no-repeat;zoom: 1;*display:inline} #commentSpacer {margin-bottom:10px} .videoModule .module {background-color:#FFF !important;border:1px solid #E9E9E9} .videoModule .module .modTitle {font-size:16px;font-weight:bold;padding-bottom:0;margin-bottom:10px} .videoModule .module .storyList li img{height:auto !important;width:auto} .clearfix.vArticle.popUpLoader{margin:7px 0 0;line-height:18px} .vArticle.popUpLoader a {font-size:14px;font-weight:normal} #storyListvideoPopup {margin-bottom:5px} .videoModule .module .more {font-size:13px;padding-top:7px;border-top:1px solid #E9E9E9} #videoPopup {padding-bottom:20px} /* /////// SMB default series nav //////// */ /* smb series nav new style */ body.smbSeriesMod #seriesNav{display:block !important;float:none;width:100%;margin: 10px 0 20px; overflow:hidden; padding: 10px 0 0;border:1px solid #afaf9b;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);box-shadow: 0 1px 3px rgba(0,0,0,0.15);-webkit-border-bottom-left-radius: 0; -khtml-border-radius-bottomleft: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-radius-bottomright: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0} body.smbSeriesMod #seriesNav .image {display:none} body.smbSeriesMod #articleText #seriesNav .modTitle {color:#a5a590; font-size:26px;line-height:30px;padding:0 10px 7px;font-weight:bold} body.smbSeriesMod #articleText #seriesNav ol {list-style-type:none; overflow:hidden; background-color:#afaf9b; margin-bottom:0} body.smbSeriesMod #articleText #seriesNav ol.linkList {margin:0; padding:0 10px 0;} body.smbSeriesMod #articleText #seriesNav ol li {list-style-type:none; float:left; margin:0; padding:7px 13px 8px 0} body.smbSeriesMod #articleText #seriesNav ol li a{color:#FFF; font-size: 12px;font-weight:bold} body.smbSeriesMod #articleText #seriesNav ol li a:hover {} body.smbSeriesMod #articleText #seriesNav ol li a[selected]{color:#1e1e13;font-weight:bold;text-shadow: 0px 1px 0px #cfcfb5} body.smbSeriesMod #articleText #seriesNav ol li a:hover[selected]{text-decoration:none} body.smbSeriesMod #articleText .statsTable table.stats td {width:auto} body.smbSeriesMod #articleText .tableLarge table tbody {width:auto} body.smbSeriesMod #articleText .tableLarge table.stats {width:1000px} body.smbSeriesMod #articleText .rankNumber {color:#FFF; background-color:#000; font-size:18px; font-weight:900; text-align:center} body.smbSeriesMod #articleText .statsTable strong {color:#428ecc; font-size:13px} /* existing styles */ #seriesNav {float:right;width:160px;margin:0 0 20px 15px;border:1px solid #ddd} #seriesNav .image {clear:both;background:#ddd;padding:5px;margin:0 0 10px!important;border-bottom:1px solid #ccc} #seriesNav .image img {width:150px;height:auto;border:solid #fff;border-width:3px 0} #seriesNav .modTitle {clear:both;padding:0 10px;font-size:14px;border:0} #seriesNav p {margin:0 10px 5px;font-size:11px;line-height:12px;color:#666} #seriesNav .linkList {padding:0 10px 10px} #seriesNav .linkList li {margin-bottom:10px;font-size:12px;line-height:13px} #seriesNav .linkList li a:visited {color:#666} /* storyline module */ #smb .storylineModule {padding:0 11px 4px 11px;background-color: #F3F3F3 !important;float:right;width:180px;margin:0 0 20px 15px;border:1px solid #DDD} #smb .storylineModule .modTitle {border-bottom:1px solid #bdc7cf !important;font-size:11px !important;font-weight:bold;color:#333;text-transform:uppercase;padding:10px 0 7px 0 !important;line-height:15px} #smb .storylineModule .modTitle a {font-size:11px !important;font-weight:bold;color:#333} #smb .storylineModule a {text-decoration:none} #smb .storylineModule a:hover {text-decoration:underline !important} #smb .storylineModule div.image {float:none !important;display:inline-block;border:1px solid #BBB;padding:0;margin:0 !important;margin-top:-1px !important;line-height:0;zoom: 1;*display:inline} #smb .storylineModule div.image img {padding:0;margin:0} #smb .storylineModule div.image a {display:block;padding:0;margin:0;border:none} #smb .storylineTitle {display:block;margin:8px 0 12px 0} #smb .storylineTitle a {font-weight:bold;font-size:15px;line-height:19px} #smb .storylineModule .storylineEntry {padding:0 0 10px 50px;line-height:15px;font-size:12px} #smb #storylineMore {display:block;text-align:center;border-top:1px solid #CCC} #smb #storylineMore a {font-size:11px;display:block;line-height:11px;padding:8px 0 5px 0;outline:none;border-top:1px solid #FFF} #smb #storylineSurplus{display:none} #smb .storylineThumb {float:left;margin:0 0 2px -50px !important;border:1px solid #CCC} #smb .storylineThumb a {display:inline-block;zoom: 1;*display:inline} #smb .storylineThumb img {width:40px}