/* * styles.css * * The styles.css file contains CSS styles that are used for all browsers. */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} .ANQuestion {background: #FFFF00;} #Header { width: 960px; } #MainBody { width: 960px; margin: 0px auto; } #MainChannel { width: 960px; } /* Width of left channel and center channel combined */ body.home #MainChannel { width: 960px; } #Content { width: 725px; } /* Width of center channel */ body.home #Content {width: 960px;} body.products #Content {width: 960px;} #Sidebar { width: 213px; } /* Width of right channel */ /* = End Widths = */ body { background: url('../images/common/bkground_gray_bar.png') repeat-y top center; color: #6f6f6f; padding-top: 0px; } #Wrapper { margin: 0px auto; /* Make content centered */ background: url('../images/common/bkground_gradient.png') top center; background-repeat: no-repeat; overflow: visible !important; border:0px solid red; width: 100%; color: #4b4b4b;} #WrapperHeader {background: url(../images/common/wrapper-top-bg-blank.gif) no-repeat 0 0; display: block; height: 5px; width:960px; margin:0 auto; border:0px solid red;} #WrapperFooter {background: #fff url(../images/common/wrapper-bottom-bg-blank.gif) no-repeat 0 100%; display: none; height: 5px; border: solid 0px green;} #WrapperContent { /*background: #ffffff;*/ border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; padding: 0 28px 15px; width:1018px; margin:0 auto; border: solid 0px green; } /* Link at top of document to jump over navigation and go straight to content - For usability */ #ContentJump { left: -32000em; position: absolute;} #Header { position: relative; z-index: 10; border: solid 0px purple; margin: 0px auto;} #SiteId { float: left; padding: 0px 0 0 15px; } #Toolbar {} #Toolbar ul { float: right; margin-top: 20px; } #Toolbar li { background: url(../images/common/toolbar-divider.gif) no-repeat 100% 11px; float: left; margin-top: 3px; padding: 0 7px 0 7px; } #Toolbar li.last, #Toolbar li.search { background: 0; } #Toolbar a { color: #545454; display: block; font-size: 93%; font-weight: bold; padding-top: 8px; text-decoration: none; } #Toolbar a:hover { text-decoration: underline; } #Toolbar .search input.searchBox {background: url(../images/common/search-box.gif) no-repeat 0 0; border: 0; padding: 3px 0; width: 160px;} #Toolbar .search input.submit { background: url(../images/common/search-button.gif) no-repeat; border: 0; color: #e0e0e0; cursor: pointer; height: 22px; line-height: 0.9; text-align: center; width: 73px; } /* Top Navigation */ #NavigationPrimary { position: relative; z-index: 2; border: 0px solid yellow; } #NavigationPrimary ul { margin-top: 10px; z-index: 2; border: 0px solid red; } #NavigationPrimary li { /* Topnav item */ float: left; /* Keep nav in a line */ padding-left: 0; position: relative; /* To position dropdowns based on topnav items */ z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */ border:0px solid green; } #NavigationPrimary li.over { z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */ } #NavigationPrimary a { /* Topnav link */ display: block; height: 43px; outline: 0; text-indent: -32000em; } /* Main topnav items, uses sprites for background */ li#NavigationPrimarySolutions a { background: url(../images/primary-navigation/solutions.gif) no-repeat 0 0; width: 334px;} li#NavigationPrimarySolutions a.active { background-position: 0 100%; } li#NavigationPrimarySolutions a:hover, li#NavigationPrimarySolutions.over a { background-position: 0 50%; } /**New Home Style added by Detati(ET)**/ li#NavigationPrimaryHome a {background: url(../images/primary-navigation/home_r2.gif) no-repeat 0 0; width:105px ;} li#NavigationPrimaryHome a.active{background-position: 0 100%; } li#NavigationPrimaryHome a:hover, li#NavigationPrimaryHome.over a{ background-position: 0 50%; } li#NavigationPrimaryProducts a { background: url(../images/primary-navigation/products_r2.gif) no-repeat 0 0; width: 161px;} li#NavigationPrimaryProducts a.active { background-position: 0 100%; } li#NavigationPrimaryProducts a:hover, li#NavigationPrimaryProducts.over a { background-position: 0 50%; } li#NavigationPrimaryResource a { background: url(../images/primary-navigation/resource_center_r2.gif) no-repeat 0 0; width: 203px;} li#NavigationPrimaryResource a.active { background-position: 0 100%; } li#NavigationPrimaryResource a:hover, li#NavigationPrimaryResource.over a { background-position: 0 50%; } li#NavigationPrimaryServiceSupport a { background: url(../images/primary-navigation/service_support_r2.gif) no-repeat 0 0; width: 203px;} li#NavigationPrimaryServiceSupport a.active { background-position: 0 100%; } li#NavigationPrimaryServiceSupport a:hover, li#NavigationPrimaryServiceSupport.over a { background-position: 0 50%; } li#NavigationPrimaryPartners a { background: url(../images/primary-navigation/partners_r2.gif) no-repeat 0 0; width: 142px;} li#NavigationPrimaryPartners a.active { background-position: 0 100%; } li#NavigationPrimaryPartners a:hover, li#NavigationPrimaryPartners.over a { background-position: 0 50%; } li#NavigationPrimaryCompany a { background: url(../images/primary-navigation/company_r2.gif) no-repeat 0 0; width: 146px;} li#NavigationPrimaryCompany a.active { background-position: 0 100%; } li#NavigationPrimaryCompany a:hover, li#NavigationPrimaryCompany.over a { background-position: 0 50%; } br.clear {clear: both;} #NavigationPrimary div { display: none; left: 0; position: absolute; top: 100%; } #NavigationPrimary ul li.over div { display: block; /* Show the dropdown on hover */ } #NavigationPrimary ul li#NavigationPrimaryResource div {left: 0px;} #NavigationPrimary ul li#NavigationPrimaryServiceSupport div {left: -310px;} #NavigationPrimary ul li#NavigationPrimaryProducts div {left: -105px;} #NavigationPrimary ul li#NavigationPrimaryPartners div {left: -109px;} #NavigationPrimary ul li#NavigationPrimaryCompany div {left: -447px;} #NavigationPrimary ul ul { /* Dropdown menu */ margin-top: 0; width: auto; z-index: 8; } #NavigationPrimary ul ul.twoCol { background: url(../images/primary-navigation/three-col-bg.gif); width: 397px; height: 184px; } #NavigationPrimary ul ul.twoColopt2 { background: url(../images/primary-navigation/three-col-bg-rev.gif); width: 397px; height: 184px; } #NavigationPrimary ul ul.threeCol { background-image:url(../images/primary-navigation/four-col-bg.gif); background-repeat:no-repeat; /* increased width */ width: 802px; height: 184px; border: 0px solid pink; } #NavigationPrimary ul ul.threeColopt2 { background-image:url(../images/primary-navigation/four-col-bg-rev.gif); background-repeat:no-repeat; width: 802px; height: 184px; } #NavigationPrimary ul ul.threeColopt3 { background-image:url(../images/primary-navigation/three-col-bg-rev-593px.gif); background-repeat:no-repeat; width: 802px; height: 184px; } #NavigationPrimary li li { /* Dropdown item */ float: left; /* Make dropdown items appear on top of each other, not next to */ padding: 14px 10px; width: 181px; z-index: 10; } /* #NavigationPrimary li ul.threeCol li.middle {padding: 0 17px; width: 166px;}*/ #NavigationPrimary li ul.threeCol li.last {padding: 4px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 8px 0px 0px 8px; } #NavigationPrimary li ul.twoCol li.last {padding: 6px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 6px 0px 0px 6px; } #NavigationPrimary li ul.threeColopt2 li.last {padding: 0 0px; width: 172px; border: 2px solid green; } /* Partners */ #NavigationPrimary li ul.twoColopt2 li.last {padding: 0px 0px 0px 0px; width: 182px; border: 0px solid blue; margin: 10px 0px 0px 8px; } #NavigationPrimary ul ul ul { border: 0; display: block; left: 0; position: relative; top: 0; } #NavigationPrimary li li li { float: none; padding: 8px 0 0; border: solid 0px blue;} /* hack to squish long products list */ #NavigationPrimary li li li.nav-primary-products-short {padding: 3px 0 0; border: solid 0px green;} #NavigationPrimary li li li.nav-primary-products-shorter {padding: 3px 0 0; border: solid 0px orange;} #NavigationPrimary li li li.first { padding-top: 0; } #NavigationPrimary li li li.last { padding-bottom: 16px; border: solid 2px red; } #NavigationPrimary li ul.threeCol li li.single { padding-bottom: 8px; } #NavigationPrimary li li li a { background: 0; color: #606060; font-size: 11px; font-weight: bold; height: auto; padding-bottom: 0px; text-decoration: none; text-indent: 0; width: auto; } /* Dropdown link */ #NavigationPrimary li li li li { padding-top: 0px; } #NavigationPrimary li li li a:hover {color: #e58e1a;} #NavigationPrimary li li li li a { color: #808080; font-weight: normal; } #NavigationPrimary ul li li li a {padding-bottom: 1px;} #NavigationPrimary ul li li li li {padding-top: 2px;} #NavigationPrimary ul li li li li a {color:#e58e1a; font-weight:normal; padding-left:7px; padding-top: 1px;} #NavigationPrimary ul li li li li span {color:#808080; font-weight:normal;} #NavigationPrimary ul li li li li a:hover span {color: #e58e1a;} #NavigationPrimary ul.navTiles {} #NavigationPrimary ul.navTiles li { background: 0; display: block; margin-bottom: 8px; padding: 0; width: auto; } #NavigationPrimary ul.navTiles li.productConfig {background: url(../images/primary-navigation/product-configuration-bg-new.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.theQuest {background: url(../images/primary-navigation/the-quest-bg-new.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.DynamicRAID {background: url(../images/primary-navigation/dynamicraid2.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.edr_software {background: url(../images/primary-navigation/snap-edr2.gif) no-repeat 0 0; border: solid 0px red;} #NavigationPrimary ul.navTiles li.promos {background: url(../images/primary-navigation/current-promotions.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.request-quote {background: url(../images/primary-navigation/request-a-quote.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.company1 {background: url(../images/primary-navigation/company-career.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.company2 {background: url(../images/primary-navigation/company-press-releases.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.partners1 {background: url(../images/primary-navigation/partners-sign-in.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.resource1 {background: url(../images/primary-navigation/resource-center-disaster.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.resource2 {background: url(../images/primary-navigation/resource-center-backup-archive.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.support1 {background: url(../images/primary-navigation/support-sign-in.gif) no-repeat 0 0;} #NavigationPrimary ul.navTiles li.support2 {background: url(../images/primary-navigation/support-registration.gif) no-repeat 0 0;} #NavigationPrimary li ul.threeCol li.last ul.navTiles li.last {margin-bottom: 0; padding: 0;} #NavigationPrimary li li ul.navTiles li a { /*background: url(../images/primary-navigation/tile-bottom.gif) no-repeat 0 100%;*/ color: #fff; display: block; font-size: 93%; font-weight: normal; min-height: 75px; text-decoration: none; text-indent: 0; } #NavigationPrimary li li ul.navTiles li a:hover {color: #fff} #NavigationPrimary ul.navTiles a span { display: block; padding: 15px 15px 8px 99px; } #NavigationPrimary ul.navTiles a em { display: block; font-weight: bold; padding-bottom: 1px;} /* Products rich menu with 3 level of links */ #NavigationPrimary ul li#NavigationPrimaryProducts li li a {color:#e58e1a; padding-bottom: 0px; font-weight:bold;} #NavigationPrimary ul li#NavigationPrimaryProducts li li span {color:#808080; font-weight:normal; } #NavigationPrimary ul li#NavigationPrimaryProducts li li a:hover span {color:#e58e1a; font-weight:normal;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li {color:#e58e1a; padding-top: 0px; font-weight:normal;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li a {color:#e58e1a; font-weight:normal; padding-left:7px;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li span {color:#808080; font-weight:normal;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li a:hover span {color: #e58e1a; border: solid 1px red;} #NavigationPrimary ul li#NavigationPrimaryProducts li li ul ul {padding-top: 0;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li li {padding-top: 0;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li li a {color: #808080; font-weight: normal; font-style: normal;} #NavigationPrimary ul li#NavigationPrimaryProducts li li li li a:hover {color: #e58e1a;} #MainBody { position: relative; /* to facilitate */ z-index: 2; /* topnav dropdowns */ } #Mast { background: #7490a3 url(../images/masts/generic.jpg) no-repeat; min-height: 94px; position: relative; width: 960px; } body.solutions #Mast {background: url(../images/masts/solutions.jpg) no-repeat;} body.products #Mast {background: url(../images/masts/products.jpg) no-repeat;} body.resource #Mast {background: url(../images/masts/resource.jpg) no-repeat;} body.partners #Mast {background: url(../images/masts/partners.jpg) no-repeat;} body.company #Mast {background: url(../images/masts/company.jpg) no-repeat;} /*created by detati (ET)*/ body.service #Mast {background: url(../images/masts/generic.jpg) no-repeat;} #Mast h1 { color: #fff; font-size: 197%; font-weight: bold; padding: 34px 18px 0 18px; } #Mast p { color: #fff; font-size: 93%; padding: 0 380px 0 18px; } body.landing #Mast {min-height: 373px;} body.solutionsLanding #Mast {background: url(../images/masts/solutions-landing.jpg) no-repeat 0 0;} body.productsLanding #Mast {background: url(../images/masts/products-landing.jpg) no-repeat 0 0;} body.resourceLanding #Mast {background: url(../images/masts/resource-landing.jpg) no-repeat 0 0;} body.partnersLanding #Mast {background: url(../images/masts/partners-landing.jpg) no-repeat 0 0;} body.companyLanding #Mast {background: url(../images/masts/company-landing.jpg) no-repeat 0 0;} body.landing #Mast.noTabs { min-height: 319px; } body.landing #Mast h1 {padding-bottom: 15px;} body.landing #Mast ul.subPagesList {left: 15px; position: absolute; top: 268px; } body.landing #Mast ul.subPagesList li {float: left; padding-right: 30px;} body.landing #Mast ul.subPagesList li a { background: url(../images/masts/bullet.gif) no-repeat 0 4px; color: #fff; font-weight: bold; padding-left: 12px; text-decoration: none; } #Mast ul.tabNav { display: block; height: 54px; left: 0; margin-bottom: 0; padding-left: 0; position: absolute; top: 319px; } #Mast ul.tabNav li { display: block; float: left; padding: 0; } #Mast ul.tabNav li a { background: url(../images/masts/tabs/tab-off.gif) no-repeat 0 0; color: #808080; display: block; height: 54px; outline: 0; position: relative; text-decoration: none; text-transform: uppercase; width: 192px; } #Mast ul.tabNav li a.first {background: url(../images/masts/tabs/tab-first-off.gif) no-repeat 0 0; } #Mast ul.tabNav li a.last {background: url(../images/masts/tabs/tab-last-off.gif) no-repeat 0 0; } #Mast ul.tabNav li a span { bottom: 0; font-size: 93%; font-weight: bold; padding: 0 15px 8px 15px; position: absolute; right: 0; } #Mast ul.tabNav li.ui-state-hover a {background: url(../images/masts/tabs/tab-on.gif) no-repeat 0 0; color: #fff;} #Mast ul.tabNav li.ui-state-active a {background: url(../images/masts/tabs/tab-on.gif) no-repeat 0 0; color: #fff;} #Mast ul.tabNav li.ui-state-hover a.first {background: url(../images/masts/tabs/tab-first-on.gif) no-repeat 0 0;} #Mast ul.tabNav li.ui-state-active a.first {background: url(../images/masts/tabs/tab-first-on.gif) no-repeat 0 0;} #Mast ul.tabNav li.ui-state-hover a.last {background: url(../images/masts/tabs/tab-last-on.gif) no-repeat 0 0;} #Mast ul.tabNav li.ui-state-active a.last {background: url(../images/masts/tabs/tab-last-on.gif) no-repeat 0 0;} ul#Breadcrumbs { float: left; left: 18px; position: absolute; top: 76px; } ul#Breadcrumbs li { background: url(../images/common/breadcrumb-divider.gif) no-repeat 100% 4px; color: #ddd; float: left; font-size: 85%; padding-right: 10px; margin-right: 6px; } ul#Breadcrumbs li.last {background: 0;} ul#Breadcrumbs li a {color: #fff; text-decoration: none;} #MainBody .tweets { clear: both; width: 960px; } #MainBody .tweets .header, #MainBody .tweets .footer { background: url(../images/home/latest-tweets-divider.gif) no-repeat 0 0; display: block; height: 1px; } #MainBody .tweets .channel { background: url(../images/home/tweets-bg.gif) repeat-y 100% 0; display: table; height: 46px; } #MainBody .tweets .channel .icons { display: table-cell; vertical-align: middle; width: 115px; } #MainBody .tweets .channel .icons ul { padding-left: 2px; } #MainBody .tweets .channel .icons ul li {float: left; padding-right: 6px;} #MainBody .tweets .channel .icons ul li.last {padding-right: 0;} #MainBody .tweets .channel .latestTweet { color: #626262; display: table-cell; font-size: 93%; padding: 0 20px; text-align: center; vertical-align: middle; width: 673px; } #MainBody .tweets .channel .followUs { display: table-cell; padding-left: 30px; vertical-align: middle; } #MainBody .tweets .channel .followUs a { background: url(../images/home/follow-us-button-left-bg.gif) no-repeat 0 0; color: #787878; float: left; font-weight: bold; height: 26px; text-decoration: none; } #MainBody .tweets .channel .followUs a span { background: url(../images/home/follow-us-button-right-bg.gif) no-repeat 100% 0; display: block; float:right; font-size: 93%; padding: 6px 15px 0 32px; height: 33px; } #MainChannel {padding: 23px 0 5px 0;} body.home #MainChannel {padding: 0;} /* Center channel */ #Content { float: left;} /* Right Channel */ #Sidebar { float: right; } /* Footer */ #Footer { color: #909090; text-align: left; font-size: 93%; padding-top: 10px; padding-left: 28px; margin:0 auto; border:0px solid red; } #Footer a { color: #909090; text-decoration: none; } #Footer a:hover { text-decoration: underline; } #Footer ul li { background: url(../images/common/footer-divide.gif) no-repeat 100% 2px; display: inline; padding: 0px 7px; } #Footer ul li.last {background: 0;} /* Utility Classes */ .selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } p { line-height: 1.4em; margin-bottom: 12px; } #ContentChannel {padding-left: 5px;} #ContentChannel h2 {color: #545454; font-size: 131%; font-weight: bold; padding-bottom: 7px;} #ContentChannel h2 em {color: #d87d00; font-weight: bold;} #ContentChannel h3 {color: #545454; font-size: 123.1%; font-weight: bold; padding-bottom: 7px;} #ContentChannel h4 {color: #545454; font-size: 116%; font-weight: bold; padding-bottom: 7px;} #ContentChannel p {font-size: 93%;} #ContentChannel p.intro {font-size: 108%;} #ContentChannel a {color: #7894a7; text-decoration: underline;} #ContentChannel a:hover {color: #d87d00;} #ContentChannel li {font-size: 93%; padding-bottom: 7px;} #ContentChannel ol {color: #d87d00; margin-bottom: 12px; padding-left: 45px;} #ContentChannel ol li {list-style-type: decimal; font-weight: bold;} #Content ol ol {margin-top: 5px; margin-bottom: 0;} #ContentChannel ol li li {font-size: 100%; font-weight: normal; list-style-type: lower-alpha; padding-bottom: 4px;} #ContentChannel ol li span {color: #808080; font-weight: normal;} #ContentChannel ul {margin-bottom: 12px; padding-left: 10px;} #ContentChannel ul li { background: url(../images/common/bullet.gif) no-repeat 0 5px; list-style-type: none; padding-left: 17px; } #ContentChannel .callout {margin-bottom: 12px; padding-top: 15px;} #ContentChannel .callout .header {background: url(../images/common/callout-top-bg.gif) no-repeat; display: block; height: 5px;} #ContentChannel .callout .channel { background: #f7f6f6; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px 55px 15px 55px; } #ContentChannel .callout .channel h4 { color: #7894a7; font-size: 116%; font-weight: bold; padding-bottom: 7px; } #ContentChannel .callout .footer {background: url(../images/common/callout-bottom-bg.gif) no-repeat; display: block; height: 5px;} #ContentChannel .threeCol {margin-bottom: 20px;} #ContentChannel .threeCol .first {float: left; width: 25%;} #ContentChannel .threeCol .middle1 {float: left; width: 25%;} #ContentChannel .threeCol .middle2 {float: left; width: 25%;} #ContentChannel .threeCol .last {float: right; width: 25%;} #ContentChannel .threeColopt2 {margin-bottom: 20px;} #ContentChannel .threeColopt2 .first {float: right; width: 25%;} #ContentChannel .threeColopt2 .middle1 {float: left; width: 25%;} #ContentChannel .threeColopt2 .middle2 {float: left; width: 25%;} #ContentChannel .threeColopt2 .last {float: left; width: 25%;} #ContentChannel .threeColumns {margin-bottom: 20px;} #ContentChannel .threeCol .first {float: left; width: 33%;} #ContentChannel .threeCol .middle1 {float: left; width: 33%;} #ContentChannel .threeCol .middle2 {float: left; width: 33%;} #ContentChannel .threeCol .last {float: right; width: 1%;} #ContentChannel .threeColBoxes {margin-bottom: 20px;} #ContentChannel .threeColBoxes .headers {background: url(../images/common/three-col-boxes-top-bg.gif) no-repeat; display: block;} #ContentChannel .threeColBoxes .channels {background: url(../images/common/three-col-boxes-bg.gif) repeat-y; display: block;} #ContentChannel .threeColBoxes .footers {background: url(../images/common/three-col-boxes-bottom-bg.gif) no-repeat 0 100%; display: block;} #ContentChannel .threeColBoxes .first {float: left; width: 322px;} #ContentChannel .threeColBoxes .middle {float: left; width: 315px; margin-left: 7px;} #ContentChannel .threeColBoxes .last {float: right; width: 315px;} #ContentChannel .threeColBoxes .headers .first, #ContentChannel .threeColBoxes .headers .middle, #ContentChannel .threeColBoxes .headers .last { min-height: 85px; padding: 0 14px 0 17px; position: relative; width: 284px; } #ContentChannel .threeColBoxes .headers h2 { bottom: 0; border-bottom: 1px solid #d87d00; color: #888; display: block; font-weight: normal; left: 17px; padding: 0 7px 8px; position: absolute; width: 270px; } #ContentChannel .threeColBoxes .headers h2 em {color: #7894a7;} #ContentChannel .threeColBoxes .channels .first, #ContentChannel .threeColBoxes .channels .middle, #ContentChannel .threeColBoxes .channels .last {padding: 16px 20px 0 28px; width: 267px;} #ContentChannel .threeColBoxes .channels .phone {font-size: 93%; font-weight: bold; padding-bottom: 5px;} #ContentChannel .threeColBoxes .footers .first, #ContentChannel .threeColBoxes .footers .middle, #ContentChannel .threeColBoxes .footers .last { display: block; min-height: 31px; text-align: right; padding: 0 20px; width: 275px; } #ContentChannel .threeColBoxes .footers a.learnMore { background: url(../images/common/learn-more-arrow.gif) no-repeat 100% 5px; display: block; padding-right: 10px; text-decoration: none; } #ContentChannel .twoCol {margin-bottom: 0px;} #ContentChannel .twoCol .first {float: left; padding-right: 7px; width: 315px;} #ContentChannel .twoCol .last {float: right; width: 315px;} #ContentChannel .narrowTwoCol {margin-bottom: 20px;} #ContentChannel .narrowTwoCol .first {float: left; padding-right: 10px; width: 32%;} #ContentChannel .narrowTwoCol .last {float: left; width: 32%;} #ContentChannel .twoCol2 {margin-bottom: 20px;} #ContentChannel .twoCol2 .first {float: left; padding-right: 7px; width: 315px;} #ContentChannel .twoCol2 .last {float: right; width: 315px;} #ContentChannel .narrowTwoCol2 {margin-bottom: 20px;} #ContentChannel .narrowTwoCol2 .first {float: left; padding-right: 20px; width: 32%;} #ContentChannel .narrowTwoCol2 .last {float: left; width: 32%;} #ContentChannel .solidFill { background: #5c5c5c url(../images/common/solidFill-left-bg.gif) 0 0 no-repeat; margin-bottom: 5px;} #ContentChannel .solidFill h2 {color: #fff; margin: 0; padding: 5px 10px; background: url(../images/common/solidFill-right-bg.gif) 100% 0 no-repeat; height: 22px;} #ContentChannel table.specifications {margin-bottom: 10px;} #ContentChannel table.specifications th {background: url(../images/common/spec-table-top-left-bg.gif) 0 0 no-repeat; font-weight: bold; padding: 10px;} #ContentChannel table.specifications th.left {background: url(../images/common/spec-table-top-left-bg.gif) 0 0 no-repeat; width: 80%;} #ContentChannel table.specifications th.right {background: url(../images/common/spec-table-top-right-bg.gif) 100% 0 no-repeat; width: 20%;} #ContentChannel table.specifications td, table th { border-bottom: 1px solid #e7e6e6;} #ContentChannel table.specifications td {padding: 3px 10px; background: #f7f6f6;} #ContentChannel table.specifications td.left {padding: 3px 10px; background: #f7f6f6 url(../images/common/spec-table-mid-bg.gif) 0 100% no-repeat;} #ContentChannel table.specifications td.right {padding: 3px 10px; background: #f7f6f6 url(../images/common/spec-table-mid-bg.gif) 100% 0 no-repeat;} #ContentChannel table.specifications tr.last td.left {background: url(../images/common/spec-table-bot-left-bg.gif) 0 100% no-repeat; border-bottom: none;} #ContentChannel table.specifications tr.last td.right {background: url(../images/common/spec-table-bot-right-bg.gif) 100% 100% no-repeat; border-bottom: none;} #ContentChannel table.specifications td.note {font-size: 0.75em;} #ContentChannel .expandable {background: url(../images/common/expandable-top-bg.gif) no-repeat 0 0; display: block; margin-bottom: 12px;} #ContentChannel .expandable .content {background: url(../images/common/expandable-bottom-bg.gif) no-repeat 0 100%; padding: 6px 5px 14px 17px} #ContentChannel .expandable .expandCollapse {float: right;} #ContentChannel .expandable .expandCollapse a { display: block; height: 24px; outline: 0; text-indent: -32000em; width: 24px; } #ContentChannel .expandable .expandCollapse a.collapse {background: url(../images/common/collapse.gif) no-repeat; display: none;} #ContentChannel .expandable .expandCollapse a.expand {background: url(../images/common/expand.gif) no-repeat;} #ContentChannel .expandable .bio {padding: 14px 20px 0 0;} #ContentChannel .expandable .bio dt { color: #545454; display: block; font-size: 123.1%; font-weight: bold; text-align: left; width: 542px; padding-left: 0px; } #ContentChannel .expandable .bio dd.photo {float: left;} #ContentChannel .expandable .bio dd.title { color: #545454; font-size: 123.1%; font-weight: bold; padding-left: 0px; } #ContentChannel .expandable .bio dd.desc {font-size: 93%; padding-left: 0px; padding-top: 10px;} #ContentChannel .genericForm {margin-bottom: 20px;} #ContentChannel .genericForm .header {background: url(../images/common/form-container-top.gif) no-repeat; display: block; height: 15px;} #ContentChannel .genericForm .channel {background: url(../images/common/form-container-content-bg.gif) repeat-y; padding: 0 12px;} #ContentChannel .genericForm .channel .content {} #ContentChannel .genericForm fieldset.generic { border-bottom: 1px solid #e8e8e8; margin-bottom: 18px; padding-left: 10px; padding-bottom: 10px; } #ContentChannel .genericForm fieldset.last {padding-left: 10px;} #ContentChannel .genericForm p.note {color: #545454; font-size: 93%; font-weight: bold; margin-left: 10px;} #ContentChannel .genericForm .required {color: #d87d00;} #ContentChannel .genericForm label {color: #545454; font-size: 93%;} #ContentChannel .genericForm label.short { clear: both; display: block; float: left; padding-right: 8px; padding-top: 4px; text-align: right; width: 190px; } #ContentChannel .genericForm label.short span.note {color: #a5a5a5; font-size: 85%;} #ContentChannel .genericForm p.secondaryLabel {color: #545454; font-size: 93%;} #ContentChannel .genericForm input.textbox { background: url(../images/common/textbox-bg.gif) no-repeat; border: 0; display: block; height: 20px; margin-bottom: 10px; padding: 5px 5px 0 5px; width: 331px } #ContentChannel .genericForm select { border: 1px solid #e3e2e2; display: block; margin-bottom: 10px; } #ContentChannel .genericForm textarea { border: 1px solid #e3e2e2; width: 335px; height: 90px; margin-bottom: 10px; padding: 2px 2px 0 2px; } #ContentChannel .genericForm .radio {display: block; padding-bottom: 10px; padding-left: 200px;} #ContentChannel .genericForm .radio label {padding-right: 3px;} #ContentChannel .genericForm .radio input {margin-right: 10px;} #ContentChannel .genericForm input.validation { background: url(../images/common/validation-textbox-bg.gif) no-repeat; border: 0; display: block; float: left; height: 25px; margin-bottom: 10px; margin-right: 5px; padding: 5px 5px 0 5px; width: 101px; } #ContentChannel .genericForm .captcha { background: url(../images/common/captcha-bg.gif) no-repeat; display: block; float: left; height: 28px; margin-top: 1px; width: 109px; } #ContentChannel .genericForm .captcha span { color: #fff; display: block; font-weight: bold; font-size: 116%; padding-top: 5px; text-align: center; } #ContentChannel .genericForm input.submit { background: url(../images/common/form-submit-bg.gif) no-repeat; border: 0; color: #fff; display: block; float: right; font-size: 93%; font-weight: bold; height: 25px; margin-bottom: 2px; margin-right: 5px; width: 127px; } #ContentChannel .genericForm .twoCol {margin-bottom: 0; padding-bottom: 15px;} #ContentChannel .genericForm .twoCol .first {display: block; float: left; width: 370px;} #ContentChannel .genericForm .twoCol .last {display: block; float: left; width: 185px;} #ContentChannel .genericForm .checkboxGroup label { display: block; text-align: right; padding-bottom: 2px; } #ContentChannel .genericForm .checkboxGroup input {margin-left: 3px;} #ContentChannel .genericForm .footer {background: url(../images/common/form-container-bottom.gif) no-repeat; display: block; height: 25px;} /* Solutions landing page */ body.landing #Breadcrumbs {display: none;} body.landing #Content {width: 960px;} body.landing #ContentChannel {padding-left: 0;} body.landing #Sidebar {display: none;} /*service locator--created by detati (ET)*/ div#service_content{width:950px; border:0px solid black;} div#content_left{ width:600px; height:300px; border:0px solid green; float:left; } table.locator{width:300px; border:0px solid blue; margin:0 auto;} table.locator td.left{text-align: right; padding-right:8px;} div#content_right{ width:260px; border:0px solid red; float:right; } div#content_callout{width:258px; border:0px solid green;margin-bottom: 15px;} div#content_callout h3{color:#005288;} div#content_callout h3.service{color:#0081c6;} div#content_callout p{line-height: 15px;} div#content_right_top_cap{ background: url('../images/service_locator_callout_sprite.png') 0px 0px no-repeat; width: 258px; height: 9px; border: 0px solid green;} div#content_right_body{ background: url('../images/service_locator_callout_sprite.png') -258px 0px repeat-y; width:258px; border:0px solid red;} div#content_right_bot_cap{ background: url('../images/service_locator_callout_sprite.png') -516px 0px no-repeat; width: 258px; height: 9px; border: 0px solid green;} div#content_right_location h3{color:#0081c6;} div#content_info{width:240px; margin:0 auto; border:0px solid yellow; padding:5px 20px;} /* Product page */ body.products #ContentChannel .ui-tabs-panel h3 {font-size: 131%;} #ContentChannel .productIntro {margin-bottom: 25px; position: relative;} #ContentChannel .productIntro p {color: #333; font-size: 123.1%;} #ContentChannel .productIntro .downloadButton {padding-top: 12px;} #ContentChannel .productIntro .downloadButton a { background: url(../images/products/download-button.gif) no-repeat; color: #fff; display: block; font-size: 108%; height: 37px; text-decoration: none; width: 378px; } #ContentChannel .productIntro .downloadButton2 { padding-top: 12px; } #ContentChannel .productIntro .downloadButton2 a { background: url(../images/products/download-button.gif) no-repeat; color: #fff; display: block; font-size: 90%; height: 37px; text-decoration: none; width: 250px; } #ContentChannel .productIntro .downloadButton a span {display: block; padding: 9px 10px 0 30px;} #ContentChannel .productIntro .downloadButton2 a span {display: block; padding: 9px 10px 0 30px;} #ContentChannel .productImagery {float: right; padding-left: 25px; width: 289px; } #ContentChannel .productImagery .standardContainer { background: url(../images/products/standard-imagery-bg.gif) no-repeat; display: block; height: 219px; margin-bottom: 5px; width: 289px; } #ContentChannel .productImagery .standardContainer img {padding: 2px;} #ContentChannel .productImagery ul.thumbnails {padding-left: 0; margin-bottom: 0;} #ContentChannel .productImagery ul.thumbnails li { background: url(../images/products/thumb-imagery-bg.gif) no-repeat; display: block; float: left; height: 80px; padding: 0 5px 0 0; width: 93px; } #ContentChannel .productImagery ul.thumbnails li.last {padding-right: 0;} #ContentChannel .productImagery ul.thumbnails li.shadowed {opacity:0.4;} #ContentChannel .productImagery ul.thumbnails li.selected {opacity:1;} #ContentChannel .productImagery ul.thumbnails li img {cursor: pointer; padding: 2px;} #ContentChannel #ProductImage {cursor: pointer;} #ContentChannel .productImagery ul.certifications {padding-left: 0; margin-top: 10px; margin-bottom: 0;} #ContentChannel .productImagery ul.certifications li {display: block; float: left; padding: 0 5px 0 0;} #ContentChannel .productImagery ul.certifications li.last {padding-right: 0;} body.products #ContentChannel .ui-tabs-panel {padding: 0 6px;} #ContentChannel .careers h3 { border-bottom: 1px solid #e09b3d; font-size: 108%; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px; } #ContentChannel dl.career dt {font-size: 93%; font-weight: bold; padding-bottom: 4px;} #ContentChannel dl.career dt a {color: #3b6985;} #ContentChannel dl.career dd.location {font-size: 93%; padding-bottom: 5px;} #ContentChannel dl.career dd.desc {font-size: 93%; padding-bottom: 17px;} /* Tabs */ .ui-tabs-hide {display: none;} body.products #ContentChannel ul.tabNav { background: url(../images/products/product-tab-bg.png) repeat-x; display: block; height: 37px; margin-bottom: 35px; margin-top: 4px; padding-left: 0; position: relative; z-index: 15; } body.products #ContentChannel ul.tabNav li { background: 0; float: left; font-size: 100%; padding: 0 4px 0 0; } body.products #ContentChannel ul.tabNav li a { background: url(../images/products/product-tab-off.png) no-repeat 0 1px; color: #606060; display: block; font-size: 108%; font-weight: bold; height: 37px; outline: 0; text-decoration: none; width: 235px; } body.products #ContentChannel ul.tabNav li a span {display: block; padding: 11px 14px 0 14px;} body.products #ContentChannel ul.tabNav li.ui-state-active a { background: url(../images/products/product-tab-on.png) no-repeat 0 0; color: #7894a7; } /* Overlays */ div.ui-dialog { background: #fff; position: relative; } div.ui-dialog-titlebar { height: 24px; } div.ui-dialog a.ui-dialog-titlebar-close { color: #000; display: block; font-weight: bold; outline: none; padding: 0 0 0 26px; position: absolute; right: 12px; text-align: right; text-decoration: none; top: 4px; } div.ui-dialog div.ui-dialog-content { clear: both; } .ui-widget-overlay { background: #000; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Secondary Navigation */ #NavigationSecondary { background: url(../images/secondary-navigation/footer-bg.png) no-repeat 50% 100%; margin-bottom: 15px; padding-bottom: 2px; width: 210px; } #NavigationSecondary .header { } #NavigationSecondary .header a { background: url(../images/secondary-navigation/header-bg.gif) no-repeat 0 0; color: #fff; display: block; font-size: 108%; font-weight: bold; padding: 10px 15px; text-decoration: none; } #NavigationSecondary ul { border: 1px solid #e6e4e4; border-bottom: 0; border-top: 0; } #NavigationSecondary ul ul { border: 0; } #NavigationSecondary li { border-bottom: 1px solid #7c7c7c; } #NavigationSecondary li.first { border-top: 1px solid #7c7c7c; } #NavigationSecondary li li { border-bottom: 1px solid #E6E4E4; } #NavigationSecondary li li.first { border-top: 1px solid #E6E4E4; } #NavigationSecondary li.last { border-bottom: 0; } #NavigationSecondary li a { background: url(../images/secondary-navigation/2nd-level-inactive-bg.png) no-repeat 100% 50%; color: #acacac; display: block; font-size: 93%; padding: 5px 12px 6px 12px; text-decoration: none; } #NavigationSecondary li a:hover, #NavigationSecondary li a.active { background: url(../images/secondary-navigation/2nd-level-active-bg.png) no-repeat 100% 50%; color: #fff; } #NavigationSecondary li li a { background: #F7F6F6 url(../images/secondary-navigation/3rd-level-inactive-bg.png) repeat-y 0 0; color: #808080; } #NavigationSecondary li li a.active, #NavigationSecondary li li a:hover { background: #DA8300 url(../images/secondary-navigation/3rd-level-active-bg.png) no-repeat 0 50%; color: #fff; } #NavigationSecondary li li li a { background: #FDFCFC; font-size: 85%; padding-left: 20px; } #NavigationSecondary li li li a.active, #NavigationSecondary li li li a:hover { background: #FDFCFC; color: #444; } #NavigationSecondary li li li li a { padding-left: 40px; } #NavigationSecondary li li li a.active, #NavigationSecondary li li li a:hover { color: #444; } #Sidebar .imageTile {margin-bottom: 15px;} #Sidebar .imageTile a {display: block; text-indent: -32000em; width: 212px;} #Sidebar .imageTile a.howToBuy {background: url(../images/sidebar/how-to-buy.jpg) no-repeat 0 0; height: 122px;} #Sidebar .imageTile a.msWebinar {background: url(../images/sidebar/microsoft-webinar.jpg) no-repeat 0 0; height: 122px;} #Sidebar .imageTile a.chatNow {background: url(../images/sidebar/chat-now.jpg) no-repeat 0 0; height: 122px;} #Sidebar .contentTile {margin-bottom: 15px;} #Sidebar .contentTile .header {background: url(../images/sidebar/content-tile-top-bg.gif) no-repeat 50% 0; height: 5px;} #Sidebar .contentTile .channel { background: #f7f6f6; border-left: 1px solid #e5e5e6; border-right: 1px solid #e5e5e6; padding: 12px 20px; } #Sidebar .contentTile .download {background: #f7f6f6 url(../images/sidebar/download-icon.gif) no-repeat 19px 12px; padding-top: 60px;} #Sidebar .contentTile .channel h4 {color: #606060; font-size: 93%; font-weight: bold; padding-bottom: 7px;} #Sidebar .contentTile .channel p {color: #808080; font-size: 93%; margin-bottom: 12px;} #Sidebar .contentTile .channel .downloadNow {padding-left: 5px; padding-top: 5px;} #Sidebar .contentTile .channel .downloadNow a {color: #7894a7; font-size: 93%; text-decoration: none;} #Sidebar .contentTile .channel .downloadNow a:hover {color: #d87d00;} #Sidebar .contentTile .channel .downloadNow a span {color: #d87d00;} #Sidebar .contentTile .footer {background: url(../images/sidebar/content-tile-bottom-bg.gif) no-repeat 50% 100%; height: 5px;} #Sidebar .contentBox {background: url(../images/sidebar/content-box-top-bg.gif) no-repeat 50% 0; margin-bottom: 15px;} #Sidebar .contentBox .header {} #Sidebar .contentBox .channel {background: url(../images/sidebar/content-box-bottom-bg.gif) no-repeat 50% 100%; padding: 10px 11px 6px 11px;} #Sidebar .contentBox .channel .group { border-bottom: 1px solid #e3e2e2; display: block; margin-bottom: 10px; padding: 0 4px 6px 4px; } #Sidebar .contentBox .channel .last {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} #Sidebar .contentBox .channel h3 { color: #606060; font-size: 93%; font-weight: bold; padding-bottom: 10px; } #Sidebar .contentBox .channel ul li {padding-bottom: 6px;} #Sidebar .contentBox .channel ul li a {color: #7894a7; font-size: 93%; text-decoration: none;} #Sidebar .contentBox .channel p {font-size: 93%;} /* Homepage styles */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ body.home #Mast { background: 0; display: block; height: 246px; position: relative; } body.home #Mast #Carousel {float: left;} body.home #Mast #Carousel ul {position: relative; z-index: 30;} body.home #Mast #Carousel ul li { height: 246px; position: relative; width: 960px; } body.home #Mast #Carousel .learnMore {position: absolute; right: 29px; top: 182px;} body.home #Mast #Carousel .learnMore a { background: url(../images/home/learn-more.gif) no-repeat 0 0; display: block; height: 26px; outline: 0; text-indent: -32000em; width: 112px; z-index: 45; } body.home #Mast #Carousel .learnMore a:hover {background: url(../images/home/learn-more-on.gif) no-repeat 0 0;} body.home #Mast .mastNav { background: url(../images/home/mast-nav-left-bg.gif) no-repeat 0 0; right: 27px; position: absolute; top: 13px; z-index: 40; } body.home #Mast .mastNav .channel { background: url(../images/home/mast-nav-right-bg.gif) no-repeat 100% 0; padding-right: 10px; } body.home #Mast .mastNav .channel ul li { background: url(../images/home/mast-nav-divider.gif) no-repeat 100% 6px; display: block; float: left; min-height: 24px; padding: 0 7px 0 8px; } body.home #Mast .mastNav .channel ul li.last { background: 0; padding-right: 0; } body.home #Mast .mastNav a { color: #808080; display: block; font-size: 85%; outline: 0; padding-top: 4px; text-decoration: none; } body.home #Mast .mastNav a:hover, body.home #Mast .mastNav a.active {color: #fff;} body.home #Mast .mastNav a.previous { background: url(../images/home/previous.png) no-repeat 0 7px; height: 9px; padding-top: 7px; text-indent: -32000em; width: 8px; } body.home #Mast .mastNav a.next { background: url(../images/home/next.png) no-repeat 0 7px; height: 9px; padding-top: 7px; text-indent: -32000em; width: 8px; } body.home #ContentChannel {padding: 0px 0 0px 0;} body.home #ContentChannel ul.tiles { margin-bottom: 4px; padding-left: 0;} body.home #ContentChannel ul.tiles li { background: 0; float: left; padding: 0 0 0 0; } body.home #ContentChannel ul.tiles li.last { padding-right: 0; } body.home #ContentChannel ul.tiles li a { display: block; height: 66px; outline: 0; text-indent: -32000em;} body.home #ContentChannel ul.tiles li a.tradeUp {background: url(../images/home/homepage-callout-01.gif) no-repeat; width: 315px;} body.home #ContentChannel ul.tiles li a.webinar {background: url(../images/home/homepage-callout-02.gif) no-repeat; width: 325px;} body.home #ContentChannel ul.tiles li a.getStarted {background: url(../images/home/homepage-callout-03.gif) no-repeat; width: 320px;} body.home #ContentChannel ul.tiles li a.subtileblog {background: url(../images/home/homepage-subtile-fy12q2-01.jpg) no-repeat; width: 315px;} body.home #ContentChannel ul.tiles li a.subtilepromotions {background: url(../images/home/homepage-callout-nca.jpg) no-repeat; width: 325px;} body.home #ContentChannel ul.tiles li a.subtiledynamicraid {background: url(../images/home/homepage-subtile-fy12q2-03.jpg) no-repeat; width: 320px;} body.home #ContentChannel .twoCol {} body.home #ContentChannel .twoCol .first { display: block; float: left; position: relative; padding-top: 1px; width: 316px; padding-right: 1px; } body.home #ContentChannel .twoCol .last { display: block; float: right; position: relative; width: 639px; padding-top: 1px; } body.home #ContentChannel .tabs {position: relative;} body.home #ContentChannel ul.tabNav { display: block; height: 30px; margin-bottom: 0; margin-top: 0px; padding-left: 0; position: relative; z-index: 15; } body.home #ContentChannel ul.tabNav li { background: 0; float: left; padding: 0 4px 0 0; } body.home #ContentChannel ul.tabNav li a { background: url(../images/home/tab-inactive.gif) no-repeat 0 0px; color: #ffffff; display: block; font-weight: bold; height: 30px; outline: 0; text-decoration: none; width: 201px; } body.home #ContentChannel ul.tabNav li a span {display: block; padding: 4px 14px 0 14px;} body.home #ContentChannel ul.tabNav li.ui-state-active a { background: url(../images/home/tab-active.gif) no-repeat 0 0; color: #ffffff; } body.home #ContentChannel .tabContent {margin-top: -2px; position: absolute; z-index: 12;} body.home #ContentChannel .newsBox {} body.home #ContentChannel .newsBox .header { background: url(../images/home/content-top-bg.gif) no-repeat 0 0; display: block; height: 3px; } body.home #ContentChannel .newsBox .channel { background: url(../images/home/content-bg.gif) repeat-y; border-left: 1px solid #; border-right: 1px solid #; display: block; height: 239px; padding: 8px 12px; } body.home #ContentChannel .scrollBox { background-color: #fff; border: 1px solid #e2e1e1; height: 159px; margin-bottom: 6px; overflow: auto; padding: 12px 12px; width: 589px; } body.home #ContentChannel dl.media {} body.home #ContentChannel dl.media dt.dateSource { color: #545454; font-size: 93%; font-weight: bold; padding-bottom: 4px; } body.home #ContentChannel dl.media dd.newsTitle { border-bottom: 1px solid #eeeded; font-size: 93%; margin-bottom: 10px; padding-bottom: 10px; } body.home #ContentChannel dl.media dd.newsTitle a {color: #808080; text-decoration: none;} body.home #ContentChannel dl.media dd.newsTitle a:hover {color: #d87d00;} body.home #ContentChannel dl.mediaNEWS {} body.home #ContentChannel dl.mediaNEWS dd.newsTitleNEWS { border-bottom: 1px solid #eeeded; font-size: 93%; line-height: 24px; margin-bottom: 9px; padding-bottom: 12px; } body.home #ContentChannel dl.mediaNEWS dd.newsTitleNEWS a {color: #808080; text-decoration: none;} body.home #ContentChannel dl.mediaNEWS dd.newsTitleNEWS a:hover {color: #d87d00;} body.home #ContentChannel .tabContent .more a { background: url(../images/home/more-button-left-bg.gif) no-repeat 0 0; color: #545454; display: block; float: left; font-size: 93%; height: 27px; margin-right: 10px; min-width: 70px; text-decoration: none; } body.home #ContentChannel .tabContent .more a span { background: url(../images/home/more-button-right-bg.gif) no-repeat 100% 0; display: block; font-weight: bold; height: 22px; padding: 6px 12px 0 24px; } body.home #ContentChannel .newsBox .footer {background: url(../images/home/content-bottom-bg.gif) no-repeat 0 0; display: block; height: 5px;} body.home #ContentChannel .tile {padding-bottom: 5px;} body.home #ContentChannel .tile a {display: block; outline: 0; text-indent: -32000em;} body.home #ContentChannel .tile a.award {background: url(../images/home/homepage-promo-fy12q1-01.gif) no-repeat 0 0; height: 130px; width: 316px;} body.home #ContentChannel .tile a.disasterRecovery {background: url(../images/home/homepage-promo-fy12q1-02.gif) no-repeat 0 0; height: 130px; width: 316px;} body.home #ContentChannel .tile a.voteOverland {background: url(../images/home/images/homepage-promo-03.gif) no-repeat 0 0; height: 130px; width: 316px;} body.home #ContentChannel .tile a.dynamicraid {background: url(../images/home/homepage-dynamicRAID.jpg) no-repeat 0 0; height: 130px; width: 316px;} body.home #ContentChannel .tile a.dxcalculator {background: url(../images/home/homepage-dx-calculator.jpg) no-repeat 0 0; height: 130px; width: 316px;} body.home #Challenges { background: url(../images/home/challenges-top-bg.gif) no-repeat; display: none; position: absolute; right: 0; top: 0; width: 960px; z-index: 20; } body.home #Challenges .header {border-bottom: 1px solid #e7e6e6; margin: 10px 20px 10px 15px; padding-bottom: 5px;} body.home #Challenges .header .close {float: right;} body.home #Challenges .header .close a { background: url(../images/home/close-button-left-bg.gif) no-repeat 0 0; color: #545454; display: block; float: right; font-weight: bold; height: 27px; text-decoration: none; } body.home #Challenges .header .close a span { background: url(../images/home/close-button-right-bg.gif) no-repeat 100% 0; display: block; height: 22px; padding: 5px 15px 0 15px; } body.home #Challenges .header .content {float: left; padding-top: 4px;} body.home #Challenges .channel {background: url(../images/home/challenges-bottom-bg.gif) no-repeat 0 100%; padding: 10px 20px 20px 15px;} body.home #Challenges .channel .horizontalScroll {overflow: auto; overflow-y: hidden; width: 925px;} body.home #ContentChannel .channel .content {padding-bottom: 18px; width: 1535px;} body.home #Challenges .channel .multiCol {border-bottom: 1px solid #e7e6e6;} body.home #Challenges .channel .multiCol .column {float: left; padding: 0 20px 0 20px; width: 275px;} body.home #Challenges .channel .multiCol .first {padding-left: 0;} body.home #Challenges .channel .multiCol .last { display: inline; float: left; padding-right: 0; position: static; width: 275px; } body.home #Challenges .channel ul {margin-bottom: 10px; padding-left: 0;} body.home #Challenges .channel ul li {background: 0; padding-bottom: 11px; padding-left: 0;} .dropcap { font-size: x-small; } .dropcapintro { font-size: 11px; } .dropcapsub { font-size: 13px; } .bodybold { font-weight: bold; } #ContentChannel .nobg { display: block; margin-bottom: 12px; background-repeat: no-repeat; background-position: 0 0; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 960px; } .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; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 960px; height: 293px; } /** * The buttons are added dynamically by jCarousel before * the