div.inner { width:900px; margin:0 auto; } #header { background: url('../images/interface/header_bgslice.jpg') bottom left repeat-x #000; padding:20px 0 25px; z-index:3; } #header.home { position:relative; height:430px;} #header.ext { background-position:0 0; } /* IE6 added...*/ #header #chrome { width:900px; position:relative; height:31px; } /* IE6 end */ #header #chrome a.avidLogo { float:left; display:block; background: url('../images/interface/avid_logo.gif') no-repeat; width: 100px; height: 31px; /* IE6 added...*/ position:absolute; left:0; /* IE6 end */ } #header #chrome .country select#SiteCountries { margin-top:1px; } #header #chrome #chromeTools { /* IE6 removed: float:right; added...*/ position:absolute; right:0; width:513px; margin:0; padding:0; /* IE6 end */ } #header #chrome #chromeTools label { display: none; } #header #chrome #chromeTools form { display:inline; float:left; } /* IE6 added...*/ #header #chrome #chromeTools form#chromeForm { width:171px; } /* IE6 end */ /* IE6 added...*/ #header #chrome #chromeTools form#oneavidsearch { width:174px; float:none; } /* IE6 end */ /* IE6 added...*/ #header #chrome #chromeTools fieldset { display:inline; float:right; } /* IE6 end */ #header #chrome #chromeTools input { float:left; font-size:11px; color:#333; /* IE6 added...*/ display:inline; /* IE6 end */ } #header #chrome #chromeTools option { float:left; font-size:11px; border:0; } #header #chrome #chromeTools select { float:left; font-size:11px; margin:0 0 0 6px; width:159px; height:20px; background:#555; color:#CCC; border:0; } #header #chrome #chromeTools .products { float:left; margin:1px /*14px*/ 0 0 0; width:165px; height:22px; } #header #chrome #chromeTools .search { /* IE6 removed: float:left; added...*/ float:right; width:160px; /* IE6 end */ background: url('../images/interface/bg_fldSearchChrome.gif') no-repeat; height:22px; } #header #chrome #chromeTools .search input#searchField { border:0; background:none; margin:4px 0 0 0; float:left; width:128px; } /* Safari added... */ #header #chrome #chromeTools .search input, #header #chrome #chromeTools .search label { float:left;margin:0; padding:0; } /* fixes gap in Safari browser */ #header #navigation { clear:both; width:900px; height: 85px; position: relative; z-index: 100; /*background: url('../images/interface/header_nav_bg.png') left bottom #000;;*/ } #header #navigation #mainNavigation { float:left; margin:0; padding:0; } #header #navigation #mainNavigation li { display:inline; height:55px; margin:0 20px 0 0; float:left; } #header #navigation #mainNavigation li a { color:#FFF; line-height:55px; } #header #navigation #mainNavigation li a:hover { text-decoration:underline; } #header #navigation #mainNavigation li a.selected { text-decoration:underline; } #header #navigation #accountNavigation { position: absolute; right: 0px; top: 0px; margin:20px 0 0 0; padding: 0; } #header #navigation #accountNavigation li {display:inline; margin:0 0 0 10px; padding: 15px 0 0 0; color: #ccc;/*height:55px; line-height:55px;*/} #header #navigation #accountNavigation li a { color:#FFF; /*line-height:55px; */} #header #navigation #accountNavigation li a:hover { text-decoration:underline; } #header #tabs {margin:0; position:relative; } #header #tabs.headerTabs {margin-bottom: 5px; } #header #tabs ul {width:900px; margin:0; padding:0; background:url('../images/interface/tabNavBg3.gif') 0 0 no-repeat; height:33px; } #header #tabs ul li { list-style:none; float:left; height:33px; margin:0; padding:0; } #header #tabs ul li a {height: 33px; background:url('../images/interface/tabNavBgDiv1.jpg') top right no-repeat; color:#606060; text-align:center; text-decoration:none; line-height:34px; display:block;} /*#header #tabs ul li a:hover {height: 33px; background:url('../images/interface/tabNavBgDiv2.jpg') 0 0 repeat-x; color:#FFF;}*/ #header #tabs ul li a:hover, #header #tabs ul li a.selected {background:url('../images/interface/tabNavBgSel.gif') -10px 0 no-repeat; height: 33px; color:#FFF; border-right: 1px solid #dadada;} #header #tabs ul li a .dropdown {background:url('../images/stylesheets/tabs_dropdown_arrow.gif') 0 0 no-repeat; padding:0 10px 0 10px; width:14px; height:14px; } /* Optional dropdown arrow */ #header #tabs.narrow { margin:8px 0 5px;} #header #tabs.narrow ul {width:900px; margin:0; padding:0; background:url('../images/interface/tabNavBg3.gif') 0 0 no-repeat; height:33px; } #header #tabs.narrow ul li { list-style:none; float:left; height:33px; margin:0; padding:0;} #header #tabs.narrow ul li a {height: 33px; background:url('../images/interface/tabNavBgDiv1.jpg') top right no-repeat; color:#606060; text-align:center; text-decoration:none; line-height:34px; display: block;} /*#header #tabs.narrow ul li a:hover {height: 33px; background:url('../images/interface/tabNavBgDiv2.jpg') 0 0 repeat-x; color:#FFF;}*/ #header #tabs.narrow ul li a:hover, #header #tabs.narrow ul li a.selected {background:url('../images/interface/tabNavBgSel.gif') -10px 0 no-repeat; height: 33px; color:#FFF; border-right: 1px solid #dadada;} #header #tabs.narrow ul li a .dropdown {background:url('../images/stylesheets/tabs_dropdown_arrow.gif') 0 0 no-repeat; padding:0 10px 0 10px; width:14px; height:14px; } /* Optional dropdown arrow */ /*MEGA MENU*/ #header #navigation #navlist-tabs { float: left; margin: 0; padding: 0 0 0 40px; position:relative; margin: 10px 0 0 0; *padding-left: 0; } #header #navigation #navlist-tabs li { float: left; list-style-type: none; margin: 10px 2px 0 2px; padding: 0; color: #fff; *margin:10px 5px 0 0; } #header #navigation #navlist-tabs li a { position:relative; color: #ffffff; font-size: 12px; text-decoration: none; display: block; margin: 0; padding:0; } #header #navigation #navlist-tabs li a:hover { text-decoration: underline; } #header #navigation #navlist-tabs li.normal a { color: #ffffff; display: inline; font-size: 12px; margin: 0 0 0 25px; padding: 0; text-decoration: none; top: 31px; left: 15px; *left: 45px; } #header #navigation #navlist-tabs li.normal a:hover { text-decoration: underline; } #header #navigation #navlist-tabs ul#prodlist { position: absolute; left: 0; margin: 0; padding:0; } #header #navigation #navlist-tabs ul#prodlist li { margin: 13px 0 0 5px; padding: 0; position:relative; *margin: 12px 0 0 5px; } #header #navigation #navlist-tabs ul#prodlist li a { font-size: 12px; color: #ffffff; text-decoration: none; padding: 0; margin: 0 14px; } #header #navigation #navlist-tabs ul#prodlist li a:hover { text-decoration: none; padding: 0; margin: 0; } #header #navigation #navlist-tabs ul#prodlist li a.button:hover, #header #navigation #navlist-tabs ul#prodlist li.selected a.button { background: url("../common/images/interface/toprightend.png") no-repeat scroll right top transparent; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 40px; margin: -4px 4px 0 0; /*adjusting RT/LF margin controls the movement/shift of LF&RT;*/ overflow: hidden; padding: 0 9px 0 0; text-decoration: none; } #header #navigation #navlist-tabs ul#prodlist li a.button:hover span, #header #navigation #navlist-tabs ul#prodlist li.selected a.button span { /*background: url("/Static/Resources/common/images/interface/toplefttab.png") no-repeat 0 0;*/ background: url("{../images/interface/toplefttab.png')}") no-repeat 0 0; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; height: 40px; margin: 0 0 0 5px ; /*changes to lF & RT margins, must also change to the above declaration */ padding: 4px 0 0 9px; text-decoration: none; position:relative; } #header #navigation #navlist-tabs ul#prodlist li a.button:hover span div.ticker, #header #navigation #navlist-tabs ul#prodlist li.selected a.button span div.ticker { /*background: url("/Static/Resources/common/images/interface/ticker.png") no-repeat center bottom; */ background: url("../images/interface/ticker.png") no-repeat center bottom; position:relative; display: none; width: 18px; height:8px; bottom: -7px; /*position:absolute;*/ /*bottom: 7px;*/ /*left: 3px;*/ /*width: 100%;*/ } div.subTicker { /*background: url("/Static/Resources/common/images/interface/ticker.png") no-repeat center bottom; */ background: url("../images/interface/ticker.png") no-repeat center bottom; position:relative; display: block; width: 18px; height:8px; bottom: -7px; z-index: 99999; } #header #navigation #navlist-tabs div.left { /*background:url('/Static/Resources/common/images/interface/left-prd-line1.png') left top no-repeat; */ background:url('../images/interface/left-prd-line1.png') left top no-repeat; display:block; height: 50px; width: 28px; margin: 15px 0 0 -43px; padding:0; *margin-left: 0; padding-right: 10px; /*position: relative; */ } #header #navigation #navlist-tabs div.right { /*background:url('/Static/Resources/common/images/interface/right-prd-line1.png') right top no-repeat; */ background:url('../images/interface/right-prd-line1.png') right top no-repeat; position: relative; *position: absolute; display:block; height: 50px; margin: 15px 0 0 14px; *margin: 15px 0 0 15px; padding:0; width: 28px; } .clear { clear:both;} .on-top { z-index: 10000; } /*Mega dropdown MENU styles*/ .submenu { display: none; padding:0; margin: 0; clear:both; z-index: 1; position: relative; top: -16px; *top:-17px; } .submenu .submenucontent { position: absolute; overflow: hidden; background: #f1f1f1; padding: 0; margin:0; border-right: 1px solid #828282; border-bottom: 1px solid #828282; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } /*.submenucontent .bottom {background:url('/Static/Resources/common/images/interface/bt-LF-cnr.png') no-repeat 100% 100%; height: 2px;}*/ .submenucontent .bottom {background:url('../images/interface/bt-LF-cnr.png') no-repeat 100% 100%; height: 2px;} /*.submenucontent .bottom div {background:url('/Static/Resources/common/images/interface/bt-RT-cnr.png') no-repeat 0 100%; height: 2px; width: 2px;}*/ .submenucontent .bottom div {background:url('../images/interface/bt-RT-cnr.png') no-repeat 0 100%; height: 2px; width: 2px;} .submenu .submenucolumn { float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #4c4c4c; padding: 0 10px 10px 20px; } .submenu .submenucolumn a { color:#4c4c4c; text-decoration:none; } .submenu .submenucolumn a:hover { color: #006bb6; text-decoration: underline; } .submenu .submenucolumn ul { margin: 15px 20px 7px 0px; padding: 0; } .submenu .submenucolumn li { list-style: none; line-height: 12px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#4c4c4c; } .submenu .submenucolumn li.header{ color:#4c4c4c; font-weight: bold; font-size: 14px; padding-bottom: 1px; } .submenu .submenucolumn li.strong { color:#4c4c4c; font-weight: bold; font-size: 12px; } .submenu .submenucolumn li.promo { padding-bottom: 5px; } /*END MEGA MENU */ #header #hero { clear:both; position:relative; margin-bottom: 5px;/*position added for overlay text*/ } #header #heroImage {margin-bottom: 4px;} #header #hero.productHome { width:900px; height:350px; overflow:hidden; } #header #hero h1 { margin:22px 0 0 0; color:#f68623; font-size:38px; } #header #hero .heroPod3x3 { width:285px; height:140px; float:left; margin:0 22px 22px 0; position:relative; } #header #hero .heroPod3x3 a { display:block; width:285px; height:140px; background-position:0 0; } #header #hero .heroPod3x3 a:hover { background-position:141px 0; } #header #hero #subNavTabs { position:relative; } #header #hero .heroPod3x3 span { position:absolute; left:0; bottom:15px; padding:10px; } #header #hero .heroPod3x3 span.static { display:block; height:50px; padding-right:30px; background:url(../images/interface/hero_text_bg_alpha60.png); } #header #hero .heroPod3x3 span.static p { margin:0; color:#FFF; font-size:20px; line-height:50px; } #header #hero .heroPod3x3 a:hover span.static { display:none; } #header #hero .heroPod3x3 a span.hover { display:none; } #header #hero .heroPod3x3 a:hover span.hover { display:block; width:165px; background:#f68624; } #header #hero .heroPod3x3 a:hover span p { margin:0; color:#FFF; line-height:1.0; } #header #hero .heroPod3x3 a:hover span p.title { font-size:20px; } #header #hero .heroPod3x3 a:hover span p.subTitle { margin:10px 0; line-height:1.2; } #header #hero .heroPod3x3 a:hover span p.cta { color:#000; } #header #hero .last { margin-right:0; float:right; } /* Text overlay for hero (using semi-transparent PNG) */ #header #hero #textLeftLow { /*height:110px;*/ position:absolute; /*margin-top:-125px;*/ bottom:20px; background:url(../images/interface/hero_text_bg_alpha60.png); padding:10px 40px 15px 30px; max-width:800px; } #header #hero #textLeftLow.solutionTitle { position:absolute; bottom:50px; background:url(../images/interface/hero_text_bg_alpha60.png); padding:10px 40px 15px 30px; max-width:800px; } #header #hero #textLeftLow .mainText { font-size:38px; color:#f68623; color:#f68623; font-family:Arial, Helvetica, sans-serif; margin-top:20px; } #header #hero #textLeftLow .tagLine { font-size:14px; color:#FFFFFF; } /* Text overlay for hero (using alpha value in CSS) */ #header #hero #textLeftLow2 { /*height:110px;*/ position:absolute; margin-top:-125px; background:#000; padding:10px 40px 15px 30px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } #header #hero #textLeftLow2 .mainText2 { font-size:32px; color:#f68623; color:#f68623; font-family:Arial, Helvetica, sans-serif; margin-top:20px; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } #header #hero #textLeftLow2 .tagLine2 { font-size:14px; color:#FFFFFF; } #header #hero div.tabContent { position:relative; display:none; position:absolute; top:0; width:885px; padding:0 0 0 15px; background:url('../images/interface/tabContentBg.gif') 0 0 repeat-y; z-index:9999; border-bottom:1px solid #898989; border-left:1px solid #898989; border-right:1px solid #898989; } #header #hero div.tabContent ul { padding-left:0; } #header #hero div.tabContent .solPod { float:left; width:142px; margin:15px; } #header #hero div.tabContent .solPod p.title { color:#000; font-weight:bold; } #header #hero div.tabContent .solPod ul { padding:0; } #header #hero div.tabContent .solPod li { margin:0; list-style:none; } #header #hero div.tabContent #closePanel { position:absolute; bottom:3px; right:3px; } #content { background:url('../images/interface/content_bgslice.gif') top left repeat-x #DDD; padding:20px 20px 0 20px; z-index:1000; } /* container 1 and container 2 for full, equal length column backgrounds*/ #content div.inner #container1 { float:left; width:100%; background-color:#FFFFFF; position:relative; right:40%; } #content div.inner #container2 { float:left; width:100%; background-color:#EEEEEE; position:relative; right:30%; } /*#content div.inner .boxshadow { width:900px; background:url(../images/interface/mainwrap_base_shadow.gif) bottom no-repeat; height:31px; }*/ /* Home page styles */ #content div.inner .secondaryFeature { margin-top:20px; width:900px; position:relative; height:190px; } #content div.inner .secondaryFeature .homePods { position:relative; float:left; width:290px; height:190px; } #content div.inner .secondaryFeature .homePods img { width:290px; height:190px; } #content div.inner .secondaryFeature .middle { margin:0 15px; } #content div.inner .secondaryFeature h2 { position:relative; bottom:85px; padding-left:15px; } #content div.inner .secondaryFeature p { position:relative; bottom:85px; padding-left:15px; } #content div.inner .secondaryFeature .pod1 { position:absolute; left:0px; } #content div.inner .secondaryFeature .pod2 { position:absolute; left:305px; } #content div.inner .secondaryFeature .pod3 { position:absolute; left:610px; } #content div.inner .secondaryFeature img { } #content div.inner .secondaryFeature h2 { /* position:absolute; top:105px; left: 15px; */ } #content div.inner .secondaryFeature p { /* position:absolute; top:138px; left: 15px; */ } #content div.inner .newsTicker { background:url(../images/interface/home_news_box.gif); width:900px; height:54px; margin-top:0px; } #content div.inner .newsTicker .news { font-weight:bold; background:url(../images/interface/news_ticker_bar.gif) right no-repeat; height:39px; float:left; padding:0 20px 0 15px; } #content div.inner .newsTicker .news .text { padding:10px 0 0 0; float:left; } #content div.inner .newsTicker .headline { display:none; width:750px; overflow:hidden; height:20px; } #content div.inner .newsTicker .headline.current { display:inline; margin-left:20px; padding:10px 0 0 0; float:left; } #content div.inner .newsTicker .arrows { float:right; padding:10px 20px 10px 0; } #content div.inner .newsTicker .arrows img { display:inline; } #content div.inner #mainwrap .newsTicker .headline.current a:link, #content div.inner #mainwrap .newsTicker .headline.current a:visited { text-decoration:none; } #content div.inner #mainwrap .newsTicker .headline.current a:hover, #content div.inner #mainwrap .newsTicker .headline.current a:active { text-decoration:underline; } /* #news-slide */ #news-slide { font-weight:bold !important; height:35px; overflow:hidden; } #news-slide h2 { margin-right:20px; font-weight:bold !important; float:left;} #news-slide ul { height:18px; overflow:hidden; float:left; width:770px; } #news-slide ul li { background:#fff;} #news-slide a { font-weight:bold !important;} #news-slide span { color:#999999 !important; font-weight:bold !important; } #news-slide a.more { float:right; margin-top:3px; width:10px; height:11px; overflow:hidden; position:relative; } #news-slide a.more img { position:absolute; top:0; left:0;} #news-slide a.more:hover img { top:-11px} #content div.inner #mainwrap .featuredProducts { width:900px; background:url(../images/interface/mainwrap_base_1col.gif) bottom no-repeat #FFF; min-height:270px; margin-top:5px; } #content div.inner #mainwrap .featuredProducts .top { background:url(../images/interface/mainwrap_base_1col_whitetop.gif) top #FFF;; height:3px; margin:0; padding:0; } #content div.inner #mainwrap .featuredProducts h2 { padding:10px 0 10px 15px; } #content div.inner #mainwrap .featuredProducts .left { float:left; font-weight:bold; font-size:1.6em; margin:0; padding:10px 0 10px 15px; } #content div.inner #mainwrap .featuredProducts .right { float:right; margin:0; padding:16px 20px 10px 0; font-weight:bold; } #content div.inner #mainwrap .featuredProducts .product { width:149px; float:left; padding:15px 0 15px 0; text-align:center; border-right:#d4d4d4 solid 1px; border-top:#d4d4d4 solid 1px; height:156px; } #content div.inner #mainwrap .featuredProducts .productLast { width:150px; float:left; padding:15px 0 15px 0; text-align:center; border-top:#d4d4d4 solid 1px; height:156px; } #content div.inner #mainwrap .featuredProducts p { padding:0 10px 0 10px; } #content div.inner #mainwrap .featuredProducts img { padding-left:9px; } #content div.inner #mainwrap .featuredProducts a:link, #content div.inner #mainwrap .featuredProducts a:visited { text-decoration:none; } #content div.inner #mainwrap .featuredProducts a:hover, #content div.inner #mainwrap .featuredProducts a:active { text-decoration:underline; } #content div.inner #mainwrap.fullCol { position:relative; width:900px; margin-top:-45px; background:url('../images/interface/singlePanel_bg_top.gif') no-repeat #FFF; } #content div.inner #mainwrap { position:relative; width:900px; margin-top:-45px; background:url('../images/interface/mainwrap_bg_2col_1px.gif') #FFF; } #content div.inner #mainwrap.noHero { margin-top:-45px; } #content div.inner #mainwrap.fullCol.noHero { margin-top:-45px; } #content div.inner #mainwrap.home { background:none; margin-top:0px;} #content div.inner #mainwrap a:link, #content div.inner #mainwrap a:visited { text-decoration:underline; } #content div.inner #mainwrap a:hover, #content div.inner #mainwrap a:active { text-decoration:none;; } #content div.inner #LowerWellContent a:link, #content div.inner #LowerWellContent a:visited { text-decoration:underline; } #content div.inner #LowerWellContent a:hover, #content div.inner #LowerWellContent a:active { text-decoration:none;; } #content div.inner #mainwrap #breadcrumb { margin:2px 0 0 -18px; padding:0; } #content div.inner #mainwrap #breadcrumb li { display:inline; margin:6px 4px 0 0; /*float:left;*/ font-size:11px; color:#999; } #content div.inner #mainwrap #breadcrumb li a { color:#999; text-decoration:none; } #content div.inner #mainwrap #breadcrumb li a:hover { color:#999; text-decoration:underline; } #content div.inner #mainwrap #breadcrumb li.selected { font-weight:bold; } #content div.inner #mainwrap #singlePanel { clear:both; width:840px; padding:0 30px; margin-bottom:-135px; position: relative; margin-top:5px; /* position:relative fixes base background issue in IE */ } #content div.inner #mainwrap #singlePanel .pod2x840 { float:left; width:406px; margin:0 28px 0 0; } #content div.inner #mainwrap #singlePanel .pod2x840.last { margin-right:0; } #content div.inner #mainwrap #singlePanel .pod3x840 { float:left; width:260px; margin:0; } #content div.inner #mainwrap #singlePanel .pod4x840 { float:left; width:200px; margin:0 13px 0 0; } #content div.inner #mainwrap #singlePanel .pod4x840.last { float:right; margin:0; } #content div.inner #mainwrap #singlePanel .pod4x840 p { margin-bottom:0; line-height:1.0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840 { float:left; width:406px; margin:0 28px 0 0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840 img { width:406px; height:124px; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840.last { margin-right:0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod3x840 { float:left; width:260px; margin:0; } #content div.inner #mainwrap #singlePanel .cw_structTxt_pod3x840 { float:left; width:260px; margin:0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840 .long_desc ul, #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod3x840 .long_desc ul, #content div.inner .cw_imgPromos_pod4x840 .long_desc ul { padding-left:0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840 .long_desc li, #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod3x840 .long_desc li, #content div.inner .cw_imgPromos_pod4x840 .long_desc li { /*list-style:none;*/ /*display:inline;*/ } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod2x840 .long_desc ul, #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod3x840 .long_desc ul, #content div.inner .cw_imgPromos_pod4x840 .long_desc ul { margin-left:15px; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod3x840 .rightside { display:none; } #content div.inner #LowerWellContent .cw_imgPromos_pod4x840 .long_desc ul { margin-left:0; } #content div.inner #LowerWellContent .cw_imgPromos_pod4x840 .long_desc li { list-style:none; display:inline; } /* 3 across promos for mainPanel */ #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 { float:left; width:195px; margin:0; } #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 h2 { font: bold 14px sans-serif} #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840.middle { margin:0 15px; } #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 .long_desc h3 { font: bold 12px sans-serif} #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 .long_desc ul { padding-left:0;} #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 .long_desc li { list-style:none; display:inline; } #content div.inner #mainwrap #mainPanel .cw_imgPromos_pod3x840 .rightside { display:none; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod4x840 { float:left; width:200px; margin:0 13px 0px 0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod4x840.last { float:right; margin:0; } #content div.inner #mainwrap #singlePanel .cw_imgPromos_pod4x840 p { margin-bottom:0; /*line-height:1.0;*/ } #content div.inner #mainwrap #singlePanel form#AvidTV .cw_imgPromos_pod4x840 img { width:138px; height:78px; } #content div.inner #mainwrap #singlePanel .middle { margin:0 30px; } #content div.inner #mainwrap #singlePanel ul.linkList { padding:0; } #content div.inner #mainwrap #singlePanel ul.linkList li { display:inline; margin:6px 4px 0 0; color:#999; } #content div.inner #mainwrap #singlePanel .pod3x840 .leftCol { float:left; width:130px; } #content div.inner #mainwrap #singlePanel .pod3x840 .rightCol { float:right; width:130px; } #content div.inner #mainwrap #singlePanel .pod3x840 .narrow p { margin:0 0 0 0; } #content div.inner #mainwrap #singlePanel .prodFam_listBox { float:left; width:140px; } #content div.inner #mainwrap #singlePanel .prodFam_listBox p.title { font-weight:bold; } #content div.inner #mainwrap #singlePanel .prodFam_listBox { } #content div.inner #mainwrap #singlePanel .prodFam_listBox { } #content div.inner #mainwrap #mainPanel .pod2x840 { float:left; width:296px; margin:0 28px 0 0; } #content div.inner #mainwrap #mainPanel .pod2x840.last { margin-right:0; } /* Support page 3 boxes */ #content div.inner #mainwrap #singlePanel .supportPods { width:870px; margin-right:-30px; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft {/* width:260px; margin-top:0; margin-left:-30px; float:left;*/ float:left; width:260px; margin:0; padding-right:30px;} #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft img { /*float:left;*/ } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft ul { display:inline; margin:0; margin-top:5px; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft li { list-style-type: none; margin-left:0px; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .rightside { width:260px; margin:0; float:left; /*float:right; margin:20px 30px 0 10px*/ } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .rightside p { height:115px; margin-bottom:0; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .rightside ul { margin-top:0; float:left; margin:0; padding:0; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .rightside li { width:140px; list-style-type:none; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .long_desc { width:120px; float:right; margin-top:-120px; } #content div.inner #mainwrap #singlePanel .supportPods .cw_imgPromos_prodGroupLeft .long_desc ul { } #content div.inner #mainwrap #singlePanel .supportPods h3 { color:#999999; float:left; } #content div.inner #mainwrap #singlePanel .supportPods .rr_linkList_default { float:left; width:420px;} #content div.inner #mainwrap #singlePanel .supportPods .rr_linkList_default p.title { font-size:1.3em; font-weight:bold;} #content div.inner #mainwrap #singlePanel .supportPods .rr_linkList_default ul { margin:0; } #content div.inner #mainwrap #singlePanel .supportPods .rr_linkList_default li { list-style-type: none; margin-left:0px; } #content div.inner #mainwrap #singlePanel #productLeftNav { width:177px; float:left; margin:20px -1px -120px 0; border-right:1px solid #DDD; } #content div.inner #mainwrap #singlePanel #productLeftNav h2, #content div.inner #mainwrap #singlePanel #mainPanelRight h2 { margin-top:-5px; } #content div.inner #mainwrap #singlePanel #productLeftNav ul { padding:0 5px 0 0; list-style-type:none; } #content div.inner #mainwrap #singlePanel #productLeftNav ul li a:link, #content div.inner #mainwrap #singlePanel #productLeftNav ul li a:visited { text-decoration:none; } #content div.inner #mainwrap #singlePanel #productLeftNav ul li a:hover, #content div.inner #mainwrap #singlePanel #productLeftNav ul li a:active { text-decoration:underline; } #content div.inner #mainwrap #singlePanel #mainPanelRight { width:632px; margin:20px 0 -120px; padding:0 0 0 30px; float:left; border-left:1px solid #DDD; } #content div.inner #mainwrap #singlePanel #mainPanelRight .pod4x158 { width:158px; height:130px; float:left; margin-bottom:20px; text-align:center; } #content div.inner #mainwrap #singlePanel #mainPanelRight .pod4x158 a { display:block; width:158px; height:130px; line-height:1.2; text-decoration:none; } #content div.inner #mainwrap #singlePanel #mainPanelRight .pod4x158 a:hover { text-decoration:underline; } #content div.inner #mainwrap #singlePanel #mainPanelRight #viewProductsBtn { clear:both; width:185px; height:32px; background:url('../images/interface/view-all-prod_btn.gif') 0 0 no-repeat; text-align:center; line-height:32px; color:#FFF; } #content div.inner #mainwrap #singlePanel #mainPanelRight .boxGrayBdr { width:279px; float:left; padding:15px 15px 0 15px; background:url('../images/interface/box_grayBdr_top.jpg') 0 0 no-repeat; } #content div.inner #mainwrap #singlePanel #mainPanelRight .boxGrayBdr span.boxGrayBdrBot { display:block; margin-left:-15px; width:309px; height:7px; background:url('../images/interface/box_grayBdr_bot.jpg') 0 0 no-repeat; } #content div.inner #mainwrap #singlePanel #mainPanelRight .left { position:relative; margin:0 0px 0 0; } #content div.inner #mainwrap #singlePanel #mainPanelRight .right { position:relative; margin:0; float:right; } /* Single panel with 2 (white background) columns */ #content div.inner #mainwrap #singlePanel .pod130 { float:left; width:130px; padding:0 5px 5px 0px; } #content div.inner #mainwrap #singlePanel .last { padding-right:0; } #content div.inner #mainwrap #singlePanel .leftColWhite { float:left; width:50%; padding-bottom:15px; } #content div.inner #mainwrap #singlePanel .rightColWhite { float:right; width:50%; padding-bottom:15px; } #content div.inner #mainwrap #singlePanel .feature1, #content div.inner #mainwrap #singlePanel .feature2 { clear:both; margin:20px 0; width:700px; float:left; } #content div.inner #mainwrap #singlePanel .feature2 { float:right; } #content div.inner #mainwrap #singlePanel .feature1 img { margin:0 10px 0 0; } #content div.inner #mainwrap #singlePanel .feature2 img { margin:0 0 10px; } #content div.inner #mainwrap #singlePanel ul.linkList140 { width:140px; float:left; padding:0; } #content div.inner #mainwrap #singlePanel ul.linkList140 li { list-style:none; } #content div.inner #mainwrap #singlePanel ul.linkList140 li.title { font-weight:bold; } #content div.inner #mainwrap #singlePanel .cw_linkList_Family140 { float:left; padding:0 10px; width:120px; } #content div.inner #mainwrap #singlePanel .cw_linkList_Family140 ul { padding:0; } #content div.inner #mainwrap #singlePanel .cw_linkList_Family140 p.title { font-weight:bold; } #content div.inner #mainwrap #singlePanel .cw_linkList_Family140 li { list-style:none; } #content div.inner #mainwrap #singlePanel .col560 { width:540px; float:left; margin-right:20px; } #content div.inner #mainwrap #singlePanel .col280 { width:280px; float:left; } #content div.inner #mainwrap #singlePanel .col280 .userProfile { margin:20px 0 50px; padding:10px; background:url("../images/interface/bg_gradient_183px_height.gif") repeat-x center bottom #FFF;} #content div.inner #mainwrap #singlePanel .col280 .userProfile img { margin-right:10px; } #content div.inner #mainwrap #singlePanel .col280 .userProfile h3 { margin:0; } #content div.inner #mainwrap #singlePanel .col280 .userProfile { } #content div.inner #mainwrap #singlePanel .col560 .cw_imgPromos_workflowBox { margin:20px 0; } #content div.inner #mainwrap #singlePanel .col560 .cw_imgPromos_workflowBox h2 { float:right; width:325px; margin-top:0; } #content div.inner #mainwrap #singlePanel .col560 .cw_imgPromos_workflowBox .rightside { width:325px; } #content div.inner #mainwrap #singlePanel .col560 .cw_imgPromos_workflowBox .long_desc { display:none; } #content div.inner #mainwrap #singlePanel .group_imgPromo_width560 { width:525px; float:left; margin-right:20px; } #content div.inner #mainwrap #singlePanel .group_structTxt_width280 { width:280px; float:left; } #content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes { margin:20px 0 50px; padding:10px; background:url("../images/interface/bg_gradient_183px_height.gif") repeat-x center bottom #FFF;} #content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes img { margin-right:10px; } #content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes h3 { margin:0; } #content div.inner #mainwrap #singlePanel .group_structTxt_width280 .cw_structTxt_HowProsQuotes img { width:70px; height:70px; display:inline; } #content div.inner #mainwrap #singlePanel .group_imgPromo_width560 .cw_imgPromos_workflowBox { margin:20px 0; } #content div.inner #mainwrap #singlePanel .group_imgPromo_width560 .cw_imgPromos_workflowBox h2 { float:right; width:305px; margin-top:0; } #content div.inner #mainwrap #singlePanel .group_imgPromo_width560 .cw_imgPromos_workflowBox .rightside { width:305px; } #content div.inner #mainwrap #singlePanel .group_imgPromo_width560 .cw_imgPromos_workflowBox .long_desc { display:none; } #content div.inner #mainwrap #singlePanel .relatedSolutions { width:800px; padding:20px; background:url("../images/interface/bg_gradient_183px_height.gif") repeat-x center bottom #FFF; } #content div.inner #mainwrap #singlePanel .relatedSolutions p { display:block; width:100px; float:left; margin:0 20px 0 0; } #content div.inner #mainwrap #singlePanel .relatedSolutions ul { display:block; width:680px; float:right; margin:0; padding:0; } #content div.inner #mainwrap #singlePanel .relatedSolutions li { display:inline; float:left; background:#CCC; padding:5px; margin:3px; list-style:none; } #content div.inner #mainwrap #singlePanel .cw_linkList_FamilySolutions { width:800px; padding:20px; background:url("../images/interface/bg_gradient_183px_height.gif") repeat-x center bottom #FFF; } #content div.inner #mainwrap #singlePanel .cw_linkList_FamilySolutions p { display:block; width:100px; float:left; margin:0 20px 0 0; } #content div.inner #mainwrap #singlePanel .cw_linkList_FamilySolutions ul { display:block; width:680px; float:right; margin:0; padding:0; } #content div.inner #mainwrap #singlePanel .cw_linkList_FamilySolutions li { display:inline; float:left; background:#CCC; padding:5px; margin:3px; list-style:none; } #content div.inner #mainwrap #singlePanel .productGrid2Col { width:630px; margin:10px 10px 10px 10px;} #content div.inner #mainwrap #singlePanel .productGrid2Col .cell { float:left; width:301px; margin:0 14px 14px 0px; } #content div.inner #mainwrap #singlePanel .productGrid2Col .cell:hover { background:#ebebeb; } #content div.inner #mainwrap #singlePanel .productGrid2Col .imgCol { float:left; width:90px; } #content div.inner #mainwrap #singlePanel .productGrid2Col .cell img { margin:10px 10px 10px 10px;} #content div.inner #mainwrap #singlePanel .productGrid2Col .text { font-size:0.9em; padding:-10px 10px 5px 0; float:right; width:201px; line-height:normal; } #content div.inner #mainwrap #singlePanel .productGrid2Col .text strong { color:#000; font-size:1.1em;} #content div.inner #mainwrap #singlePanel .productGrid2Col .text h4 {margin:7px 0 0 0 ; } #content div.inner #mainwrap .mainPanelLeftCol {float:left; width:48%; padding-right:3%; } #content div.inner #mainwrap .mainPanelRightCol {float:right; width:48%; /*margin-bottom:-80px; */} #content div.inner #mainwrap .mainPanelRightCol li, #content div.inner #mainwrap .mainPanelLeftCol li { margin-bottom:5px;} #content div.inner #mainwrap #mainPanelTop { width:675px; height:2px; background:url('../images/interface/leftPanel_bg_top.gif') top left no-repeat #FFF; margin-left:-30px; } #content div.inner #mainwrap #mainPanel { width:620px; padding:0 26px 30px 30px; float:left; /*background:url('../images/interface/leftPanel_bg.gif') bottom no-repeat #FFF;*/ margin-bottom:-120px; position:relative; /* position:relative fixes base background issue in IE */ } #content div.inner #mainwrap #mainPanel .gridRow { } #content div.inner #mainwrap #mainPanel .gridRow .gridRowLeft { float:left; width:299px; margin:5px; } #content div.inner #mainwrap #mainPanel .gridRow .gridRowLeft:hover , .gridRowRight:hover { background:#ebebeb; } #content div.inner #mainwrap #mainPanel .gridRow .gridRowRight { float:right; width:299px; margin:5px; } #content div.inner #mainwrap #mainPanel .gridRow .imgCol { float:left; width:89px; } #content div.inner #mainwrap #mainPanel .gridRow .gridRowLeft img , .gridRowRight img { padding:8px;} #content div.inner #mainwrap #mainPanel .gridRow .text { font-size:0.9em; padding:-10px 5px 5px 0; float:right; width:205px; line-height:normal; } #content div.inner #mainwrap #mainPanel .gridRow .text strong { color:#000; font-size:1.1em;} #content div.inner #mainwrap #mainPanel .gridRow .text h4 {margin:5px 0 0 0 ; } #content div.inner #mainwrap #mainPanel .gridRowLeft { float:left; width:299px; margin:5px; } #content div.inner #mainwrap #mainPanel .gridRowLeft:hover , .gridRowRight:hover { background:#ebebeb; } #content div.inner #mainwrap #mainPanel .gridRowRight { float:right; width:299px; margin:5px; } #content div.inner #mainwrap #mainPanel .imgCol { float:left; width:89px; } #content div.inner #mainwrap #mainPanel .gridRowLeft img , .gridRowRight img { padding:8px;} #content div.inner #mainwrap #mainPanel .text { font-size:0.9em; padding:-10px 5px 5px 0; float:right; width:205px; line-height:normal; } #content div.inner #mainwrap #mainPanel .text strong { color:#000; font-size:1.1em;} #content div.inner #mainwrap #mainPanel .text h4 {margin:5px 0 0 0 ; } #content div.inner #mainwrap #mainPanel .productGrid2Col { width:630px; margin-right:-14px;} #content div.inner #mainwrap #mainPanel .productGrid2Col .cell { float:left; width:301px; margin:0 14px 14px 0px; } #content div.inner #mainwrap #mainPanel .productGrid2Col .cell:hover { /*background:#ebebeb;*/ } #content div.inner #mainwrap #mainPanel .productGrid2Col .imgCol { float:left; width:90px; } #content div.inner #mainwrap #mainPanel .productGrid2Col .cell img { margin:10px 10px 10px 10px;} #content div.inner #mainwrap #mainPanel .productGrid2Col .text { font-size:0.9em; padding:-10px 10px 5px 0; float:right; width:201px; line-height:normal; } #content div.inner #mainwrap #mainPanel .productGrid2Col .text strong { color:#000; font-size:1.1em;} #content div.inner #mainwrap #mainPanel .productGrid2Col .text h4 {margin:7px 0 0 0 ; } #content div.inner #mainwrap #mainPanel .image33text67 { float:left; margin-bottom:15px; } #content div.inner #mainwrap #mainPanel .image33text67 .imgCol { float:left; width:210px; margin-bottom:20px; } #content div.inner #mainwrap #mainPanel .image33text67 .imgCol img { margin:right:15px;} #content div.inner #mainwrap #mainPanel .image33text67 .textCol { float:right; width:410px; margin:0 0 0 0; /*line-height:1.3em font-size:0.9em;*/ } #content div.inner #mainwrap #mainPanel .image33text67 .textCol h4 { margin:0; } #content div.inner #mainwrap #mainPanel .image33text67 .textCol a { font-weight:bold; } #content div.inner #mainwrap #mainPanel .image33text67 .textCol p { margin:5px 0;} /* Gray header for mainPanel e.g. Office Locations */ #content div.inner #mainwrap #mainPanel #grayHdr { width:596px; background:url(../images/interface/mainwrap_h2_bg.gif) #CCCCCC left no-repeat; height:25px; padding:0px 10px 5px 10px; } /* Renamed from .grayBoxMainPanel */ #content div.inner #mainwrap #mainPanel #grayHdr h2 { margin:0; } /* Renamed from .grayBoxMainPanel */ /* Gray header for mainPanel e.g. Support */ #content div.inner #mainwrap #mainPanel #graySupport { width:596px; height: 400px; background:url(../images/interface/mainwrap_h2_bg.gif) #CCCCCC left no-repeat; height:25px; padding:0px 10px 5px 10px; } /* Renamed from .grayBoxMainPanel */ #content div.inner #mainwrap #mainPanel #graySupport h2 { margin:0; } /* Renamed from .grayBoxMainPanel */ /* one-third width boxes for 2-column page -customer stories */ #content div.inner #mainwrap #mainPanel .box33Stories { margin-right:-17px; margin-bottom:30px; float:left; } #content div.inner #mainwrap #mainPanel .box33Stories ul { margin:0; padding:0; list-style-type:none; } #content div.inner #mainwrap #mainPanel .box33Stories li { width: 195px; margin:15px 17px 5px 0; float:left; } #content div.inner #mainwrap #mainPanel .box33Stories li h3 { width: 195px; } /* one-third width boxes for 2-column page - except customer stories */ #content div.inner #mainwrap #mainPanel .box33Container { margin-right:-20px; margin-bottom:30px; float:left; } #content div.inner #mainwrap #mainPanel .box33Container.indented { margin-left:10px; margin-right:-18px; } /* if text needs to be indented from left side e.g. Office Locations */ #content div.inner #mainwrap #mainPanel .box33Container .box33 { width: 192px; margin:15px 20px 5px 0; float:left; } #content div.inner #mainwrap #mainPanel .box33Container.indented .box33 { width: 192px; margin:15px 16px 5px 0; float:left; } #content div.inner #mainwrap #mainPanel .box33Container.indented .box33 p {margin:0; } *#content div.inner #mainwrap #mainPanel h3 { line-height:1.0em;} /* Inline video */ #content div.inner #mainwrap #mainPanel .cw_media_video .inlineVideo { position:relative; display:block; width:512px; height:325px; margin:0 auto; } .cw_media_video .inlineVideo { height:329px; } /* Inline audio */ #content div.inner #mainwrap #mainPanel .cw_media_audio { position:relative; width:600px; padding:0; background:#FFF; } #content div.inner #mainwrap #mainPanel .cw_media_audio .inlineVideo { position:relative; height: 130px; width: 600px; margin:0 auto; } /* Full width box, tab and gray background tables e.g. Support pages */ #content div.inner #mainwrap.fullCol .fullBox { border:#d2d2d2 1px solid; margin-bottom:14px; float:left; width:838px; background:#FFF; } #content div.inner #mainwrap.fullCol .fullBox .hdr { height:25px; border-bottom:#d2d2d2 1px solid; background:url(../images/interface/bg_gradient_30px_height.gif) repeat-x; padding:5px 10px 0 10px; } #content div.inner #mainwrap.fullCol .fullBox .hdr h3 { margin:0; } #content div.inner #mainwrap.fullCol .fullBox #SupportFinderDiv p { padding-left:10px; padding-right:10px; padding-top:5px; } #content div.inner #mainwrap.fullCol .fullBox .dropDown { margin:10px;} #content div.inner #mainwrap.fullCol .fullBox .dropDown img { display:inline; position:absolute; } #content div.inner #mainwrap.fullCol .fullBox .dropDown #CategoriesList { width:270px; } #content div.inner #mainwrap.fullCol .fullBox .dropDown #SubCategoriesList { width:270px; } #content div.inner #mainwrap.fullCol .fullBox .dropDown #ProductsList { width:270px; } /* reseller Browse products dropdowns */ #content div.inner #mainwrap.fullCol #BrowseProductsDiv #CategoriesList { width:244px; } #content div.inner #mainwrap.fullCol #BrowseProductsDiv #SubCategoriesList { width:244px; } #content div.inner #mainwrap.fullCol #BrowseProductsDiv #ProductsList { width:244px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea { background:#e2e2e2; width:820px; margin-left:auto; margin-right:auto; margin-top:10px; padding-left:1px; margin-bottom:10px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea .head { margin:0 10px 0 10px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea .head h2 { margin:0; padding:0; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table { margin-left:10px; width:798px; background:#fff; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table thead th { background:url(../images/interface/bg_gradient_46px_height.gif) repeat-x bottom; height:46px; color:#333; line-height:1.2em; vertical-align:bottom; padding-bottom:10px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table tr { vertical-align:top; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table tr.odd td { background:#f2f2f2; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table #column1 { width:200px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table #column2 { width:325px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table #column3 { width:73px; } #content div.inner #mainwrap.fullCol .fullBox .contentArea table #column4 { width:200px; } /*Eastwood support tab styles */ #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder { width:820px; height:75px; display:inline; list-style:none; /*border-left:#d2d2d2 1px solid; */border-bottom:4px #8e8e8e solid; float:left; padding:0px; margin-top:0; margin-bottom:0; } #content div.inner #mainwrap.fullCol .fullBox .contentArea.noTabSelected ul.tabHolder { border-bottom:0; } #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li { float:left; height:59px; background:url(../images/interface/bg_gradient_79px_height.gif) repeat-x; border:#d2d2d2 1px solid; border-left:#FFF 1px solid; padding:7px; vertical-align:top; line-height:1.1em; font-weight:bold; width:101px; } #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.left { width:103px; border-left:none; margin:0 0 5px; } /* #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.seven { width:101px; } #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.six { width:120px; } #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.six.left { width:124px; border-left:none; margin:0 0 5px; } Not needed if have seven tabs */ #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.selected { background:url(../images/interface/bg_gradient_79px_height_h.gif) repeat-x; border-bottom:1px #8e8e8e solid; border-right:1px #8e8e8e solid; } #content div.inner #mainwrap.fullCol .fullBox ul.tabHolder li.selected a { color:#FFFFFF; } /* CMS support tab styles */ #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul { width:820px; height:61px; display:inline; list-style:none; /*border-left:#d2d2d2 1px solid; border-bottom:4px #8e8e8e solid;*/ float:left; padding:0px; /*margin-top:0; margin-bottom:0;*/ margin:9px; padding-bottom:14px; } /*#content div.inner #mainwrap.fullCol .fullBox .contentArea.noTabSelected ul.tabHolder { border-bottom:0; }*/ #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li { float:left; height:59px; background:url(../images/interface/bg_gradient_79px_height.gif) repeat-x; border:#d2d2d2 1px solid; border-left:#FFF 1px solid; padding:7px; vertical-align:top; line-height:1.1em; font-weight:bold; width:101px; } #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.left { width:102px; border:#d2d2d2 1px solid; margin:0 0 5px; } /*#content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.seven { width:101px; } #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.six { width:120px; } #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.six.left { width:124px; border-left:none; }*/ #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.selected { background:url(../images/interface/bg_gradient_79px_height_h.gif) repeat-x; border-bottom:1px #8e8e8e solid; border-right:1px #8e8e8e solid; } #content div.inner #mainwrap.fullCol .fullBox #SupportTypeDiv ul li.selected a { color:#FFFFFF; } #content div.inner #mainwrap.fullCol .fullBox .contentArea #SupportTypeDiv ul { margin-left:-1px; margin-top:0; } /* Gray background tables for mainWrap area e.g. Download Center */ #content div.inner #mainwrap #mainPanel .fullBox { border:#d2d2d2 1px solid; margin-bottom:14px; float:left; width:616px; background:#FFF; } #content div.inner #mainwrap #mainPanel .fullBox .hdr { height:25px; border-bottom:#d2d2d2 1px solid; background:url(../images/interface/bg_gradient_30px_height.gif) repeat-x; padding:5px 10px 0 10px; } #content div.inner #mainwrap #mainPanel .fullBox .hdr h3 { margin:0; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea { background:#e2e2e2; width:616px; margin-left:auto; margin-right:auto; margin-top:0px; padding-left:0px; margin-bottom:0px; } /*#content div.inner #mainwrap .fullBox .contentArea.noTabSelected { margin-bottom:10px;}*/ #content div.inner #mainwrap #mainPanel .fullBox .contentArea .head { margin:0 10px 0 10px; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea .head h2 { margin:0; padding:0; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table { margin-left:10px; width:596px; background:#fff; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table thead th { background:url(../images/interface/bg_gradient_46px_height.gif) repeat-x bottom; height:46px; color:#333; line-height:1.2em; vertical-align:bottom; padding-bottom:10px; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table tr { vertical-align:top; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table tr.odd td { background:#f2f2f2; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table #column1 { width:250px; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table #column2 { width:170px; } #content div.inner #mainwrap #mainPanel .fullBox .contentArea table #column3 { width:176px; } /* Full width table (no border) e.g. Reseller, Course Finder */ #content div.inner #mainwrap.fullCol .fullTable840 table { /*width:840px;*/ background:#fff; } #content div.inner #mainwrap.fullCol .fullTable840 table thead th { background:url(../images/interface/bg_gradient_46px_height.gif) repeat-x bottom; height:46px; color:#333; line-height:1.2em; vertical-align:bottom; padding-bottom:10px; } #content div.inner #mainwrap.fullCol .fullTable840 table tbody tr { vertical-align:top; } #content div.inner #mainwrap.fullCol .fullTable840 table tbody tr.odd td { background:#f2f2f2; } #content div.inner #mainwrap.fullCol .fullTable840 table tbody tr td img {float:left;} /* reseller only */ #content div.inner #mainwrap.fullCol #ResellerGrid1 .fullTable840 table { margin:0; padding:0; } #lowerpaginginfo p.resellerKey { font-size:0.9em; } /* 3/4 width table (no border) e.g. Find Certified User */ #content div.inner #mainwrap.fullCol .fullTable661 table { width:661px; background:#fff; float:left; border:0; } #content div.inner #mainwrap.fullCol .fullTable661 table thead th { background:url(../images/interface/bg_gradient_46px_height.gif) repeat-x bottom; height:46px; color:#333; line-height:1.2em; vertical-align:bottom; padding-bottom:10px; } #content div.inner #mainwrap.fullCol .fullTable661 table tbody tr { vertical-align:top; } #content div.inner #mainwrap.fullCol .fullTable661 table tbody tr.odd td { background:#f2f2f2; } #content div.inner #mainwrap.fullCol .fullTable661 table tbody tr td { padding:7px;} #content div.inner #mainwrap.fullCol .fullTable661 table tbody tr td img {float:left;} #content div.inner #mainwrap.fullCol .fullTable661 .rightCol {width:161px; float:right; margin-left:10px;} #content div.inner #mainwrap.fullCol .fullTable661 .rightCol ul { list-style-type:none; margin:0; margin-top:5px; padding:0; } /* Training Finder */ #content div.inner #mainwrap.fullCol .left.whiteLeftblueRight { width:550px; float:left; } #content div.inner #mainwrap.fullCol .right.whiteLeftblueRight { border:#e2e2e2 1px solid; background:#e2ebf1; font-weight:bold; width:230px; padding:10px; margin:0 0 10px 0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 { background:#e7e7e7; padding:15px 0 15px 0; vertical-align:top; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top { width:810px; padding:0 15px 0 15px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldCPName { width:165px; margin-right:5px; float:left; margin-top: -2px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldPLName { width:220px; float:left;} #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldPLName #PartnerLevelName {float:left; font-weight:bold;} #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldPLName #whatisthisLabel {color: #006bb6; font-weight:normal; text-decoration:underline;} content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldPLName #whatisthis {display: none; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldCPSchool { width:340px; float:right; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldATPCountry {width:170px; float:left; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .top #fieldATPState { width: 240px; float:right;} #content div.inner #mainwrap.fullCol .fullGrayBg840 .bottom { width:810px; padding:0 15px 0 15px; margin-top:15px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .bottom .lowerLeft { width:395px; margin-right:10px; float:left; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .bottom .lowerLeft .menuPod { width:185px; float:left; margin-right:10px; padding-bottom:10px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 .bottom .lowerRight { float:right; width:400px;} #content div.inner #mainwrap.fullCol .fullGrayBg840 /*.dropdown*/ td { vertical-align:top; } #content div.inner #mainwrap.fullCol .fullGrayBg840 h4 { margin:0; padding:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 fieldset { border:0; padding-top:0; padding-bottom:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 a { font-weight:bold; color:#006bb6; margin:0; padding:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu .small { font-size:0.9em; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu .small a { font-weight:normal; cursor:pointer; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu .browseProd { margin-left:29px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu .browseCountries { margin-left:17px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu { margin:0; padding:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu td { vertical-align:bottom; padding:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu td .prodField { margin-bottom:3px; padding-left:20px; float:left; width:262px; vertical-align:top; height:25px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu td .prodField input { margin:0; padding:0; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu td .prodAdd { float:right; width:125px; } #content div.inner #mainwrap.fullCol .fullGrayBg840 table.resellerMenu td .prodMenu { margin-bottom:3px; vertical-align:top; height:25px; float:left; } /* Inline pagination styles e.g. Reseller page */ #content div.inner #mainwrap.fullCol .inlinePaging {} #content div.inner #mainwrap.fullCol .inlinePaging ul#upperpaginginfo { float:left; margin-left:100px; width:200px; } #content div.inner #mainwrap.fullCol .inlinePaging ul#paging { float:right; width:200px; } #content div.inner #mainwrap.fullCol .inlinePaging ul#upperpaginginfo ul li, #content div.inner #mainwrap.fullCol .inlinePaging ul#paging ul li { margin:0; } /* Field & label formatting for 2 column forms in mainPanel */ #content div.inner #mainwrap #mainPanel .formHolder2Col {} #content div.inner #mainwrap #mainPanel .formHolder2Col .leftHolder50 { float:left; width:300px; margin-right:5px; } #content div.inner #mainwrap #mainPanel .formHolder2Col .rightHolder50 { float:right; margin-right:10px; width:300px; } #content div.inner #mainwrap #mainPanel .formHolder2Col .leftHolder50 .name , #content div.inner #mainwrap #mainPanel .formHolder2Col .rightHolder50 .name { width:100px; float:left; margin-bottom:5px; padding-top:10px; } #content div.inner #mainwrap #mainPanel .formHolder2Col .leftHolder50 .box , #content div.inner #mainwrap #mainPanel .formHolder2Col .rightHolder50 .box { width:200px; float:right; padding-top:10px; } /* Field & label formatting for 1 column forms in mainPanel */ #content div.inner #mainwrap #mainPanel .formHolder1Col {} #content div.inner #mainwrap #mainPanel .formHolder1Col .name { float:left; width:400px; margin-right:5px; padding-top:10px; } #content div.inner #mainwrap #mainPanel .formHolder1Col .box { float:right; margin-right:10px; width:200px; padding-top:10px; } /* Field & label formatting for 1 and 2 column forms in singlePanel */ #content div.inner #mainwrap.fullCol #singlePanel .formHolder1Col {} #content div.inner #mainwrap.fullCol #singlePanel .formHolder1Col .leftHolder40 { float:left; width:235px; margin-right:5px; margin-bottom:10px; } #content div.inner #mainwrap.fullCol #singlePanel .formHolder1Col .rightHolder60 { float:right; margin-right:0; width:580px; margin-bottom:10px;} #content div.inner #mainwrap.fullCol #singlePanel .formHolder2Col {} #content div.inner #mainwrap.fullCol #singlePanel .formHolder2Col .left { float:left; width:405px; margin-right:5px; margin-bottom:10px; } #content div.inner #mainwrap.fullCol #singlePanel .formHolder2Col .right { float:right; margin-right:0; width:405px; margin-bottom:10px; } #content div.inner #mainwrap.fullCol #singlePanel .formHolder2Col .name { float:left; width:148px; margin-right:5px; margin-bottom:10px; /*margin-top:5px;*/ } #content div.inner #mainwrap.fullCol #singlePanel .formHolder2Col .field { float:right; margin-right:0; width:250px; margin-bottom:10px;} /* ilok form */ .ilokHolder .formHolder1Col { width:405px; } .ilokHolder .formHolder1Col .leftHolder40 { float:left; width:148px; margin-right:5px; margin-bottom:10px; } .ilokHolder .formHolder1Col .rightHolder60 { float:right; margin-right:0; width:250px; margin-bottom:10px;} /* Pagination styles e.g. for News and Press Releases */ #content #newsNav { float: right; margin: 15px 0 0; padding: 0 0 10px 0; } #content #newsNav ul { margin: 0; padding: 0px; height:22px; } #content #newsNav ul li { display:inline; margin: 0; color: #666; list-style-type: none; font-weight: bold; } #content #newsNav ul li a { margin: 0; color: #666; padding:6px 8px 6px 6px; text-align:center; } #content #newsNav ul li a.on { background: url('../images/interface/bg_newsNav_on.png') center no-repeat; } /* Action calls (right hand column) */ #content div.inner #mainwrap #rightSidebar { width:224px; float:right; /*background-color:#EEE;*/ padding:0; margin-bottom:-120px; position:relative; /* position:relative fixes base background issue in IE */ } #content div.inner #mainwrap #rightSidebar #actionCallHolder { width:224px; background:#FFF; margin:0 0 -5px 0; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallTop { width:224px; height:2px; background:url('../images/interface/rightcol_white_topcurve.gif') #FFF; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent, #content div.inner #mainwrap #rightSidebar #actionCallHolder #rightActionMenu { width:187px; background:url('../images/interface/rightcol_white.gif') bottom no-repeat #FFF; padding:15px 15px 25px 22px;} #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent h4 { color:#999999; margin:0 0 -10px 0;} #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent .price { font-size:26px; font-weight:bold; color:#000; margin:5px 0 5px -7px;} #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent .price .currency { text-transform:uppercase; font-size:40%; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent li { height:22px; overflow:hidden; color:#FFF; padding:0 10px 0 0; font-size:120%; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallContent li a { color:#FFFFFF; padding:0 15px;background:url('../images/interface/rightcol_actionbtn_left.gif') left no-repeat; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #rightActionMenu { font-weight:bold; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #rightActionMenu li { position:relative; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #rightActionMenu .menuSelector { position:absolute; left:-10px; top:-2px; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #rightActionMenu li ul { margin:5px 0 0 15px; } #content div.inner #mainwrap #rightSidebar #actionCallHolder #actionCallTop #actionCallContent .blueActionButton2 { padding-left:0;} /* Default */ #content div.inner #mainwrap #rightSidebar #actionCallHolder span.Defalt { display:none; } #content div.inner #mainwrap #rightSidebar #actionCallHolder .default { padding-left:0; } #content div.inner #mainwrap #rightSidebar .default { padding-left:20px;} #content div.inner #mainwrap #rightSidebar .cw_structTxt_default { padding-left:20px;} #content div.inner #mainwrap #rightSidebar #lowerHolderContent .cw_structTxt_default { padding-left:0px;} table.productGridText a { font-weight:bold; } /* Right Rail content classes */ #content div.inner #mainwrap #rightSidebar #lowerHolder {width:224px; background:#EEE; margin:0; } #content div.inner #mainwrap #rightSidebar #lowerHolder #topCurve { width:224px; height:2px; background:url('../images/interface/rightcol_gray_topcurve4.gif') #FFF; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent { width:187px; background:url('../images/interface/rightcol_gray_darktopedge.gif') top no-repeat #EEE; padding:15px 18px 0 19px; } #content div.inner #base { /*clear:both;*/ width:900px; height:166px; background:url('../images/interface/mainwrap_base_2col.gif') #DDD; line-height:1; } #content div.inner #baseFullWidth { clear:both; width:900px; height:166px; background:url('../images/interface/mainwrap_base_1col.gif') #DDD; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent a { color:#1c85bf; text-decoration:underline; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent a:hover { text-decoration:underline; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent li.selected a { color:#000; text-decoration:underline; background:url(../images/interface/chevron_double_black.png) left no-repeat; padding-left:10px; margin-left:-10px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .contentBox {padding-bottom:10px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .contentBoxImageOnly { margin-bottom:20px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .contentBoxImageOnly img { margin-bottom:20px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent img { float:left; padding:4px 7px 4px 0; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent #RightNavigation a { display:block; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent #RightRailContent .title { font-weight:bold; margin-top:15px; } #content div.inner #mainwrap #rightSidebar li { margin-left:-23px; list-style-type:none; margin-bottom:5px; line-height:1.2em; } #content div.inner #mainwrap #rightSidebar li a { display:block; text-decoration:underline;} #content div.inner #mainwrap #rightSidebar li a:hover { text-decoration:underline; } #content div.inner #mainwrap #rightSidebar li.selected a:hover { color:#000; text-decoration:none; } /* Background for boxes in right nav */ #content div.inner #mainwrap #rightSidebar .backgroundBox { background:url(../images/interface/bg_gradient_183px_height.gif) bottom repeat-x #FFF; position:relative; min-height:165px; padding:8px; } #content div.inner #mainwrap #rightSidebar .backgroundBox h5 { margin:0;} /* Search boxes for events page */ #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields { } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields label { padding-bottom:5px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields input#EventDescription { width:97%; padding-bottom:5px;} #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields select { width:100%; padding-bottom:5px; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields input#btnSearchByLocation { float:right; } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .searchFields .spacer { height:5px; } /* Pods for Management page */ .pod { padding:0 0 14px 0; float: left; margin-bottom: 30px; width:280px; cursor: pointer; } .pod h2 { margin:0; padding:0 4px 4px 0; font-size:22px; line-height:.85; } .pod h3 { margin: 0; padding: 0 4px 0 0; color: #676767; font-size: 14px; margin-top: 2px; line-height: 16px;} .pod img { float:left; margin:0 10px 0 0; } .pod.overBio h2, .pod.overBio h3{ color: #006bb6; } #content div.inner #genericContent { width:840px; margin:15px 0 0; padding:0 30px; background:#FFF; } #content div.inner #genericContent .pod4x840 { float:left; width:185px; padding:30px 15px 0; border-right:1px solid #DDD; } #content div.inner #genericContent .first { padding-left:0; } #content div.inner #genericContent .last { border:0; padding-right:0; } #content div.inner #LowerWellContent { width:840px; margin:15px 0 0; padding:0 30px; background:#FFF; } #content div.inner #LowerWellContent .cw_imgPromos_pod4x840 { float:left; width:185px; padding:30px 15px 0; border-right:1px solid #DDD; } #content div.inner #LowerWellContent .cw_imgPromos_pod5x840 { float:left; width:148px; padding:30px 12px 0; border-right:1px solid #DDD; } #content div.inner #LowerWellContent .first { padding-left:0; } #content div.inner #LowerWellContent .last { border:0; padding-right:0; } /* 4 across pods for Solutions page */ #content div.inner #mainwrap #singlePanel .solutionsHolder { width:853px; } #content div.inner #mainwrap #singlePanel .solutionsHolder .cw_imgPromos_workflowBox { float:left; width:200px; margin:0 13px 0 0; } #content div.inner #mainwrap #singlePanel .solutionsHolder .cw_imgPromos_workflowBox ul { margin:0; line-height:1.0; width:200px; } #content div.inner #mainwrap #singlePanel .solutionsHolder .cw_imgPromos_workflowBox h2 { font-size:1.3em; } #content div.inner #mainwrap #singlePanel .solutionsHolder .cw_imgPromos_workflowBox .rightside { width:200px; } #content div.inner #championNav { width:900px; margin:15px 0 0; padding:5px 0 0; background:#FFF; } #content div.inner #championNav h2 { margin:0; padding:0 0 0 30px; border-bottom:1px solid #DDD; } #content div.inner #championNav .podChamp { float:left; width:119px; padding:15px 30px 0; border-right:1px solid #DDD; } #content div.inner #championNav .podChamp p { text-align:center; } #content div.inner #championNav .last { width:120px; border:0; } #footer { clear:both; background:#EEE; padding:20px; } #footer #footerSiteMap { width:900px; margin-bottom:30px; } #footer #footerSiteMap .footerList { width:120px; float:left; margin:0 30px 0 0; } #footer #footerSiteMap .last { margin:0; } #footer #footerSiteMap li { margin:5px 0; } #footer #footerSiteMap li a { display:block; color:#888; } #footer #footerSiteMap li a:hover { text-decoration:underline; } #footer #footerLinks { clear:both; width:900px; margin-top:30px; /*position:relative;*/ } #footer #footerLinks .leftFooter { /*position:relative;*/ float:left; /*width:500px;*/ } #footer #footerLinks .rightFooter { /*position:relative;*/ float:right; /*width:375px;*/ } #footer #footerLinks ul.altmenu { float:left; margin-left:0px; } #footer #footerLinks .country { float:right; padding-top:3px;} #footer #footerLinks ul { } #footer #footerLinks li { margin:0; padding:0; display:inline; } /* REGULAR CAROUSEL - 900px ....modifying for 620px .... */ #content div.inner #mainwrap #mainPanel #carousel h3 { margin:0; } #content div.inner #mainwrap #mainPanel #carousel ul#csCarousel li:hover { /*background:#DDD;*/ } #content div.inner #mainwrap #mainPanel #carousel .jcarousel-control { clear:both; float:right; } #content div.inner #mainwrap #mainPanel #carousel .jcarousel-control a { display:block; float:left; width:9px; height:10px; margin:2px; background:url('../images/interface/carousel_dot_unselected.png') 0 0 no-repeat; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .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: 130px; /*height: 150px;*/ margin-bottom:0; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-cs .jcarousel-container { -moz-border-radius: 10px; } .jcarousel-skin-cs .jcarousel-container-horizontal { width: 560px; padding:0 30px; } .jcarousel-skin-cs .jcarousel-clip-horizontal { width: 560px; height: 150px; } .jcarousel-skin-cs .jcarousel-item { width: 130px; height: 150px; padding:0 3px; } .jcarousel-skin-cs .jcarousel-item-horizontal { margin-right: 0px; } .jcarousel-skin-cs .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-cs .jcarousel-next-horizontal { position: absolute; top: 64px; right: 0; width: 20px; height: 150px; cursor: pointer; background: transparent url('../images/interface/next-horizontal.png') no-repeat 0 0; } .jcarousel-skin-cs .jcarousel-next-horizontal:hover { background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-next-horizontal:active { background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-next-disabled-horizontal, .jcarousel-skin-cs .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-cs .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-prev-horizontal { position: absolute; top: 64px; left: 0; width: 20px; height: 150px; cursor: pointer; background: transparent url('../images/interface/prev-horizontal.png') no-repeat 0 0; } .jcarousel-skin-cs .jcarousel-prev-horizontal:hover { background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-prev-horizontal:active { background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-prev-disabled-horizontal, .jcarousel-skin-cs .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-cs .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; } .jcarousel-skin-cs .jcarousel-item h3 { font-size:12px; } /*HoverText Box */ .productGridTextHover { background:#d2d2d2; position:relative; float:left; width:323px; min-height:130px; margin:0 14px 0px 0px; background:url(../images/interface/hoverbox_bg.png) top left; /*margin-left:-1px;*/} .productGridTextHover .arrow { width:10px; height:12px; background:url(../images/interface/hoverbox_arrow.png) center no-repeat; top:50px; left:0px; position:absolute; } .productGridTextHover .productImg img { width:70px; height:70px; position:absolute; top: 10px; left:19px; } .productGridTextHover .textCol { font-size:0.9em; top: 10px; left:99px; width:201px; position:absolute; padding-bottom:14px; } .productGridTextHover .textCol h5 { margin:0; } .productGridTextHover .close { height:14px; width:14px; background:url(../images/interface/hovertext_close.gif); position:absolute; top:10px; right:10px;} .productGridTextHover .cta { height:22px; width:87px; position:absolute; top:34px; right:10px; } .productGridTextHover .price { font-weight:bold; font-size:1.4em; display:inline; margin:0; } .productGridTextHover .base { height:7px; width: 316px; /*margin-top:-7px;*/ background:url(../images/interface/hoverbox_base.png) center no-repeat; position:absolute; bottom:-7px; left:9px; } /*.blueActionButton2 { height:22px; } .blueActionButton2 a { background:url('../images/interface/rightcol_actionbtn_left.gif') left no-repeat; color:#FFF; padding:10px 20px 10px 20px; font-size:120%; font-weight:bold;} .blueActionButton2 span {}*/ /*.blueActionButton2 { height:22px; } .blueActionButton2 a span { background: transparent url('../images/interface/rightcol_actionbtn_full.gif') no-repeat scroll left 0; display: -moz-inline-box; display: inline-block; height:22px; color:#FFF; padding:0 0 0 20px; font-size:120%; font-weight:bold;} .blueActionButton2 a { background: transparent url('../images/interface/rightcol_actionbtn_full.gif') no-repeat scroll right 0; padding:10px 20px 10px 20px; display: -moz-inline-box; display: inline-block; height:22px; color:#FFF; font-size:120%; font-weight:bold; }*/ .blueActionButton2 a, .blueActionButton2 a span { /*background: transparent url('../images/interface/rightcol_actionbtn_full.gif') no-repeat scroll left 0; */ margin: 0 10px 0 0; /* 10px == amount of background image to the right */ padding: 0 0 0 10px; /* 10px == amount of background image to the left */ /*display: -moz-inline-box; Firefox 2 support for inline-block */ /* display: inline-block; Must be used so that height can be set */ display:block; height: 22px; /* Same as height of background image */ color:#006bb6; font-weight:bold; text-decoration: underline; cursor:pointer; } .blueActionButton2 a { background-position: right 0; margin: 0 0 5px 0; padding: 0; } .blueActionButton2 a.buyNow { width:105px; height:22px; background:url('../images/general/rr_105x44_buynow.png') 0 0 no-repeat; } .blueActionButton2 a.rentNow { width:105px; height:22px; background:url('../images/general/rr_105x44_rentnow.png') 0 0 no-repeat; } .blueActionButton2 a.upgradeNow { width:105px; height:22px; background:url('../images/general/rr_105x44_upgradenow.png') 0 0 no-repeat; } .blueActionButton2 a.viewSchedule { width:163px; height:22px; background:url('../images/general/cw_163x44_viewandenroll.png') 0 0 no-repeat; } .blueActionButton2 a.findReseller { width:106px; height:22px; background:url('/static/resources/us/images/general/rr_106x44_findareseller.png') 0 0 no-repeat; } .blueActionButton2 a.freeTrial { width:105px; height:22px; background:url('/static/resources/us/images/general/rr_105x44_freetrial.png') 0 0 no-repeat; } .blueActionButton2 a.requestInfo { width:105px; height:22px; background:url('/static/resources/us/images/general/rr_105x44_requestinfo.png') 0 0 no-repeat; } .blueActionButton2 a.howToBuy { width:105px; height:22px; background:url('../images/general/rr_105x44_howtobuy.png') 0 0 no-repeat; } .blueActionButton2 a.buyNow:hover, .blueActionButton2 a.rentNow:hover, .blueActionButton2 a.upgradeNow:hover, .blueActionButton2 a.viewSchedule:hover, .blueActionButton2 a.findReseller:hover, .blueActionButton2 a.freeTrial:hover, .blueActionButton2 a.requestInfo:hover, .blueActionButton2 a.howToBuy:hover { background-position:0 -22px; } /*.blueActionButton2 a.findReseller, .blueActionButton2 a.freeTrial, .blueActionButton2 a.requestInfo { margin: 0; padding: 3px 0 0 0; display:block;}*/ /* HEAT listening exam - generic buttons*/ /*.blueActionButton2 a.heatchallenge { width:163px; height:22px; background:url('/static/resources/common/images/products/cw_163x44_HEATChallenge.png') 0 0 no-repeat; }*/ .blueActionButton2 a.heatchallenge { width:163px; height:22px; background:url('../images/products/cw_163x44_HEATChallenge.png') 0 0 no-repeat; } /*.blueActionButton2 a.heatchallengedone { width:192px; height:22px; background:url('/static/resources/common/images/products/cw_192x44_HEATChallengeDone.png') 0 0 no-repeat; }*/ .blueActionButton2 a.heatchallengedone { width:192px; height:22px; background:url('../images/products/cw_192x44_HEATChallengeDone.png') 0 0 no-repeat; } /*.blueActionButton2 a.heatchallengedl { width:225px; height:22px; background:url('/static/resources/common/images/products/cw_225x44_HEATChallengeDwnld.png') 0 0 no-repeat; }*/ .blueActionButton2 a.heatchallengedl { width:225px; height:22px; background:url('../images/products/cw_225x44_HEATChallengeDwnld.png') 0 0 no-repeat; } .blueActionButton2 a.heatchallenge:hover, .blueActionButton2 a.heatchallengedone:hover, .blueActionButton2 a.heatchallengedl:hover { background-position:0 -22px; } /* Product Grid (Text-only) */ table.productGridText { font-size:0.9em; } table.productGridText #column1 { width:100px; } table.productGridText #column2 { width:120px; } table.productGridText #column3 { width:396px; } table.productGridText th { border-bottom:#d2d2d2 1px solid; background:url(../images/interface/bg_gradient_79px_height.gif) bottom repeat-x; } table.productGridText tr { border-bottom:1px solid #d2d2d2; } table.productGridText tr { vertical-align:baseline; } /* Content Type Render Mode Names */ #content div.inner #mainwrap .cw_structTxt_default ul.structTxtLinkList { padding:0; } #content div.inner #mainwrap .cw_structTxt_default ul.structTxtLinkList li { list-style:none; } /* New Design (Pro Tools 10, Media Composer 6) fixes ==> */ #content div.inner #mainwrap #CenterWellContent h2 {margin-top: 22px;} #content div.inner #mainwrap #CenterWellContent ul {margin: 5px 0px;} #content div.inner #mainwrap #CenterWellContent table {margin-bottom: 0px;} #content div.inner #mainwrap #CenterWellContent table.tutorialsGrid {text-align: center; width: 100%;} #content div.inner #mainwrap #CenterWellContent table.tutorialsGrid tr td {padding: 0px; vertical-align: top; text-align: center; padding: 10px 10px 0px 10px;} #content div.inner #mainwrap #CenterWellContent table.tutorialsGrid tr td img {display: inline; text-align: center; margin-bottom: 10px; vertical-align: middle; border: 0; } #content div.inner #mainwrap #CenterWellContent table.tutorialsGrid tr td p {margin: 0} #content div.inner #mainwrap #CenterWellContent table.tutorialsGrid tr td a {} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn {width: 100%} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn th {width: 48%; font: bold 18px Arial, sans-serif} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn td {vertical-align: top; padding: 15px 5px 3px 5px} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn td > img {float: left;} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn td > div {float: right; width: 250px} #content div.inner #mainwrap #CenterWellContent table.fullWidthTwoColumn td > div h3 {font: bold 15px Arial, sans-serif; margin-top: 0} #content div.inner #mainwrap #CenterWellContent table.fullWidthThreeColumn {width: 100%} #content div.inner #mainwrap #CenterWellContent table.fullWidthThreeColumn th {border-bottom: 0px; font: normal 18px Arial, sans-serif; border-top: 0px; padding: 2px 30px 2px 0px;} #content div.inner #mainwrap #CenterWellContent table.fullWidthThreeColumn th div.underline {border-bottom: 1px solid #DDD; margin-top: 5px;} #content div.inner #mainwrap #CenterWellContent table.fullWidthThreeColumn td {vertical-align: top; padding: 15px 30px 3px 0px; width: 33%} #content div.inner #mainwrap #CenterWellContent table.fullWidthThreeColumn td > div h3 {font: bold 15px Arial, sans-serif; margin-top: 10px} #content div.inner #mainwrap #CenterWellContent table.comparisonTable { text-align: center; border-collapse: collapse; width: 100%; } #content div.inner #mainwrap #CenterWellContent table.comparisonTable tr th { font: bold 16px sans-serif; background-color: #666; color: white; border: 1px solid #666; border-right-color: #777; text-align: center;} #content div.inner #mainwrap #CenterWellContent table.comparisonTable tr td {border: 1px solid #ddd;} #content div.inner #mainwrap #CenterWellContent table.comparisonTable tr.subCaption td { text-align: left; background-color: #666666; color: white; vertical-align: middle; font: bold 14px sans-serif; padding: 5px; } #content div.inner #mainwrap #CenterWellContent table.comparisonTable tr td:first-child {font-weight: bold; text-align: left;} #content div.inner #mainwrap .cw_imgPromos_workflowBox img { float:left; margin-right:10px; } #content div.inner #mainwrap .cw_imgPromos_workflowBox h2 { margin-top: 0px !important;} #content div.inner #mainwrap .cw_imgPromos_workflowBox h3 { margin-top: 0px !important;} table.first_column_bold tr td {text-align: center} table.first_column_bold tr td:first-child {text-align: left; font-weight: bold;} /* Hover button with 22px height. */ a.hover-22x {height: 22px; display: block; zoom: 1; text-indent: -3000px; background-position: 0px 0px; } a.hover-22x:hover, a.hover-22x.hover {background-position: 0px -22px;} /* <=== New Design END */ #content div.inner #mainwrap .cw_imgPromos_workflowBox .rightside { display:block; float:right; width:405px; } #content div.inner #mainwrap .cw_imgPromos_workflowBox .rightside p { margin-bottom: 0;} /* [2011-09-22] Reduced gap between paragaph and links */ #content div.inner #mainwrap .cw_imgPromos_workflowBox .rightside ul { padding:0; } #content div.inner #mainwrap .cw_imgPromos_workflowBox .rightside li { list-style: disc; font-weight:normal; margin-left: 30px; } #content div.inner #mainwrap .cw_imgPromos_workflowBox .long_desc { clear:both; } #content div.inner #mainwrap .cw_imgPromos_workflowBox .long_desc ul { padding:0; } #content div.inner #mainwrap .cw_imgPromos_workflowBox .long_desc li { list-style:none; font-weight:bold; } /* Removing line break: */ #content div.inner #mainwrap .cw_imgPromos_workflowBox > div.long_desc {display: block;} #content div.inner #mainwrap .cw_imgPromos_ProdSimpleUngrouped { position:relative; clear:both; width:676px; margin:0 0 25px 0; float:left;} #content div.inner #mainwrap .cw_imgPromos_ProdSimpleUngrouped.last { } #content div.inner #mainwrap .cw_imgPromos_ProdSimpleUngrouped img { float:left; margin-right:20px; width:250px; height:175px; } #content div.inner #mainwrap .cw_imgPromos_ProdSimpleUngrouped .rightside { float:right; width:361px; margin:0 30px 0 0; } #content div.inner #mainwrap .cw_imgPromos_prodGroupLeft { width:676px; margin-top:0; margin-left:-30px; float:left;} #content div.inner #mainwrap .cw_imgPromos_prodGroupLeft img { float:left; } #content div.inner #mainwrap .cw_imgPromos_prodGroupLeft .rightside { float:right; /*width:370px;*/ margin:20px 30px 0 10px } #content div.inner #mainwrap .cw_imgPromos_prodGroupRight { width:676px; margin-top:0; margin-left:-30px; float:left;} #content div.inner #mainwrap .cw_imgPromos_prodGroupRight img { float:right; margin-right:-1px; } #content div.inner #mainwrap .cw_imgPromos_prodGroupRight .rightside { float:left; /*width:350px;*/ margin:20px 30px 0 30px } /* training */ /* training_home */ #content div.inner #mainwrap .cw_imgPromos_stockBox { width:260px; margin:0; float:left; } #content div.inner #mainwrap .cw_imgPromos_stockBox img { float:left; height:135px; width:260px; } #content div.inner #mainwrap .cw_imgPromos_stockBox .middle { margin: 0 20px; } #content div.inner #genericContent .cw_imgPromos_promotionBox { float:left; width:185px; padding:30px 15px 0; border-right:1px solid #DDD; } #content div.inner #genericContent .first { padding-left:0; } #content div.inner #genericContent .last { border:0; padding-right:0; } #content div.inner #mainwrap .cw_linkedImg_brandBox { width:286px; margin: 0 0 20px 0; float:left; } #content div.inner #mainwrap .cw_linkedImg_brandBox img { float:left; height:140px; width:286px; } #content div.inner #mainwrap .left { margin: 0 16px 16px 0; float:left;} #content div.inner #mainwrap .cw_imgPromos_thumbBox { float:left; width:120px; padding:30px 20px 0; } /*START Updated By Nbustillos For ASC 3.0 */ /*#content div.inner #mainwrap .first { padding-left:0; }*/ #content div.inner #mainwrap .first {padding-left:2px;} /*END Updated By Nbustillos For ASC 3.0 */ #content div.inner #mainwrap .last { border:0; padding-right:0; } #content div.inner #mainwrap .cw_imgPromos_thumbBoxCert { float:left; width:185px; padding:30px 10px 0; } /*START Updated By Nbustillos For ASC 3.0 */ /*#content div.inner #mainwrap .first { padding-left:0; }*/ #content div.inner #mainwrap .first {padding-left:2px;} /*END Updated By Nbustillos For ASC 3.0 */ #content div.inner #mainwrap .last { border:0; padding-right:0; } #content div.inner #mainwrap .enrollBtnFloat { float:right; width:200px; margin:15px; } #content div.inner #mainwrap .enrollBtnHolder {position:relative; } /* one-third width boxes for 2-column page - training */ #content div.inner #mainwrap .cw_imgBox_training { width: 192px; padding:15px 10px 5px 10px; float:left; /*margin-right:-20px; margin-bottom:30px; float:left; */ } /*START Updated By Nbustillos For ASC 3.0 */ /*#content div.inner #mainwrap .first { padding-left:0; }*/ #content div.inner #mainwrap .first {padding-left:2px;} /*END Updated By Nbustillos For ASC 3.0 */ #content div.inner #mainwrap .last { border:0; padding-right:0; } /* table training grid */ table.trainingGridText a { font-weight:bold; color:#006bb6; margin:0; padding:0; } /* training grid (Text-only) */ table.trainingGridText { font-size:0.9em; } table.trainingGridText #column1 { width:100px; } table.trainingGridText #column2 { width:120px; } table.trainingGridText #column3 { width:396px; } table.trainingGridText th { border-bottom:#d2d2d2 1px solid; background:url(../images/interface/bg_gradient_79px_height.gif) bottom repeat-x; } ttable.trainingGridText tr { border-bottom:1px solid #d2d2d2; } table.trainingGridText tr { vertical-align:baseline; } div.cw_structTxt_tab { } span.tabTitle { } .cw_structTxt_tabSet { position:relative; margin-left: -1px; } .cw_structTxt_tabSet div.description { display:none; display:block; position:absolute; width:605px; margin-top:3px; top:55px; left:0; padding: 5px; height:100%; } /*div.cw_structTxt_tab { padding: 3px 0; margin-left: 0; border-bottom: 1px solid gray; list-style-type: none; text-align: left; }*/ span.tabTitle { /*display:inline;*/ display:inline-block; margin: 0; } span.tabTitle a { float:left; height:29px; background:url(../images/interface/bg_gradient_79px_height.gif) repeat-x; border:#d2d2d2 1px solid; border-left:#FFF 1px solid; padding:7px; vertical-align:top; line-height:1.1em; font-weight:bold; width:101px; } span.tabTitle a:visited { color: #006BB6; } span.tabTitle a:hover { color: #333333; } span.tabTitle a:active { color: black; } /*selected tab effect*/ span.tabTitle a.selected { background:url(../images/interface/bg_gradient_79px_height_h.gif) repeat-x; border-bottom:1px #8e8e8e solid; border-right:1px #8e8e8e solid; color: #fff } /* training tabs */ #content div.inner #mainwrap .trainingBox { border:#d2d2d2 1px solid; margin-bottom:14px; float:left; width:633px; background:#FFF; } #content div.inner #mainwrap .trainingBox .contentArea { background:#e2e2e2; width:615px; margin-left:auto; margin-right:auto; margin-top:10px; padding-left:2px; margin-bottom:10px; } /* #content div.inner #mainwrap .trainingBox #TrainingTypeDiv ul { width:600px; height:61px; display:inline; list-style:none;float:left; padding:0px; margin:9px; padding-bottom:14px; } #content div.inner #mainwrap .trainingBox #TrainingTypeDiv ul li { float:left; height:29px; background:url(../images/interface/bg_gradient_79px_height.gif) repeat-x; border:#d2d2d2 1px solid; border-left:#FFF 1px solid; padding:7px; vertical-align:top; line-height:1.1em; font-weight:bold; width:101px; } #content div.inner #mainwrap .trainingBox #TrainingTypeDiv ul li.left { width:102px; border:#d2d2d2 1px solid; margin:0 0 5px; } #content div.inner #mainwrap .trainingBox #TrainingTypeDiv ul li.selected { background:url(../images/interface/bg_gradient_79px_height_h.gif) repeat-x; border-bottom:1px #8e8e8e solid; border-right:1px #8e8e8e solid; } #content div.inner #mainwrap .trainingBox #TrainingTypeDiv ul li.selected a { color:#FFFFFF; } #content div.inner #mainwrap .trainingBox .contentArea #TrainingTypeDiv ul { margin-left:-1px; margin-top:0; } */ #content div.inner #mainwrap .trainingBox .contentArea .head { margin:0 10px 0 10px; } #content div.inner #mainwrap .trainingBox .contentArea .head h2 { margin:0; padding:0; } #content div.inner #mainwrap .trainingBox .contentArea table { margin-left:10px; width:593px; background:#fff; } #content div.inner #mainwrap .trainingBox .contentArea table thead th { background:url(../images/interface/bg_gradient_46px_height.gif) repeat-x bottom; height:46px; color:#333; line-height:1.2em; vertical-align:bottom; padding-bottom:10px; } #content div.inner #mainwrap .trainingBox .contentArea table tr { vertical-align:top; } #content div.inner #mainwrap .trainingBox .contentArea table tr.odd td { background:#f2f2f2; } #content div.inner #mainwrap .trainingBox .contentArea table #column1 { width:200px; } #content div.inner #mainwrap .trainingBox .contentArea table #column2 { width:325px; } #content div.inner #mainwrap .trainingBox .contentArea table #column3 { width:73px; } #content div.inner #mainwrap .trainingBox .contentArea table #column4 { width:200px; } /* added by Tom 3/11/2010 for Avid TV */ #header #video { clear:both; position:relative } div.flashVideo {width: 900px; } /*{ position:relative; display:block; width:900px; height:328px; margin:0 auto; float: left; background-color:#666;}*/ #Video div.flashVideo #flvPlayer { width:900px; margin-top:-40px; background:url('../images/interface/mainwrap_bg_2col_1px.gif') #FFF; } #Video div.flashVideo .mainPanelLeftCol {float:left; width:48%; padding-right:3%; } #Video div.flashVideo .mainPanelRightCol {float:right; width:48%; margin-bottom:-80px; } /* Mandatory */ .mandatory {color:#FF0000; } /* */ h4.noPad { margin:0; padding:0;} /* shadowbox overlay */ #sb-player.html { padding:20px; background:#FFF; } .shadowBoxContentHolder { margin:20px; } .trainingpartnerinfo {float: left; padding-bottom: 10px; width: 60%; margin-right: 20px;} .trainingcourseinfo {float: left; /*clear: right;*/padding: 55px 20px 0 0;} /*.trainingpartnerdesc {clear: both; margin: 0 auto; padding-top: 10px;}*/ /* Finder boxes for training home */ #content div.inner #mainwrap #singlePanel #tools .finderHolder { width:258px; border:1px solid #D2D2D2; float:left; } #content div.inner #mainwrap #singlePanel #tools .finderHolder.middle { margin:0 30px; } #content div.inner #mainwrap #singlePanel #tools .finderHolder .hdr { min-height:25px; border-bottom:#d2d2d2 1px solid; background:url(../images/interface/bg_gradient_30px_height.gif) repeat-x bottom #f7f7f7; padding:5px 10px 0 10px; } #content div.inner #mainwrap #singlePanel #tools .finderHolder .hdr h5 { margin:0; } #content div.inner #mainwrap #singlePanel #tools .finderHolder .content { padding: 10px;} #content div.inner #mainwrap #singlePanel #tools .finderHolder .right { float:right; margin:10px;} table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; } table.tablesorter thead tr .header { background-image: url("../images/interface/bg.gif"); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url("../images/interface/asc.gif"); } table.tablesorter thead tr .headerSortDown { background-image: url("../images/interface/desc.gif"); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } #content div.inner #mainwrap #singlePanel #alphaNumeric { float:right; width:632px; margin-bottom:0; } #content div.inner #mainwrap #singlePanel #alphaNumeric li { list-style:none; float:left; } #content div.inner #mainwrap #singlePanel #alphaNumeric li a { display:block; padding:2px 6px; } #content div.inner #mainwrap #singlePanel #alphaNumeric li a:hover { background:#E2E2E2; } #content div.inner #mainwrap #singlePanel ul#solutions li ul, #content div.inner #mainwrap #singlePanel ul#categories li ul { margin-left:10px; } /*#content div.inner #mainwrap #singlePanel ul#solutions li a:hover, #content div.inner #mainwrap #singlePanel ul#categories li a:hover { background:#E2E2E2; }*/ #content div.inner #mainwrap #singlePanel ul#upperpaginginfo { float:right; display:inline; } #content div.inner #mainwrap #singlePanel ul#paging { float:right; display:inline; } /* Image Gallery */ #recentImages, #productImages { margin-right:-20px;} #recentImages .pod, #productImages .pod { float:left; width:210px; margin-right:3px; } #recentImages .pod .graphic, #productImages .pod .graphic { width:210px; margin:0; } #recentImages .pod .graphic img, #productImages .pod .graphic img { margin:0; padding:0; } #recentImages .pod h3, #productImages .pod h3 { text-align:center; } #recentImages .pod #overlay, #productImages .pod #overlay { margin:10px 40px; } #recentImages .pod #overlay h1, #productImages .pod #overlay h1 { margin:0 0 10px; } #content div.inner #mainwrap a.prodAZ { display:block; width:154px; height:22px; background:url('../images/products/cw_154x44_viewproducts.png') 0 0 no-repeat; } #content div.inner #mainwrap a.prodAZ:hover { background-position:0 -22px; } #content div.inner #mainwrap a.ss_brochure { display:block; width:136px; height:22px; background:url('../../images/support_services/cw_136x44_downbrochure.png') 0 0 no-repeat; } #content div.inner #mainwrap a.ss_brochure:hover { background-position:0 -22px; } #content div.inner #mainwrap a.ss_compare { display:block; width:113px; height:22px; background:url('../../images/support_services/cw_113x44_quickcompare.png') 0 0 no-repeat; } #content div.inner #mainwrap a.ss_compare:hover { background-position:0 -22px; } #content div.inner #mainwrap a.ss_buynow { display:block; width:77px; height:22px; background:url('../../images/support_services/rr_77x44_buynow.png') 0 0 no-repeat; } #content div.inner #mainwrap a.ss_buynow:hover { background-position:0 -22px; } span.loggedinas { float:right; font-style:italic; } #rightSidebar .cw_placeholder { padding-left:20px; } /* Right rail image content type */ .rr_menuWell_linkedImage { /*width:187px; margin-left:20px;*/ } /* table edits specific for earning releases */ table.earnings td { padding:0 2px; } td.singleLine { border-bottom:1px solid #E5E5E5; } td.doubleLine { border-bottom:3px double #E5E5E5; } /* table specific for MC 5 campaign */ table tr th.mc5-on { font-family: Arial, sans-serif; font-size:12px; border-top:1px solid #005d9e; border-right:1px solid #005d9e; border-left:1px solid #005d9e; border-bottom: none; color:#006bb6; text-decoration:underline; cursor:pointer; text-align:center; } table tr th.mc5-off { font-family: Arial, sans-serif; font-size:12px; border-top:1px solid #F4F4F4; border-right:1px solid #F4F4F4; border-left:1px solid #F4F4F4; border-bottom: none; color: #fff; background-image:url('../images/general/bg2.gif'); cursor:pointer; text-align:center; } .display-off { visibility:hidden; display:none; } .display-on { visibility:visible; } /* Account Manager */ #AccountContainer { background:#fff; width: 840px; padding:0; margin:0; border:0px solid red; } #AccountContainer table { margin:0; padding:0 10px 0 0; border:0px orange solid; } #AccountContainer table.login tr td { padding: 3px 0; margin: 0; } #AccountContainer table.login tr.steps td h3 { padding:5px; margin:0; background-color:#E1E1E1; } #AccountContainer table.login tr td.datafield { font-weight: bold; padding-right: 5px; width:175px; } .required { color: #cc0000; } #AccountContainer table.login tr td.datafieldRT { font-weight: bold; padding-right: 5px; width:100px; } #AccountContainer td div.separator { background-image:url("../images/interface/vertical_slice.jpg"); background-position: top center; height: 475px; width: 1px; background-color:#fff; margin: 25px 20px 0 20px; } #AccountContainer table.login tr td.esd { padding-left: 5px; } #AccountContainer span.datafield-rt { font-weight: bold; padding: 0 0 0 0; } input.text { width:200px; border-top: 1px solid #a8a8a8; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #b7b7b7; } #AccountContainer #AccountFAQ { background-color:#EEEEEE; border: 0px solid red; padding: 10px; width:300px; } #AccountFAQ h7 { font-family:Arial, sans-serif; font-size:12px; font-weight:bold; } #AccountFAQ p { line-height:12px; } p.text { font-style: italic; } #AccountContainer .LeftHolder { float:left; width: 325px; padding: 0; margin:0; border:0px solid green; } #AccountContainer .RightHolder{ width: 200px; padding: 15px; margin-right: 55px; border:0px solid red; float: right; background-color:#E8E8E8; text-align:center; } #AccountContainer .rightCol { float:right; width:35%; padding-bottom:15px; } #AccountContainer .leftCol { float:left; width:60%; padding-bottom:15px; border: 0px solid red; margin-right: 25px; } #AccountContainer .spacer { margin-left: 67px; } #AccountContainer .rightColSPAc { float:right; width:30%; background-color:#E8E8E8; padding: 15px; margin: 40px 10px 0; } #AccountContainer .midCol { width: 1px; border: 0px solid green; background-image:url("../images/interface/vertical_slice.jpg"); background-position: top center; height: 550px; float:left; margin: 10px 0; } #AccountContainer .shade h3 { background-color:#E8E8E8; width: 500px; border:0px solid green; padding: 2px; } #AccountContainer table tr.Acctshade td { background-color:#E8E8E8; border:0px solid green; padding: 10px; } /* Display Panels (uses js function displayPanel) */ #content div.inner #mainwrap ul#Nav { width:300px; float:left; clear:left; margin:0; padding:0; list-style:none; } #content div.inner #mainwrap ul#Nav li { display:block; cursor:pointer; font-size:15px; font-weight:bold; padding:10px; color:#006BB6; } #content div.inner #mainwrap ul#Nav li.selected { background:#cecece; color:#000; color:#333; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; } #content div.inner #mainwrap #Display { position:relative; float:left; clear:right; margin-left:-4px; background:#cecece; width:540px; height:460px; border-radius:4px; -moz-border-radius:4px; } #content div.inner #mainwrap #Display .content { display:none; padding:0 20px; } #content div.inner #mainwrap #Display .content p { margin:0 0 10px; } #content div.inner #mainwrap #Display .content .col2 { width:230px; float:left; margin-right:10px; } #content div.inner #mainwrap #Display .content .col3 { width:155px; float:left; margin-right:10px; } #content div.inner #mainwrap #Display .content .col2 hr, #content div.inner #mainwrap #Display .content .col3 hr { margin-top:5px; margin-bottom:5px; border-top:1px solid #333; } /* START Industry Solutions styles */ .line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";} .line{*zoom:1;} .unit{float:left;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;} /* **************** BLOCK STRUCTURES ***************** */ /* mod */ .mod{margin:10px;} .mod .ginner{/*background: url(skin/transparent.png) repeat left top;*/} .ginner,.bd,.ft{*zoom:1;} .ginner:after,.hd:after,.bd:after,.ft:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";} .ginner{position:relative;} .BCdiagram b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;} .BCdiagram .tl, .BCdiagram .tr, .BCdiagram .bl, .BCdiagram .br{height:10px; width:10px;float:left;} .BCdiagram .tl{background-position: left top;} .BCdiagram .tr{background-position: right top;} .BCdiagram .bl{background-position: left bottom;} .BCdiagram .br{background-position: right bottom;} .BCdiagram .br,.BCdiagram .tr{float:right;} .BCdiagram .tr, .BCdiagram .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */ .BCdiagram .bl,.BCdiagram .br{margin-top:-10px;} .BCdiagram .top{background-position:center top;} .BCdiagram .bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/ /* add-ons */ .zero { margin:0; padding:0; } .noVertical { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } .noHorizontal { margin-left:0; margin-right:0; padding-left:0; padding-right:0; } .img195 { width:195px; margin-right:15px; } .vnav { position:relative; top:-8px; margin:0 0 0 -5px; padding:0; list-style:none; } .vnav li, .indNav li { margin:0; padding:5px; } .indNav { position:relative; margin:0; padding:0; list-style:none; } .title { font-weight:bold; /*font-size:larger;*/ } .unit .title { } #content div.inner #mainwrap #rightSidebar #lowerHolderContent .relSol a.selected { color:#666; } img.right { clear:right; } #RightRailContent { position:relative; width:100%; } /* render mode name for right rail customer quotes */ .rr_quotes_default { position:relative; width:100%; margin:20px 0 0 0; } .rr_quotes_default p { font-style:italic; /*border-top:1px solid #ccc;*/ font-size:13px; } .rr_quotes_default p.attrib { margin-top:-5px; margin-left:20px; border:none; text-align:right; font-style:normal; font-size:12px; } /* extends unit boxes for the sub-industry listing on industry main pages */ .lineSubInd { padding-top:20px; } .unitSubInd { position:relative; } .unitSubInd ul { position:relative; width:100%; padding:0; list-style:none; } .unitSubInd li { display:inline; width:45%; float:left; padding:0; } .flyout, .indNav { width:90%; } .flyout li, .flyout ieHover, .indNav li { display:block; float:left; position:relative; width:100%; color:#006bb6; line-height:13px; text-decoration:underline; } .indNav li { height:29px; line-height:31px; cursor:pointer; } .flyout li ul, .flyout .ieHover ul {display: none; position:absolute; top:-5px; right:-439px; width:439px; margin:0; padding:5px 1px 0 1px; background:url(../images/interface/FO-right-top.png) no-repeat 0 0 transparent; } .flyout li ul li, .flyout .ieHover ul li { margin:0; padding:0; display:block; background:url(../images/interface/FO-right-bg.png) repeat-y 0 0 transparent; } .flyout li:hover, .flyout .ieHover, .indNav li:hover, .indNav li.selected { font-weight:bold; cursor:default; background:url(../images/interface/FO-left-bg.png) no-repeat top left transparent; text-decoration:none; } .indNav li:hover, .indNav li.selected { background:url(../images/interface/MI-left-bg.png) no-repeat top left transparent; } .indNav li:hover, .indNav li.selected { line-height:31px; cursor:pointer; } .flyout li:hover ul, .flyout .ieHover ul { display:block; } .flyout li:hover ul li, .flyout .ieHover ul li { font-weight:normal; } .flyout li:hover ul li.lastItem, .flyout .ieHover ul li.lastItem { padding-bottom:9px; background:url(../images/interface/FO-right-bot.png) no-repeat left bottom transparent; } #content div.inner #mainwrap #singlePanel .flyout li ul li, #content div.inner #mainwrap #singlePanel .flyout li ul li a, #content div.inner #mainwrap #singlePanel .flyout li ul li a:visited { text-decoration:none; } #content div.inner #mainwrap #singlePanel .flyout li:hover ul li a, #content div.inner #mainwrap #singlePanel .flyout li:hover ul li a:visited, #content div.inner #mainwrap #singlePanel .flyout .ieHover ul li a, #content div.inner #mainwrap #singlePanel .flyout .ieHover ul li a:visited { display:block; margin:0 5px 0; padding:5px; color:#333; text-decoration:none; font-weight:normal; } #content div.inner #mainwrap #singlePanel .flyout li:hover ul.flyoutBlue li a:hover, #content div.inner #mainwrap #singlePanel .flyout .ieHover ul.flyoutBlue li a:hover { background:/*#006bb6*/ url(../images/interface/FO-hover-blue-bg2.png) no-repeat top left transparent; color:#FFF; width:434px; } /*#content div.inner #mainwrap #singlePanel .flyout li:hover ul li a:hover, #content div.inner #mainwrap #singlePanel .flyout .ieHover ul li a:hover { background:#006bb6; color:#FFF; }*/ b.flyPtr { display:none; position:absolute; top:0; right:-5px; z-index:10; height:23px; width:14px; background:url(../images/interface/sample-arrow.png) no-repeat top right transparent; font-size:1%; } b.flyPtrLrg { display:none; position:absolute; top:0; right:-9px; z-index:10; height:41px; width:35px; background:url(../images/interface/MI-left-arrow.png) no-repeat top right transparent; font-size:1%; } li:hover b.flyPtr, li:hover b.flyPtrLrg, .ieHover b.flyPtr, .indNav li.selected b.flyPtrLrg { display:block; } /* inline tabs */ /* base tab style */ .inlineTabs { width:/*100%*/ 619px; } .displayTab { display:none; } /* horizontal tab style */ .hTabs ul { position:relative; width:619px; margin:0; padding:0; list-style:none; z-index:50; } .hTabs ul li { position:relative; float:left; width:/*30%*/199px; height:51px; margin:0 11px 0 0; z-index:50; } .hTabs ul li .tabTitle { position:relative; padding:0 0 0 10px; line-height:30px; height:/*30px*/ 51px; z-index:50; color:#006BB6; font-weight:bold; cursor:pointer; /*border:1px solid #999;*/ background:url(../images/interface/IT-tab.png); } .hTabs ul li .tabSpace { position:relative; height:/*20px*/ 9px; clear:both; z-index:50; } .hTabs ul li.lastUnit { float:none; margin-right:0; } .hTabs ul li.selected .tabTitle { background:url(../images/interface/IT-tab-selected-title.png); /*background:#eee; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999; border-bottom:0px solid #999;*/} .hTabs ul li.selected .tabSpace { background:url(../images/interface/IT-tab-selected-space.png) top no-repeat ; /*background:#eee; border-bottom:0px solid #999; border-right:1px solid #999; border-left:1px solid #999;*/} .hTabs .displayTab { position:relative; border:1px solid #999; border-bottom:none; padding:20px; margin:-1px 0 /*20px*/; z-index:1; background:#eee } .hTabs .displayTab ul li { width:100%; } .hTabs .base { background: url(../images/interface/IT-base.png) bottom no-repeat; height:4px; width:619px; margin-bottom:20px;} .displayLeft { position:relative; float:left; width:60%; } .displayRight { position:relative; float:right; width:35%; } .displayRight ul { max-width:200px;} .displayBox { float:left; width:25%; } /* vertical tab style */ .vTabs {} /* panel object */ .pPanel { display:none; } .indPanel { position:relative; width:100%; margin-left:-10px; } /* industry page panels */ .indPanel .head { padding:10px; padding-bottom:0; background:url(../images/interface/MI-right-head.png) no-repeat 0 0 transparent; } .indPanel .body { padding:10px; border-left:1px solid #ddd; border-right:1px solid #ddd; } .indPanel .body .img195 { position:relative; display:block; float:right; width:195px; height:100px; margin:0 0 0 10px; } .indPanel .foot { padding:10px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .leftSub { float:left; width:95%; margin:0; } .rightSub { float:right; width:95%; margin:0; } .leftSub .head, .rightSub .head { background:url(../images/interface/MI-foot-title.png) no-repeat 0 0 transparent; line-height:23px; padding:0 10px; } .leftSub .foot, .rightSub .foot { border-bottom:1px solid #ddd; } .col2x2 { position:relative; list-style:none; } .col2x2 li { display:block; float:left; width:50%; } .BAM { position:relative; width:100%; } .BAM .results { display:none; position:absolute; width:100%; top:100px; *top:125px; left:-20px; background:#000; opacity:0.8; filter:alpha(opacity=80); padding:20px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#FFF; -moz-box-shadow: 5px 10px 4px #999; -webkit-box-shadow: 5px 10px 4px #999; box-shadow: 5px 10px 4px #999; } .BAM .results #Span1 { font-weight:bold; } /* mega carousel */ .megaCarousel { border:1px solid #ddd; margin:30px 0; padding:10px; background:#f5f5f5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #content div.inner #mainwrap #mainPanel .megaCarousel .cw_media_video { border:0px; } #CarouselContentDiv { margin-top:20px; } #content div.inner #mainwrap .CarouselContentHR { width:90%; margin:0 auto; } #content div.inner #mainwrap #mainPanel #carousel .jcarousel-control { padding-right:30px; } .jcarousel-skin-cs .jcarousel-container-horizontal { width:560px; } .megaCarousel .jcarousel-skin-cs .jcarousel-container-horizontal { width:540px; } .jcarousel-skin-cs .jcarousel-clip-horizontal { width:535px; padding:10px 10px 0; border:1px solid #ddd; background:#eee; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .megaCarousel .jcarousel-skin-cs .jcarousel-clip-horizontal { width:515px; } .jcarousel-skin-cs .jcarousel-prev-horizontal, .jcarousel-skin-cs .jcarousel-next-horizontal { height:25px; } /* Good, Better, Best product comparison*/ #content div.inner #mainwrap #singlePanel > h1 {padding-top: 1ex} div.good-better-best {font: normal 14px sans-serif; *height: 1%; } div.good-better-best .promo { width: 300px; float: right; text-align: left; } div.good-better-best a.big {font-size: 18px;} div.good-better-best .row { display: inline-block; } div.good-better-best .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html div.good-better-best .row { height: 1%; } div.good-better-best .row { display: block; } div.good-better-best .header { height: 40px !important; font: normal 18px sans-serif; } div.good-better-best .header .cell { background-color: #5b5b5b !important; color: white; padding: 10px ; height: 20px !important; border: 2px solid white !important; } div.good-better-best .header .cell.c2 { padding-left: 0px !important; margin-left: 0px !important} div.good-better-best .header :first-child { background-color: white !important; border: 2px solid white !important; border-right-width: 0; padding-right: 0; margin-right: 0 } div.good-better-best .row { height: 147px; padding: 7px 0px; } div.good-better-best .row .cell { width: 245px; height: 137px; background-color: #ebebeb; border: 2px solid #fff; float: left; margin: 0px 5px; vertical-align: middle; text-align: center; } div.good-better-best .row.body .cell { padding: 0px 10px 10px 10px; } /*div.good-better-best .row.body .cell.c2 {background: url(/Static/resources/common/images/interface/gbb_arrow_bg.png) no-repeat; padding-left: 0px; margin-left: 0}*/ div.good-better-best .row.body .cell.c2 {background: url(../interface/gbb_arrow_bg.png) no-repeat; padding-left: 0px; margin-left: 0} div.good-better-best .row .cell h2 { margin: 0; font: normal 24px sans-serif; } div.good-better-best .row .cell p { margin: 0; line-height: 18px; margin-top: 20px; *margin-top: 30px; } div.good-better-best .row .cell a { color: #2782c2; font: normal 16px sans-serif; padding: 4px; display: inline-block; text-decoration: none !important; border-bottom: 1px dashed #2782c2} div.good-better-best .row .cell.c2 a {margin-left: 15px; } div.good-better-best .row .cell.c3 p {font: normal 16px sans-serif; margin-top: 45px} div.good-better-best div a:hover { color: #389ade; } div.good-better-best .row .cell.c1 {padding-right: 0; border-right-width: 0; margin-right: 0; color: white;} div.good-better-best .row.body .cell.c2 a:first-child {margin-top: 10px} div.good-better-best .row .cell small { margin-top: 10px; display: block } div.good-better-best .row .cell.c1 a { color: #fff; font: normal 18px sans-serif; padding: 0; border-color: white; } div.good-better-best .row .cell.c1 p { color: #fff; margin: 2px 0px; width: 200px; } div.good-better-best .row .cell.c1 h2 { color: #fff; font-size: 28px; margin-top: 20px } /*div.good-better-best .good-row .c1 { text-align: left; color: #333; background:url(/Static/resources/common/images/interface/gbb_good_bg.png) no-repeat right top; border: 2px solid #fff; }*/ div.good-better-best .good-row .c1 { text-align: left; color: #333; background:url(../images/interface/gbb_good_bg.png) no-repeat right top; border: 2px solid #fff; } /*div.good-better-best .better-row .c1 { text-align: left; color: #333; background:url(/Static/resources/common/images/interface/gbb_better_bg.png) no-repeat right top; border: 2px solid #fff; }*/ div.good-better-best .better-row .c1 { text-align: left; color: #333; background:url(../images/interface/gbb_better_bg.png) no-repeat right top; border: 2px solid #fff; } /*div.good-better-best .best-row .c1 { text-align: left; color: #333; background:url(/Static/resources/common/images/interface/gbb_best_bg.png) no-repeat right top; border: 2px solid #fff; }*/ div.good-better-best .best-row .c1 { text-align: left; color: #333; background:url(../images/interface/gbb_best_bg.png) no-repeat right top; border: 2px solid #fff; } div.good-better-best .separator {background-color: #ebebeb; height: 2px; width: 694px; margin-top: 3px } .popup-description { position: relative; width: 300px; border: 2px solid #ccc; padding: 10px; background-color: white; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; border-radius: 8px; border-top-left-radius: 0px; -moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;} .popup-description h2 {font: bold 16px sans-serif; padding-bottom: 5px; border-bottom: 1px solid #cccccc; text-align: left; margin-top: 0} /*.popup-description .close { cursor: pointer; background: url('/Static/resources/common/images/interface/icon_close.png') no-repeat; width: 16px; height: 16px; right: 10px; top: 9px; position: absolute; }*/ .popup-description .close { cursor: pointer; background: url('../images/interface/icon_close.png') no-repeat; width: 16px; height: 16px; right: 10px; top: 9px; position: absolute; } .popup-description p {text-align: left} .popup-description ul li {text-align: left} .popup-description img { margin: 0 auto; } #productsDescriptions {display: none} #hover-tooltip {position: absolute;} table.good-better-best { border-collapse: collapse; } table.good-better-best a {color: #2782c2;} table.good-better-best td.empty, table.good-better-best th.empty {background-color: white !important;; border: 1px solid white} table.good-better-best td, table.good-better-best th {padding: 5px; font: normal 14px sans-serif; text-align: center; border-right: 1px solid white;} table.good-better-best tr th {background-color: #777777; color: white; } table.good-better-best td.good {vertical-align: middle; text-align: center; } table.good-better-best .mainRow td:first-child {padding: 10px; padding-top: 20px;} table.good-better-best .mainRow td:first-child.good { text-align: left; zoom: 1; color: white; background-color: #7c8682; border: 2px solid #6e7772; /* SVG fallback(Opera 11.10-, IE9) */ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEzOSwxNTEsMTQ3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTEwLDExOSwxMTQsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(139,151,147,1), rgba(110,119,114,1)); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, rgba(139,151,147,1), rgba(110,119,114,1)); /* Chrome 7+ & Safari 5.03+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(139,151,147,1)), color-stop(1, rgba(110,119,114,1))); /* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF8B9793,EndColorStr=#FF6E7772); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF8B9793,EndColorStr=#FF6E7772)" } table.good-better-best .mainRow td:first-child.better { text-align: left; color: white; zoom: 1; background-color: #867169; border: 2px solid #68544b; /* SVG fallback(Opera 11.10-, IE9) */ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDE2MSwxMzgsMTMyLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTAzLDgzLDc0LDEpOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(161,138,132,1), rgba(103,83,74,1)); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, rgba(161,138,132,1), rgba(103,83,74,1)); /* Chrome 7+ & Safari 5.03+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(161,138,132,1)), color-stop(1, rgba(103,83,74,1))); /* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA18A84,EndColorStr=#FF67534A); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFA18A84,EndColorStr=#FF67534A)" } table.good-better-best .mainRow td:first-child.best { text-align: left; zoom: 1; color: white; background-color: #655b67; border: 2px solid #423944; /* SVG fallback(Opera 11.10-, IE9) */ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEzNCwxMjMsMTM1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoNjQsNTUsNjYsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); /* Opera 11.10+ */ background: -o-linear-gradient(top, rgba(134,123,135,1), rgba(64,55,66,1)); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, rgba(134,123,135,1), rgba(64,55,66,1)); /* Chrome 7+ & Safari 5.03+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(134,123,135,1)), color-stop(1, rgba(64,55,66,1))); /* IE5.5 - IE7 */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF867B87,EndColorStr=#FF403742); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF867B87,EndColorStr=#FF403742)" } table.good-better-best tr.lastRow {border-bottom: 2px solid #aaa} table.good-better-best tr.lastBigRow td {border: 2px solid #555 !important;} table.good-better-best .mainRow td:first-child { width: 180px; text-align: left; vertical-align: top; } table.good-better-best .mainRow td:first-child a { color: white; padding: 0; } table.good-better-best .mainRow td:first-child p { color: white; margin-top: 0; } table.good-better-best .mainRow td:first-child h2 { margin: 0; font: normal 24px sans-serif; color: white; } table.good-better-best tr.even td {background-color: #eeeeee;} table.good-better-best tr.odd td {background-color: #f9f9f9;} /* .relSol { margin:0; padding:0; } .relSol ul { width:100%; margin:0; padding:0; } .relSol ul li { margin:0; padding:0; } .relSol ul li a { display:block; padding:5px; background:#FFF; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } */ /* shadowbox overwrites */ /* body #sb-player body { background:#000; } #sb-wrapper-inner, #sb-body-inner, #sb-player, #sb-player.html { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #sb-body { background:none; } #sb-player, #sb-player.html { margin:0; padding:0; background:#000000; color:#FFF; } #sb-player.html { padding:20px; } .modalStyle { padding:20px; } .modalStyle h1, .modalStyle h2, .modalStyle h3, .modalStyle h4, .modalStyle h5, .modalStyle p, .modalStyle li, .modalStyle { color:#FFF; } .modalStyle a:link, .modalStyle a:visited { text-decoration:underline; font-weight:bold; } .modalStyle a:hover { color:white; text-decoration:none; } .galleryItem { padding:20px; } #sb-player p { color:#FFF; text-align:left; } #sb-player, #sb-player h1, #sb-player h2, #sb-player h3, #sb-player h4, #sb-player h5, .galleryItem, .galleryItem h1, .galleryItem h2, .galleryItem h3, .galleryItem h4, #sb-player .galleryItem p { color:#FFF; text-align:center; } #sb-player img, .galleryItem img { margin:25px auto; } #sb-player a, #sb-player a:visited, .galleryItem a, .galleryItem a:visited { text-decoration:underline; } #sb-player a:hover, .galleryItem a:hover { text-decoration:underline; color:#FFF; } */ #sb-player.html { padding:0 20px; } #sb-wrapper-inner, #sb-body-inner, #sb-player, #sb-player.html { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #sb-player.html a:link, #sb-player.html a:visited { text-decoration:underline; } .callout { margin-left:20px; padding:10px; background:#EEE; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /* diagrams */ .diagram { } .diagram p { width:90%; margin:5px auto; text-align:center; font-size:11px; color:#999; border-top:1px solid #ccc; } .showUT { display:none; } .userTasks { display:none; position:absolute; top:0; left:0; width:880px; z-index:9999; background:#000000; opacity:0.8; filter:alpha(opacity=80); color:#FFF; padding:10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } /* right-rail modal buttons */ .rr_btn a, .rr_btn a:visited { margin:10px 0; display:block; background-position:0 0; height:22px; font-size:1px; } /*.rrEventsBtn a { width:130px; background:url('/static/resources/us/images/industries/rr_130x44_UpcomingEvents.png') no-repeat 0 0 transparent; } .rrConnectedBtn a { width:122px; background:url('/static/resources/us/images/industries/rr_122x44_StayConnected.png') no-repeat 0 0 transparent; } .rrResourcesBtn a { width:130px; background:url('/static/resources/us/images/industries/rr_130x44_OnlineResources.png') no-repeat 0 0 transparent; }*/ .rrEventsBtn a { width:130px; background:url('../images/industries/rr_130x44_UpcomingEvents.png') no-repeat 0 0 transparent; } .rrConnectedBtn a { width:122px; background:url('../industries/rr_122x44_StayConnected.png') no-repeat 0 0 transparent; } .rrResourcesBtn a { width:130px; background:url('../industries/rr_130x44_OnlineResources.png') no-repeat 0 0 transparent; } .rr_btn a:hover { background-position:0 -22px; } .BCdiagram { position:relative; } .WFdiagram .ginner, .hoverBox { background:#7a7a7a; text-align:center; margin-bottom:0; -moz-border-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-radius:4px; -moz-box-shadow:-3px 3px 6px rgba(102,102,102,.5); -webkit-box-shadow:-3px 3px 6px rgba(102,102,102,.5); box-shadow:-3px 3px 6px rgba(102,102,102,.5); background-image: -moz-linear-gradient(50% 100%, rgba(112,112,112,1), rgba(146,146,146,1)); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgba(112,112,112,1)), color-stop(100%, rgba(146,146,146,1))); } .size1of3 .WFdiagram .ginner { background:url('../images/interface/tall-bkg.png') repeat-x 0 0 #707070; } .size1of1 .WFdiagram .ginner { background:url('../images/interface/long-bkg.png') repeat-x 0 0 #707070; } .size1of3 .WFdiagramHover .ginner { background:url('../images/interface/tall-bkg-hover.png') repeat-x 0 0 #575757 !important; } .size1of1 .WFdiagramHover .ginner { background:url('../images/interface/long-bkg-hover.png') repeat-x 0 0 #575757 !important; } .WFdiagram .ginner { padding:10px; font-family: Arial; } .WFdiagram h2 { margin-top:0; color:#FFF; } .hoverBox h3 { margin-top:10px; color:#FFF; } .hoverBox p { margin:10px; color:#FFF; text-align:left; } .WFdiagram a { display:inline-block; width:154px; height:26px; padding:0; text-decoration:none !important; line-height:26px; color:#CCC; } .WFdiagram a.double { display:inline-block; width:154px; height:52px; padding:0; text-decoration:none !important; line-height:13px; color:#CCC; padding-top:13px; margin-bottom:-13px; } .WFdiagram a:hover, .WFdiagram a.selected { background:url(../images/interface/button.png) 0 0 no-repeat; color:#666; } .WFdiagram a.double:hover, .WFdiagram a.dblSelected { background:url(../images/interface/button-double.png) 0 0 no-repeat; color:#666; } .sameHeight { height:200px; } .hoverBoxContent, .lowerBoxContent { position:relative; display:none; } .hoverBox { position:absolute; top:0; right:25px; z-index:99; display:none; margin-top:10px; width:220px; height:150px; *zoom:1; *background:url('../images/interface/side-bkg.png') repeat-x 0 0 #707070; } .boxTarget { } /* b.drop { background:url('skin/outerglow.png') no-repeat 0 0; } */ /* b.tl { position:relative; width:5px; left:-5px; } */ /* b.ll { position:relative; left:-5px; margin-top:-10px; } */ /* b.ll{background-position:center bottom;_zoom:1;} */ /* this zoom required for IE5.5 only*/ /* b.ll{height:4px;margin-top:-4px;} */ /* b.ll{margin-top:-250px; height:250px; } */ /* margin top = bottom height - corner height */ .lowerBox { position:relative; clear:both; display:none; width:580px; margin:0 0 0 20px; background:#F6F6F6; } .lowerBox b.top, .lowerBox strong .top { position:relative; background:url('../images/interface/lower_top.png') no-repeat 0 0 transparent; width:580px; height:23px; } .lowerBox b.bottom, .lowerBox strong.bottom { background:url('../images/interface/lower_bottom.png') no-repeat 0 0 transparent; width:580px; height:21px; } .lowerBox a.closeBtn { position:relative; display:block; float:right; width:19px; height:18px; margin:-10px 10px 0 0; cursor:pointer; background:url('../images/interface/close.png') 0 0 no-repeat; z-index:9999; } .lowerBox a.closeBtn:hover { background-position:0 -18px; } .lbbd { padding:0 20px; } .lbbd h4 { font-weight:normal; font-size:18px; margin:0; } .lowerBoxTarget { position:relative; display:block;width:100%; } a.btn { position:relative; display:block; width:88px; height:22px; } a.btn:hover { background-position:0 -22px; } a.readMore { background:url('../images/interface/read-more.png') 0 0 no-repeat; } .BCarrow { } p#arrow {position:relative; bottom:35px; left:-10px; width:618px; margin:0px; padding:0px; z-index:100;*bottom:25px; } p#arrowspan {position:absolute;} p#arrow span.rectangle {position:absolute; background:#b3b3b3; display:block; height:20px; width:620px; left:5px; -moz-box-shadow:-2px 2px 4px rgba(102,102,102,.5); -webkit-box-shadow:-2px 2px 4px rgba(102,102,102,.5); box-shadow:-2px 2px 4px rgba(102,102,102,.5); background:url('../images/interface/arrow-bkg.png') repeat-x 0 0 #b3b3b3; } p#arrow img {position:absolute; left:-7px;} p#arrow span.triangle-l {position:absolute; border-color: transparent #979797 transparent transparent; border-style:solid; border-width:15px; height:0px; width:0px; left:-10px; top:-15px;} p#arrow span.triangle-r {position:absolute; background:transparent url(../images/interface/arrow-ds.png) 0 0 no-repeat; display:block; width:26px; height:50px; right:-23px; top:-14px;} /*for IE {background:transparent url(arrow.png) 0 0 no-repeat; display:block; width:15px; height:46px; right:-12px; top:-14px;} */ #content div.inner #mainwrap #singlePanel #grayHdr { margin-top:20px; padding:4px 10px; background:#CCC; -moz-border-radius:4px; -webkit-broder-radius:4px; border-radius:4px; } #content div.inner #mainwrap #singlePanel #grayHdr h2 { margin:5px 0; } #content div.inner #mainwrap #singlePanel .unit h3 { margin-top: 10px; } #content div.inner #mainwrap #singlePanel .unit { padding:10px; } #content div.inner #mainwrap #singlePanel #graySupport { height:100%; padding:4px 10px; background:#CCC; -moz-border-radius:4px; -webkit-broder-radius:4px; border-radius:4px; } #content div.inner #mainwrap #singlePanel #graySupport h2 { margin:5px 0; } #content div.inner #mainwrap #singlePanel .unit h3 { margin-top: 10px; } #content div.inner #mainwrap #singlePanel .unit { padding:10px; } /* END Industry Solutions Styles. */ #mainPanel div.fb iframe { width:600px; height:255px; } /* centerwell buttons */ /*a.cwRegister { background:url(/static/resources/us/images/general/cw_102x44_registernow.png) no-repeat 0 0 transparent; width:102px; height:22px; margin:0; padding:0; display:block; }*/ a.cwRegister { background:url(../images/general/cw_102x44_registernow.png) no-repeat 0 0 transparent; width:102px; height:22px; margin:0; padding:0; display:block; } a:hover.cwRegister { background-position:0 -22px; } /* Start inline tabs (partners) */ /******* INLINE TABS *******/ #horiz-ilt-container{ margin: 25px 0 25px 0; width: 620px; } #horiz-ilt-container ul{ list-style: none; list-style-position: outside; } #horiz-ilt-container ul.horizontal-menu li{ float: left; margin-right: 5px; margin-bottom: -1px; } #horiz-ilt-container ul.horizontal-menu li{ font-weight: 700; display: block; padding: 5px 10px 5px 10px; background: #a1a1a1; margin-bottom: -1px; border: 1px solid #d0ccc9; border-width: 1px 1px 1px 1px; position: relative; color: #FFF; cursor: pointer; } #horiz-ilt-container ul.horizontal-menu li.active{ background: #fff; top: 1px; border-bottom: 0; color: #606060; } .horiz-ilt-content{ margin: 0pt auto; background: #efefef; background: #fff; border: 1px solid #d0ccc9; text-align: left; padding: 10px; padding-bottom: 20px; /*font-size: 11px;*/ } .horiz-ilt-content h4{ line-height: 1em; padding: 0 0 10px 0; color:#666; } .horiz-ilt-content li { list-style:disc; } .horiz-ilt-content.h-tab1{ display: block; } .horiz-ilt-content.h-tab2, .horiz-ilt-content.h-tab3, .horiz-ilt-content.h-tab4, .horiz-ilt-content.h-tab5, .horiz-ilt-content.h-tab6 { display: none; } .horiz-ilt-content.links a{ color: #5f95ef; } #vert-ilt-container { /*margin: 25px 0 25px 0;*/ width: 600px; float:left; } #vert-ilt-menu { float: left; width: 147px; } #vert-ilt-container ul{ list-style: none; list-style-position: outside; float: left; } #vert-ilt-container ul.vertical-menu1 li, #vert-ilt-container ul.vertical-menu2 li{ float: right; margin-right: -1px; } #vert-ilt-container ul.vertical-menu1 li, #vert-ilt-container ul.vertical-menu2 li{ font-weight: 700; display: block; padding: 5px 0px 5px 10px; background: #a1a1a1; margin-right: -2px; margin-left:-30px; border: 1px solid #d0ccc9; border-width: 1px 0 1px 1px; position: relative; color: #fff; cursor: pointer; width:140px; } #vert-ilt-container ul.vertical-menu1 li.active, #vert-ilt-container ul.vertical-menu2 li.active{ background: #fff; top: 1px; border-right: 0; margin-right: -2px; color: #606060; } .vert-ilt-content{ float:right; margin: 0pt auto; background: #efefef; background: #fff; border: 1px solid #d0ccc9; text-align: left; padding: 10px; padding-bottom: 20px; width: 430px; } .vert-ilt-content h4{ line-height: 1em; padding: 0 0 10px 0; color:#666; } .vert-ilt-content li { list-style:disc; } .vert-ilt-content.v1-tab1, .vert-ilt-content.v2-tab1{ display: block; } .vert-ilt-content.v1-tab2, .vert-ilt-content.v1-tab3, .vert-ilt-content.v1-tab4, .vert-ilt-content.v1-tab5, .vert-ilt-content.v1-tab6, .vert-ilt-content.v2-tab2, .vert-ilt-content.v2-tab3, .vert-ilt-content.v2-tab4, .vert-ilt-content.v2-tab5, .vert-ilt-content.v2-tab6 { display: none; } .vert-ilt-content.links a{ color: #5f95ef; } /* End inline tabs (partners) */ /* promotion special buttons */ a.mcPromoBtn2 { position:relative; display:inline-block; margin-right:15px; } /*a.FndRes { width:106px; height:22px; background:url("http://www.avid.com/static/resources/us/images/general/rr_106x44_findareseller.png") no-repeat scroll 0 0 transparent; } a.ByOnl { width:105px; height:22px; background:url("http://www.avid.com/static/resources/common/images/general/rr_105x44_buynow.png") no-repeat scroll 0 0 transparent; }*/ a.FndRes { width:106px; height:22px; background:url("../images/general/rr_106x44_findareseller.png") no-repeat scroll 0 0 transparent; } a.ByOnl { width:105px; height:22px; background:url("../images/general/rr_105x44_buynow.png") no-repeat scroll 0 0 transparent; } a.mcPromoBtn2:hover { background-position:0 -22px; } /* START Customer stories page */ div.storyRight, div.storyLeft { padding: 15px; width: 210px;} div.storyRight { float: right; } div.storyLeft { float: left; } /* END Customer stories page */ /* START Search results page styles */ #kbSearchBox { background:#e7e7e7; padding:10px 55px 30px 20px; margin:15px 10px 5px 0; border-radius: 4px; } #divFilters { float:left; width:180px; margin:0; padding:0; font: normal 12px Arial, sans-serif } #divFilters li.filterNotSelected {margin: 5px 0px;} #divFilters li.filterNotSelected a {color: #333; text-decoration: none !important;} #divFilters li.filterNotSelected a:hover {text-decoration: underline !important;} #divFilters h2 {font: normal 20px Arial; color: #333; margin-top: 0px; margin-bottom: 0px; } #divFilters h3 { font: bold 15px Arial; color: #000; margin: 10px 0px !important; } #divFilters h4 { margin-top:5px; } #divFilters ul { list-style-type: none; margin:0; padding:0; } #divFilters ul li.filterSelected { font-weight:bold; } #divFilters ul input { margin-right:6px; margin-left: 0px; } .suggLinkWrap { background:white; padding: 0; padding-left: 3px; background-color: #fff !important; } .suggLinkWrap .suggLinks { font: normal 15px Arial} .suggLinkWrap ul {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0px; margin: 0;} .suggLinkWrap ul li {display: inline-block; *display: inline; *zoom:1; margin: 0; margin-left: 6px;} .suggLinkWrap ul li a {font-style: italic;} .suggLinkWrap ul li:after { content: ","; } .suggLinkWrap ul li:last-child:after { content: ""; } .searchResults p.searchQuery { color: #AA0000; font: normal 15px Arial, sans-serif;} .searchResults { border:0; background:none; } #searchResultsLayer { float:right; width: 630px; padding-top: 5px; } #searchResultsLayer input {font: normal 15px Arial; padding: 5px;} #searchResultsLayer input[type=text] { background: #f6f6f6; background: -moz-linear-gradient(top, #eeeeee 0%, #f9f9f9 10%, #f5f5f5 97%, #ffffff 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(10%,#f9f9f9), color-stop(97%,#f5f5f5), color-stop(98%,#ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#f5f5f5 97%,#ffffff 98%); background: -o-linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#f5f5f5 97%,#ffffff 98%); background: -ms-linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#f5f5f5 97%,#ffffff 98%); background: linear-gradient(top, #eeeeee 0%,#f9f9f9 10%,#f5f5f5 97%,#ffffff 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #cccccc; padding:8px; font-size:15px; color:#3a3a3a; margin:0; width: 450px; } #searchResultsLayer input[type=text]:focus { border:1px solid #419cd0; } #searchResultsLayer .search {margin-bottom: 12px;} #searchResultsLayer .search input[type=button] { width:auto; padding:6px 18px; text-decoration:none; display:inline-block; border:none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #007fc2; background: -moz-linear-gradient(top, #007fc2 0%, #005686 92%, #005c8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fc2), color-stop(92%,#005686), color-stop(100%,#005c8f)); background: -webkit-linear-gradient(top, #007fc2 0%,#005686 92%,#005c8f 100%); background: -o-linear-gradient(top, #007fc2 0%,#005686 92%,#005c8f 100%); background: -ms-linear-gradient(top, #007fc2 0%,#005686 92%,#005c8f 100%); background: linear-gradient(top, #007fc2 0%,#005686 92%,#005c8f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc2', endColorstr='#005c8f',GradientType=0 ); color:#FFFFFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:15.5px; } #searchResultsLayer .search input[type=button]:hover { padding:5px 17px; text-decoration:none; color:#0080c3; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 12%, #e2eff7 84%); background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#ffffff), color-stop(84%,#e2eff7)); background: -webkit-linear-gradient(top, #ffffff 12%,#e2eff7 84%); background: -o-linear-gradient(top, #ffffff 12%,#e2eff7 84%); background: -ms-linear-gradient(top, #ffffff 12%,#e2eff7 84%); background: linear-gradient(top, #ffffff 12%,#e2eff7 84%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2eff7',GradientType=0 ); border:solid 1px #419cd0; cursor:pointer; } #searchResultsLayer .search img {display: inline-block; *display: inline; zoom: 1;} #searchResultsLayer .search * { vertical-align: middle;} .searchResults .item {position: relative; font-size: 13px; color: 333;} .searchResults .item h4 {font: normal 16px Arial, sans-serif; color: #006BB6; border-bottom: 1px dashed #eee; line-height: 14px; margin-bottom: 5px;} .searchResults .item .date {position: absolute; background-color: white; padding-left: 5px; top: 0px; right: 0px; color: #363636; font-style: italic;} .searchResults .item .url {color: #009933;} .searchResults .item .size {font-weight: bold; margin-left: 10px; display: none;} #divFilters hr { width: 180px; border-color: #ccc; margin-top: 12px !important; margin-bottom: 12px !important;} #divFilters .moreLink a {color: #333; text-decoration: none !important;} #divFilters .moreLink a:hover {text-decoration: underline !important;} #divFilters ul.kbSearchFilters { padding:0; margin-left: 0px; } ul.kbSearchFilters li { font-size:12px; line-height:2px; margin:0; } ul.kbSearchFilters li.kbSearchFiltersLast { margin-bottom:10px; } /* END Search results page styles */ /******* START centerwell tabs *******/ #cwTabContainer { margin: 12px 0 15px 0; width: 620px; background:url('../images/interface/cwTabsHeaderBg.gif') bottom no-repeat ; /*height:53px;*/ position:relative; padding-left:0; padding-bottom:0; } #cwTabContainerFullWidth { margin: 0 0 15px 0; width: 900px; background:url('../images/interface/cwTabsHeaderBg.gif') bottom no-repeat ; height: 26px; /* [2011-09-22] Changed from 53px to fix line break */ position:relative; padding-left:0; padding-bottom:0; } .cwTabMenu { list-style: none; list-style-position: outside; width:620px; padding: 0; /*position:absolute;*/ bottom:0; left:0; float:left; margin-top: 0; margin-left:0; padding-left:0; margin-bottom:0; } .cwTabMenu li { float: left; margin: 0px; background:url('../images/interface/cwTabsLeft.gif') top left no-repeat #c5c5c5; border-bottom: 1px solid #a1a0a1; font:12px bold Arial, Helvetica, sans-serif; position: relative; display: block; color: #000; word-wrap:break-word; overflow: hidden; } #cwTabContainer .cwTabMenu li { max-width:120px; } #cwTabContainerFullWidth .cwTabMenu li { max-width:190px; } .cwTabMenu li.active { background:url('../images/interface/cwTabsLeftActive.gif') top left no-repeat; border-bottom: 1px solid #FFF; } .cwTabMenu li a, .cwTabMenu li a:hover { text-decoration:none; color: #000; cursor: pointer; display:block; padding: 5px 10px 5px 10px; } .cwTabMenu li.active a, .cwTabMenu li.active a:hover { /*background-color: #FFFFFF !important;*/ color: #000; } .cwTabMenu li span { background:url('../images/interface/cwTabsRight2.gif') top right no-repeat; width:10px; /* min-height:23px; max-height:48px;*/ position:absolute; margin-top:-5px; margin-right:-4px; top:5px; right:4px; } #cwTabContainer ul.cwTabMenu li.active span, #cwTabContainerFullWidth ul.cwTabMenu li.active span { background:url('../images/interface/cwTabsRightActive2.gif') top right no-repeat; width:10px; /*min-height:23px; max-height:48px;*/ position:absolute; margin-top:-5px; margin-right:-4px; top:5px; right:4px; } .cwTabMenu .cwTabEqual { float: left; } .cwTabMenu #last { width:5px; background:url('../images/interface/cwTabsLast.gif') top left no-repeat; border-bottom: 1px solid #a1a0a1; position: relative; display: block; padding:0; margin:0; } /******* END centerwell tabs *******/ /* My Account page */ #AccountContainer .greyColumn {background-color: #f7f7f7; padding: 10px 15px; min-height: 275px;} #AccountContainer .greyColumn.leftColumn { float: left; width:250px; } #AccountContainer .greyColumn.rightColumn { float: right; width: 500px; } #AccountContainer .greyColumn img {display: inline} #AccountContainer .greyColumn h2 {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px;} #AccountContainer .greyColumn .shift {margin-left: 15px} #AccountContainer .greyColumn .shift a.first{margin-left: 20px;} #AccountContainer .linksList a {display: block} #AccountContainer .linksList td {vertical-align: top} #AccountContainer .accountDetails { float: right; width: 225px; border-left: 1px solid #ddd; padding-left: 20px; position: relative; top: -30px; min-height: 220px; } #AccountContainer .mainSection {width: 535px; float: left; margin-top: 0; } #AccountContainer .mainSection hr {margin-top: 0px !important;} #AccountContainer .mainSection .twoColumn div {float: left;} #AccountContainer .mainSection .twoColumn div:first-child {width: 290px;} #AccountContainer .mainSection .twoColumn div a {display: block} /* Mobile app page */ #rightSidebar .app-image-gallery img {float: left; margin: 8px 14px 8px 2px } /* Protect page */ #ProtectForm table {width: auto !important;} /* Press room styles */ #mainwrap .content-frame{ width:100%; overflow:hidden; } #mainwrap .content-frame .image-holder{ float:left; margin:0 4px 0 0; } #mainwrap .content-frame .image-holder img{padding:0 0 15px;} #mainwrap .content-frame .image-holder .mark{ display:block; text-align:right; } #CenterWellContent .img-holder{ float:right; width:210px; padding: 0 0 15px 10px; } #CenterWellContent .img-holder span{ display:block; text-align:right; } #content div.inner #mainwrap #CenterWellContent ul.video-holder{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; } #content div.inner #mainwrap #CenterWellContent ul.video-holder li{ float:left; width:200px; } #CenterWellContent table td{padding:0 5px;} .text-video-holder{margin:0 0 10px;} /* tec award logo */ #CenterWellContent .tec-award{ float:right; width:111px; height:175px; margin: 33px 5px 0 0; text-indent:-9999px; overflow:hidden; display:inline; clear:right; } /* iNEWS Command */ /* overview */ #CenterWellContent .text-container{ width:100%; margin:0 0 20px; overflow:hidden; } #CenterWellContent .text-container .text-inner-frame{ width:100%; border-color:#909191; border-style:solid;; border-width:1px 0 0; overflow:hidden; } #CenterWellContent .text-container .text-inner-frame:first-child{border:none;} .features-link, .specification-link{text-align:right;} /* features */ #CenterWellContent .columns-container{ width:100%; overflow:hidden; } #CenterWellContent .columns-container .column-inner{ width:100%; overflow:hidden; } #CenterWellContent .columns-container .column-inner .column-inner-cell{ float:left; width:240px; margin:0 50px 0 0 } #CenterWellContent .columns-container .column-inner h4{ font-size:13px; line-height:16px; } #CenterWellContent .content-items{ padding:19px 0 0; margin:0; list-style:none; overflow:hidden; } #CenterWellContent .content-items li{ width:100%; margin:0; padding:0 0 5px; overflow:hidden; } #CenterWellContent .alignleft{ float:left; width:195px; height:105px; margin:0 18px 0 0; } #CenterWellContent .info-container{ width:100%; border-color:#909191; border-style:solid;; border-width:0 0 1px; overflow:hidden; } #CenterWellContent .info-container .columns-frame{ width:100%; overflow:hidden; } #CenterWellContent .info-container .columns-frame .column-inner{ float:left; width:280px; } #CenterWellContent .columns-container .column-inner h4{ font-size:13px; line-height:16px; } /* specification */ #CenterWellContent .table-column-holder{ width:100%; overflow:hidden; } #CenterWellContent .table-column{ float:left; width:260px; margin:0 30px 0 0; } #content div.inner #mainwrap #CenterWellContent table.list-specification{ float:left; width:260px; margin:0 0 20px 0; border-collapse: collapse; } #content div.inner #mainwrap #CenterWellContent table.list-specification th{ text-align:left; border:none; padding:5px 0; font-style:normal; } #content div.inner #mainwrap #CenterWellContent table.list-specification td{ margin:0; padding:5px 0; } #content div.inner #mainwrap #CenterWellContent table.list-specification td.border{ border-width:1px 0 1px; border-color:#909191; border-style:solid; font-weight:bold; } #content div.inner #mainwrap #CenterWellContent table.list-specification h3{margin:0;} #content div.inner #mainwrap #CenterWellContent table.list-specification strong{ display:block; font-weight:bold; } #content div.inner #mainwrap #CenterWellContent table.list-specification span{ display:block; } /* clearfix --------------------------------*/ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* pro tools ex family page --------------------------------*/ .ptex-intro-container { background: #e8e8e8; overflow: hidden; border: 1px solid #a9a9a9; padding: 10px 10px 10px; } .ptex-ic-video-container { float: left; width: 340px; } .ptex-ic-message { float: left; width: 450px; margin-top: 0; padding: 0 10px; } .ptex-ic-smaller-heading { font-size: 14px; } .ptex-ic-buttons-grid { margin: 30px -5px 0; } .ptex-software-container { margin: 0; overflow: hidden; } .ptex-sc-product-image { display: inline-block; margin-right: 10px; } .ptex-sc-left-column { margin: 0; float: left; width: 350px; border-right: 1px solid #999999; margin-right: 15px; padding-right: 15px; } .ptex-sc-call-to-action { margin: 0; display: inline-block; vertical-align: top; padding-top: 25px; } .ptex-sc-call-to-action a { display: inline-block; width: 100%; padding: 2px 4px; webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; color: #000; border: 1px solid #A5A5A5; text-decoration: none !important; text-align: center; background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(221,221,221,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(221,221,221,1))); background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(221,221,221,1) 100%); background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(221,221,221,1) 100%); background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(221,221,221,1) 100%); background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(221,221,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dddddd',GradientType=0 ); } .ptex-sc-call-to-action a:hover { border: 1px solid #888; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); } .ptex-sc-call-to-action a:active { background: rgb(234,234,234); background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); } .ptex-sc-right-column { margin: 0; float: left; width: 455px; padding-top: 15px; }