@import url("reset.css");
@import url("print.css") print;
/******************************
Global
******************************/
html {background:transparent url(../../images/OSB/bgHTML.jpg) no-repeat center top; height:100%;}
body {background:transparent url(../../images/OSB/bgBody.gif) no-repeat center 82px; font-family:Verdana; font-size:11px; color:#2f2f2f; height:100%;}
h2 {font-size:14px;}
h2 em {color:#7d7d7d; font-size:11px;}
em {font-style:italic;}
fieldset {zoom:1;}
legend sup {color:#ED7D00;}
legend em {color:#7d7d7d;}
legend strong {font-size:14px; margin-right:20px;}
div.container {width:980px; margin:0 auto;}
.req {color:#ed7d00;}
a {color:#067ab4; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active, button:active, a:focus, button:focus {outline:none;}
a.learn-more {padding:1px 12px 5px 0px; font-size:11px; background:transparent url(../../images/OSB/icons/icon.learnmore.gif) no-repeat right center; height:10px;}
a.go {display:block; padding:1px 0 5px 20px; font-size:11px; background:transparent url(../../images/OSB/bkg.link.gif) no-repeat left center; height:10px;}
a.go-r {display:block; padding:1px 0px 5px 20px; font-size:11px; background:transparent url(../../images/OSB/bkg.link.gif) no-repeat left center; height:10px;}
a.prev,
span.prev {display:block; padding:1px 0 5px 20px; font-size:11px; background:transparent url(../../images/OSB/bkg.prev.gif) no-repeat left center; height:10px;}
a.rss {display:block; background:transparent url(../../images/OSB/icons/rss.jpg) no-repeat top left; padding-left:30px; height:25px;}
a.read-more {margin-top:5px; display:block;}
a.button, a.btn {display:block; background:transparent url(../../images/OSB/input/btn.type1.gif) no-repeat right -18px; padding:0 5px 0 0; float:left;}
a.button span, a.btn span {display:block; background:transparent url(../../images/OSB/input/btn.type1.gif) no-repeat; height:14px; padding:2px 0 2px 5px; float:left;}
p.published {color:#357218; margin:3px 0;}
button {border:0; background:transparent none;}
a.goHome {display:block; background:transparent url(../../images/OSB/btnGoHome.gif) no-repeat right -26px; float:left; height:26px; line-height:26px; margin:6px 0 0; padding:0 16px 0 0;}
a.goHome span {display:block; background:transparent url(../../images/OSB/btnGoHome.gif) no-repeat 0 0; height:26px; line-height:26px; padding:0 5px 0 10px;}
.basicContent p {padding:0 0 12px;}
.basicContent strong {font-weight:bold;}
.fltR {float:right;}
/******************************
Cleared
******************************/
fieldset:after,
.main-nav:after,
.clear:after,
div.share-list:after,
ul.form-list li:after,
div.left:after,
div.right:after,
ul.related-list:after,
ul.tabs:after,
dl.form-list:after,
div.middle:after,
div.middle-wide:after,
div.main:after,
ol.breadcrumb:after,
#tabsArticles:after,
.login:after,
.login ul:after,
.utilityTextSize:after,
#articleDetail .articleLinks ul:after,
.search:after,
#dialog_content_container:after,
fieldset ol li:after,
#ProfileFormDiv:after,
.homePromo:after,
.homePromo h5:after,
.folderActions:after,
ol.result-list h3:after,
ol.result-list h3 ul:after,
#AskExpertFormDiv:after,
.specialOffer:after,
#InterestsFieldSet ol:after,
.promo div:after,
.ReaderPoll .ReaderPollInput:after,
.ReaderPoll .ReaderPollResults:after,
#videoDetailContainer:after,
#topPagination:after,
#ExpertFeatureDiv:after,
.threePromoSet:after,
div.slide-select:after {display:block; clear:both; content:"."; visibility:hidden;}
.clear {zoom:1;}
/******************************
Layouts
******************************/
body.home {background-image:url(../../images/OSB/bkg.home.jpg);}
div.main {zoom:1; margin:0px 0 0 15px;}
div.main div.left {float:left; width:160px; zoom:1;}
div.main div.right {float:right; width:240px; zoom:1; padding:65px 0 0 0;}
div.main div.middle {float:left;}
body.one-column div.main div.middle {width:960px;}
body.two-column div.main div.middle {width:700px; padding-bottom:50px;}
body.three-column div.main div.middle {width:540px;}
.centerComponents {width:990px !important;}
/******************************
Footer
******************************/
div.bottom-wrap {background:transparent url(../../images/OSB/bkg.bottomwrap.jpg) repeat-x 0 0; height:267px; padding:18px 0 0 0;}
div.footer {font-size:10px; clear:both; padding:20px 17px;}
div.footer ul.links {float:right;}
div.footer ul.links li {float:left; margin:0 10px 0 0; border-right:solid 1px #363636;}
div.footer ul.links li a {padding-right:10px;}
div.footer ul.links li.last {border-right:none;}
div.footer p {color:#999; float:left;}
/******************************
Extra Navs
******************************/
div.extra-navs {clear:both; padding-left:17px;}
div.extra-navs ul.form-list li div.textfield {float:left;}
div.extra-navs dl {margin-right:20px;}
div.extra-navs dl.last {margin-right:0;}
div.extra-navs dl dt {background:transparent url(../../images/OSB/bkg.tooltip.gif) no-repeat; height:20px; font-size:12px; font-weight:bold; color:#ffffff; padding:3px 0 3px 10px;}
div.extra-navs dl dd {padding:10px 0 0 0;}
div.extra-navs ul li {padding:0 0 5px 0; clear:both;}
div.extra-navs dl.special-offers {float:left; width:220px;}
div.extra-navs dl.help {float:left; width:220px;}
div.extra-navs dl.talk-to-us {float:left; width:220px;}
div.extra-navs dl.yellowpages {float:left; width:220px;}
div.extra-navs dl.yellowpages ul div.textfield input.text {color:#666; width:198px;}
div.extra-navs dl.yellowpages ul li.submit {float:right; margin-top:10px;}
ul.social li {}
ul.social li a {padding:3px 0 2px 26px; background:transparent url(../../images/OSB/icons/icons.social.gif) no-repeat 0 0; display:block; height:16px;}
ul.social li a.twitter {background-position:0 0;}
ul.social li a.flickr {background-position:0 -73px;}
ul.social li a.facebook {background-position:0 -23px;}
ul.social li a.youtube {background-position:0 -47px;}
ul.social li a.digg {background-position:0 -100px;}
/******************************
Main Navigation
*****************************/
.main-nav {background:transparent url(../../images/OSB/menu/bkg.nav.png) no-repeat 0 0; height:63px; padding:0 6px 0 9px; width:979px; position:relative; z-index:10; zoom:1;}
.main-nav li {float:left; position:relative;}
.main-nav li a {background:transparent url(../../images/OSB/menu/bkg.nav.seperator.gif) no-repeat right 0; color:#fff; display:block; font-size:13px; height:55px; line-height:45px; margin:8px auto 0; padding:0 23px; text-align:center;}
.main-nav li a:hover {text-decoration:none;}
.main-nav li.active {background:transparent url(../../images/OSB/menu/bgMainNavActiveLI.gif) no-repeat center 8px;}
.main-nav li.active a {background:transparent url(../../images/OSB/menu/bgMainNavA.gif) no-repeat 0 -59px; color:#fff;}
.main-nav li.active a.first {background-position:0 0;}
.main-nav li.active a.last {background-position:right -119px;}
.main-nav li a:hover, .main-nav li.hover a, .main-nav li.active.hover a {color:#067AB4; background:#fff none;}
.main-nav li ul {background:#fff none; border:1px solid #ccc; border-top:none; display:none; left:0; margin:0 0 0 -1px; position:absolute; top:54px; z-index:10;}
.main-nav li.hover ul {display:block;}
.main-nav li ul li, .main-nav li ul li.active {background:none; float:none; height:30px;}
.main-nav li ul li.last {background:none; border-right:0; height:29px !important;}
.main-nav li ul li.last a, .main-nav li.hover ul li.last a, .main-nav li.active.hover ul li.last a {background-image:none; height:29px;}
.main-nav li ul li a, .main-nav li.hover ul li a, .main-nav li.active.hover ul li a {background:transparent url(../../images/OSB/menu/mnu.sep.gif) no-repeat 0 bottom; color:#067AB4; display:block; font-size:11px; font-weight:normal; height:30px; line-height:30px; margin:0; padding:0 23px; text-align:left; white-space:nowrap;}
.main-nav li ul li a:hover, .main-nav li.active ul li a:hover {background:#10a1e9 none; color:#fff;}
div.slide-item {background:transparent none repeat 0 0; float:left; height:55px; margin-top:0; padding:0 8px; position:relative; width:176px;}
div.slide-item a {color:#fd7500;outline:none;}
div.slide-item a:hover {text-decoration:none;}
div.slide-item span {background:transparent none;}
div.slide-item span.lcap {width:10px; height:55px; display:block; float:left;}
div.slide-item span.mid {display:block; float:left; padding:15px 15px 5px; height:35px; float:left; width:126px;}
div.slide-item span.rcap {width:10px; height:55px; display:block; float:left;}
li.active div.slide-item {background:transparent none no-repeat center -55px; position:relative; height:55px; margin-top:-15px; float:left;}
li.active div.slide-item a {color:#fd7500;}
li.active div.slide-item span {background:transparent url(../../images/OSB/menu/slide.active.png);}
li.active div.slide-item span.lcap {background-position:left -0x; width:10px; height:55px; display:block; float:left;}
li.active div.slide-item span.mid {background-position:center -55px; display:block; float:left; padding:15px 15px 5px; height:35px;}
li.active div.slide-item span.rcap {background-position:left -110px; width:10px; height:55px; display:block; float:left;}
/******************************
Header
******************************/
div.header-wrap {margin-top:-2px; height:352px;}
div.header {position:relative; height:105px; z-index:100;}
div.header a.att-logo {position:absolute; top:40px; left:20px; display:block; width:254px; height:42px; background:transparent url(../../images/OSB/logo.att.gif) no-repeat; text-indent:-4000px;}
div.header div.right-wrap {position:absolute; right:10px; top:0;}
.login {background:transparent url(../../images/OSB/bkg.login.png) no-repeat 0 bottom; font-size:10px; padding:10px 12px 0; width:203px; zoom:1;}
.login .region {float:right;}
.login .region strong {clear:both; display:block;}
.login .actions {background:transparent url(../../images/OSB/bkg.list.seperator.gif) repeat-y right 0; float:left; padding:0 10px 0 0; width:138px;}
.login .actions strong {font-size:11px; font-weight:bold;}
.login ul {clear:both; height:13px; margin:9px 0 0; padding:6px 0 0; zoom:1;}
.login ul li {float:left;}
.login ul li.profile {background:transparent url(../../images/OSB/bkg.list.seperator.gif) no-repeat right 0; width:66px;}
.login ul li.bookmarks {background:transparent url(../../images/OSB/bkg.list.seperator.gif) no-repeat right 0; margin:0 10px 0 0; padding:0 13px 0 10px; width:63px;}
.login ul li a {background:transparent url(../../images/OSB/icons/icon.login.gif) no-repeat 0 0; display:block; font-weight:bold; height:13px; line-height:13px; padding:0 15px;}
.login ul li.profile a {background-position:-10px 2px;}
.login ul li.bookmarks a {background-position:-10px -14px;}
.login ul li.rss a {background-position:-10px -30px; padding:0 0 0 15px;}
.search {height:24px; margin:5px 0 0 3px; width:210px; zoom:1;}
.search a.submit {display:block; background:transparent url(../../images/OSB/icons/icon.magnify.gif) no-repeat; float:left; margin:3px 0 0 12px; text-indent:-4000px; width:20px; height:21px;}
.search div.search-field {background:transparent url(../../images/OSB/input/bgSiteSearch.gif) no-repeat 0 0; padding:0px 0 0px 9px; float:left;}
.search div.search-field span {}
.search div.search-field span.watermark {background:transparent none;}
.search div.search-field input.button {padding:3px 0 0;}
.search input.text {width:167px; height:20px; width:165px; font-size:14px; padding:4px 2px 0; line-height:20px; color:#353636; border:0; float:left; color:#FFFFFF; background:transparent url(../../images/OSB/input/bgSiteSearch.gif) no-repeat right 0;}
div.header div.login ul.form-list li {padding-bottom:3px;}
div.header div.login ul.form-list li.last {margin-bottom:0px;}
div.slide-select {background:transparent none no-repeat; width:100%; zoom:1;}
ul.slide-select {clear:both; display:block; margin:0 10px; position:relative; height:55px; padding:0 0 0 10px;}
ul.slide-select li {float:left; margin:0 0px; position:relative; text-align:center;}
ul.slide-select li a {color:#FFFFFF; font-size:11px; display:block; height:40px; padding:0px 0 0 0;}
/******************************
Slides
******************************/
div.hero {position:relative; height:358px; z-index:0; width:980px; overflow:hidden; float:left; margin:-23px 0 0 24px;}
div.hero div.slide-mask {width:980px; height:390px; overflow:hidden;}
div.hero div.slide-mask ul#slides {width:5000px; height:358px;}
div.hero ul#slides li div.copy {position:absolute; top:215px; left:480px; font-size:13px; font-family:Arial; width:400px;}
div.hero ul#slides li div.copy.left {left:100px;}
div.hero ul#slides li div.copy ul {padding-left:50px; margin-top:5px;}
div.hero ul#slides li div.copy ul li {padding-left:13px; float:none; margin-bottom:5px; background:transparent url(../../images/OSB/icons/bullet.gif) no-repeat left center; width:auto; height:auto;}
div.hero ul#slides li.slide {width:958px; height:358px; position:relative; background-repeat:no-repeat; background:transparent none no-repeat left 0; overflow:hidden; padding:0; float:left;}
/******************************
Promotions
******************************/
div.promotions-wrap {clear:both; background:transparent url(../../images/OSB/bkg.mid.png) no-repeat left 8px ; height:87px; margin:-12px 0 0 0; z-index:100; position:relative; float:left; width:994px;}
div.promotions-wrap ul li {position:relative; float:left;}
div.promotions-wrap ul li div.copy {position:absolute; top:98px; left:20px; }
div.promotions-wrap ul li div.copy h3 {font-size:22px; color:#2f2f2f;}
div.promotions-wrap ul li div.copy p {font-size:11px; padding:0 0 3px 0;}
div.promotions-wrap ul li p.title {position:absolute; left:256px; top:56px; width:86px; height:27px; color:#FFFFFF; font-size:13px; padding:4px 0 0; overflow:hidden;}
div.promotions-wrap ul li div.copy a {display:block; padding:1px 0 5px 20px; font-size:11px; background:transparent url(../../images/OSB/bkg.link.gif) no-repeat left center; height:10px; }
.homePromo {background:transparent url(../../images/OSB/bgHomePromoTopLeftArc.png) no-repeat 0 bottom; height:175px; min-height:175px; margin:-15px 0 0; position:relative; width:316px; zoom:1;}
.homePromo h3 {color:#2f2f2f; font-size:20px; margin:0 0 0 15px;}
.homePromo h3 sup {font-size:10px;}
.homePromo h5 {background:transparent url(../../images/OSB/bgHomePromoHeader.png) no-repeat right 0; float:right; height:45px; position:absolute; right:-15px; top:48px; zoom:1;}
.homePromo h5 img {background:transparent url(../../images/OSB/bgHomePromoDivide.gif) no-repeat scroll right 0; float:left; margin:0 12px 0 16px; padding:0 12px 0 0;}
.homePromo h5 span {background:transparent url(../../images/OSB/bgHomePromoHeaderSpan.png) no-repeat 0 0; color:#fff; display:block; float:left; margin:0 18px 0 0; padding:10px 0;}
.homePromo h5 a span {cursor:pointer; zoom}
.homePromo p {padding:3px 0 4px 15px;}
.homePromo a.simpleLink {background:transparent url(../../images/OSB/icons/icon.learnmore.gif) no-repeat 0 3px; display:block; margin:0 0 0 15px; padding:0 0 0 10px;}
.homePromo h3 a, .homePromo p a {color:#2f2f2f;}
.homePromo h3 a:hover, .homePromo p a:hover {text-decoration:none;}
.threePromoSet {display:none; height:175px; zoom:1;}
.threePromoSet.active {display:block;}
.threePromoSet .homePromo {float:left; margin:0 0 0 5px;}
/******************************
Create Accounts
******************************/
div.main div.login {width:325px; float:left;}
div.main div.login ul.related-list {float:left; padding-left:100px;}
div.main div.login ul.related-list li {width:auto;}
div.main div.login li.forget a {margin-left:100px;}
div.main div.login li {width:270px;}
div.main div.login li div.textfield input.text {width:150px;}
div.main div.login label.remember {color:#7d7d7d; padding-left:5px;}
div.main div.login ul.form-list li {height:30px;}
div.create-account {width:325px; float:left; background:transparent url(../../images/OSB/bkg.createaccount.gif) repeat-y 0 0; padding:0 0 0 30px;}
div.create-account dl dd {float:left; margin:0 0 10px;}
div.create-account ul.form-list li div.textfield {float:left;}
div.create-account ul.form-list li {position:relative; height:30px;}
div.create-account ul.form-list li.gap {margin-bottom:30px;}
div.create-account ul.form-list li.checkbox {margin-left:120px;}
div.create-account ul.form-list li.submit {margin-left:120px;}
div.create-account ul.form-list li label {width:120px;}
div.create-account ul.form-list li.password input.text {color:#555555;}
div.featured-article p.published {margin-bottom:15px;}
div.featured-article a.go {margin-top:20px;}
div.featured-event {}
div.featured-event div.title {float:left; width:375px; height:253px;}
div.featured-event div.description {float:left; width:320px;}
/* Form elements */
fieldset ol {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 0; clear:both; margin:12px 0 0; padding:15px 0 0;}
fieldset ol li {zoom:1;}
fieldset ol li label {color:#2f2f2f; float:left; height:22px; line-height:22px; width:95px;}
fieldset ol li label.extend {width:auto !important;}
fieldset ol.label125 li label {width:125px;}
fieldset ol li input, #dialog_content_container ol li textarea {border:1px solid #b4b4b4; float:left;}
fieldset ol li input {height:22px; line-height:22px; margin:0 5px 0 0;}
fieldset ol li span.help {clear:both; color:#999; display:block; margin:0 0 0 125px;}
button {background:transparent url(../../images/OSB/input/btn.type1.gif) no-repeat scroll right -18px; border:0; cursor:pointer; margin:0 0 0 90px; padding:0 7px 0 0; text-align:center;}
button span {background:transparent url(../../images/OSB/input/btn.type1.gif) no-repeat scroll 0 0; color:#067ab4; display:block; font-size:11px; height:18px; line-height:18px; margin:-1px 0 0; padding:0 0 0 10px; position:relative; white-space:nowrap;}
button.flush {margin:0 0 6px;}
fieldset ol li.Invalid {background-color:#ffe5e5; padding:10px 0 0 18px !important;}
fieldset ol li.Invalid .Error {clear:both; color:#ff0000; font-size:10px; font-weight:bold; margin:0 0 0 95px; padding:5px 0 0;}
fieldset ol.label125 li.Invalid .Error {margin:0 0 0 125px;}
fieldset#BusinessFieldSet ol li.Invalid .Error {margin:0 0 0 135px;}
#SavedMessage {background:transparent url(../../images/OSB/input/bgCongrats.gif) no-repeat 0 0; color:#fff; font-size:12px; height:46px; margin:0 0 25px; padding:5px 20px; width:660px}
#SavedMessage strong {font-size:22px;}
#ProfileFormChangePW fieldset ol li label {width:150px;}
fieldset ol.changeEmailForm li {line-height:22px;}
fieldset ol.changeEmailForm li label {width:110px;}
#forgotPasswordTrigger {clear:both; display:block; font-style:italic; margin:0 0 0 95px; padding:5px 0 0; text-decoration:underline;}
.createBizInfo {background:transparent url(../../images/OSB/bkg.createaccount.gif) repeat-y scroll left 0; margin:0 0 0 15px; padding:0 0 0 20px;}
.createBizInfo fieldset ol li {padding:0 0 0 18px;}
#BusinessFieldSet ol li label {height:15px; line-height:15px; width:135px;}
#BusinessFieldSet ol li input {height:15px; line-height:15px;}
#InterestsFieldSet ol {margin:0 0 -13px; zoom:1;}
#InterestsFieldSet ol p {font-size:12px; padding:0 0 12px;}
#InterestsFieldSet ol li {float:left; margin:0 15px 0 0; height:26px; width:218px;}
#InterestsFieldSet ol li label {height:auto; line-height:13px; width:200px;}
#InterestsFieldSet ol li input {height:auto; line-height:13px;}
#ProductsFieldSet ol p {font-size:12px; padding:0 0 12px;}
#ProductsFieldSet ol li {height:26px;}
#ProductsFieldSet ol li label {height:15px; line-height:15px; margin:0 10px 0 0; width:auto;}
#ProductsFieldSet ol li label.indent {margin:0 10px 0 17px;}
#ProductsFieldSet ol li input {height:15px; line-height:15px;}
#ProductsFieldSet ol li.attProvides {display:none;}
#ProductsFieldSet ol li.attProvides.active {display:block;}
/******************************
Profile View
******************************/
.basicInfo h2, .businessInterestInfo h2, .basicInfo h3, .businessInterestInfo h3 {font-size:12px; margin:0 0 12px;}
.basicInfo {float:left; padding:0 35px 0 0; width:220px;}
.basicInfo ul {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 0; margin:0 0 10px; padding:10px 0;}
.basicInfo ul li {padding:5px 0;}
.basicInfo ul li label, .businessInterestInfo ul li label {color:#898989; padding:0 3px 0 0;}
.businessInterestInfo {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 bottom; float:left; padding:0 0 8px; width:445px;}
.businessInterestInfo p {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 bottom; margin:0 0 8px; padding:0 0 10px;}
.businessInfo {float:left; width:190px;}
.businessInfo li {padding:5px 0;}
.interests {background:transparent url(../../images/OSB/bkg.createaccount.gif) repeat-y 0 0; float:left; margin:0 0 0 15px; padding:0 0 0 15px; width:225px;}
.interests ul {margin:0 0 12px;}
.interests ul li {color:#898989; padding:2px 0 2px 12px;}
.interests ul li.active {background:transparent url(../../images/OSB/icons/check.gif) no-repeat 0 5px; color:#2f2f2f;}
.folder {background:transparent url(../../images/OSB/bgBookmarkTop.gif) no-repeat 0 0; clear:both; padding:5px 0 0; width:435px;}
.folder .bookmark {background:transparent url(../../images/OSB/bgBookmarkBottom.gif) no-repeat 0 bottom; padding:0 0 2px;}
/******************************
Main
******************************/
ol.breadcrumb {display:block; zoom:1; background:transparent url(../../images/OSB/bkg.breadcrumb.gif) repeat-x 0 0; padding:5px 0 6px; height:10px; line-height:10px; margin:6px 0 10px;}
ol.breadcrumb li {float:left; font-size:10px; background:transparent url(../../images/OSB/ol.breadcrumb.seperator.gif) no-repeat right center; line-height:10px; padding:0 10px 0 0; text-transform:uppercase;}
/******************************
Left Column
******************************/
ul.nav {background:transparent none no-repeat; color:#067ab4; font-weight:bold; margin:11px 0 20px 0; width:150px;}
ul.nav li {margin:0 0 10px 0;}
ul.nav li a {font-size:11px; font-weight:bold;}
ul.nav li ul {font-weight:normal; padding:10px 0 0 10px;}
ul.nav li ul li {}
ul.nav li ul li a {font-weight:normal;}
ul.nav li.active a {color:#ff7200; cursor:default;}
ul.nav li.active li a {color:#067ab4; cursor:pointer;}
/******************************
Create Account
******************************/
h1 {font-size:22px; color:#2f2f2f; margin-bottom:10px; clear:both;}
h1 strong {color:#2f2f2f;}
li.checkbox div.textfield {width:206px;}
/******************************
Tab Page
******************************/
ul.tabs {zoom:1; clear:both; height:31px; background:transparent url(../../images/OSB/bkg.tabs.gif) no-repeat right 22px;}
ul.tabs li {float:left; margin:0 0 0 0; background:transparent none;}
ul.tabs li a {padding:0 5px 0 0; color:#FFFFFF; display:block; background:transparent url(../../images/OSB/bkg.tabs.jpg) no-repeat right -80px; height:27px; float:left;}
ul.tabs li a span {display:block; background:transparent url(../../images/OSB/bkg.tabs.jpg) no-repeat 0 -54px; height:17px; padding:5px 5px 5px; float:left;}
ul.tabs li.active a {color:#2f2f2f; background-position:right -26px;}
ul.tabs li.active a span {background-position:0 0px;}
div.tab-page {clear:both;}
div.tab-page div.bio {float:left; width:130px; font-size:10px;}
div.tab-page div.bio p {padding-top:5px;}
div.tab-page div.content {float:right;}
div.ask-feature div.content {width:550px;}
div.tab-page div.content p {font-size:12px; margin-bottom:10px; width:375px;}
#AskExpertFormDiv {zoom:1;}
#AskExpertFormDiv .bio {float:left; width:127px;}
#AskExpertFormDiv .bio p {color:#2f2f2f; font-size:10px; padding:6px 0 0;}
#AskExpertFormDiv .content {float:left; margin:0 0 0 14px; width:559px;}
#AskExpertFormDiv .content p {color:#2f2f2f; font-size:12px; padding:0 0 10px;}
#AskExpertFormDiv #SubmitButton {float:right;}
#successTrigger {display:none;}
#successMessage {display:none;}
/*div.featured-expert {clear:both;}
div.featured-expert div.tab-page {width:521px; height:242px; padding:10px; background:transparent url(../../images/OSB/bkg.feature.tab.gif) no-repeat;}
div.featured-expert h2 {padding-bottom:10px;}
div.featured-expert ul.related-list {padding-top:10px;}*/
#ExpertFeatureDiv {background:transparent url(../../images/OSB/experts/bgFeatureContainer.gif) no-repeat 0 0; height:149px; margin:0 0 16px; padding:18px 14px 22px; width:513px; zoom:1;}
#ExpertFeatureDiv .bio {float:left; width:127px;}
#ExpertFeatureDiv .bio p {color:#2f2f2f; font-size:10px;}
#ExpertFeatureDiv .content {float:left; margin:0 0 0 15px; width:354px;}
#ExpertFeatureDiv .content h2 {color:#2f2f2f; font-size:16px; padding:0 0 8px;}
#ExpertFeatureDiv .content p.question {font-weight:bold; margin:0; padding:0 0 8px;}
#ExpertFeatureDiv .content ul li a {background:transparent url(../../images/OSB/bkg.link.gif) no-repeat 0 2px; display:block; height:18px; line-height:18px; padding:0 0 0 20px;} 
div.icon {padding:5px 15px 0 50px; background:transparent none no-repeat left 25px;}
div.document {background-image:url(../../images/OSB/icons/icon.document.gif);}
div.camera {background-image:url(../../images/OSB/icons/icon.camera.gif);}
div.book {background-image:url(../../images/OSB/icons/icon.book.gif);}
div.event {background-image:url(../../images/OSB/icons/icon.event.gif);}
div.course {background-image:url(../../images/OSB/icons/icon.course.gif);}
div.expert {background-image:url(../../images/OSB/icons/icon.expert.gif);}
div.rating {background:transparent url(../../images/OSB/icons/icon.rating.gif) no-repeat left 5px; width:100px; height:20px; float:right;}
/******************************
Teasers & Promotions
******************************/
.teaser {background:transparent url(../../images/OSB/promos/right.top.gif) no-repeat 0 top; font-size:10px; margin:5px 0 12px; padding:10px 0 0; position:relative; width:240px; z-index:1;}
.teaser div {background:transparent url(../../images/OSB/promos/right.bottom.jpg) no-repeat 0 bottom; min-height:100px; padding:0 10px 12px;}
.teaser div h5 {color:#ff7200; font-size:11px; padding:0 18px 0 0;}
.teaser div p {padding:6px 90px 12px 0; position:relative; z-index:2;}
.teaser div.typeIcon {background:transparent url(../../images/OSB/teasers/article.jpg) no-repeat right bottom; bottom:0; font-size:1%; height:81px; padding:0; position:absolute; right:21px; width:71px;}
.teaser.left {position:relative;}
.teaser.left div.typeIcon {background:none !important; bottom:0; height:auto; right:21px; width:auto;}
.teaser.OSBPromo div.typeIcon {background-image:url(../../images/OSB/teasers/article.jpg);}
.teaser.ATTPSPromo div.typeIcon {background-image:url(../../images/OSB/teasers/article.jpg);}
.teaser.3rdPartyPromo div.typeIcon {background-image:url(../../images/OSB/teasers/article.jpg);}
.teaser.Teaser div.typeIcon {background-image:url(../../images/OSB/teasers/article.jpg);}
.teaser.Article div.typeIcon {background-image:url(../../images/OSB/teasers/article.jpg);}
.teaser.Article-pdf div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.Article-video div.typeIcon {background-image:url(../../images/OSB/teasers/video.jpg);}
.teaser.Article-audio div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.CustomerStory div.typeIcon {background-image:url(../../images/OSB/teasers/video.jpg);}
.teaser.ExpertQA-JohnJantsch div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-JohnJantsch-video div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-JohnJantsch-audio div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SteveStrauss div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SteveStrauss-video div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SteveStrauss-audio div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SusanSolovic div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SusanSolovic-video div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-SusanSolovic-audio div.typeIcon {background-image:url(../../images/OSB/teasers/expertQA.jpg);}
.teaser.ExpertQA-ATTCoreTechnology div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.Event div.typeIcon {background-image:url(../../images/OSB/teasers/sched-event.jpg);}
.teaser.LiveEvent div.typeIcon {background-image:url(../../images/OSB/teasers/sched-event.jpg);}
.teaser.BusinessFormorTemplate div.typeIcon {background-image:url(../../images/OSB/teasers/form.jpg);}
.teaser.OnDemandEvent div.typeIcon {background-image:url(../../images/OSB/teasers/sched-event.jpg);}
.teaser.Course div.typeIcon {background-image:url(../../images/OSB/teasers/courses.jpg);}
.teaser.Demo div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.Newsletter div.typeIcon {background-image:url(../../images/OSB/teasers/newsletter.jpg);}
.teaser.CaseStudy div.typeIcon {background-image:url(../../images/OSB/teasers/case-studies.jpg);}
.teaser.CaseStudy-PDF div.typeIcon {background-image:url(../../images/OSB/teasers/case-studies.jpg);}
.teaser.CaseStudy-video div.typeIcon {background-image:url(../../images/OSB/teasers/video.jpg);}
.teaser.CaseStudy-audio div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.ScheduledEvents div.typeIcon {background-image:url(../../images/OSB/teasers/sched-event.jpg);}
.teaser.IssueBrief div.typeIcon {background-image:url(../../images/OSB/teasers/issue-brief.jpg);}
.teaser.Workbook div.typeIcon {background-image:url(../../images/OSB/teasers/workbook.jpg);}
.teaser.Audio div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.teaser.Podcast div.typeIcon {background-image:url(../../images/OSB/teasers/audio.jpg);}
.promo {background:transparent url(../../images/OSB/promos/bgBody.gif) no-repeat 0 bottom; font-size:10px; margin:0 0 10px; position:relative; width:140px;}
.promo div {zoom:1;}
.promo div h5 {background:transparent url(../../images/OSB/promos/bgHdr.gif) no-repeat 0 0; color:#ff7200; font-size:11px; padding:8px 7px 5px 8px;}
.promo div p {padding:0 7px 8px 8px; position:relative; z-index:1;}
.promo div.cta {padding:0 0 0 8px; width:75px;}
.promo div .cta a.learn-more {background-position:right bottom; float:left; font-size:10px; height:auto; padding:0 10px 0 0; position:relative; width:auto; z-index:1;}
.promo div.typeIcon {bottom:0; font-size:1%; padding:0; position:absolute; right:0; z-index:0}
/******************************
Edit Account
******************************/
div.congrats {background:transparent url(../../images/OSB/bkg.account.congrats.jpg) no-repeat 0 0; width:679px; height:48px; padding:5px 10px; margin-bottom:10px;}
div.congrats h2 {color:#FFFFFF; font-size:22px;}
div.congrats p {color:#FFFFFF;}
.featured-article img.mini-hero {margin:0 0 15px 0;}
/******************************
Lists
******************************/
ol.result-list {margin:0; clear:both;}
ol.result-list li {background:transparent url(../../images/OSB/bkg.tab.row.jpg) repeat-x; padding:2px 10px 10px; border-right:solid 1px #e6e5e5; border-left:solid 1px #e6e5e5;}
ol.result-list li.last {border-bottom:solid 1px #e6e5e5;}
ol.result-list h3 {font-size:14px; padding-top:5px; zoom:1;}
ol.result-list h3 ul {background:none; float:right; font-size:9px; zoom:1;}
ol.result-list h3 ul li {background:transparent url(../../images/OSB/bkg.list.seperator.gif) repeat-y 0 0; float:left; margin:0 0 0 5px; padding:0 0 0 5px;}
.noTabList {background:transparent url(../../images/OSB/bgNoTabListTop.gif) no-repeat -1px 0; padding:10px 0 0;}
.noTabListContainer {background:transparent url(../../images/OSB/bgNoTabListTop.gif) no-repeat 0 0; height:10px; min-height:10px; width:541px; min-width:541px;}
.noTabList ol.result-list {background:transparent url(../../images/OSB/bkg.articleList.gif) no-repeat scroll 0 bottom; padding:0 0 10px 0}
.noTabList ol.result-list li {border:none; margin:0 1px; padding:0;}
.noTabList ol.result-list li h3 {display:inline-table; font-size:14px; padding:13px 0 0 45px; width:auto;}
.noTabList ol.result-list li p {padding:6px 0;}
#deleteKeeperTrigger {background:transparent url(../../images/OSB/icons/deleteFolder.gif) no-repeat 0 0; display:block; height:14px; text-indent:-4000px; width:14px}
#moveKeeperTrigger {background:transparent url(../../images/OSB/icons/moveFolder.gif) no-repeat 0 1px; display:block; height:13px; text-indent:-4000px; width:22px}
ul.related-list {float:right; zoom:1;}
ul.related-list li {float:left; padding:0 5px 0 0;}
#SelectFolder {float:left; margin:6px 0;}
.folderActions {float:right; margin:6px 0; zoom:1;}
.folderActions li {background:transparent url(../../images/OSB/bkg.list.seperator.gif) repeat-y right 0; float:left; margin:0 10px 0 0; padding:0 10px 0 0;}
/******************************
Fields
******************************/
div.edit-info ul.form-list li label {width:140px;}
div.edit-info ul.form-list li.other-interests {clear:both;}
div.edit-info ul.form-list li.other-interests label {width:auto; padding-right:10px;}
div.edit-info ul.form-list li.other-interests input.text {width:320px;}
dl.field-values {}
dl.field-values dt {color:#898989;}
dl.field-values dd {color:#2f2f2f;}
span.watermark {display:none;}
.white div.textfield input.text {background:transparent url(../../images/OSB/input/input.type2.gif) repeat-x 0 0; height:16px;}
.white div.textfield span.lcap {background:transparent url(../../images/OSB/input/input.type2.gif) repeat-x 0 -22px; height:22px;}
.white div.textfield span.rcap {background:transparent url(../../images/OSB/input/input.type2.gif) repeat-x 0 -44px; height:22px;}
li.phone div.p1 input.text,
li.phone div.p2 input.text {width:30px;}
li.phone div.p3 input.text {width:40px;}
li.phone div.textfield {margin:0 5px 0 0; float:left;}
div.textfield {background:transparent url(../../images/OSB/input/input.type1.gif) no-repeat scroll 0 -23px; clear:both; padding:0 0 0 5px; position:relative; zoom:1;}
div.textfield input.text {background:#DBDBDB url(../../images/OSB/input/input.type1.gif) no-repeat scroll right -46px; border:0 none; height:17px; padding:3px 0; width:180px;}
div.textfield span.lcap {display:block; width:5px; height:23px; background:transparent url(../../images/OSB/input/input.type1.gif) no-repeat left -23px; float:left;}
div.textfield span.rcap {display:block; width:5px; height:23px; background:transparent url(../../images/OSB/input/input.type1.gif) no-repeat left -46px; float:left;}
p.question {color:#2f2f2f; margin:0 0 20px 0; font-weight:bold;}
p.answer {color:#2f2f2f;}
/******************************
Ask Expert
******************************/
div.ask-expert {background:transparent url(../../images/OSB/bkg.textarea.asksusan.jpg) no-repeat; width:559px; height:196px; margin-bottom:15px;}
div.ask-expert textarea.textarea {border:none; width:540px; height:180px; margin:5px;}
div.content a.submit {float:right;}
div.article-details {font-size:12px; color:#2f2f2f;}
div.article-details h2 {margin-bottom:5px;}
div.article-details p {margin-bottom:10px;}
div.article-details p.published {font-size:10px;}
div.article-details p.sub-title {color:#878686;}
div.article-details ol.numbered li {font-weight:bold; margin-bottom:15px;}
div.article-details ol.numbered li span {font-weight:normal;}
div#ask-expert-confirm {background:transparent url(../../images/OSB/promos/fpo.thankyou.png) no-repeat; width:256px; height:149px; z-index:300; position:absolute; top:300px; left:500px; margin:0 auto; display:none;}
div#ask-expert-confirm a.close {display:block; padding:110px 0 0 199px;}
ul.seperated li {background:transparent url(../../images/OSB/list.seperator.gif) no-repeat right top; padding-right:4px;}
ul.seperated li li {background:transparent none;}
div.slide-select ul.seperated li {background:transparent url(../../images/OSB/menu/sep.carousel.gif) no-repeat right 19px; padding:0;}
div.slide-select ul.seperated li.last {background-image:none;}
ul.seperated li.last {background:transparent none; padding:0 0 0 8px;}
ul.v-seperated {margin-left:15px; font-size:12px;}
ul.v-seperated li {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x left bottom; padding:13px 0 20px 0; width:235px;}
/******************************
jcarousel
******************************/
.jcarousel-container {position:absolute; z-index:50;}
.jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; width:958px; height:358px;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li,
.jcarousel-item {float:left; list-style:none; width:980px; height:350px; margin:0 0px;}
.jcarousel-next {z-index:3; display:none;}
.jcarousel-prev {z-index:3; display:none;}
/**********************
Article List
**********************/
.featured-article {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) no-repeat 0 bottom; margin:0 0 20px; padding:0 0 20px;}
.tabClass {background:transparent url(../../images/OSB/bkg.articleList.gif) no-repeat 0 bottom; padding:0 1px; width:542px; |margin:-10px 0 0}
.resultArticle {position:relative;}
.resultArticle .IconRating, .resultArticle .staticIconRating {background:none; padding:0; position:absolute; right:15px; top:12px; width:auto;}
.resultArticle .IconRating div, .resultArticle .staticIconRating div {background:none; padding:0; width:auto;}
.resultArticle div {background:transparent url(../../images/OSB/bkg.result.gif) repeat-x 0 -35px; padding:1px 15px 20px 45px; width:479px;}
.resultArticle div div {background:none; padding:10px; width:auto;}
.resultArticle h3 {background:#f7f6f6; display:block; font-size:14px; font-weight:normal; padding:10px 95px 0 45px; width:399px;}
.resultArticle p {color:#2f2f2f;}
.resultArticle p.published {color:#357218;}
.resultArticle div.typeIcon {background:transparent url(../../images/OSB/icons/articleType.gif) repeat-x -2px 0; left:13px; height:40px; margin:0; padding:0; position:absolute; top:12px; width:21px;}
.resultArticle div.typeIcon span {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x scroll 0 0; display:block; font-size:8px; font-weight:bold; margin:13px 0 0 -4px; padding:4px 0 0;}
.resultArticle.Article-pdf div.typeIcon {background-position:-112px -200px;}
.resultArticle.Article-video div.typeIcon {background-position:-112px 0;}
.resultArticle.Article-audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.CustomerStory div.typeIcon {background-position:-459px -103px;}
.resultArticle.ExpertQA-JohnJantsch div.typeIcon {background-position:-220px 0;}
.resultArticle.ExpertQA-JohnJantsch-video div.typeIcon {background-position:-112px 0;}
.resultArticle.ExpertQA-JohnJantsch-audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.ExpertQA-SteveStrauss div.typeIcon {background-position:-220px 0;}
.resultArticle.ExpertQA-SteveStrauss-video div.typeIcon {background-position:-112px 0;}
.resultArticle.ExpertQA-SteveStrauss-audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.ExpertQA-SusanSolovic div.typeIcon {background-position:-220px 0;}
.resultArticle.ExpertQA-SusanSolovic-video div.typeIcon {background-position:-112px 0;}
.resultArticle.ExpertQA-SusanSolovic-audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.ExpertQA-ATTCoreTechnology div.typeIcon {background-position:0 0;}
.resultArticle.Event div.typeIcon {background-position:-339px 0;}
.resultArticle.LiveEvent div.typeIcon {background-position:-339px 0;}
.resultArticle.BusinessFormorTemplate div.typeIcon {background-position:0 0;}
.resultArticle.OnDemandEvent div.typeIcon {background-position:-220px -200px;}
.resultArticle.Course div.typeIcon {background-position:-461px 0;}
.resultArticle.CaseStudy div.typeIcon {background-position:0px -200px;}
.resultArticle.CaseStudy-PDF div.typeIcon {background-position:-112px -200px;}
.resultArticle.CaseStudy-video div.typeIcon {background-position:-112px 0;}
.resultArticle.CaseStudy-audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.ScheduledEvents div.typeIcon {background-position:-339px 0;}
.resultArticle.Workbook div.typeIcon {background-position:-112px -101px;}
.resultArticle.Audio div.typeIcon {background-position:-216px -101px;}
.resultArticle.Podcast div.typeIcon {background-position:-336px -101px;}
.resultArticle.IssueBrief div.typeIcon {background-position:-112px -200px;}
.resultArticle.MobileApp div.typeIcon {background-position:-336px -199px}
#tabsArticles {background:transparent url(../../images/OSB/bkg.articleTabs.gif) no-repeat 0 bottom; font-size:11px; height:39px; min-height:39px; width:542px; zoom:1;}
#tabsArticles li {float:left;}
#tabsArticles li a {background:transparent url(../../images/OSB/bkg.tabs.gif) repeat-x 0 -50px; color:#fff; display:block; height:25px; line-height:25px; padding:0 0 0 10px;}
#tabsArticles li span {background:transparent url(../../images/OSB/bkg.tabs.gif) repeat-x right -75px; display:block; height:25px; line-height:25px; padding:0 10px 0 0;}
#tabsArticles li.active a {background-position:0 0; color:#2f2f2f;}
#tabsArticles li.active span {background-position:right -25px;}

/*#MostRecent_tabDiv, #HighestRated_tabDiv, #HighestRated_paginationDiv, .MostRecentPage, .HighestRatedPage {display:hidden;}*/
#MostRecent_tabDiv.disabled, #HighestRated_tabDiv.disabled, #HighestRated_paginationDiv.disabled, .MostRecentPage.disabled, .HighestRatedPage.disabled {display:none;}
#MostRecent_tabDiv.active, #HighestRated_tabDiv.active, #HighestRated_paginationDiv.active, .MostRecentPage.active, .HighestRatedPage.active {display:block;}

#topPagination {margin:0 0 -13px; zoom:1;}
ul.related-list.seperated {margin:12px 0;}
ul.related-list.seperated.paginationTop {margin:0;}
ul.related-list.seperated.paginationBottom {margin:12px 0 0;}
ul.related-list.seperated li {padding:0 10px;}
ul.related-list a.pagePrev {background:transparent url(../../images/OSB/bkg.prev.gif) no-repeat 0 0; display:block; height:15px; line-height:15px; padding:0 0 0 20px;}
ul.related-list a.pageNext {background:transparent url(../../images/OSB/bkg.link.gif) no-repeat right 0; display:block; height:15px; line-height:15px; padding:0 20px 0 0;}
ul.related-list a.disabled {background:none; color:#2f2f2f; cursor:default; text-decoration:none !important;}
ul.related-list a.pagePrev.disabled {background:transparent url(../../images/OSB/bkg.prev.disabled.gif) no-repeat 0 0; color:#2f2f2f; cursor:default; text-decoration:none !important;}
ul.related-list a.pageNext.disabled {background:transparent url(../../images/OSB/bkg.link.disabled.gif) no-repeat right 0; color:#2f2f2f; cursor:default; text-decoration:none !important;}
ul.related-list a.disabled {background:none; color:#2f2f2f; cursor:default;}
.paginationBottom, .paginationTop {display:none;}
.paginationBottom.active, .paginationTop.active {display:block;}
/**********************
Article Detail
**********************/
.utilityEmail,
.utilityPrint,
.utilityKeep {border-right:1px dotted #898989; height:19px; padding:0;}
.utilityEmail a,
.utilityPrint a,
.utilityKeep a {background:transparent url(../../images/OSB/icons/icon.login.gif) no-repeat 0 0; display:block; height:19px; min-height:19px; line-height:19px; margin:0 auto; padding:0 35px 0 20px; width:0px}
.utilityKeep {border-left:1px dotted #898989; width:140px;}
.utilityKeep a {background-position:-7px -11px;}
.utilityEmail {width:140px;}
.utilityEmail a {background-position:-7px -78px;}
.utilityPrint {width:140px;}
.utilityPrint a {background-position:-7px -61px;}
.utilityPageStyle {width:105px;}
.utilityPageStyle a {background-position:-7px -11px;}
.utilityShare {padding:5px 0 0 10px; position:relative;}
.utilityShare a {background:transparent url(../../images/OSB/bgShare.gif) no-repeat scroll 0 0; display:block; height:28px; margin:-5px 0 -9px; text-indent:-4000px; width:146px;}
.utilityShare a.active {background-position:0 -28px;}
.utilityShare ul {background:transparent url(../../images/OSB/bgUtilityShareList.gif) repeat-y scroll 0 bottom; display:none; height:90px; min-height:90px; left:10px; padding:0 0 0 9px; position:absolute; top:28px; width:137px;}
.utilityShare ul.active {display:block;}
.utilityShare ul li {margin:5px 0;}
.utilityShare ul li a {background:transparent url(../../images/OSB/icons/icons.social.gif) no-repeat scroll 0 0; font-size:11px; height:22px; line-height:22px; margin:0; padding:0 0 0 26px; text-indent:0; width:111px;}
.utilityShare ul li.shareFB a {background-position:0 -23px;}
.utilityShare ul li.shareDigg a {background-position:0px -99px;}
.utilityTextSize {height:20px; zoom:1;}
.utilityTextSize span {color:#067AB4; display:block; float:left; font-size:9px; padding:3px 0 0 5px; text-transform:uppercase;}
.utilityTextSize a {background:transparent url(../../images/OSB/icons/icon.login.gif) no-repeat; float:left; height:10px; margin:4px 0 0 6px; padding:0; text-indent:-4000px; width:10px;}
.utilityTextSize a.increase {background-position:-9px -102px; }
.utilityTextSize a.decrease {background-position:-9px -121px;}
.utilityTextSize a.increase.disabled {background-position:-9px -140px;}
.utilityTextSize a.decrease.disabled {background-position:-9px -159px;}
#articleDetailHero {/*background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x scroll 0 bottom;*/ margin:0 0 10px;}
#articleDetail {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x scroll 0 0; color:#2f2f2f; font-size:11px; line-height:1.25; padding:15px 0 0;}
#articleDetail.small {font-size:10px;}
#articleDetail.large {font-size:13px;}
#articleDetail.larger {font-size:15px;}
#articleDetail.largest {font-size:17px;}
#articleDetail h2 {color:#067ab4; font-size:127%; padding:0 0 8px;}
#articleDetail .IconRating {float:right; font-size:11px;}
#articleDetail .IconRating .IconRatingInnerContainer {padding:3px 0;}
#articleDetail .IconRating .IconRatingAdditionalText {font-size:10px; padding:0;}
#articleDetail strong {font-weight:bold;}
#articleDetail p {padding:0 0 1em; margin:0;}
#articleDetail p.published {font-size:10px; padding:10px 0 20px; margin:0;}
#articleDetail .articleLinks {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x scroll 0 0; font-size:11px; min-height:1px; margin:12px 0; width:700px;}
#articleDetail ul, #articleDetail ol {margin:0 0 1em 15px;}
#articleDetail ul li, #articleDetail ol li {list-style-position:outside; margin:0 0 0 15px;}
#articleDetail ul li {list-style-type:disc;}
#articleDetail ol li {list-style-type:decimal;}
#articleDetail ol li ul li {list-style-type:disc;}
#articleDetail .articleLinks ul {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x scroll 0 bottom; height:18px; list-style-type:none; margin:0; padding:7px 0 7px 2px; width:700px; zoom:1;}
#articleDetail .articleLinks ul li {background:transparent url(../../images/OSB/list.seperator.gif) repeat-y scroll right 0; float:left; height:18px; line-height:18px;list-style-type:none; margin:0 11px 0 0; padding:0 11px 0 0;}
#articleDetail .articleLinks ul li a {background:transparent url(../../images/OSB/icons/iconFileType.gif) no-repeat scroll -5px 4px; display:block; height:18px; line-height:18px; padding:0 0 0 15px;}
#articleRecommend {background:transparent url(../../images/OSB/bg-related-article-top.png) no-repeat;	font-size:12px;}
#articleRecommend .articleMidBg {background:transparent url(../../images/OSB/bg-related-article-mid.png) repeat-y 0 0;}
#articleRecommend .contentDiv {	background:transparent url(../../images/OSB/bg-related-article-item.png) no-repeat 0 0;	margin:0 4px 0 8px;	padding:5px 15px 10px;}
#articleRecommend .contentDiv a {font-size:11px;}
#articleRecommend .contentDiv a:hover {text-decoration:underline;}
.articleBottomBg {	background-image:url(../../images/OSB/bg-related-article-bottom.png);	background-position:top; height:9px; margin:0 0 0 -1px;}
#articleRecommend h4 {	color:#FFFFFF;	padding:24px 0 24px 80px;}
/**********************
Dialog boxes, Modals and Tooltips
**********************/
#modal_processing {display:none;}
#modal_overlay {position:fixed; z-index:10001; top:0px; left:0px; height:100%; width:100%;}
.modal_overlayMacFFBGHack {background:url(../../images/OSB/macFFBgHack.png) repeat;}
.modal_overlayBG {background-color:#000; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}
#modal_window {position:fixed; display:none; text-align:left; top:50%; left:50%; z-index:10002;}
#modal_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#modal_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;}
#modal_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}
#dialog_content_container {padding:0 40px 0 20px; zoom:1;}
#modal_window .wrapper {background:transparent url(../../images/OSB/bgDialog.png) no-repeat 0 bottom;}
.dialog {position:relative; margin:0px auto; width:500px; color:#2f2f2f; z-index:1; margin-left:12px; margin-bottom:0.5em;}
.dialog .content {background:transparent url(../../images/OSB/bgDialogTop.png) no-repeat scroll 0 top; _overflow-y:hidden; padding:15px 0; position:relative; zoom:1;}
.dialog p {margin:0px; padding:0.5em 0px 0.5em 0px;}
.dialog .close {background:transparent url(../../images/OSB/icons/close.gif) no-repeat scroll 0 2px; display:block; position:absolute; padding:0 0 0 15px; right:25px; top:15px; z-index:2;}
* html #modal_overlay {/* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
* html #modal_window {/* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
* html #modal_load {/* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
* html #modal_HideSelect {/* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}
#dialog_content_container h5 {background:transparent url(../../images/OSB/bgDialogHeader.png) no-repeat scroll 0 0; color:#fff; font-size:12px; margin:15px 0 0 -35px; padding:8px 0 21px 30px;}
#dialog_content_container h6 {float:left; width:90px;}
#dialog_content_container strong {float:left; font-weight:bold;}
#dialog_content_container .info {clear:both; color:#636363; padding:0 0 0 90px;}
#alertMessage {display:none;}
/**********************
Search Results
**********************/
h1.searchResults {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 bottom; margin:0 0 10px; padding:0 0 10px;}
h1 i {background:transparent url(../../images/OSB/bkg.list.seperator.gif) no-repeat 0 0; color:#2f2f2f; font-size:11px; margin:0 0 0 10px; padding:0 0 0 10px;}
h1 i strong {font-weight:bold;}
#search_result_list {background:#F7F6F6 url(../../images/OSB/bgSearchList.gif) no-repeat 0 0; padding:3px 4px 0 1px;}
#search_result_list li {border-bottom:1px solid #f5f5f5;}
#search_result_list h3 {background:#F7F6F6 none repeat scroll 0 0; font-size:14px; font-weight:normal; padding:10px 30px 0;}
#search_result_list div {background:#fff url(../../images/OSB/bkg.result.gif) repeat-x scroll 0 -35px; padding:0 30px 12px;}
#search_result_list p.relevance {padding:6px 0 0;}
#search_result_list div.relevance {background:transparent url(../../images/OSB/bgPollBar.gif) repeat-x 0 0; height:11px; margin:3px 0 0; padding:0; width:10px;}
/**********************
Special Offers
**********************/
.specialOffer {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 bottom; margin:10px 0 0; padding:20px 0 10px; zoom:1;}
.specialOffer .imgContainer {float:left; text-align:center; margin:12px 0 0; width:160px;}
.specialOffer .content {color:#2f2f2f; float:left; margin:0 0 0 15px; width:525px;}
.specialOffer .content h2 {padding:0 0 8px;}
.specialOffer .content p {padding:0 0 8px;}
/**********************
Polls
**********************/
.ReaderPoll {background:transparent url(../../images/OSB/promos/right.top.gif) no-repeat 0 top; margin:0; padding:9px 0 0; width:219px;}
.ReaderPoll .ReaderPollTitle {background:transparent url(../../images/OSB/input/pollTitle.gif) no-repeat 0 top; border:0; color:#fff; font-size:12px; font-weight:normal; height:30px; margin:0 30px 0 10px; padding:6px 5px; width:188px; text-align:center;}
.ReaderPoll .ReaderPollInput,
.ReaderPoll .ReaderPollResults {background:transparent url(../../images/OSB/promos/right.bottom.jpg) no-repeat 0 bottom; margin:0; padding:14px 14px 0 14px; zoom:1;}
.ReaderPoll .ReaderPollInput ul, .ReaderPoll .ReaderPollResults ul {width:190px;}
.ReaderPoll .ReaderPollInput ul li {height:15px; line-height:15px; margin:0 0 12px;}
.ReaderPoll .ReaderPollInput ul li input {margin:-2px 5px 0 0; vertical-align:middle}
.ReaderPoll .ReaderPollInput p.ReaderPollCastVote {float:left; text-align:left;}
.ReaderPoll .ReaderPollInput p.ReaderPollSwitchToResults {clear:both; padding:4px 0 0;}
.ReaderPoll .ReaderPollInput p.ReaderPollSwitchToResults a,
.ReaderPoll .ReaderPollInput p.ReaderPollSwitchToInput a {text-decoration:underline;}
.ReaderPoll .ReaderPollResults .ReaderPollCandidateResult {font-size:11px;}
.ReaderPoll .ReaderPollResults .ReaderPollPercentageBar {border:0; margin:3px 1px 8px;}
/**********************
Video Detail
**********************/
#videoDetailContainer {background:#fff url(../../images/OSB/bkg.dashedseperator.gif) no-repeat scroll 0 bottom; clear:both; margin:0 0 12px; zoom:1;}
#videoDetailContainer #flashcontent, #videoDetailContainer .content {float:left;}
#videoDetailContainer .content {margin:0 0 0 15px; width:335px;}
#videoDetailContainer .content h2 {color:#067ab4; font-size:16px; padding:9px 0 3px;}
#videoDetailContainer .content td strong {font-weight:bold;}
#videoDetailContainer .content .IconRating {margin:10px 0 15px;}
#videoDetailContainer .content .IconRatingAdditionalText {display:inline; padding:0; text-align:center;}
#videoDetailContainer .content p {color:#2f2f2f; font-size:12px;}
/**********************
Event Detail
**********************/
div.detailEventContainer {width:700px;padding:0;position:relative;}
div.eventImg {float:left;width:361px;height:248px;background-repeat:no-repeat;background-position: left top;margin:0 0 0 15px;}
div.detailEventContent h5 {position:absolute;top:190px;background:transparent url(../../images/OSB/bgRibbonLeft.gif) no-repeat scroll left 0;float:left;height:45px; left:0;}
div.detailEventContent h5 span {background:transparent url(../../images/OSB/bgRibbon.gif) no-repeat scroll right 0; color:#fff; display:block; height:20px; min-height:20px; margin:0 0 0 18px; padding:7px 8px;}
div.detailEventContent h5 img {background:transparent url(../../images/OSB/bgHomePromoDivide.gif) no-repeat scroll right 0; float:left; margin:0 12px 0 0; padding:0 12px 0 0;}
div.detailEventContent strong {font-weight:bold;}
div.texContent {float:left;margin-left:12px;width:310px;padding:7px 0 0}
div.texContent h2 {color:#077AB1;margin:0 0 7px;padding:0;}
div.texContent p {padding:10px 0 5px 0;}
span.eventTimeStamp {color:#367019;}
/**********************
Home Based Business
**********************/
#hbbFeature {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) no-repeat scroll 0 bottom; margin:0 0 20px; padding:0 0 20px;}
#hbbFeature h2 {margin:12px 0 0;}
#hbbFeature h2 img {margin:0 6px -4px 0;}
#hbbFeature p {font-size:11px; margin:0 0 12px;}
#hbbFeature p.published {font-size:11px; margin:3px 0 12px;}
/**********************
Tools and Demos Lists
**********************/
#toolsDemos h2 {margin:20px 0 8px;}
#toolsDemos ul {}
#toolsDemos ul li {background:transparent url(../../images/OSB/bkg.dashedseperator.gif) repeat-x 0 0; padding:8px 0;}
#toolsDemos ul li h3 {background:transparent url(../../images/OSB/bkg.link.gif) no-repeat 0 0; font-size:12px; padding:0 5px 6px 20px;}
#toolsDemos ul li p {padding:0 5px 6px 20px;}
/**********************
Peer to Peer
**********************/
h3.p2p {font-size:15px; padding:2px 0 13px 2px;}
#questionListContainer {background:#fff url(../../images/OSB/bgP2PQuestionList.gif) no-repeat 0 0; float:left; height:161px; padding:2px 0; width:348px;}
#questionList {color:#067ab4; font-size:12px; overflow:auto; height:161px; width:345px;}
#questionList ul li {border-bottom:1px dotted #898989; margin:12px 10px 18px 15px; padding:0 0 12px;}
.askQuestion {float:left; padding:7px 0 0 22px;}
.askQuestion p {margin:0 0 13px;}
#dialog_content_container .ask-expert {background:none; height:auto; width:auto;}

.vendorContent {padding:0 20px 30px; width:950px;}
#iw_vpreview_toolbar {display:none !important;}

#newsletterSurvey p {margin:12px 0 0;}
#newsletterSurvey p strong {font-weight:bold;}
#newsletterSurvey label, #newsletterSurvey textarea {display:block; margin:0 15px;}
#newsletterSurvey #submitButton {clear:both; display:block; margin:18px 0 0;}