/* headers */ h1#thankyouListening { width: 256px; height: 39px; background: url(/css/img/thankyou/head/listening.gif) no-repeat; text-indent: -5000px; } h1#thankyouArchitecture { width: 343px; height: 15px; background: url(/css/img/thankyou/head/architecture.gif) no-repeat; text-indent: -5000px; } h1#thankyouService { width: 245px; height: 39px; background: url(/css/img/thankyou/head/service.gif) no-repeat; text-indent: -5000px; } h1#thankyouApplications { width: 219px; height: 39px; background: url(/css/img/thankyou/head/applications.gif) no-repeat; text-indent: -5000px; } #thankyouWrap { background: #bb0000 url(/css/img/thankyou/background.png) repeat-y; margin: 10px 0; color: #fff; } #thankyouWrap p { line-height: 140%; font-size: 100%; margin-left: 11px; padding-top: 0; margin-top: 0; } #thankyouWrap p+ul { margin-top: -10px; margin-bottom: 2em; } #thankyouWrap a { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; } #thankyouWrap a.more { font-weight: bold; color: #400004; padding: 0 8px 0 0; background: url(/css/img/thankyou/arrow.png) no-repeat right 60%; border: none; } #thankyouHeader { background: #cc0000 url(/css/img/thankyou/back_top.png) no-repeat top; } #thankyouFooter { clear: both; padding-bottom: 10px; background: #cc0000 url(/css/img/thankyou/back_bottom.png) no-repeat bottom; } #thankyouFooter p+ul { margin-top: 0; margin-bottom: 0; } #thankyouLeftCol { width: 60%; float: left; } #thankyouLeftCol div { padding: 30px 25px 10px 25px; } #thankyouHeader div, #thankyouFooter div{ margin: 0 25px; } #thankyouFooter p { padding: 5px 0 0 0; margin: 0; font-size: 80%; } #thankyouHeader ul, #thankyouFooter ul { margin: 0; padding: 0; width: 100%; list-style: none; /*float: left;*/ } #thankyouHeader ul { padding: 20px 0 0 0; } #thankyouHeader ul li, #thankyouFooter ul li { float: left; margin: 0; padding: 0 20px 0 0; font-size: 115%; } #thankyouFooter ul li { font-size: 100%; } #thankyouHeader ul li { float: left; } #thankyouHeader ul li a, #thankyouFooter ul li a { float: left; display: block; margin: 0; padding: 0 0 5px 12px; text-decoration: none; font-weight: bold; background: url(/css/img/thankyou/arrow.png) no-repeat 0 35%; color: #400004; border: none; } #thankyouRightCol { margin-top: 30px; width: 40%; float: right; } #thankyouVidArea { width: 260px; background: url(/css/img/thankyou/goggleDude.gif) no-repeat 85% 0; padding: 44px 0 0 0; } #thankyouRightCol p { padding-top: 1.5em; margin-top: 1.5em; } #thankyouLeftCol ul, #thankyouRightCol ul { list-style: none; padding: 0; margin: 0; } #thankyouLeftCol ul { margin-left: 2em; } #thankyouLeftCol ul li, #thankyouRightCol ul li { background-image: url(/img/thankyou/arrow.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 10px; margin: 0 0 1.3em 0; } #thankyouLeftCol ul li { margin-bottom: .5em; } #thankyouRightCol a { color: #fff; background: none; padding: 0; font-size: 130%; font-weight: normal; border: none; /*text-shadow: .2em .2em 3px #333;*/ } a#videoDude { float: right; margin-right: 25px; width: 90px; height: 76px; background: url(/css/img/thankyou/videoDude.gif) no-repeat; text-indent: -5000px; } /* hilite states */ #thankyouHeader ul li a#urhere { color: #fff; background: url(/css/img/thankyou/arrow_down.png) no-repeat 0 45%; } #thankyouHeader div:after, #thankyouFooter div:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; visibility: hidden; } /* SOLUTIONS PARTNER SPOTLIGHTS */ #menuList li { display: inline; list-style-type: none; } #menuContainer { margin-bottom: 15px; width: 565px; } #menuContainer ul { list-style-type: none; text-align: right; padding: 0; position: relative; } #menuContainer li { display: inline; text-align: center; margin: 0 0 0 2px; } #menuContainer li a { padding: 0 2px; color: #666; background-color: #fff; border: 1px solid #ccc; text-decoration: none; text-transform: uppercase; font-size: x-small; } #menuContainer li a:hover { color: #000; border: 1px solid #666; border-top: 2px solid #666; border-bottom: 2px solid #666; } #menuContainer li a#current { color: #000; border: 1px solid #666; border-top: 2px solid #666; border-bottom: 2px solid #666; } .logoWrap { margin-bottom: 30px; width: 565px; } div.visit { text-align: right; margin-bottom: 0; margin-top: -15px; font-size: x-small; text-decoration: none; } /* Holly Hack Targets IE Win only \*/ * html #thankyouHeader ul, * html #thankyouFooter div {height: 1%;} /* End Holly Hack */ /* end some lovely styles for the RHEL5 Thank You promo */ #supportLogins ul li { margin: 0; padding: 2px 0; list-style-type:none; background: url('/css/img/buttons/radio/off.gif') 2px 2px no-repeat; } #supportLogins ul li.selected { background-image:url('/css/img/buttons/radio/on.gif'); } #supportLogins ul li a { color: #333; text-decoration:none; padding: 0 0 0 25px; display: block; cursor: pointer; } #supportLogins ul { margin: 0 0 20px 5px; padding: 0; } html { /* min-width: 750px;*/ } body { margin: 0; padding: 0; text-align: center; background: #fff url(/css/img/bkgrnd/greydots.png) repeat; font-family: "Lucida Grande", "Luxi Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif; font-size: smaller; color: #333; } body.admin #wrap { width: 100%; } body.admin #innerwrap { width: 95%; } body#content, body.mceContentBody { background:white; text-align:left; width:750px; padding:0 15px; } #wrap { width: 750px; margin: 0 auto; padding: 0; text-align: left; background: #fff; } #innerwrap { width: 720px; margin: 0 15px; padding: 0px 0; } #innerwrap:after { clear:both; } /* for the DOM added div */ .cb { clear:both; height:0; overflow:hidden; } /************************************************************** BASIC HTML STYLES */ p { line-height: 1.25em; margin-top: 5px; } h1+p, h2+p, h3+p, h4+p { margin-top: .25em; } .footnote { margin-top: 4em; font-size: xx-small; color: #777777; } .littlenote { font-size: xx-small; color: black; } .hide { display: none; } .center { text-align: center; } /************************************************************** MAIN CONTENT */ .twoColumn:after, .content2ColHR:after, .content2Col:after, .contentWrap1Col:after, #contentWrap:after, .clearWrap:after { content:"."; display: block; height: 0; clear:both; visibility:hidden; } .clearWrap {display:inline-block;}/* Hide from IE Mac \*/ .clearWrap {display:block;}/* End hide from IE Mac */ .content2Col { margin: 0; padding: 0; } #contentWrap { margin: 15px 0 10px 0; padding: 0; } #contentWrap:before { clear:both; } /* Holly Hack Targets IE Win only \*/ * html #contentWrap {height: 1%;} /* End Holly Hack */ #contentWrap1Col { margin: 25px 15px 10px 15px; padding: 0; } /* Holly Hack Targets IE Win only \*/ * html .contentWrap1Col {height: 1%;} /* End Holly Hack */ /**** wrap this around any area with 2 columns except for "compare" */ /* Holly Hack Targets IE Win only \*/ * html .content2Col {height: 1%;} /* End Holly Hack */ /**** wrap this around any area with 2 columns that are followed by an HR */ .content2ColHR { padding-bottom: 15px; border-bottom: 1px solid #C8C5AC; margin-bottom: 15px; } /* Holly Hack Targets IE Win only \*/ * html .content2ColHR {height: 1%;} /* End Holly Hack */ /**** following two styles define LEFT SIDENAV and RIGHT-HAND CONTENT */ #navCol_v2, #navCol { float: left; width: 132px; } /* Holly Hack Targets IE Win only \*/ * html #navCol {position: static;} /* End Holly Hack */ #contentColRight_v2, #contentColRight { margin-left: 147px; } /* Holly Hack Targets IE Win only \*/ * html #contentColRight_v2, #contentColRight {margin-left: 144px;} /* End Holly Hack */ /**** following two styles define LEFT-HAND CONTENT and RIGHT-HAND WIDGETS */ #contentColLeft { float: left; width: 573px; } #contentColWidget { float: left; width: 515px; } /**** END basic template styles */ /**** following styles define HALF-WIDTH CONTENT COLUMNS */ .twoColumn { margin: 0; } /* Holly Hack Targets IE Win only \*/ * html .twoColumn {height: 1%;} /* End Holly Hack */ .halfColumn { float:left; margin:0pt 15px 0pt 0pt; width:245px; } .halfColumnTwo { float:left; margin:0 15px 0 0; width:264px; } .halfColumnFull { float:left; margin:0pt 15px 0pt 0pt; width:340px; } .halfColumnFullTwo { float:left; width:352px; } .halfColumn49 { float: left; width: 49%; margin: 0; } .twothirdColLeft, .halfColLeft { margin-top:0px; padding-top:0px; float: left; } /* Holly Hack Targets IE Win only \*/ * html .halfColLeft {position: static;} /* End Holly Hack */ .halfColRight, .twothirdColRight{ margin-top:0px; padding-top:0px; margin-left: 294px; } /* Holly Hack Targets IE Win only \*/ * html .halfColRight, * html .twothirdColRight{margin-left: 291px;} /* End Holly Hack */ .onethirdColRight, .halfColRight, .halfColLeft { width: 279px; padding-top: 0; } .twothirdColLeft, .twothirdColRight { width: 411px; } .onethirdColRight { margin-left:440px; } .thirdColumn { float: left; width: 176px; margin: 0 15px 0 0; } .halfColRight ul, .halfColLeft ul { padding: 0 10px 0 20px; margin: 5px 0 11px 0; } .contentIndent { margin-left: 15px; margin-bottom: 15px; } .noIndent p { margin: 0; } /* HalfFullCols -- right and left 50% cols on a full 720px page, like /choice/ */ .halfFullColLeft { float: left; } /* Holly Hack Targets IE Win only \*/ * html .halfFullColLeft {position: static;} /* End Holly Hack */ .halfFullColRight { margin-left: 375px; } /* Holly Hack Targets IE Win only \*/ * html .halfFullColRight {margin-left: 370px;} /* End Holly Hack */ .halfFullColRight, .halfFullColLeft { width: 345px; padding-top: 0; } #content3ColRight { float: left; width: 421px; margin-right: 15px; } /************************************************************** FOOTER */ p#footer { padding-top: 40px; margin-left: 15px; line-height: 1.5em; color: #999; font-size: xx-small; } p#footer a { text-decoration: none; } a:link { color: #0066cc; text-decoration: none; } a:visited { color: #6699cc; text-decoration: none; } h2 a, h3 a, h4 a { text-decoration: none; } .rightcolumn { float: left; padding: 0 10px; width: 210px; margin: 0; } .rightcolumn h3 { margin: 0; margin-bottom: 1.5em; padding: 0; } .middlecolumn { float: left; padding: 0 10px; width: 211px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .middlecolumn h3 { margin: 0; margin-bottom: 1.5em; padding: 0; } .leftcolumn { float: left; padding: 0 10px; width: 234px; margin: 0; } .leftcolumn h3 { margin: 0; margin-bottom: 1.5em; padding: 0; } #middlenav p, #middlenav li { font-size: 9.5pt; } .Title, .subtitle { font-size: 16px; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; color: black; font-weight: bold; border-bottom: 1px solid black; } .subtitle { color: #666; border-bottom: 1px solid #666; } /* highlightsection */ div.highlightSection { margin-bottom: 10px; } /* Holly Hack Targets IE Win only \*/ * html .highlightSection {height: 1%;} /* End Holly Hack */ div.highlightSection div { margin-left: 68px; min-height: 50px; clear: right; padding-left: 10px; } div.highlightSection h2, div.highlightSection h3 { margin-bottom: 10px; clear: right; } div.highlightSection div.highlightIcon { float: left; width: 50px; clear: none; margin: 0 0 0 20px; padding: 0; border-left: 0; } /*--- Full page 3 columns 1/3 1/3 1/3 widths ---*/ .onethird3Col { float:left; padding-left:12px; margin-right:7px; width:31%;} .onethird3Colfirst { margin-left:0; padding-left:0; border-left:0; } .onethird3ColBg { background: url("/css/img/bkgrnd/onethird3Col.gif") 0 0 repeat-y; } /*--- Three Col for error page ---*/ #threeColWrap { background:transparent url(/css/img/bkgrnd/3col_bk_r.gif) repeat-y scroll 67% 0pt; } #threeColWrap-inner { background:transparent url(/css/img/bkgrnd/3col_bk_l.gif) repeat-y scroll 33% 0pt; } .threeColWrap-col, .threeColWrap-colMiddle { float:left; width:33%; } .threeColWrap-colMiddle { width:34%; } .threeColWrap-col div, .threeColWrap-colMiddle div { padding: 10px 15px; } #threeColWrap .head { border-bottom:1px solid #333333; min-height:3em; position:relative; } #threeColWrap h2 { bottom:0pt; position:absolute; } #threeColWrap-inner:after { clear:both; content:"."; display:block; height:0px; overflow:hidden; visibility:hidden; } * html #threeColWrap-inner { height:1%; } /* =Tabs & whiteBox */ .type-writer { font-family:'Nimbus Mono L', 'Courier New'; } .justified { text-align: justify; } .justified.contentIndent { margin-right: 30px; } .redNote { color:#b70000; } /* added JRS 20.09.07 */ .redAnchor { position: relative; left: 90px; text-align: center; width: 100%; } .redAnchor a { color:#b70000; text-decoration: underline; font-size: 150%; } .redAnchor a:hover { color: rgb(255,100,100); } .dateTable td { vertical-align:top; padding: 5px; } .red { color:#cc0000; } /** Training Layout ******************************************* MAIN CONTENT */ #mainContentCol { float: right; width: 402px; } /** Training Layout ******************************************* SIDE CONTENT */ #sideInfoCol { float: left; width: 156px; } .summaryBox { border-bottom: 1px solid #c0dae7; background-color: #E5F0F5; font-size: x-small; text-align: center; } .summaryBox h3 { background-color: #c0dae7; color: #333; padding: 3px 0; } .summaryBox a { text-decoration: none; } .summaryBox div.body { padding: 10px 15px; } dl { margin: 0 0 1em 0; padding: 0; } h3+dl { margin-left:10px; margin-top:5px; } dl dt { margin: 0 0 .5em 0; padding:0; width: 23%; float: left; } dl dd { margin: 0 0 .5em 0; padding:0; width: 70%; margin-left: 30%; } dl.summaryContent dt { text-align: right; width: 60%; } dl.summaryContent dd { width: 30%; } dd:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: left; visibility: hidden; } blockquote { text-align:justify; font-style: italic; } .clearBoxBody blockquote { margin:10px; } .clearBoxBody p.author { margin-left:300px; } .clearBoxBody p.author:first-line { font-weight:bold; } div#navWrap, div#primeNavWrap { background-image:url(/css/img/nav/primary/left.png); background-position:left top; background-repeat:no-repeat; float:left; width:100%; } div#navWrap { background-image:url(/css/img/nav/primary/right.png); background-position:right top; background-repeat:no-repeat; clear:both; font-family:"Lucida Grande","Luxi Sans","Trebuchet MS",helvetica,arial,sans-serif; width:100%; } /* begin superfish ************************************ begin superfish */ ul.primeNav-sf { width: 100%; font-size: 80%; line-height: 1em; font-weight: bold; /*border-bottom: 1px solid #8f0000;*/ background: url(/css/img/nav/primary/bottom.png) repeat-x bottom; float: left; } ul.primeNav-sf, ul.primeNav-sf * { list-style-type: none; list-style-position: outside; padding: 0; margin: 0; } ul.primeNav-sf li { float: left; padding: 0; margin: 0; position: relative; /* for superfish */ z-index: 99; /* for IE6 - keeps drop downs above content [aaron] */ } ul.primeNav-sf li a { padding: 9px 15px 9px 15px; text-decoration: none; color: #000; display: block; position: relative; /* added for superfish */ /*float: left;*/ /* removed for superfish */ } ul.primeNav-sf li a:visited { color: #000; /* for IE6 - reinforcing override of visited link color [aaron] */ } /* essential to superfish */ ul.primeNav-sf ul { position: absolute; top: -999em; /* hide main dropdowns */ width: 16em; /* width of all dropdowns */ line-height: 1.25em; /* allow for spacing on two line links */ } ul.primeNav-sf li li { width: 100%; } ul.primeNav-sf li:hover ul, ul.primeNav-sf li.sfHover ul { left: 0; top: 26px; /* main dropdowns start at bottom of red line */ z-index: 99; /* dropdowns appear above everything else */ } ul.primeNav-sf li:hover li ul, ul.primeNav-sf li.sfHover li ul { top: -999em; /* hide fly-out dropdowns */ } ul.primeNav-sf li li:hover ul, ul.primeNav-sf li li.sfHover ul { left: 16em; /* for fly-outs; same as width of dropdowns */ top: 0; } ul.primeNav-sf li.opposite li:hover ul, ul.primeNav-sf li.opposite li.sfHover ul { left: -16em; /* last two dropdowns appear to the left */ top: 0; } ul.primeNav-sf li li:hover li ul, ul.primeNav-sf li li.sfHover li ul { top: -999em; } ul.primeNav-sf li li li:hover ul, ul.primeNav-sf li li li.sfHover ul { left: 16em; top: 0; } /* skin for superfish */ ul.primeNav-sf ul li a { border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 6px 15px 6px 15px; /* dropdown links slighty shorter than primary nav */ } ul.primeNav-sf ul li { background: #eee; /* main dropdowns background */ } ul.primeNav-sf ul li li { background: #ccc; /* fly-out dropdowns background */ } ul.primeNav-sf li li:hover, ul.primeNav-sf li li.sfHover, ul.primeNav-sf li li a:focus, ul.primeNav-sf li li a:hover, ul.primeNav-sf li li a:active { background-image:none; background: #999; } ul.primeNav-sf li.active, ul.primeNav-sf li:hover, ul.primeNav-sf li.sfHover { background-image: url(/css/img/nav/primary/tabRight.png); background-position: right top; background-repeat: no-repeat; } ul.primeNav-sf li.active a, ul.primeNav-sf li:hover a, ul.primeNav-sf li a.sfHover { background-image: url(/css/img/nav/primary/tabLeft.png); background-position: top left; background-repeat: no-repeat; color: #fff; } ul.primeNav-sf ul ul { border-top: none; z-index: 100; } ul.primeNav-sf li.active li a, ul.primeNav-sf li:hover li a, ul.primeNav-sf li li:hover a, ul.primeNav-sf li li a.sfHover { background-image: none; color:black; } /*ul.primeNav-sf>li>ul>li:last-child,*/ ul.primeNav-sf a.homeLink { font-style: italic; background-color: #ccc; /* "all" links */ } ul.primeNav-sf a.homeLink:after { content: "\2026" /* ellipses only show in presentation */ } /*** arrows for superfish **/ ul.primeNav-sf ul a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } ul.primeNav-sf .sf-sub-indicator { display: none; } /*ul.primeNav-sf ul li a span,*/ .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/css/img/bullet/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ ul.primeNav-sf ul .sf-sub-indicator { display: inline; background-position: -10px 0; } ul.primeNav-sf ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ ul.primeNav-sf ul a:focus > .sf-sub-indicator, ul.primeNav-sf ul a:hover > .sf-sub-indicator, ul.primeNav-sf ul a:active > .sf-sub-indicator, ul.primeNav-sf ul li:hover > a > .sf-sub-indicator, ul.primeNav-sf ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* shadows for superfish */ ul.primeNav-sf ul, .sf-shadow ul { background: url('/css/img/nav/shadow.png') no-repeat bottom right; padding: 0 10px 12px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* end superfish ************************************ end superfish */ /***** hacks!! *****/ #utility:after, #header:after, #navWrap:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #utility, * html #header, * html #navWrap {height: 1%;} /* End Holly Hack */ #newPromoHome {width: 720px; height: 250px; margin-bottom: 1em; position: relative;} #newPromoSlides {float: left; width: 501px;} .promoPics {width: 501px; height: 250px; margin: 0; padding: 0; overflow: hidden;} .promoPics img {height: 250px; width: 501px; top: 0; left: 0;} #newPromoNav {float: right; padding: 0; margin: 0; list-style-type: none;} #newPromoNav li {position: relative; margin: 0; padding: 0; width: 219px; height: 82px; overflow: hidden; text-align: left;} #newPromoNav a {display: block; width: 219px; height: 72px;} #newPromoNav img {display: block;} #newPromoNav li {line-height: 0; font-size: 1px;} /* fixes vert space in IE7 */ #newPromoNav li#newPromoOne {top: 0px;} #newPromoNav li#newPromoTwo {top: 2px;} #newPromoNav li#newPromoThree {top: 4px;} #newPromoNav li#newPromoOne a:hover img {position: absolute; top: -100%;} #newPromoNav li#newPromoTwo a:hover img {position: absolute; top: -100%;} #newPromoNav li#newPromoThree a:hover img {position: absolute; top: -100%;} #newPromoNav li#newPromoOne a.activeSlide img {position: absolute; top: -200%;} #newPromoNav li#newPromoTwo a.activeSlide img {position: absolute; top: -200%;} #newPromoNav li#newPromoThree a.activeSlide img {position: absolute; top: -200%;} #newPromoHome a.SPButtonNonJS {display: none;} /* removed by javascript when javascript is enabled */ .SPButton { display: block; width: 40px; height: 40px; text-indent: -9999px; background: url(/css/img/buttons/pause.png) 0 0 no-repeat; overflow: hidden; position: absolute; left: 5px; top: 5px; z-index: 10; } .play { background: url(/css/img/buttons/play.png) 0 0 no-repeat; } a.SPButton:active, a.play:active, a.SPButton:focus, a.play:focus { outline: 0; } .js #flipBanner {display:none;} #flipBanner {margin-bottom: 5px; position: relative;} #flipBanner img {position: absolute; top: 0pt; left: 0pt; width: 720px; height: 100px;} #flipBanner img.one {z-index: 3;} #flipBanner img.two {z-index: 2;} #flipBanner img.three {z-index: 1;} .nav {float: right; padding-right: 15px;} .buttons {text-align: right; float: right; padding-right: 5px; display: none;} .nav, .buttons {margin-top: 105px;} #nav a {font-size: smaller; margin: 0 2px; padding: 0 8px; background: #fff; color: #333; text-decoration: none;} .buttons a {margin: 0 2px; padding: 2px 0;} .buttons a img {padding-top: 4px;} #nav a.activeSlide {background: #fff; color: #333; border-bottom: 2px solid #ccc;} #nav a:focus, .buttons a:focus {outline: none;} #nav a:hover {background: #fff; border-bottom: 2px solid #ccc;} /************************************************************** WIDGETS */ .widget, #widget { width: 132px; padding-bottom: 9px; margin-bottom: 10px; font-size: x-small; background-image: url(/css/img/corner/widget/bottom.png); background-position: bottom right; background-repeat: no-repeat; } .widgetCol, #widgetCol { margin-left: 588px; } /* Holly Hack Targets IE Win only \*/ * html .widgetCol {margin-left: 583px;} /* End Holly Hack */ .widgetCol img, #widgetCol img { padding: 0; margin: 0; margin-bottom:10px; } .widget h3, #widget h3 { font-size: x-small; color: white; background: #b4b4b4; padding: 2px 10px; margin: 0; } .widget h3.noPromo, #widget h3.noPromo { background-image: url(/css/img/corner/widget/top.gif); background-position: top left; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px; } .widgetBody { width: 112px; padding: 9px; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; background-color: #f2f2f2; } .widgetBody input { font-size: 10px; } .widgetBody ul.linkage { list-style: none; padding-left: 0; margin-left: 0; } .widget:after { margin-bottom:20px; } #widget .noPromoLtGrey { background-image: url(/css/img/corner/widget/top_ltgrey.png); background-position: top left; background-repeat: no-repeat; padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #b4b4b4; background-color: #f2f2f2; } #widgetFloat { float: right; margin-left: 15px; margin-bottom: 15px; } #widgetWrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } /* Left side widget */ #lwidget, .lwidget { width: 132px; padding-bottom: 9px; font-size: x-small; /* float: left; */ background-image: url(/css/img/corner/widget/bottom.png); background-position: bottom right; background-repeat: no-repeat; } #lwidget h3, .lwidget h3 { font-size: x-small; color: white; background: #b4b4b4; padding: 2px 10px; margin: 0; margin-top: 10px; background-image: url(/css/img/corner/widget/top.gif); background-position: top left; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px; } .lwidgetBody { width: 112px; padding: 9px; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; background-color: #f2f2f2; } .lwidgetBody ul.linkage { list-style: none; padding-left: 0; margin-left: 0; } #lwidget.black { background-image: url(/css/img/nav/side/black/bottom.png); color:white; } #lwidget.black h3 { background-color:black; background-image: url(/css/img/nav/side/black/top.png); padding-top:5px; } #lwidget.black .lwidgetBody { background-color:black; border:black 1px solid; } #widgetColWide { margin-left: 550px; } /* Holly Hack Targets IE Win only \*/ * html #widgetColWide {margin-left: 545px;} /* End Holly Hack */ #widget3Col { float:left; width: 132px; } /**** dropdown */ .myMenu { position: absolute; visibility: hidden; z-index: 5; text-align: right; padding: 0px 10px; } #dropitdown { background-image: url(/bullets/droptop.gif); background-position: bottom left; background-repeat: no-repeat; } #dropitup { background-image: url(/bullets/drop_bottom.gif); background-position: top left; background-repeat: no-repeat; } .myMenuLabelleft { padding: 0px 0px 0px 0px; text-align: left;} .myMenuLabelcenter { padding: 0px 0px 0px 0px; text-align: center;} .myMenuLabelright { padding: 0px 0px 0px 0px; text-align: right;} .myMenuItemleft { padding: 0px 0px 0px 0px; text-align: left;} .myMenuItemcenter { padding: 0px 0px 0px 0px; text-align: center;} .myMenuItemright { padding: 0px 0px 0px 0px; text-align: right;} a.MenuLabelLink { COLOR: #ffffff; FONT-SIZE: 11px; text-align: right; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; font-weight: bold;} a.MenuLabelLink:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuLabelLink:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuLabelLink:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuLabelLinkOn { COLOR: #ffffff; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; font-weight: bold;} a.MenuLabelLinkOn:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuLabelLinkOn:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuLabelLinkOn:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLink { COLOR: #e0e0e0; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; font-weight: bold;} a.MenuItemLink:link { COLOR: #e0e0e0; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLink:visited { COLOR: #e0e0e0; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLink:hover { COLOR: #e0e0e0; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLinkOn { COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None; margin: 0px; padding: 0px; font-weight: bold;} a.MenuItemLinkOn:link { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLinkOn:visited { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} a.MenuItemLinkOn:hover { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: None;} #myTest { padding: 3px 0px 0px 0px; z-index: 6; } /* Red Hat Enterprise Linux headline */ .accent { margin-top:20px; margin-bottom:10px; border-bottom:2px solid #bbbbbb; } /************************************************************** HEADLINE STYLES */ h1 { font-size: x-large; } h2 { font-size: medium; margin-top: 10px; } h3 { font-size: small; margin-top:10px; } h4 { font-size: x-small; } .clearBoxBody h2 { margin-top:0px; } /* Lalala. Why is it called *C*SS? */ h2.accentDarkFull, h2.accentDark, h2.accentDarkWide, h2.accentDarkSmall, h2.accentLightSmall, h2.accentLightWide , h2.accentLight, h2.accentLightFull, h2.accentLightSmall345, h2.accentLightSmall360, h2.accentLightHalfFull, h2.accentLightDrkTxt, h2.accentDarkTwoThirds, h2.accentDarkThird, h2.accentLightMed { padding: 0; margin: 0; margin-bottom: 10px; background-color: #dedfe0; background-position: top left; background-repeat: no-repeat; font-size: small; color: #333333; } h2.accentDarkFull span, h2.accentDark span, h2.accentDarkWide span, h2.accentDarkSmall span, h2.accentLightSmall span, h2.accentLightWide span, h2.accentLight span, h2.accentLightFull span, h2.accentLightSmall345 span, h2.accentLightSmall360 span, h2.accentLightHalfFull span, h2.accentLightDrkTxt span, h2.accentDarkTwoThirds span, h2.accentDarkThird span, h2.accentLightMed span { display: block; padding: 4px 15px; background-position: bottom right; background-repeat: no-repeat; } h2.accentDarkSmall { width: 165px; background-image: url(/css/img/corner/gray/small_top.png); } h2.accentDarkSmall span { background-image: url(/css/img/corner/gray/small_bottom.png); } h2.accentDark { width: 279px; background-image: url(/css/img/corner/gray/top.png); } h2.accentDark span { background-image: url(/css/img/corner/gray/bottom.png); } h2.accentDarkWide { width: 573px; background-image: url(/css/img/corner/gray/wide_top.png); } h2.accentDarkWide span { background-image: url(/css/img/corner/gray/wide_bottom.png); } h2.accentDarkFull { width: 690px; background-image: url(/css/img/corner/gray/full_top.png); } h2.accentDarkFull span { background-image: url(/css/img/corner/gray/full_bottom.png); } h2.accentLightSmall { width: 165px; background-image: url(/css/img/corner/gray/home_top.png); } h2.accentLightSmall span { background-image: url(/css/img/corner/gray/home_bottom.png); } h2.accentLight { width: 279px; background-image: url(/css/img/corner/gray/top.png); } h2.accentLight span { background-image: url(/css/img/corner/gray/bottom.png); } h2.accentLightWide { width: 573px; background-image: url(/css/img/corner/gray/wide_top.png); } h2.accentLightWide span { background-image: url(/css/img/corner/gray/wide_bottom.png); } h2.accentLightFull { width: 690px; background-image: url(/css/img/corner/gray/full_top.png); } h2.accentLightFull span { background-image: url(/css/img/corner/gray/full_bottom.png); } h2.accentLightSmall345 { width: 345px; background-image: url(/css/img/corner/gray/345_top.png); } /* Holly Hack Targets IE Win only \*/ * html h2.accentLightSmall345 {margin-left: 0px;} /* End Holly Hack */ h2.accentLightSmall345 span { background-image: url(/css/img/corner/gray/345_bottom.png); } h2.accentLightSmall360 { width: 360px; background-image: url(/css/img/corner/gray/360_top.png); } h2.accentLightSmall360 span { background-image: url(/css/img/corner/gray/360_bottom.png); } h2.accentLightHalfFull { width: 345px; background-image: url(/css/img/corner/gray/halffull_top.png); } h2.accentLightHalfFull span { background-image: url(/css/img/corner/gray/halffull_bottom.png); } h2.accentLightDrkTxt { width: 279px; background-image: url(/css/img/corner/gray/top.png); } h2.accentLightDrkTxt span { background-image: url(/css/img/corner/gray/bottom.png); } h2.accentDarkTwoThirds { width: 450px; background-image: url(/css/img/corner/gray/twothirds_top.png); } h2.accentDarkTwoThirds span { background-image: url(/css/img/corner/gray/twothirds_bottom.png); } h2.accentDarkThird { width: 260px; background-image: url(/css/img/corner/gray/onethird_top.png); } h2.accentDarkThird span { background-image: url(/css/img/corner/gray/onethird_bottom.png); } h2.accentLightMed, h2.accentDarkMed { width: 426px; background-image: url(/css/img/corner/gray/medium_top.png); /* text-transform: uppercase;*/ } h2.accentLightMed span, h2.accentDarkMed span { background-image: url(/css/img/corner/gray/medium_bottom.png); } h2.accentRedThird { width: 260px; background-color: #E0000A; background-image: url(/css/img/corner/red/onethird_top.png); color: white; text-transform: uppercase; } h2.accentRedThird span { background-image: url(/css/img/corner/red/onethird_bottom.png); } h2.accentRed345 { width: 345px; padding: 0; margin: 0; margin-bottom: 15px; background-color: #E0000A; background-image: url(/css/img/corner/red/345_top.png); background-position: top left; background-repeat: no-repeat; font-size: small; color: white; text-transform: uppercase; } h2.accentRed345 span { display: block; padding: 1px 15px 2px 15px; background-image: url(/css/img/corner/red/345_bottom.png); background-position: bottom right; background-repeat: no-repeat; } /************************************************************** LOGO HEADER */ #header { width: 100%; height: 50px; clear: left; } #header form { /*width: 201px;*/ margin-top: 5px; /* height: 31px;*/ float: right; text-align: right; } #header input { background: #eee; } #rhLogo { float: left; margin-left: 15px; } /* GLS specific */ /* If you add new headers from the US page, please split it up into * * class="head " to keep the CSS from clogging up. * * See h1.head.xxxx as a reference:

*/ h1.head { background-position: 0 0; background-repeat: no-repeat; border-bottom: 2px solid #e6e6e6; padding-bottom: 10px; height: 51px; } h1.head span { display: none; } h1.head.vendor { padding-bottom: 10px; height: 12px; margin-top:10px; } h1.head.vendor.n1 { background-image: url(/css/img/head/vendor/1.png); } h1.head.vendor.n2 { background-image: url(/css/img/head/vendor/2.png); } h1.head.vendor.n3 { background-image: url(/css/img/head/vendor/3.png); } h1.head.support { height:20px; background-image: url(/css/img/head/support.png); } h1.head.gls { background-image: url(/css/img/head/gls.png); } h1.head.rhce { background-image: url(/css/img/head/rhce.png); } h1.head.rhca { background-image: url(/css/img/head/rhca.png); } h1.head.rhcss { background-image: url(/css/img/head/rhcss.png); } h1.head.workshop { background-image: url(/css/img/head/workshops.png); } h1.head.devel { background-image: url(/css/img/head/devel.png); } h1.head.elearning { background-image: url(/css/img/head/elearning.png); } h1.head.academy { background-image: url(/css/img/head/academy.png); } h1.head.rhel { background-image: url(/css/img/head/rhel.png); } h1.head.rhn { background: url(/css/img/head/rhn.png) 0 0 no-repeat; } h1.head.rhelas { background-image: url(/css/img/head/rhelas.png); } h1.head.rheles { background-image: url(/css/img/head/rheles.png); } h1.head.rhelws { background-image: url(/css/img/head/rhelws.png); } h1.head.rheldesktop { background-image: url(/css/img/head/rheldesktop.png); } h1.head.osn { background-image: url(/css/img/head/osn.png); } h1.head.fedora { background-image: url(/css/img/head/fedora.png); } h1.head.services { background-image: url(/css/img/head/services.png); } h1.head.solutions { background-image: url(/css/img/head/solutions.png); } h1.head.company{ height:20px; background-image: url(/css/img/head/company.png); } h1.head.training { background-image: url(/css/img/head/training_certification.png); } /* End GLS */ .collabWorksHead { height: 30px; background: url('/img/heading_collabworks.png') top left no-repeat; } .collabWorksHead h1{ margin-left: -50000px; display: block; height: 0; overflow: hidden; } .betterSectionHead { height: 12px; margin-top: 15px; background: url('/img/heading_better.png') top left no-repeat; } .betterSectionHead h2{ margin-left: -50000px; display: block; height: 0; overflow: hidden; } .meanSectionHead { height: 12px; margin-top: 10px; background: url('/img/heading_mean.png') top left no-repeat; } .meanSectionHead h2 { margin-left: -50000px; display: block; height: 0; overflow: hidden; } .communitySectionHead { height: 12px; margin-top: 10px; background: url('/img/heading_community.png') top left no-repeat; } .communitySectionHead h2 { margin-left: -50000px; display: block; height: 0; overflow: hidden; } h1#section span { margin:0.25em 0pt 0pt; padding:0pt; color:#999999; font-size:70%; } /* Training headers */ h1#sectionHead, h1#sectionHead1 { padding: 0; margin: 0; margin-top: .25em; } h1#sectionHead span, h1#sectionHead1 span { font-size: 70%; color: #999; } h1#sectionHead + h2, h2#sectionHead2 { color: #999; padding: 0; margin: 0; font-size: small; font-weight: normal; margin-bottom: 1em; } h3.light { color: #ccc; font-size: 90%; } .curriculum { color: #ccc; font-size: x-small; } /************************************************************** TABLE STYLES */ table { font-size: small; } table.creamHalf { width: 279px; background-color: #f7f2d0; background-image: url(/css/img/table/half/cream_top.png); background-position: top left; background-repeat: no-repeat; } table.creamHalf th, table.creamHalf td { padding: 3px 8px; border-bottom: 1px solid #fdfbf2; font-weight: normal; } table.creamHalf td { text-align: center; } table.creamHalf tr.first th { text-align: center; font-weight: bold; padding-top: 12px; } table.creamHalf tr th.lastLeft, td.lastLeft { background-image: url(/css/img/table/half/cream_bottom.png); background-position: bottom left; background-repeat: no-repeat; } table.creamHalf tr th.lastRight, td.lastRight { background-image: url(/css/img/table/half/cream_bottom.png); background-position: bottom right; background-repeat: no-repeat; } table.creamHalf tr.last td { padding-bottom: 12px; } table.editHalf { width: 279px; border-collapse: separate; border-spacing: 0; background-color: #f7f2d0; background-image: url(/css/img/table/half/cream_top.png); background-position: top left; background-repeat: no-repeat; } table.editHalf th, table.editHalf td { padding: 3px 8px; font-weight: normal; } table.editHalf td { text-align: left; } table.editHalf td.first { text-align: left; width: 16px; } table.editHalf tr { margin: 0; padding: 0; } table.editHalf tr.first th { text-align: left; font-weight: bold; padding-top: 12px; } table.editHalf tr th.lastLeft td.lastLeft { background-image: url(/css/img/table/half/cream_bottom.png); background-position: bottom left; background-repeat: no-repeat; } table.editHalf tr th.lastRight td.lastRight { background-image: url(/css/img/table/half/cream_bottom.png); background-position: bottom right; background-repeat: no-repeat; } table.editHalf tr.last td { padding-bottom: 15px; } table.editFull { border-collapse: separate; border-spacing: 0; background-color: #f7f2d0; width: 100%; text-align: left; } table.editFull td { padding-left: 8px } table.editFull td.FullFirstLeft { background-image: url(/css/img/table/full/cream_upper_left.png); background-position: top left; background-repeat: no-repeat; width: 16px; } table.editFull td.FullFirstRight { background-image: url(/css/img/table/full/cream_upper_right.png); background-position: top right; background-repeat: no-repeat; } table.editFull td.FullLastLeft { background-image: url(/css/img/table/full/cream_lower_left.png); background-position: bottom left; background-repeat: no-repeat; padding-bottom: 8px; } table.editFull td.FullLastRight { background-image: url(/css/img/table/full/cream_lower_right.png); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 15px; } /***********************************************/ /* BASIC TABLE - deprecated. use tableBasic_v2 */ /* cols : class : colstyles */ /* ---- ----- --------- */ /* 4-col : basic4 : 1-2-3-4 */ /* 5-col : basic5 : 1-2-3-4-5 */ /* 6-col : basic3 : 1-1-2-2-3-3 */ /* 7-col : basic4 : 1-2-2-3-3-4-4 */ /* 8-col : basic4 : 1-1-2-2-3-3-4-4 */ /* 9-col : basic5 : 1-2-2-3-3-4-4-5-5 */ /***********************************************/ div.tableBasic h2 { margin: 25px 0 .5em 0; } div.tableBasic p.footnote { margin-top: 0; } div.tableBasic table { width: 100%; background: #f7f2d0 url(/css/img/table/basic/tl.png) top left no-repeat; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; border:0; } div.tableBasic table th { padding-top: 20px; border-bottom: 2px solid #faf7e5; vertical-align: bottom; } div.tableBasic table td { border-bottom: 0px solid #faf7e5; vertical-align:top; } div.tableBasic table th, div.tableBasic table td { padding: 8px 11px; } div.tableBasic table tr.lastrow td { border-bottom: none; padding-bottom: 20px; } div.tableBasic table tr.lastrow td.col1 { background: url(/css/img/table/basic/bl.png) bottom left no-repeat; } div.tableBasic table td div.yes { background: url(/css/img/table/yesmark.png) 50% no-repeat; height: 10px; width: 100%; } div.tableBasic table td div.yes span { display: none; } div.tableBasic table td div.no span { display: none; } /* types of tables based on how many columns and cell alignment */ div.tableBasic table.basic2, div.tableBasic table.basic3, div.tableBasic table.basic4, div.tableBasic table.basic5 { font-size:x-small; } div.tableBasic table.basic2 th.col2, div.tableBasic table.basic2 th.col2c, div.tableBasic table.basic2 th.col2r { background: #ede8c8 url(/css/img/table/basic/2_tr.png) top right no-repeat; } div.tableBasic table.basic2 tr.lastrow td.col2, div.tableBasic table.basic2 tr.lastrow td.col2c, div.tableBasic table.basic2 tr.lastrow td.col2r { background: #ede8c8 url(/css/img/table/basic/2_br.png) bottom right no-repeat; } div.tableBasic table.basic3 th.col3, div.tableBasic table.basic3 th.col3c, div.tableBasic table.basic3 th.col3r { background: #e2ddbd url(/css/img/table/basic/3_tr.png) top right no-repeat; } div.tableBasic table.basic3 tr.lastrow td.col3, div.tableBasic table.basic3 tr.lastrow td.col3c, div.tableBasic table.basic3 tr.lastrow td.col3r { background: #e2ddbd url(/css/img/table/basic/3_br.png) bottom right no-repeat; } div.tableBasic table.basic4 th.col4, div.tableBasic table.basic4 th.col4c, div.tableBasic table.basic4 th.col4r { background: #d9d5b5 url(/css/img/table/basic/4_tr.png) top right no-repeat; } div.tableBasic table.basic4 tr.lastrow td.col4, div.tableBasic table.basic4 tr.lastrow td.col4c, div.tableBasic table.basic4 tr.lastrow td.col4r { background: #d9d5b5 url(/css/img/table/basic/4_br.png) bottom right no-repeat; } div.tableBasic table.basic5 th.col5, div.tableBasic table.basic5 th.col5c, div.tableBasic table.basic5 th.col5r { background: #c6c2a6 url(/css/img/table/basic/5_tr.png) top right no-repeat; } div.tableBasic table.basic5 tr.lastrow td.col5, div.tableBasic table.basic5 tr.lastrow td.col5c, div.tableBasic table.basic5 tr.lastrow td.col5r { background: #c6c2a6 url(/css/img/table/basic/5_br.png) bottom right no-repeat; } /* left-align and background colors */ div.tableBasic table th.col2, div.tableBasic table td.col2, div.tableBasic table th.col2c, div.tableBasic table td.col2c, div.tableBasic table th.col2r, div.tableBasic table td.col2r { background-color: #ede8c8; } div.tableBasic table th.col3, div.tableBasic table td.col3, div.tableBasic table th.col3c, div.tableBasic table td.col3c, div.tableBasic table th.col3r, div.tableBasic table td.col3r { background-color: #e2ddbd; } div.tableBasic table th.col4, div.tableBasic table td.col4, div.tableBasic table th.col4c, div.tableBasic table td.col4c, div.tableBasic table th.col4r, div.tableBasic table td.col4r { background-color: #d9d5b5; } div.tableBasic table th.col5, div.tableBasic table td.col5, div.tableBasic table th.col5c, div.tableBasic table td.col5c, div.tableBasic table th.col5r, div.tableBasic table td.col5r { background-color: #c6c2a6; } /* center-align */ div.tableBasic table th.col2c, div.tableBasic table td.col2c, div.tableBasic table th.col3c, div.tableBasic table td.col3c, div.tableBasic table th.col4c, div.tableBasic table td.col4c, div.tableBasic table th.col5c, div.tableBasic table td.col5c { text-align: center; } /* right-align */ div.tableBasic table th.col2r, div.tableBasic table td.col2r, div.tableBasic table th.col3r, div.tableBasic table td.col3r, div.tableBasic table th.col4r, div.tableBasic table td.col4r, div.tableBasic table th.col5r, div.tableBasic table td.col5r { text-align: right; } /* MaCS */ tr.promotablerow td p { margin-top:3px; margin-bottom:3px;margin-left:10px; padding:0px; } /* RHEL 5 tables */ /* BEGIN new "rhel5" styles */ div.tableBasic_v2 {} div.tableBasic_v2 table { vertical-align: middle; width: 100%; font-size: 11px; } div.tableBasic_v2 table th {font-weight: bold;} div.tableBasic_v2 table th, div.tableBasic_v2 table td { margin: auto; padding: 7px 10px; } div.tableBasic_v2.top-align table { vertical-align: top; } div.tableBasic_v2 table th.bline, div.tableBasic_v2 table td.bline { border-left: 1px solid #C6C2A6; } th.tdheader, td.tdheader { font-size: 12px; margin: 10px; } div.tableBasic_v2 table .color0 {background-color: none;} /* clear */ div.tableBasic_v2 table .color1 {background-color: #ffffff;} /* white */ div.tableBasic_v2 table .color3.hover:hover, div.tableBasic_v2 table .color1.hover:hover, div.tableBasic_v2 table .color2 {background-color: #F0F0F0;} /* light grey */ div.tableBasic_v2 table .color2.hover:hover, div.tableBasic_v2 table .color3 {background-color: #E8E8E8;} /* grey */ /******* color4 ********/ div.tableBasic_v2.blue table .color4, div.tableBasic_v2 table .color4 {background-color: #EDF5F8;} /* lightest blue */ div.tableBasic_v2.green table .color4 {background-color: #d8f105;} /* lightest blue */ div.tableBasic_v2.yellow table .color4 {background-color: #f4fd00;} /* lightest blue */ div.tableBasic_v2.orange table .color4 {background-color: #ffbd4f;} /* lightest blue */ div.tableBasic_v2.teal table .color4 {background-color: #1cc5e3;} /* lightest blue */ div.tableBasic_v2.cream table .color4 {background-color: #f7f3dc;} /* lightest blue */ div.tableBasic_v2.purple table .color4 {background-color: #c7bbe5;} /* lightest blue */ /******* end color4 ********/ /******* color5/hover4 ********/ div.tableBasic_v2.blue table .color4.hover:hover, div.tableBasic_v2.blue table .color5, div.tableBasic_v2 table .color4.hover:hover, div.tableBasic_v2 table .color5 {background-color: #E5F0F5;} /* lighter blue */ div.tableBasic_v2.green table .color4.hover:hover, div.tableBasic_v2.green table .color5 {background-color: #cde310;} /* lighter blue */ div.tableBasic_v2.yellow table .color4.hover:hover, div.tableBasic_v2.yellow table .color5 {background-color: #f0f80e;} /* lighter blue */ div.tableBasic_v2.orange table .color4.hover:hover, div.tableBasic_v2.orange table .color5 {background-color: #ff9f00;} /* lighter blue */ div.tableBasic_v2.teal table .color4.hover:hover, div.tableBasic_v2.teal table .color5 {background-color: #21afc9;} /* lighter blue */ div.tableBasic_v2.cream table .color4.hover:hover, div.tableBasic_v2.cream table .color5 {background-color: #ece7ce;} /* lighter blue */ div.tableBasic_v2.purple table .color4.hover:hover, div.tableBasic_v2.purple table .color5 {background-color: #a597c6;} /* lighter blue */ /******* color5/hover4 ********/ /******* color6/hover5 ********/ div.tableBasic_v2.blue table .color5.hover:hover, div.tableBasic_v2.blue table .color6, div.tableBasic_v2 table .color5.hover:hover, div.tableBasic_v2 table .color6 {background-color: #E0EDF3;} /* light blue */ div.tableBasic_v2.green table .color5.hover:hover, div.tableBasic_v2.green table .color6 {background-color: #c5d91b;} /* light blue */ div.tableBasic_v2.yellow table .color5.hover:hover, div.tableBasic_v2.yellow table .color6 {background-color: #ecf41c;} /* light blue */ div.tableBasic_v2.orange table .color5.hover:hover, div.tableBasic_v2.orange table .color6 {background-color: #eca317;} /* light blue */ div.tableBasic_v2.teal table .color5.hover:hover, div.tableBasic_v2.teal table .color6 {background-color: #26a1b7;} /* light blue */ div.tableBasic_v2.cream table .color5.hover:hover, div.tableBasic_v2.cream table .color6 {background-color: #e3dec3;} /* light blue */ div.tableBasic_v2.purple table .color5.hover:hover, div.tableBasic_v2.purple table .color6 {background-color: #8a7cac;} /* light blue */ div.tableBasic_v2.purple table th.color5.hover:hover, div.tableBasic_v2.purple table th.color6 {background-color: #8a7cac;color:white;} /* light blue */ /******* color6/hover5 ********/ /******* color7/hover6/8 ********/ div.tableBasic_v2.blue table .color8.hover:hover, div.tableBasic_v2.blue table .color6.hover:hover, div.tableBasic_v2.blue table .color7, div.tableBasic_v2 table .color8.hover:hover, div.tableBasic_v2 table .color6.hover:hover, div.tableBasic_v2 table .color7 {background-color: #DAEAF1;} /* med-light blue */ div.tableBasic_v2.green table .color8.hover:hover, div.tableBasic_v2.green table .color6.hover:hover, div.tableBasic_v2.green table .color7 {background-color: #bdcf23;} /* med-light blue */ div.tableBasic_v2.yellow table .color8.hover:hover, div.tableBasic_v2.yellow table .color6.hover:hover, div.tableBasic_v2.yellow table .color7 {background-color: #eaf12b;} /* med-light blue */ div.tableBasic_v2.orange table .color8.hover:hover, div.tableBasic_v2.orange table .color6.hover:hover, div.tableBasic_v2.orange table .color7 {background-color: #e5a323;} /* med-light blue */ div.tableBasic_v2.teal table .color8.hover:hover, div.tableBasic_v2.teal table .color6.hover:hover, div.tableBasic_v2.teal table .color7 {background-color: #2990a2;} /* med-light blue */ div.tableBasic_v2.cream table .color8.hover:hover, div.tableBasic_v2.cream table .color6.hover:hover, div.tableBasic_v2.cream table .color7 {background-color: #e3e1c8;} /* med-light blue */ div.tableBasic_v2.purple table .color8.hover:hover, div.tableBasic_v2.purple table .color6.hover:hover, div.tableBasic_v2.purple table .color7 {background-color: #6a5c8c;color:white;} /* med-light blue */ /******* color7/hover6/8 ********/ /******* color8/hover7 ********/ div.tableBasic_v2.blue table .color7.hover:hover, div.tableBasic_v2.blue table .color8, div.tableBasic_v2 table .color7.hover:hover, div.tableBasic_v2 table .color8 {background-color: #B4D4E2;} /* med blue */ div.tableBasic_v2.green table .color7.hover:hover, div.tableBasic_v2.green table .color8 {background-color: #afbf27;} /* med blue */ div.tableBasic_v2.yellow table .color7.hover:hover, div.tableBasic_v2.yellow table .color8 {background-color: #e3e936;} /* med blue */ div.tableBasic_v2.orange table .color7.hover:hover, div.tableBasic_v2.orange table .color8 {background-color: #DC9F2E;} /* med blue */ div.tableBasic_v2.teal table .color7.hover:hover, div.tableBasic_v2.teal table .color8 {background-color: #2c8596;} /* med blue */ div.tableBasic_v2.cream table .color7.hover:hover, div.tableBasic_v2.cream table .color8 {background-color: #dedcc1;} /* med blue */ div.tableBasic_v2.purple table .color7.hover:hover, div.tableBasic_v2.purple table .color8 {background-color: #564979;color:white;} /* med blue */ /******* color8/hover7 ********/ div.tableBasic_v2 table .color9 {background-color: #BB000D; color: #ffffff;} /* red */ div.tableBasic_v2.border table{ border: 1px solid #DAEAF1; padding: 3px; } div.tableBasic_v2 table th.rowDivider { background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 1.2em; } div.agenda div.time { padding-left: 5px; float: left; width: 130px; color: black; } div.agenda div.action { padding-top: 3px; padding-bottom: 10px; } div.agenda div.action:after { clear:both; } /************************************************************** CATALOG TABLE */ table.catalog { width: 100%; } table.catalog caption { display: none; } table.catalog a { text-decoration: none; } table.catalog th, table.catalog td { margin: 0; padding: 8px 15px; text-align: center; border-bottom: 1px solid #c0dae7; } table.catalog th { background-color: #c0dae7; color: #333; border-bottom: 1px solid #333; } table.catalog .titleCel { text-align: left; } table.catalog tr.alt { background-color: #e5f0f5; } /**************************************************** TRACK COURSES INFO TABLE */ table.infoStrip { width: 100%; margin-bottom: 3em; background-color: #e5f0f5; border-bottom: 1px solid #c0dae7; } table.infoStrip a { text-decoration: none; } table.infoStrip td { margin: 0; padding: 5px 15px; } table.infoStrip th, table.infoStrip caption { display: none; } table.infoStrip td.priceCel { font-weight: bold; text-align: center; } table.infoStrip td.actionCel { font-size:80%; text-align: right; } /****************************************************** CERT TRACK INFO TABLE */ table.certTracks { width: 100%; margin-top: .8em; background-color: #fff; border: 1px solid #c0dae7; } table.certTracks + h3 { padding-top: 1em; } table.certTracks th { text-align: center; } table.certTracks td, table.certTracks th { background-color: #eee; padding: 5px; text-align: center; vertical-align: middle; } table.certTracks td.thisCourse, table.certTracks th.thisCourse { background-color: #aaa; font-weight: bold; } table.certTracks th.thisCourse { color: #fff; font-size: 120%; } table.certTracks td.rhctCel, table.certTracks th.rhctCel { background-color: #e5f0f5; } table.certTracks td.rhceCel, table.certTracks th.rhceCel { background-color: #c0dae7; } /**************************************************** CALENDAR */ table.Cal{ text-align: center; border-collapse:collapse; } table.Cal tr.CalColor1{ background-color: #F7F3DC; } table.Cal tr.CalColor2{ background-color: #DEDCC1; } table.Cal td{ padding: 0.2em; } table.Cal a{ color: black; } table.Cal td:hover{ background-color: #FFFFFF; } table.Cal .CalSelected{ color: #FFFFFF; background-color: #CC0000; font-weight: bold; } table.Cal a.CalNav:hover{ color: #4E9FDD; }/************************************************************** UTILITY LINKS */ #utility { font-size: x-small; padding: 0; } #utility a { text-decoration: none; } #utilityLinks { float: left; width: 100%; padding: 4px 0; border-bottom: 1px solid #ccc; } #utilityLinks #geo { margin: 0; float: left; width: 40%; } #utilityLinks #linx { margin: 0; float: right; width: 57%; text-align: right; padding-right: 3%; } #utilityAccount { float: right; text-align: center; background: #eee; width: 32%; background-image: url("/css/img/nav/util/Right.png"); background-position: bottom right; background-repeat: no-repeat; } #utilityAccount p { margin: 0; background-image: url("/css/img/nav/util/Left.png"); background-position: bottom left; background-repeat: no-repeat; display: block; padding: 6px 0 8px 0; } span.navPipe { color: #b00000; padding: 0 10px; } a#utilityCart { background-image: url("/css/img/nav/util/nav/cart.gif"); background-position: top left; background-repeat: no-repeat; padding-left: 26px; padding-bottom: 4px; padding-top: 3px; } body#mainsix #utilityLinks a#support { background-image: url(/img/link_utility_support-on.png); background-repeat: no-repeat; background-position: 0 5px; } /*#utilityLinks ul li a#seventh { width: 70px; height: 30px; background-image: url(/img/link_utility_store.png); background-repeat: no-repeat; background-position: 0 5px; } body#mainseven #utilityLinks a#seventh { background-image: url(/img/link_utility_store-on.png); background-repeat: no-repeat; background-position: 0 5px; } #utilityLinks ul li a#download { width: 91px; height: 30px; background-image: url(/img/link_utility_download.png); background-repeat: no-repeat; background-position: 0 5px; } body#maineight #utilityLinks a#download { background-image: url(/img/link_utility_download-on.png); background-repeat: no-repeat; background-position: 0 5px; } #utilityLinks ul li a#contact { width: 91px; height: 30px; background-image: url(/img/link_utility_contact.png); background-repeat: no-repeat; background-position: 0 5px; } body#contact #utilityLinks a#contact { background-image: url(/img/link_utility_contact-on.png); background-repeat: no-repeat; background-position: 0 5px; } */ img#banner { margin-bottom: 7px; } #utilityLinks p#geo { margin: 0; float: left; width: 40%; } #utilityLinks p#linx { margin: 0; float: right; width: 57%; text-align: right; padding-right: 3%; } #utilityAccount { float: right; text-align: center; background: #eee; width: 32%; background-image: url(/css/img/nav/util/Right.png); background-position: bottom right; background-repeat: no-repeat; } /* Worldwide Dropdown Menu */ #worldwide { float: right; margin: 0 15px 0 0; padding: 0; } /* Holly Hack Targets IE Win only \*/ * html #worldwide {margin: 0 7px 0 0;} /* End Holly Hack */ #worldwide ul { margin: 0; padding: 0; } #worldwide ul>a { width: auto; } #worldwide ul li { position: relative; list-style: none; margin: 0; background-color: #c00; z-index: 50; } #worldwide ul li a { display: block; text-decoration: none; padding: 5px 0; } #worldwide ul li a.wwLevelOne { width: 76px; height: 22px; background: url(/css/img/link_worldwide.png) 50% 50% no-repeat; padding: 0; } #worldwide ul li a.wwLevelOne span { display: none; } #worldwide ul li:hover ul { display: block; } #worldwide ul ul { position: absolute; top: 22px; left: -19px; display: none; width: 110px; background: url(/css/img/corner/wwDrop/top.png) top left no-repeat; padding-top: 10px; } #worldwide ul ul li a { width: 90px; padding: 5px 15px 5px 5px; font-weight: normal; text-align: right; height: auto; /* recovers from height of "ul li a" above */ background-color: #999; } #worldwide ul ul li.wwLast { background: url(/css/img/corner/wwDrop/bottom.png) bottom right no-repeat; padding-bottom: 10px; } /************************************************************** SIDE NAVIGATION */ #sidenav { width: 132px; background-color: #999; background-image: url(/css/img/corner/sidenav/top.png); background-position: top right; background-repeat: no-repeat; font-family: "Luxi Sans", verdana, arial, sans-serif; font-size: x-small; font-weight: bold; } #sidenav ul { background-image: url(/css/img/corner/sidenav/bottom.png); background-position: bottom left; background-repeat: no-repeat; list-style: none; padding: 10px 0 10px 0; margin: 0; } #sidenav ul li { border-bottom: 1px solid #a7a7a7; margin: 0; } #sidenav ul li:last-child { border-bottom: 1px solid #999; } /*#sidenav ul li.navon0 span { display: none; }*/ #sidenav ul li span, #sidenav ul li a { display: block; color: white; text-decoration: none; padding: 3px 5px 3px 15px; margin: 0; } #sidenav ul li a:hover { color: #333; } #sidenav ul li.navon0 { background: #6c6c6c; } #sidenav ul li.navon1 { background: #5c5c5c; } #sidenav ul li.navon2 { background: #3c3c3c; } #sidenav ul li.navon2 a:hover { color: #aaa; } #sidenav ul ul { background: none; background-color: #ebebeb; margin: 0; padding: 0; } #sidenav ul ul li:last-child { border-bottom: none; } #sidenav ul ul li a { padding-left: 30px; } #sidenav ul ul li.navon0 { background: #c1c1c1; } #sidenav ul ul li a { color: #363636; } #sidenav ul ul li a:hover { color: #999999; } /************************************************************** Yellow Nav */ #sidenav.yellow { background-image: url(/css/img/nav/side/yellow/top.png); background-color:#fba30f; } #sidenav.yellow ul { background-image: url(/css/img/nav/side/yellow/bottom.png); background-position: bottom left; background-repeat: no-repeat; padding: 14px 0 16px 0; } #sidenav.yellow ul li { border-bottom: 1px solid #ffffff; margin: 0; } #sidenav.yellow ul li.navon0 { background-color: #a84106; } #sidenav.yellow ul li:last-child { border-bottom: 1px solid #fba30f; } #sidenav.yellow ul ul { padding:0; margin:0; } #sidenav.yellow ul ul li { background-color:#fbdb45; } #sidenav.yellow ul ul li.navon0 { background-color:#fb8800; } /************************************************************** SIDE NAVIGATION */ #sidenav.white { font-weight: normal; } #sidenav.white ul li { border-bottom: none; /***/ margin: 5px 15px 5px 0; } #sidenav.white ul li:last-child { border-bottom: none; } #sidenav.white ul li.navon0, .mainPage #sidenav.white ul li:first-child { background: #fff; /***/ font-weight: bold; } #sidenav.white ul li a { padding: 4px 5px 4px 15px; /***/ } #sidenav.white ul li a:hover { color: #333; } /* elearning "no" nav */ .noNav #sidenav.white ul:before { content: "Return to:"; font-weight: bold; margin-left: 15px; color: #666; } .noNav #sidenav.white ul li a { color: #06c; } .noNav #sidenav.white ul li a:hover { color: #06c; text-decoration: underline; } .hideNav #sidenav.white { display: none; } #sidenav.white ul li.navon0 a, .mainPage #sidenav.white ul li:first-child a { color: #333; } #sidenav.white ul ul { background: none; background-color: #ddd; margin: 0; padding: 0; } #sidenav.white ul ul li a { color: #666; } #sidenav.white ul ul li.navon0 a { background: #ebebeb; color: #363636; } /************************************************************** RELATED LINKS */ /************************************************************** RELATED LINKS */ .moreinfo, #moreinfo { width: 132px; background: #f5f5f5; background-image: url(/css/img/corner/moreinfo/top.png); background-repeat: no-repeat; background-position: top right; margin-top: 10px; } .moreinfo ul, #moreinfo ul { padding: 5px 5px 10px 10px; list-style: none; margin: 0; background-image: url(/css/img/corner/moreinfo/bottom.png); background-repeat: no-repeat; background-position: bottom left; } .moreinfo ul li, #moreinfo ul li { font-size: x-small; background-image: url(/css/img/bullet/arrow_gray.png); background-repeat: no-repeat; background-position: 0 3px; padding-left: 6px; margin: .33em 0; } .moreinfo ul li a, #moreinfo ul li a { color: #666; text-decoration: none; } .moreinfo ul li a:hover, #moreinfo ul li a:hover { color: #333; } .moreinfo h4, #moreinfo h4 { font-size: x-small; color: #666; margin: 0; padding: 10px 0 0 15px; } #mainNav ul li a:hover, #worldwide ul ul li a:hover, #secNav ul#secNavList li a:hover { color: #000; } /* tabs */ ul.tabs_v2 { list-style: none; height: 28px; display: block; padding: 0; margin: 0; font-weight: bold; font-size: 11px; } ul.tabs_v2.banner { padding-top: 92px; padding-left: 15px; } ul.tabs_v2 li { display: block; float: left; margin: 0; padding: 3px 0 0 0; background-image: url(/css/img/nav/tab/red/inactive.png); background-position: bottom left; background-repeat: no-repeat; width: 104px; height: 25px; text-align: center; line-height: 23px; } .page_jboss ul.tabs_v2 li { background-image: url(/css/img/nav/tab/blue/inactive.png); } .page_training ul.tabs_v2 li { background-image: url(/css/img/nav/tab/lightblue/inactive.png); } ul.tabs_v2 li a{ color: #ffffff; text-decoration: none; } .page_training ul.tabs_v2 li a { color: #666; } ul.tabs_v2 li a:hover { text-decoration: underline; } ul.tabs_v2 li.active, ul.tabs_v2 li.tab_v2_active { color: #000000; background-image: url(/css/img/nav/tab/red/active.png); background-position: bottom left; background-repeat: no-repeat; } .page_jboss ul.tabs_v2 li.active, .page_jboss ul.tabs_v2 li.tab_v2_active { background-image: url(/css/img/nav/tab/blue/active.png); } .page_training ul.tabs_v2 li.active { background-image: url(/css/img/nav/tab/lightblue/active.png); } ul.tabs_v2 li.active a, ul.tabs_v2 li.tab_v2_active a{ color: #000000; text-decoration: none; line-height: 25px; } ul.tabs_v2 li.tab_v2_active a:hover { text-decoration: underline; } /* Alternate tabs * #tcontent1, #tcontent2, #tcontent3, #tcontent4 { padding: 5px 0; } #tcontent1 h3, #tcontent2 h3, #tcontent3 h3, #tcontent4 h3 { padding-top: 12px; } */ .tcontents { margin-top: -12px; font-size: 9pt; } .tcontents h2, .tcontents h3, .tcontents h4 { background-image: none; padding: 0 0 3px 0; margin: 10px 0 0px 0; } .tcontents table h3, .tcontents table h4 { padding: 0; margin: 0; } .tcontents+h2 { margin-top:20px; } .tcontents .noticeArea { width: 100%; margin: 0 0 0 -14px; padding: 5px 14px; font-size: 9pt; } .tcontents .noticeArea a { font-size: 9pt; } .tcontents .noticeArea ul.clean li, .tcontents .noticeArea ul.clean li a { font-size: 8pt; } .tcontents .noticeArea h2 a, .tcontents .noticeArea h3 a { font-size: larger; } .tcontents p { /* font-size:80%; } .tcontents p>*>p { font-size:100%;*/ } /* =Tabs & whiteBox -------------------------------------------------------------------*/ ul.whiteBox_nav { display:block; margin: 0; padding: 0; list-style: none; width: 100%; float: left; } ul.whiteBox_nav li { margin: 0; margin-right: 2px; margin-bottom: -1px; float: left; height:100%; background: url("/css/img/nav/tab/gray/right.gif") no-repeat top right; } ul.whiteBox_nav li.orange { background: url("/css/img/nav/tab/orange/right.png") no-repeat top right; } ul.whiteBox_nav li.cream { background: url("/css/img/nav/tab/cream/right.png") no-repeat top right; } ul.whiteBox_nav li.purple { background: url("/css/img/nav/tab/purple/right.png") no-repeat top right; } ul.whiteBox_nav li.blue { background: url("/css/img/nav/tab/blue/right.png") no-repeat top right; } ul.whiteBox_nav li.yellow { background: url("/css/img/nav/tab/yellow/right.png") no-repeat top right; } ul.whiteBox_nav li.teal { background: url("/css/img/nav/tab/teal/right.png") no-repeat top right; } ul.whiteBox_nav li.green { background: url("/css/img/nav/tab/green/right.png") no-repeat top right ; } ul.whiteBox_nav li a { display: block; padding: 5px 1.1em; background: url("/css/img/nav/tab/gray/left.gif") no-repeat top left; text-decoration: none; color: #fff; float: left; height:100%; line-height:1.3em; } ul.whiteBox_nav li.orange a { background: url("/css/img/nav/tab/orange/left.png") no-repeat top left; color:#666; } ul.whiteBox_nav li.cream a { background: url("/css/img/nav/tab/cream/left.png") no-repeat top left; color:#666; } ul.whiteBox_nav li.purple a { background: url("/css/img/nav/tab/purple/left.png") no-repeat top left; } ul.whiteBox_nav li.blue a { background: url("/css/img/nav/tab/blue/left.png") no-repeat top left; } ul.whiteBox_nav li.yellow a { background: url("/css/img/nav/tab/yellow/left.png") no-repeat top left; color:#666; } ul.whiteBox_nav li.teal a { background: url("/css/img/nav/tab/teal/left.png") no-repeat top left; } ul.whiteBox_nav li.green a { background: url("/css/img/nav/tab/green/left.png") no-repeat top left; } ul.whiteBox_nav a:link, ul.whiteBox_nav a:visited, ul.whiteBox_nav a:active { color: #FFF; } ul.whiteBox_nav a:hover { color: #333; } #storeTabWrap { padding: 15px 0 0 15px; z-index: 10; position: relative; font-size: 95%; } #storeTabWrap div { height: 1%; } /* Needed for IE6 */ /*store pages*/ div#storeTabWrap ul.whiteBox_nav li.selected { background-image: url("/css/img/nav/tab/gray/right_on.gif"); background-repeat: no-repeat; background-position: top right; border-bottom: 0; } div#storeTabWrap ul.whiteBox_nav li.selected.orange { background-image: url("/css/img/nav/tab/orange/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.cream { background-image: url("/css/img/nav/tab/cream/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.purple { background-image: url("/css/img/nav/tab/purple/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.green { background-image: url("/css/img/nav/tab/green/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.teal { background-image: url("/css/img/nav/tab/teal/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.yellow { background-image: url("/css/img/nav/tab/yellow/right_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.blue { background-image: url("/css/img/nav/tab/blue/right_on.png"); } /*store pages*/ div#storeTabWrap ul.whiteBox_nav li.selected a { background-image: url("/css/img/nav/tab/gray/left_on.gif"); background-repeat: no-repeat; background-position: top left; color: #333; border-bottom: 0; } div#storeTabWrap ul.whiteBox_nav li.selected.cream a { background-image: url("/css/img/nav/tab/cream/left_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.orange a { background-image: url("/css/img/nav/tab/orange/left_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.purple a { background-image: url("/css/img/nav/tab/purple/left_on.png"); color:white; } div#storeTabWrap ul.whiteBox_nav li.selected.green a { background-image: url("/css/img/nav/tab/green/left_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.teal a { background-image: url("/css/img/nav/tab/teal/left_on.png"); color:white; } div#storeTabWrap ul.whiteBox_nav li.selected.yellow a { background-image: url("/css/img/nav/tab/yellow/left_on.png"); } div#storeTabWrap ul.whiteBox_nav li.selected.blue a { background-image: url("/css/img/nav/tab/blue/left_on.png"); } /* Right side floating TOC */ div.rightNavFloat { float: right; /* position: fixed; would be much cooler :o) */ position: relative; top: -15px; left: 15px; width: 150px; margin: 10px; padding: 10px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; background-color: #ffffff; border: 2px solid #cecece; } div.rightNavFloat ul { font-size: 12px; list-style: none; margin: 0; padding: 0; } div.rightNavFloat#devel { float:left; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } div.rightNavFloat#devel div.hovercontent { display:none; } div.rightNavFloat#devel:hover div.hovercontent { display:block; } div.rightNavFloat#devel ul ul { top:3px; left:80px; position: absolute; display: none; width:600px; max-width:600px; max-height:600px; background-color:white; border: #cecece 1px solid; z-index:800; } div.rightNavFloat#devel ul li:hover ul { display:block; overflow:scroll; } /*div.rightNavFloat ul li { }*/ div.rightNavFloat a { text-decoration: none; } div.rightNavFloat a:hover { text-decoration: underline; } /* Top nav */ div#mainNavOuter { clear: both; width: 100%; font-family: "Lucida Grande", "Luxi Sans", "Trebuchet MS", helvetica, arial, sans-serif; background-image: url(/css/img/nav/primary/right.png); background-position: top right; background-repeat: no-repeat; } #mainNavOuter:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } div#mainNavOuter div#mainNav { width: 100%; background-image: url(/css/img/nav/primary/left.png); background-position: top left; background-repeat: no-repeat; float: left; } #mainNav ul { width: 100%; font-weight: bold; /*border-bottom: 1px solid #8f0000;*/ padding: 0; margin: 0px; list-style-type: none; background: url(/css/img/nav/primary/bottom.png) repeat-x bottom; float: left; } #mainNav ul li { float: left; padding: 0 0 2px 0; margin: 0; } #mainNav ul li a { padding: 7px 15px 5px 15px; text-decoration: none; color: #000; font-size: 85%; display: block; float: left; } ul#secNavList { width: 100%; background-color: #ab0000; border-bottom: 1px solid #8f0000; background-image: url(/css/img/nav/secondary/background.png); background-position: top left; background-repeat: repeat-x; padding: 0px; margin: 0px; list-style-type: none; float: left; } /* Holly Hack Targets IE Win only \*/ * html ul#secondNav {float: none;} /* End Holly Hack */ #secNavOuter:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } ul#secNavList li { float: left; padding: 0 0 0 5px; margin: 0; } ul#secNavList li a { padding: 4px 10px 5px 10px; text-decoration: none; color: #fff; font-size: 85%; display: block; float: left; } /***** highlighting *****/ #mainone ul li#first, #maintwo ul li#second, #mainthree ul li#third, #mainfour ul li#fourth, #mainfive ul li#fifth, #mainsix ul li#sixth, #mainseven ul li#seventh, #maineight ul li#eighth { background-image: url(/css/img/nav/primary/tabRight.png); background-position: top right; background-repeat: no-repeat; } #mainone ul li#first > a, #maintwo ul li#second a, #mainthree ul li#third a, #mainfour ul li#fourth a, #mainfive ul li#fifth a, #mainsix ul li#sixth a, #mainseven ul li#seventh a, #maineight ul li#eighth a { background-image: url(/css/img/nav/primary/tabLeft.png); background-position: top left; background-repeat: no-repeat; color: #fff; /* padding-bottom: 5px;*/ } li#sec1.navon a, li#sec2.navon a, li#sec3.navon a, li#sec4.navon a, li#sec5.navon a, li#sec6.navon a, li#sec7.navon a, li#sec8.navon a, li#seclast.navon a { background: #ad0000; } /***** hacks!! *****/ #utility:after, #header:after, #mainNavOuter:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #utility, * html #header, * html #mainNavOuter {height: 1%;} /* End Holly Hack */ div#improveRedHat { padding-bottom: 20px; } div#improveRedHat p { padding: 2px 0 4px 0; } div#improveRedHat a { color: #c00; font-weight: bold; } /**** following styles define INTRO PARAGRAPHS ON MAIN AND SUB SECTION PAGES */ #intro { margin-bottom: 15px; } #intro h1 { color: #000; text-transform: uppercase; } #intro h2 { margin-bottom: 0; padding-bottom: 0; font-size: large; } #intro p { font-size: medium; line-height: 1.33em; margin: 0; } #intro a { text-decoration: none; } #introMain { margin-left: 15px; } #introSub { padding-bottom: 15px; border-bottom: 2px solid #e6e6e6; } /**** following styles define the BUY BUTTONS and surroundings */ .buyBox { color: #999; margin-bottom: 10px; border-bottom: 2px solid #e6e6e6; } .buyWrap { height: 29px; } .buyWrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .buyWrap {height: 1%;} /* End Holly Hack */ .buyBox p { margin-top: 5px; padding: 0; } button.buyButton { float: left; position: relative; background: url(/css/img/link_rhelblue.png) no-repeat; text-align: center; color: #fff; font-size: 10px; font-weight: bold; width: 75px; height: 29px; border: 0; padding: 0; margin: 0; } p.buyText { color: #000; width: 200px; margin: 0 0 0 85px; } /* Buy now */ .buyBlue a { color:#00A7E4; font-weight:bold; font-size:small; padding: 1px 3px; border: 1px solid #00A7E4; text-decoration:none; background-color:#fff; } .buyBlue a:hover { color:#fff; background-color:#00A7E4; } .buyGreen a { color:#a2bd1c; font-weight:bold; font-size:small; padding: 0 2px; border: 1px solid #a2bd1c; text-decoration:none; background-color:#fff; } .buyGreen a:hover { color:#fff; background-color:#a2bd1c; } .buyOrange a { color:#faa614; font-weight:bold; font-size:small; padding: 0 2px; border: 1px solid #faa614; text-decoration:none; background-color:#fff; } .buyOrange a:hover { color:#fff; background-color:#faa614; } .buyRed a { color:#b70000; font-weight:bold; font-size:small; padding: 0 2px; border: 1px solid #b70000; text-decoration:none; background-color:#fff; } .buyRed a:hover { color:#fff; background-color:#b70000; } /**** following styles define COLUMNS THAT MUST BE ALIGNED AND COMPARE TWO CONCEPTS */ .compare { margin: 0 0 15px 0; padding: 0; } .compare:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .compare {height: 1%;} /* End Holly Hack */ .compareColLeft, .compareColRight { width: 279px; background-image: url(/css/img/corner/cream/listbox_bottom.png); background-position: bottom right; background-repeat: no-repeat; } .compareColLeftNoBG, .compareColRightNoBG { width: 279px; } .compareColLeft h2, .compareColRight h2, .compareColLeftNoBG h2, .compareColRightNoBG h2 { margin-bottom: 5px; } .compareColLeftNoBG, .compareColLeft { float: left; } .compareColRightNoBG, .compareColRight { float: right; } .compareColLeftClear, .compareColRightClear { width: 279px; } .compareColLeftClear h2, .compareColRightClear h2 { margin-bottom: 5px; } .compareColLeftClear { float: left } .compareColRightClear { float: right } /**** following styles define CAPTIONS FOR IMAGES */ div.imgBox { background: url(/css/img/corner/cream/br.png) bottom right no-repeat; background-color: #F7F2D0; margin-bottom: 15px; border-bottom: 1px solid white; } div.imgBox img { padding: 15px 0; margin-bottom: -3px; background-color: #fff; } div.caption { background: url(/css/img/corner/cream/tr.png) top right no-repeat; font-style: italic; } div.caption h3 { background: url(/css/img/corner/cream/tl.png) top left no-repeat; font-size: x-small; padding: 8px 0 0 8px; margin: 0; } div.caption p { background: url(/css/img/corner/cream/bl.png) bottom left no-repeat; margin: 0; color: #333; padding: 0 8px 10px 8px; } div#imgClusterSuiteDiag { width: 427px; } /**** following styles define the an IMAGE ON THE LEFT W/TEXT ON THE RIGHT */ div.imgLeft { margin-bottom: 15px; width: 99%; } div.imgLeft img { float: left; margin: 0 30px 15px 0; } div.imgLeft img.margin15 { margin-right: 15px; } div.imgLeft:after { content: "."; display: block; height: 0; overflow: hidden; clear: left; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html div.imgLeft {height: 1%;} /* End Holly Hack */ img.floatRight { float: right; display: block; margin-left: 15px; margin-bottom: 10px; } img { border: 0; } img.promoInline { margin-bottom: 15px; } img.imgInline { margin: 15px 0; } img.iconLeft { float:left; margin-right: 15px; } div.illustration { text-align: center; margin:30px 0 30px 0; font-size:smaller; font-style: italic; } div.illustration img { margin:20px 0; border: 1px solid grey; padding:5px; } /************************************************************** HOME PAGE */ div#contentHome * h2{ margin-bottom:0px; font-size: smaller; } #subPromoHome { background-repeat: no-repeat; text-align:center; width:98%; } #subPromoHome div{ float:none; } #subPromoHome a { background-repeat: no-repeat; width: 330px; height:66px; float:left; } #subPromoHome a#thankyou { background-image: url(/css/img/thankyou/mainpromo.png); } #subPromoHome a#rhel.local { background-image: url(/img/thankyou/mainpromo.png); } #subPromoHome a#subpromo { background-image: url(/css/img/promo/subpromo.png); } #subPromoHome a#subpromo.local { background-image: url(/img/promo/subpromo.png); } #subPromoHome span { display:none; } #subPromoHome:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #homeNews { text-align: center; font-size: x-small; padding: 7px 0 12px 0; } #contentWrapHome { margin: 10px 0 0 0; padding: 0; display: block; } #contentWrapHome:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #contentWrapHome {height: 1%;} /* End Holly Hack */ #contentHome { width: 100%; margin-top: 7px; } #contentHome:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } #contentHomeMain { padding-top: -80px; width: 360px; float: left; } #contentHomeMain * img.local { margin-top:0px; } /* #contentHomeMain h2 { font-size: small; padding-top: 2px; }*/ #contentHomeMain a { text-decoration: none; } .contentHomeMainBox { background: url(/css/img/corner/linebox/home_top.png) top right no-repeat; padding-top: 7px; width: 100%; margin-bottom: 15px; } .contentHomeMainBoxInner { background: url(/css/img/corner/linebox/home_bottom.png) bottom left no-repeat; padding-bottom: 7px; } .contentHomeMainBoxBody { padding: 7px 14px; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; } .contentHomeMainBoxBody p, .contentHomeMainBoxBody ul { margin: 0; padding: 0; } .rcontentHomeMainBox { width: 100%; margin: 15px 0; } .rcontentHomeMainBoxInner { padding-bottom: 7px; } .rcontentHomeMainBoxBody { padding: 0 14px; } /* new for jBoss (used to be OSA box) */ div#homeServices { width: 150px; float: left; padding: 0; margin: 0; } div#contentHomeSolutions a, div#homeServices a { color:black; font-weight: bold; font-size:x-small; } h3.head a { display: block; width: 147px; height: 27px; } h3.head a span { display: none; } h3.head.rhel a { background: url(/css/img/home/rhel.png) 0 0 no-repeat; } h3.head.jboss a { height: 40px; background: url(/css/img/home/jboss.png) 0 0 no-repeat; } h3#rhel_head a { display: block; background: url(/css/img/home/rhel.png) 0 0 no-repeat; width: 147px; height: 27px; margin-bottom: 1em; } h3#rhel_head a span { display: none; } h3#jboss_head a { display: block; background: url(/css/img/home/jboss.png) 0 0 no-repeat; width: 99px; height: 39px; margin-bottom: 1em; } h3#jboss_head a span { display: none; } /* end new for JBoss */ ul#homeServicesList { width: 150px; float: left; padding: 0; margin: 0; list-style-type: none; } ul#homeServicesList li { margin-bottom: 1.5em; } ul#homeServicesList li a { display: block; } ul#homeServicesList li#rhel a { background: url(/css/img/listitem/rhel.png) 0 0 no-repeat; width: 141px; height: 25px; } ul#homeServicesList li#rhel a span { display: none; } ul#homeServicesList li#rhn a { background: url(/css/img/listitem/rhn.png) 0 0 no-repeat; width: 90px; height: 25px; } ul#homeServicesList li#rhn a span { display: none; } ul#homeServicesList li#rhas a { background: url(/css/img/listitem/rhas.png) 0 0 no-repeat; width: 155px; height: 25px; } ul#homeServicesList li#rhas a span { display: none; } ul#homeServicesList li#rhgfs a { background: url(/css/img/listitem/rhgfs.png) 0 0 no-repeat; width: 155px; height: 25px; } ul#homeServicesList li#rhgfs a span { display: none; } ul#homeServicesList li#rhgcs a { background: url(/css/img/listitem/rhgcs.png) 0 0 no-repeat; width: 132px; height: 25px; } ul#homeServicesList li#rhgcs a span { display: none; } ul#homeServicesList li#training a { background: url(/css/img/listitem/training.png) 0 0 no-repeat; width: 90px; height: 25px; } ul#homeServicesList li#training a span { display: none; } #contentHomeSolutions { margin-left: 168px; } #headosaHomepg { background-image: url(/css/img/head/osahomepage.png); background-position: 0 0; background-repeat: no-repeat; padding-bottom: 0; height: 12px; } h1#headosaHomepg span { display: none; } #headWhyRedHat { background-image: url(/css/img/head/whyredhat.png); background-position: 50% 0; background-repeat: no-repeat; padding-bottom: 0; height: 13px; } #headWhyRedHatLocal { background-image: url(/img/head/whyredhat.jpg); background-position: 50% 0; background-repeat: no-repeat; padding-bottom: 0; height: 25px; } h1#headWhyRedHatLocal span, h1#headWhyRedHat span { display: none; } #headrated1Homepg { background-image: url(/css/img/head/rated1homepage.png); background-position: 0 0; background-repeat: no-repeat; padding-bottom: 0; height: 13px; } h1#headrated1Homepg span { display: none; } #headsubsHomepg { background-image: url(/css/img/head/subshomepage.png); background-position: 0 0; background-repeat: no-repeat; padding-bottom: 0; height: 15px; } h1#headosaHomepg span, h1#headrated1Homepg span, h2#headsubsHomepg span { display: none; } #contentHomeNews { float: left; width: 360px; } /*#contentHomeNews h2 { font-size: 10px; padding-bottom: 0; margin-bottom: 0; }*/ .contentHomeNews2Col { margin-left:15px; clear: left; } /* Holly Hack Targets IE Win only \*/ * html .contentHomeNews2Col {margin-left: -15px;} /* End Holly Hack */ .contentHomeNewsCol { width: 165px; padding: 0; float: left; font-size: smaller; } .contentHomeNewsCol + .contentHomeNewsCol { margin-left: 15px; } .contentIndent > .contentHomeNewsCol + .contentHomeNewsCol, .HRBoxIndent > .contentHomeNewsCol + .contentHomeNewsCol { width:150px; } .contentHomeNewsCol ul.linkage2 { padding-top: 7px; } .contentHomeNewsCol ul.bigArrowList { margin-top: 1.5em; } .contentHomeNewsCol ul.bigArrowList li { background-image: url(/css/img/bullet/arrow_blue_dot.png); background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 18px; } .contentHomeNewsCol p { margin-bottom: 1.5em; line-height: 1.6em; } .contentHomeNewsCol a { text-decoration: none; } .clearBoxHead { width: 279px; background: url(/css/img/corner/linebox/half_bottom.png) bottom left no-repeat; padding-bottom: 7px; margin-bottom: 15px; } .clearBox.head h3 { font-size: 10px; color: white; background: #b4b4b4; margin: 0 0 10px 0; padding: 5px; } .clearBox.head { padding:0px; } .clearBoxBody { padding:0; margin:0; } .whiteBox, .tanBox, .clearBox, .clearBox2, .clearBoxWide, .clearBoxXtraWide, .clearBoxWide_v2, .clearBoxFull, .clearBoxHalfFull { -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #aaaaaa; margin-bottom:15px; padding:15px; } h2+.clearBox, h2+.clearBoxWide, h2+.clearBoxXtraWide h2+.clearBoxWide_v2, h2+.clearBoxFull, h2+.clearBoxHalfFull { margin-top: -.5em; } .clearBoxInner, .clearBoxWide_Inner_v2, .clearBoxInnerWide, .clearBoxInnerXtraWide, .clearBoxInnerFull, .clearBoxInnerHalfFull { padding:0; margin:0; } /**** following styles if you need a HORIZONTAL RULE */ .HRBoxIndent, .HRBox { padding-bottom: 15px; border-bottom: 1px solid #C8C5AC; margin-bottom: 15px; } .HRBoxIndent { padding-left: 15px; } .contentHomeNews2Col > .HRBoxIndent { padding-bottom:0px; margin-bottom:0px; } /**** following styles define ROUNDED CORNER LIGHT BACKGROUND LISTS */ ul.listBoxLeft, ul.listBoxRight { width: 249px; background-color: #f7f2d0; background-image: url(/css/img/corner/cream/listbox_top.png); background-position: top right; background-repeat: no-repeat; padding: 7px 10px 0 20px; margin: 5px 0 11px 0; } ul.listBoxLeft li, ul.listBoxRight li { padding: .5em 0 .5em 0; } .boxCream { width: 279px; background-color: #f7f2d0; background-image: url(/css/img/corner/cream/listbox_bottom.png); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 10px; margin-bottom: 15px; } ul.listBoxCream { width: 249px; background-color: #f7f2d0; background-image: url(/css/img/corner/cream/listbox_top.png); background-position: top right; background-repeat: no-repeat; padding: 7px 10px 0 20px; margin: 5px 0 0 0; list-style: none; } ul.listBoxCream li { font-size: smaller; font-weight: bold; line-height: 1.5em; background-image: url(/css/img/bullet/arrow_blue_dot.png); background-repeat: no-repeat; background-position: 0 3px; padding: 1px 0 1px 18px; } div.grayBoxWide { width: 573px; background-color: #ccc; background-image: url(/css/img/corner/gray/wide_top.png); background-position: top left; background-repeat: no-repeat; font-size: small; margin-bottom: 30px; } div.grayBoxInnerWide { background-image: url(/css/img/corner/gray/wide_bottom.png); background-position: bottom right; background-repeat: no-repeat; } div.grayBoxBody { padding: 5px 14px; color: rgb(180, 180, 180); } div.grayBoxBody span { color: white; } div.boxBlueFade { padding: 1px 15px 15px 15px; } div.creamBox { width:454px; background: url(/css/img/corner/cream/box/top.gif) top right no-repeat; padding-top: 6px; } div.creamBoxInner { background: url(/css/img/corner/cream/box/bottom.gif) bottom left no-repeat; padding-bottom: 6px; } div.creamBoxBody { background: url(/css/img/corner/cream/box/middle.gif) top right repeat-y; padding: 5px 14px 5px 30px; } div.creamBoxIndent { width:454px; background: url(/css/img/corner/cream/box/Indent/top.png) top right no-repeat; padding-top: 6px; } div.creamBoxIndentInner { background: url(/css/img/corner/cream/box/Indent/bottom.png) bottom left no-repeat; padding-bottom: 5px; } div.creamBoxIndentBody { background: url(/css/img/corner/cream/box/Indent/middle.png) top right repeat-y; padding: 5px 14px 5px 5px; } div.creamBoxIndentLabel { color:#80715f; font-size:large; font-weight:bold; float:left; width:126px; } div.creamBoxIndentContent { position:relative; margin-left:135px; } div.creamBoxTopLabel { margin-top:15px; background: url(/css/img/corner/cream/box/toplabel/labeltop.png) top right no-repeat; width:500px; } div.creamBoxTopLabelBody { background: url(/css/img/corner/cream/box/toplabel/labelbody.png) top right repeat-y; padding: 5px 14px 5px 20px; color:#80715f; font-size:large; font-weight:bold; } div.creamBoxTopLabelBodyContentTop { background: url(/css/img/corner/cream/box/toplabel/contenttop.png) top right no-repeat; padding-top:7px; padding-bottom:10px; } div.creamBoxTopLabelBodyContentBody { background: url(/css/img/corner/cream/box/toplabel/contentbody.png) top right repeat-y; padding: 20px 30px; } div.creamBoxTopLabelInner { background: url(/css/img/corner/cream/box/toplabel/contentbottom.png) bottom left no-repeat; padding-top: 6px; padding-bottom:6px; } /*.whitebox div h3 { padding-top: 12px; }*/ /*.whiteBox, .tanBox { padding:15px; border:1px solid #aaaaaa; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:25px; }*/ .whiteBox { background:white; } .tanBox { background-color: #F8F7F1; } /* if no h2 is needed */ .whiteBox h2, .tanBox h2 { padding: 0; margin-top: 0px; } .whiteBox h2 span, .tanBox h2 span { visibility: hidden; } .whiteBoxBody, .tanBoxBody { margin: 0; } .whiteBox p, .tanBox p { margin-top: 0; } .whiteBox ul, .tanBox ul { font-size: 95%; margin-top:-5px; } /* if 2 Columns are needed */ .whiteBox2ColLeft, .tanBox2ColLeft { float:left; width: 255px; } .whiteBox2ColRight, .tanBox2ColRight { margin-left: 265px; } /* begin steps(wizard) styles */ div.boxHeader { padding: 6px; background-color: #ffffff; border-bottom: 1px solid #cccccc; } div.boxHeader h1{ font-size: 16px; padding: 0 0 3px 10px; } div.boxSection{ border-bottom: 1px solid #cccccc; padding: 15px; } /* end steps(wizard) styles */ .lightblue, .lightBlueDarkHeader, .boxBlueFade, .related_products { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; padding:15px; background:transparent url(/css/img/bkgrnd/related.png) repeat-x scroll left top; } .lightBlueDarkHeader { padding-top:0; } .lightBlueDarkHeader h3 { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; color:white; margin:0 -15px; padding: 3px 15px; background-color:#666666; } .related_title, .related_products_inner { margin:0; padding:0; } .darkGrayBox { -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:15px; color: white; background-color:#666666; } .darkGrayBox a { color:white; } .yellowFade, .yellowFade { background: transparent url(/css/img/bkgrnd/yellow/fade_575.png) no-repeat scroll left top; width:545px; } .halfColLeft .yellowFade, .halfColRight .yellowFade { background: transparent url(/css/img/bkgrnd/yellow/fade_280.png) no-repeat scroll left top; width:250px; } .yellowFade.third { background:transparent url(/css/img/bkgrnd/yellow/fade_228.png) no-repeat scroll left top; width:198px; } .yellowFade { padding:2px 15px 0 15px; margin-top:0px; margin-bottom:50px; } .yellowFade h2 { color:#a84106; } .yellowFade h2.accent { border-bottom:2px solid #a84106; } /************************************************************ MISC STYLES */ .noticeArea { background-color: #e5f0f5; border-top: 1px solid #c0dae7; border-bottom: 1px solid #c0dae7; font-size: x-small; padding: 5px 15px; margin: 0 0 2em 0; } .noticeArea p, .noticeArea h4 { line-height: 1.5em; } .noticeArea a { font-size: larger; } p+.noticeArea { margin-top: 1.5em; } .cite {font-size: 90%; color: #999; display: block; vertical-align: middle } .contentHighlight { background-color: #e5f0f5; padding: 15px; margin-bottom: 10px; } div.StripeBox { border: 2px solid #cecece; margin: 0 10px 20px 10px; width: 280px; float:right; } div.StripeBox h3 { margin-top:0px; padding:5px; color: white; background-color: #761a17; } div.StripeBox p { margin: 5px; } div.accentLightHalf, div.accentLight { width: 249px; background: #f7f3dc url('/css/img/box/cream/top.gif') top left no-repeat; padding: 7px 15px 0 15px; } div.accentLightHalfBottom, div.accentLightBottom { width:279px; background: #f7f3dc url('/css/img/box/cream/bottom.gif') bottom right no-repeat; padding-bottom: 7px; } div.accentLightHalf { width: 353px; background: #f7f3dc url('/css/img/box/cream/half_top.gif') top left no-repeat; } div.accentLightHalfBottom { background: url('/css/img/box/cream/half_bottom.gif') bottom right no-repeat; } .accentLightBody { font-size: small; padding: 5px 14px; } .accentLightBody h2 { font-size: small; } #quoteContainer { background-color:#CAE1EB; padding: 20px 15px; border: 1px solid #B4B4B4 } #quoteBox { position : relative; font-style : italic } #quoteContainer .buttons { margin-top:25px; } dt { font-weight:bold; padding-bottom:.5em; } dd { margin-bottom:1.5em; } dd div { margin: 1em 0 2em 0; } ul, ol { padding-left:20px; } ul li, ol li { margin: 5px 0; } ul.linkage { padding-left: 8px; margin-left: 9px; } ul.linkage li{ list-style: none; background-image: url(/css/img/bullet/arrow_blue.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 10px; color:black; margin: .4em 0; } #contentHome ul.linkage li a { color:black; font-weight:bold; } #contentHome ul.linkage li a:hover { color:#bebfc0; } ul.linkage.red li { background-image: url(/css/img/bullet/arrow_red.png); } ul.bigArrowList { list-style: none; padding-left: 0; margin-left: 0; } ul.bigArrowList li { background-image: url(/css/img/bullet/arrow_blue_dot.png); background-repeat: no-repeat; background-position: 0 3px; padding: 1px 0 1px 18px; } .contentHomeNewsCol ul.bigArrowList { margin-top: 1.5em; } .contentHomeNewsCol ul.bigArrowList li { background-position: 0 0; } ul.bigArrowList li a { text-decoration: none; font-weight: bold; } ul.redArrow { list-style: none; padding-left: 0; } ul.redArrow li{ background-image: url(/css/img/bullet/arrow_red.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 10px; margin: .8em 0; } ul.redArrow li a { font-weight: bold; } ul.redArrow li a.view { font-weight: normal; font-size: smaller; } ul.grayArrow { padding-left:15px; } ul.grayArrow li { list-style-image: url(/css/img/bullet/arrow_gray.png); list-style-type:disc; } #steps { margin:0 0 5px 0; padding: 0; } #steps ol { font-size: x-small; color: #999; text-align:right; margin:0; padding:0; } #steps li { display: inline; padding-left: 6px; } #steps ol li a:link, #steps ol li a:visited, #steps ol li a:active { color: #999; font-size: inherit; text-decoration: none; } #steps ol li a:hover { font-size: inherit; color: #666; } #steps span { color: #C00; font-weight: bold; } ul.jbdsGallery { padding: 0; margin: 0; } .jbdsGallery li { list-style-type: none; } .jbdsGallery li a img { border: 1px solid #fff; } .jbdsGallery li a:hover img { border: 1px solid #ccc; } ul.clean { padding:0px; } ul.clean li { padding-left:0px; list-style-type:none; list-style-image:none; background:none; } .underBannerLinks { margin: 0 0 0 15px; padding: 100px 0 0 0; float:left; list-style-type:none; list-style-image:none; } .underBannerLinks li { float: left; border-right: 1px solid #999; margin-right: 5px; padding-right: 5px; text-decoration:underline; } .underBannerLinks li.last { float: left; border: none; } .indentgray { border-left: 1px solid #cccccc; padding-left: 5px; margin-left: 5px; font-size: 90%; } h1#headchoice { background-image: url(/css/img/choice/logo.png); background-position: 0 0; background-repeat: no-repeat; height: 55px; } h1#headchoice span { display: none; } div#choice { width: 720px; margin: 25px 0; background: #fff url(/css/img/choice/back.png) top center repeat-y; border-bottom: 1px solid white; } div#choice:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #choice {height: 1%;} /* End Holly Hack */ div#choice h2 { text-align: right; font-size: x-small; color: #999; margin: 0 0 1.5em 0; } div#choice p { margin-top: 0; line-height: 1.3em; } div#choice h3 { margin-bottom: .25em; font-size: x-small; } div#choice ul.plain { margin: 0 0 1em 0; padding-left: 10px; list-style: none; } div#choice ul.plain li { padding: 0.30em 0; } div.choiceCol { width: 160px; float: left; padding: 0 10px; font-size: x-small; } /************************************************ Virtualization */ #overview h2 { margin-bottom: 1em; } #openvirtheader { margin-top: 25px; height: 200px; margin-bottom: 25px; } #openvirtheader h2 { margin-left: -50000px; } ul.openvirtmenu { height: 32px; width: 716px; margin: 0 auto; padding: 0 0 25px 0; list-style-type: none; } .openvirtmenu p { padding: 0; margin: 0; } /*.openvirtmenu span { margin: 0 0 0 -50000px; }*/ .openvirtmenu li { float: left; height: 25px; padding: 7px 0 0 0; margin: 0; font-weight: bold; text-align:center; background: url(/css/img/openvirt/background.png); } .openvirtmenu li#active { background: url(/css/img/openvirt/active.png); } .openvirtmenu li#active a { color:white; font-size:20px; } .openvirtmenu li a { color:#124196; font-size:20px; } li.home { width: 115px; } li.overview { width: 138px; } li.solutions { width: 146px; } li.multimedia { width: 158px; } li.getstarted { width: 159px; } /* Videos */ #videoWrap a { color: #cc0000; text-decoration: none; } .videoHeadInner { padding: 60px 15px 15px 15px; color: #ffffff; } .videoHeadInner img { float: left; padding: 0 15px 0 0; } div.vid { border-top: 1px solid #cccccc; padding-top: 10px; } .vid img, img.videoImg{ float: left; display: block; margin: 0 15px 0 0; } .vid h2 { color:#333333; border-bottom:solid 2px #333333; margin-bottom:5px; } .vid div { margin-left:100px; } .vid h2:before { content: url('/css/img/bullet/camera.gif'); } ul.videoMore { list-style: none; padding-left: 0; margin: 0 0 30px 0; } ul.videoMore li{ background-image: url(/css/img/bullet/arrow_red.png); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 10px; margin: .8em 0; } ul.videoMore li a { font-weight: bold; } ul.videoMore li a.view { font-weight: normal; font-size: smaller; } div.creativecommons { float: left; padding-right: 5px; margin-bottom: 1em; } span.creativecommons { font-size: x-small; } /* Video headlines */ h1#videoTitle span { display: none; } div#videoHead { background-image: url(/css/img/head/videos/pri.png); background-repeat: no-repeat; width: 570px; height: 233px; margin: 0 0 15px 0; padding: 0; } div#videoHead3 { background-image: url(/css/img/head/videos/tri.png); width:520px; background-repeat: no-repeat; height: 233px; margin: 0 0 15px 0; padding: 0; } h1#videoHead2 { background-image: url(/css/img/head/videos/sec.png); background-repeat: no-repeat; width: 570px; height: 83px; margin: 0 0 15px 0; padding: 0; } h1#videoHead2 span { display: none; } .vidLinks a { color: rgb(204, 0, 0); text-decoration: none; font-weight: bold; } h1.accentLine, h2.accentLine, h3.accentLine {border-bottom: 1px solid #cccccc;} a.moreOut, a.linkOut { background-image:url(/css/img/chrome/link_out.png); background-position: center right; background-repeat: no-repeat; padding-right: 18px; } a.moreOut { background-image:url(/css/img/chrome/bullet_more.png); } a.linkOut { background-image:url(/css/img/chrome/link_out.png); } a.upLink, a.moreLink, a.dnldLink, a.highlight { background-position: 0 .3em; background-repeat:no-repeat; margin: 4pt 0 4pt 0pt; padding-left: 12px; line-height: 1.2em; text-decoration: none; } a.upLink { background-image:url(/css/img/chrome/bullet_up.png); } a.moreLink { background-image:url(/css/img/chrome/bullet_more.png); } a.dnldLink { background-image:url(/css/img/chrome/bullet_download.png); } a.highlight { background-image:url(/css/img/chrome/bullet_arrowblue.png); } ul.upLink, ul.dnldLink, ul.highlight { list-style-type: none; background: none; } ul.upLink li, ul.dnldLink li, ul.highlight li { background-position: 0 .3em; background-repeat:no-repeat; padding-left: 12pt; margin: 0 0 0 -13px; } ul.upLink li { background-image:url(/css/img/chrome/bullet_up.png); } ul.dnldLink li { background-image:url(/css/img/chrome/bullet_download.png); } ul.highlight li { background-image:url(/css/img/chrome/bullet_arrowblue.png); } /* generic ul pipe seperated */ ul.separate { list-style: none; padding: 0; margin: 15px 0; } ul.separate li { display: inline; padding: 0 10px; border-left: 1px solid #333; line-height: 1em; } ul.separate li.first {border-left: none !important; padding-left: 0;} ul.switcher-list { font-size: 11px; float: right; padding: 0; margin: 10px 0 0 0; } ul.switcher-list li { font-weight: bold; padding-right: 0; } ul.switcher-list li a { text-decoration: none; } ul.switcher-list li.first { font-weight: bold; padding-right: 10px; } /* Feature Area Styles */ /* Overide some inherited styles */ div.feature a, div.featureMed a, div.featureSmall a {text-decoration: none;} div.feature a:hover, div.featureMed a:hover, div.featureSmall a:hover {text-decoration: underline;} div.feature a.moreLink, div.featureMed a.moreLink, div.featureSmall a.moreLink { display: block; } div.featureMed a.moreLink, div.featureSmall a.moreLink { font-size: 11px; line-height: 1.2em; } div.feature .imgLeft, div.featureMed .imgLeft { font-size: 11px; line-height: 1em; } div.feature .imgLeft img, div.featureMed .imgLeft img { margin: 0 15px 7px 0; } div.feature .imgLeft a img, div.featureMed .imgLeft a img { border: 1px solid #ffffff; } div.featureSmall a img { border: 1px solid #ffffff; } /* Large Size feature area specific styles */ div.feature { clear: right; } div.feature p { font-size: 12px; line-height: 1.2em; } div.feature .imgLeft a img:hover { border: 1px solid #838383; } div.feature .imgLeft .mediaObj { float: left; margin: 0pt 15px 7px 0pt; } div.feature h1 { font-size: large; margin-bottom: .2em; padding-top: 0;} div.feature h2 { font-size: medium; margin-bottom: .3em; padding: 0 0 4px 0; font-weight: normal; } div.feature h3 { font-size: smaller; margin-bottom: .3em; padding: 0 0 4px 0;} div.feature h4 { font-size: smaller; margin-bottom: .3em; padding: 0 0 4px 0; font-weight: normal; } div.feature h1 span, div.feature h2 span { font-size: 65%; font-weight: normal;} div.feature h3 span { font-size: 90%; font-weight: normal;} div.feature h1 a.upLink, div.feature h2 a.upLink { float: right; font-weight: normal; font-size: 11px; margin-top: -18px;} div.feature ul.highlight { margin-bottom: 0; } div.feature ul.highlight li { margin-left: 15px; font-size: 11px; } /* Medium Size feature area specific styles */ div.featureMed {margin-top: 15px;} div.featureMed p { line-height: 1em; margin: 0 0 5px 0; } div.featureMed h4 { font-size: small; margin: 0 0 5px 0; } div.featureMed ul.separate { margin: 10px 0;} div.featureMed ul.separate li { font-size: smaller; padding: 0 5px; } div.featureMed ul.separate li.first { padding-left: 0;} div.featureMed .imgLeft { height: 72px; } div.featureMed .imgLeft a.moreLink { float: left; } div.featureMed .imgLeft a img:hover { border: 1px solid #838383; } /* Small Size feature area specific styles */ div.featureSmall { float: left; width: 100px; margin: 15px 15px 5px 0; } div.featureSmall h5 { font-size: smaller; margin: 0px 0px 5px 0px; height: 4em; } div.featureSmall a img { margin: 0 0 5px 0; } div.featureSmall a img:hover { border: 1px solid #838383; } /* clearBox overides */ div.clearBox div.feature, div.clearBoxWide div.feature { clear: none; height: 140px;} div.clearBox div.feature .imgLeft, div.clearBoxWide div.feature .imgLeft { height: 90px; } div.clearBox div.feature p, div.clearBoxWide div.feature p { font-size: 11px; line-height: 1.1em; } div.clearBox div.feature h2, div.clearBoxWide div.feature h2 { font-size: medium; font-weight: bold; margin-bottom: 0; padding: 0;} /* Wrap Left Related*/ div.wrapLeft { margin-bottom: 15px; } div.wrapLeft .wrapBlock { float: left; margin: 0 30px 15px 0; } .featureSmall .wrapLeft .wrapBlock { float: left; margin: 0 10px 15px 0; } div.wrapLeft .margin15 { margin-right: 15px; } div.feature .wrapLeft, div.featureMed .wrapLeft { font-size: 11px; line-height: 1em; } div.feature .wrapLeft .wrapBlock, div.featureMed .wrapLeft .wrapBlock { margin: 0 15px 7px 0; } div.feature .wrapLeft .wrapBlock a img, div.featureMed .wrapLeft .wrapBlock a img { border: 1px solid #ffffff; } div.feature .wrapLeft .wrapBlock a img:hover, div.featureMed .wrapLeft .wrapBlock a img:hover { border: 1px solid #838383; } div.featureMed .wrapLeft { height: 72px; } div.featureMed .wrapLeft a.moreLink { float: left; } .overlayable { position: relative; } .feature .overlayable .overlay, .featureMed .overlayable .overlay, .featureSmall .overlayable .overlay { position: absolute; padding: 0; margin: 0; background: #838383; color: #fff; font-size: 11px; width: 26px; padding-right: 5px; text-align: center; } .feature .overlayable .overlay { top: 79px; left: 90px; } .featureMed .overlayable .overlay { top: 62px; left: 66px; } .featureSmall .overlayable .overlay { top: 60px; left: 66px; } p.viewall { text-align: right; padding-right: 15px; } p.viewall2 { text-align: center; font-weight: bold; padding: 10px 0; } p.viewall2 a { text-decoration: none; } /* Promo */ #promoHome { } #promoHome .img2a { float: left; } #promoHome .img2b { float: right; } #promoHome .img3a { float: left; margin-right: 15px; } #promoHome .img3b { float: left; } #promoHome .img3c { float: right; } #promoHome:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* New Promos */ .local { margin-bottom:15px; display:block; } .local:before { clear:both; } #admin * img.local { margin-top:20px; } /******************************* New Home Page Banners *****************/ #promoHome.new { margin-bottom: 15px; } #admin * .img3a, #promoHome.new .img2a , #promoHome.new .img3a { margin-right: 0px; display: block; float: right; } #admin * .img2b, #promoHome.new .img2b { display: block; float: left; } #admin * .img3b, #promoHome.new .img3b { display: block; margin-bottom: 5px; } #admin * .img3c, #promoHome.new .img3c { display: block; margin-right:5px; } /* Holly Hack Targets IE Win only \*/ * html #promoHome {height: 1%;} /* End Holly Hack */ /****************** End ****************************/ /* Holly Hack Targets IE Win only \*/ * html #promoHome {height: 1%;} /* End Holly Hack */ /* end promo */ #promo2 { /*margin-bottom: 15px;*/ } #promo2:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #promo2 {height: 1%;} /* End Holly Hack */ #training_special_top { height: 14px; background-image: url(/css/img/corner/secnav/top.png); background-position: top left; background-repeat: no-repeat; padding-top: 5px; padding-left:200px; } #training_special_bottom { margin-top:15px; margin-bottom:15px; width: 100%; height: 28px; background-color: #e6e6e6; background-image: url(/css/img/corner/secnav/bottom.png); background-position: bottom left; background-repeat: no-repeat; } #solutionpromo:after { content:url(/css/img/corner/secnav/top.png); } /**** following styles define PRODUCT DESCRIPTIONS ON MAIN SECTION PAGES */ .prod { width: 279px; margin-bottom: 15px; } .prod:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .prod {height: 1%;} /* End Holly Hack */ .prod h3 { margin: 0 0 0 81px; font-size: x-small; text-transform: uppercase; } .prod p { width: 198px; margin: 3px 0 0 81px; } .prod img { float: left; margin: 0 0 0 15px; } /***************************** Value Shows */ #valueHeader { margin: 5px 0; padding-left: 20px; height: 120px; background: url('/css/img/head/value/gray.png') top left no-repeat; } #valueHeader h1 { display: block; height: 0; overflow: hidden; } #valueHeader .imgLeftValueWrap { float: left; width: 325px; margin: 5px 40px 25px 0; } /* Holly Hack Targets IE Win only \*/ * html #valueHeader .imgLeftValueWrap { margin-top: 20px; } /* End Holly Hack */ div.rightText { float: left; height: 80px; width: 305px; margin: 30px 0; } .valueShowsHead { height: 30px; background: url('/css/img/head/value/shows.png') top left no-repeat; } .valueShowsHead h1{ margin-left: -50000px; display: block; height: 0; overflow: hidden; } .valueSectionHead { height: 27px; margin-top: 10px; background: url('/css/img/head/value/value.png') top left no-repeat; } .valueSectionHead h2{ margin-left: -50000px; display: block; height: 0; overflow: hidden; } .supportSectionHead { height: 27px; margin-top: 10px; background: url('/css/img/head/value/support.png') top left no-repeat; } .supportSectionHead h2 { margin-left: -50000px; display: block; height: 0; overflow: hidden; } .moneySectionHead { height: 27px; margin-top: 10px; background: url('/css/img/head/value/money.png') top left no-repeat; } .moneySectionHead h2 { margin-left: -50000px; display: block; height: 0; overflow: hidden; } .showsWrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .showsWrap {height: 1%;} /* End Holly Hack */ .showsWrap .rightcolumn { float: left; padding: 0 10px; width: 180px; margin: 0; } .showsWrap .rightcolumn p { padding: 0; margin: 0; } .showsWrap .middlecolumn { float: left; padding: 0 10px; width: 181px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .showsWrap .middlecolumn p { padding: 0; margin: 0; } .showsWrap .leftcolumn { float: left; padding: 0 10px; width: 294px; margin: 0; } .showsWrap .leftcolumn ul { padding-left: 20px; margin-top: 0; } /* Holly Hack Targets IE Win only \*/ * html .showsWrap .leftcolumn ul { margin-left: 15px; } /* End Holly Hack */ .showsWrap .leftcolumn ul li.top { margin-top: 0; } #middlenav p, #middlenav li { font-size: 9.5pt; } /**** following styles define the an IMAGE ON THE LEFT W/TEXT ON THE RIGHT */ div.imgLeftValue { margin-bottom: 5px; } div.imgLeftValue a { font-size: xx-small; } div.imgLeftValue img { float: left; margin: 0 30px 5px 0; } div.imgLeftValue img.margin15 { margin-right: 10px; } /* RHMagazine wide widget */ #magWideWidgetBottom { background: url('/css/img/magazine/RHMWideWidgetBottom.png') bottom left no-repeat; height: 38px; width: 170px; } #magWideWidget { background: #d1d1d1 url('/css/img/magazine/RHMWideWidgetTop.png') top left no-repeat; width: 170px; margin: 0px; padding: 0px; padding-bottom: -1px; } /* Holly Hack Targets IE Win only \*/ * html #magWidget {width: 170px;} * html #magWidget {overflow-x: hidden;} * html #magWidget {overflow-y: auto;} * html #magWidget {height: 1%;} /* End Holly Hack */ #magWideWidgetContent { padding-top: 35px; padding-left: 10px; padding-right: 10px; height: auto; } /* Holly Hack Targets IE Win only \*/ * html #magWidgetContent {height: 1%;} /* End Holly Hack */ #magWideWidgetContent:after { display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; } #magWideWidgetContent a { color: #333333; text-decoration: none; font-size: x-small; } #magWideWidgetContent ul { list-style: none; padding-left: 0px; margin-left: 2px; } #magWideWidgetContent ul li{ padding-left: 0px; margin: .4em 0; line-height: .9em; } .hoverbox { width: 500px; cursor: default; list-style: none; } .hoverbox:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .hoverbox {height: 1%;} /* End Holly Hack */ .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; border-color: rgb(207,212,100) /*#aaa #ccc #ddd #bbb*/; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; } .hoverbox li { background: rgb(207,212,100); /* border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;*/ color: inherit; /* display: inline;*/ float: left; margin: 3px; /* padding: 5px;*/ position: relative; } .hoverbox .preview { border-color: rgb(207,212,100); width: 200px; height: 150px; } a.hoverYellowOnBlack { color:white; background: black; } a.hoverYellowOnBlack:visited { color: white; } a.hoverYellowOnBlack:hover { color: yellow; } /* Basic styles, sane defaults */ label { float:left; /*display:block;*/ width:20%; margin-right:10px; font-size:90%; font-weight:bold; text-align:right; background-color:inherit; } label.right { width:100%; text-align:left; } fieldset { background-color: #eeeeee; border: 1px solid #b9b9b9; width: auto; padding: 15px; margin-bottom: 1.25em; } fieldset legend { padding:5px 10px; font-weight:bold; font-size:larger; /* background-color: #eee;*/ background-color:#fafafa; border: 1px solid #b9b9b9; } fieldset fieldset { background-color: #e6e6e6; border:none; padding: 10px 60px; margin: 25px 0 20px 0; } fieldset fieldset legend { margin-left: -40px; } input { color: black; border: 1px solid #999; background: #eeeeee; } input.button { width:80px; padding:2px 5px; } label + input[type="text"] { width:75%; } fieldset input { background-color:white; } .formrow span.palenote { margin-top:3px; padding-left:110px; } /************************************************************** FORM ROWS */ /* This will only currently work if it's in a right-hand half-column */ input.submitSpace { margin-top: 20px } /* europe changes: */ ul.gray { font-family: helvetica, sans-serif; list-style-image: url(/css/img/bullet/gray.png); list-style-type: circle; } span.graytextsmall { font-size: 10pt; color: #666666; } span.graytitletext { font-size: 10pt; font-weight: bold; color: #333333; } span.trademark { font-size: 8pt; vertical-align: top; } /* europe changes end */ div.formblock { /* for formblocks that follow h2's */ margin-bottom: 1em; } div.formrow { padding: 5px 0; font-size: x-small; } div.formrow.third { width:300px; } div.formrow:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; /* why clear:right in apac? */ visibility: hidden; } div.formrow.right:after { clear:right; } /* Holly Hack Targets IE Win only \*/ * html .formrow { height: 1%; } /* End Holly Hack */ div.formrow span.label { float: left; width: 110px; text-align: right; font-weight: bold; padding: .5em 0; display:inline; } div.formrow span.label.full { float:none; width:99%; } div.formrow span.formfield { float: right; width: 130px; text-align: left; display:inline; } div.formrow span.formfield.full { float:none; width:99%; } div.formrow span.formfield.full textarea, div.formrow span.formfield.full select { width:99%; } div.formrow span.labelFull { float: left; margin-right:20px; width: 140px; text-align: right; font-weight: bold; padding: .5em 0; } div.formrow span.formfieldFull { width: 540px; text-align: left; } div.formrow span.labelWeb { float: left; width: 240px; text-align: right; font-weight: bold; padding: .25em 0; margin-right:10px; } div.formrow.short span.labelWeb { float:left; width:120px; } div.formrow.half span.labelWeb { width:100px; } div.formrow.third span.labelWeb { width:80px; } div.formrow span.formfieldWeb { float: right; width: 440px; text-align: left; } div.formrow.short span.formfieldWeb { width:400px; } div.formrow.half span.formfieldWeb { width:240px; } div.formrow.third .formfieldWeb { width:180px; } .clearBoxWide div.formrow span.formfield { width: 430px; } /* Begin styles used in full page web forms */ .fieldsetform .rowform label { width: 240px; padding: 5px 10px 5px 0; float: left; text-align: right; font-weight: bold; font-size: 95%; } .fieldsetform input, .fieldsetform textarea { width: 350px; background-color: #fff; } .fieldsetform span { margin-left: 240px; display: block; } .fieldsetform .rowform span+span { padding-top: 4px; } .fieldsetform #special_questions { background-color: #e6e6e6; padding: 10px 60px; margin: 25px 0 20px 0; } .m2lbox{ width:100%; border:1px solid #B4B4B4; margin:10px 0; padding:5px 0; position:relative; } .m2lbox iframe { border:0; overflow:hidden; } .m2lbox span { position:absolute; left:-50000px; } .m2lboxcontent { margin:0 10px; } .m2lbox .topleft,.m2lbox .topright,.m2lbox .botleft,.m2lbox .botright{ background:url('http://www.redhat.com/g/chrome/white-circle.png') no-repeat; width:10px; height:10px; position:absolute; } .m2lbox .topleft { left:-1px; top:-1px; } .m2lbox .topright { background-position:top right; right:-1px; top:-1px; } .m2lbox .botleft { background-position:bottom left; left:-1px; bottom:-1px; } .m2lbox .botright { background-position:bottom right; right:-1px; bottom:-1px; } /* end new webform styles */ /* corner styles */ .corner_topleft,.corner_topright,.corner_bottomleft,.corner_bottomright,.corner_gray_topleft,.corner_gray_topright,.corner_gray_bottomleft,.corner_gray_bottomright,.corner_blue_topleft,.corner_blue_topright,.corner_blue_bottomleft,.corner_blue_bottomright { position:absolute; width:10px; height:10px; overflow:hidden; z-index:2; } .corner_topleft,.corner_topright,.corner_bottomleft,.corner_bottomright { background:url('http://www.redhat.com/g/chrome/white-circle.png'); } .corner_gray_topleft,.corner_gray_topright,.corner_gray_bottomleft,.corner_gray_bottomright { background:url('http://www.redhat.com/g/chrome/gray-circle.png'); } .corner_blue_topleft,.corner_blue_topright,.corner_blue_bottomleft,.corner_blue_bottomright { background:url('http://www.redhat.com/g/chrome/blue-circle.png'); } .corner_topleft,.corner_gray_topleft,.corner_blue_topleft { top:-1px; left:-1px; } .corner_topright,.corner_gray_topright,.corner_blue_topright { top:-1px; right:-1px; background-position:10px 0; } .corner_bottomleft,.corner_gray_bottomleft,.corner_blue_bottomleft { bottom:-1px; left:-1px; background-position:0 10px; } .corner_bottomright,.corner_gray_bottomright,.corner_blue_bottomright { bottom:-1px; right:-1px; background-position:10px 10px; } .location { font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 16px; color: #333; } .time { font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 14px; color: #800; font-weight: bold; } .title { font-size: 14px; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; color: #800; text-align: left; font-weight: normal; } .box { font-size: 14px; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; color: #333; border: 1px solid #999999; padding: 1px; } .bodyleft { text-align: left; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 14px; color: #333; text-decoration: none; } .headlineRed { font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 16px; color: #FF0000; } .body10 { text-align: left; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 12px; color: #333333; } .bodyleftbold { text-align: left; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 14px; color: #333; font-weight: bold; } .bodyitalic { text-align: justify; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 12px; color: #333; font-style: oblique; } .bodyright { text-align: right; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 14px; color: #333; } .titlewhite { font-size: 14px; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; color: #FFFFFF; text-align: left; font-weight: bold; } .errorText { font-family: Helvetica, Sans Serif, Verdana, Arial; font-size: 11px; color: #800000; word-spacing: 0.1em; text-align: justify; } a.download { font-size:small; font-weight:normal; background-image:url(/css/img/bullet/arrow_blue_dot.png); background-repeat:no-repeat; padding-left:20px; margin-top:20px; } .body10color { text-align: left; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 12px; color: #006699; } .bodyright9 { text-align: right; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 12px; color: #333333; } .headline { font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; font-size: 16px; color: #333333; font-weight: bold; } .titleitalic { font-size: 14px; font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif; color: #066; text-align: left; font-style: italic; } a.titleitalic:link { color: #066; } a.titleitalic:hover { text-decoration: underline; } /************************************************************** REAL TECHNOLOGY */ #realtech { position: relative; /* so everything else can be absolute */ left: -7px; margin-top: 15px; height: 665px; width: 734px; background: url('/css/img/realtech/realtech_bg.png') top left repeat-y; } .realtech_bg { width: 720px; } .realtech_header { position: relative; top: 32px; left: 45px; background: url('/css/img/realtech/realtech_header.gif') no-repeat; height: 44px; } .realtech_content { background: url('/css/img/realtech/realtech_endcap.jpg') bottom left no-repeat; width: 734px; height: 665px; } .realtech_wrap { margin-left: 45px; margin-top: 78px; height: 600px; } .realtech_header h1 { display: none; } .realtech_vidcol { float: left; background: blue; /* width: 406px; height: 316px; margin-top: 78px; margin-left: 45px;*/ } .realtech_linkcol { float: right; width: 200px; /* margin-top: 78px;*/ margin-right: 30px; text-align: left; } .realtech_popupbg { width: 625px; height: 470px; background: url('/css/img/realtech/realtech_popupbg.png') top left no-repeat; } .realtech_popupvid { float: left; background: black; width: 325px; height: 256px; margin-top: 78px; margin-left: 45px; } .realtech_popupcol { float: right; width: 200px; height: 392px; margin-top: 78px; margin-right: 30px; text-align: left; } .sendtoafriend { margin-top: 20px; } .sendtoafriend h2 { font-size: small; font-weight: normal; /* text-align: right;*/ margin-bottom: 5px; } .sendtoafriend p { display: none; } .sendtoafriend input { background: none; } .realtech_morelessons { margin: 0; background: url('/css/img/realtech/morelessons.gif') top left no-repeat; width: 102px; height: 9px; } .realtech_morelessons h3 { margin-left: -100000px; } .realtech_morelist { list-style-type: none; padding: 0; /* padding-left: 35px;*/ margin: 0; padding-bottom: 5px; } .realtech_morelist li { line-height: 13px; padding-left: 31px; padding-bottom: 10px; background-repeat: no-repeat; background-position: 0px 2px; } .realtech_morelist li span { display: none; } .realtech_morelist li.l01, .realtech_morelist li.one { background-image: url('/css/img/realtech/01.gif'); } .realtech_morelist li.l02, .realtech_morelist li.two { background-image: url('/css/img/realtech/02.gif'); } .realtech_morelist li.l03, .realtech_morelist li.three { background-image: url('/css/img/realtech/03.gif'); } .realtech_morelist li.l04, .realtech_morelist li.four { background-image: url('/css/img/realtech/04.gif'); } .realtech_morelist li.l05, .realtech_morelist li.five { background-image: url('/css/img/realtech/05.gif'); } .realtech_morelist li.l06, .realtech_morelist li.six { background-image: url('/css/img/realtech/06.gif'); } .realtech_morelist li.l07, .realtech_morelist li.seven { background-image: url('/css/img/realtech/07.gif'); } .realtech_morelist li.l08, .realtech_morelist li.eight { background-image: url('/css/img/realtech/08.gif'); } .realtech_morelist li.l09, .realtech_morelist li.nine { background-image: url('/css/img/realtech/09.gif'); } .realtech_morelist li.l10, .realtech_morelist li.ten { background-image: url('/css/img/realtech/10.gif'); } .realtech_morelist li.l11, .realtech_morelist li.eleven { background-image: url('/css/img/realtech/11.gif'); } .realtech_morelist li.l12, .realtech_morelist li.twelve { background-image: url('/css/img/realtech/12.gif'); } .realtech_morelist li.l13, .realtech_morelist li.thirteen { background-image: url('/css/img/realtech/13.gif'); } .realtech_morelist li.l14, .realtech_morelist li.fourteen { background-image: url('/css/img/realtech/14.gif'); } .realtech_morelist li.l15, .realtech_morelist li.fifteen { background-image: url('/css/img/realtech/15.gif'); } .realtech_morelist li.l16, .realtech_morelist li.sixteen { background-image: url('/css/img/realtech/16.gif'); } .realtech_morelist li.l17, .realtech_morelist li.seventeen { background-image: url('/css/img/realtech/17.gif'); } .realtech_morelist li.l18, .realtech_morelist li.eighteen { background-image: url('/css/img/realtech/18.gif'); } .realtech_morelist li.l19, .realtech_morelist li.nineteen { background-image: url('/css/img/realtech/19.gif'); } .realtech_morelist li.l20, .realtech_morelist li.twenty { background-image: url('/css/img/realtech/20.gif'); } .realtech_morelist li.l21, .realtech_morelist li.twenty-one { background-image: url('/css/img/realtech/21.gif'); } .realtech_morelist li.l22, .realtech_morelist li.twenty-two { background-image: url('/css/img/realtech/22.gif'); } .realtech_morelist li.l23, .realtech_morelist li.twenty-three { background-image: url('/css/img/realtech/23.gif'); } .realtech_morelist li.l24, .realtech_morelist li.twenty-four { background-image: url('/css/img/realtech/24.gif'); } .realtech_morelist li.l25, .realtech_morelist li.twenty-five { background-image: url('/css/img/realtech/25.gif'); } /* BEGIN new "rhel5" styles */ #contentColRight_v2 { margin: 0; margin-left: 150px; } /* Holly Hack Targets IE Win only \*/ * html #contentColRight_v2 {float: right; margin: 0;} /* End Holly Hack */ div.content_area_v2 { margin: 0; padding: 15px; height: 100%; background-color: #ffffff; background-image: url("/css/img/rhel/rhel_content_bg.png"); background-position: top right; background-repeat: repeat-y; } div.content_area_2007 { margin: 0; padding: 15px; height: 100%; background-color: #ffffff; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } div.page_spotlight, div.page_jboss, div.page_rhceday, div.page_rhes, div.page_rhel { height:100%; top: -5px; position: relative; } div.page_rhceday { background: #382c47 url("/css/img/rhceday2007/background.jpg") no-repeat top left; } div.page_rhel { background: #540006 url("/css/img/rhel/rhel5_bg.png") no-repeat top left; } div.page_rhev { background: #c3001b url("/css/img/rhel/rhev_bg.png") no-repeat top left; } div.page_rhes { background: #be0000 url("/css/img/rhel/solutions_bg.jpg") no-repeat top left; } div.page_jboss { background: #0092db url("/css/img/jboss/background.png") no-repeat top left; } div.page_spotlight { background: #0092db url("/css/img/spotlight/partnerspotlightbg.png") no-repeat top left; } div.page_management { background: #9C0000 url(/css/img/bkgrnd/management.png) no-repeat scroll left top } .twoColumn:after { content: "."; display: block; height: 1px; margin-top: -1px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html .twoColumn {height: 1%;} /* End Holly Hack */ .halfColumn { float: left; width: 245px; margin: 0 15px 0 0; } .halfColumnFull { float: left; width: 340px; margin: 0 15px 0 0; } div.rightNavFloat { float: right; position: relative; top: -15px; left: 15px; width: 150px; margin: 10px; padding: 10px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; background-color: #ffffff; border: 2px solid #cecece; } div.rightNavFloat ul { font-size: 12px; list-style: none; margin: 0; padding: 0; } div.rightNavFloat ul li { } div.rightNavFloat a { text-decoration: none; } div.rightNavFloat a:hover { text-decoration: underline; } #partnerTabWrap { padding: 15px 0 0 15px; z-index: 10; position: relative; font-size: 95%; } /* Holly Hack Targets IE Win only \*/ * html #partnerTabWrap {top: 1px;} /* End Holly Hack */ #partnerTabWrap div { height: 1%;} /* Needed for IE6 */ /*store pages*/ div#partnerTabWrap li.selected { background-image: url("/css/img/nav/tab/graytab_right_on.gif"); background-repeat: no-repeat; background-position: top right; border-bottom: 0; } /*store pages*/ div#partnerTabWrap li.selected a { background-image: url("/css/img/nav/tab/graytab_left_on.gif"); background-repeat: no-repeat; background-position: top left; color: #333; border-bottom: 0; } h1.title_rhceday, h1.title_rhel, h1.title_rhev, h1.title_identity, h1.title_infra, h1.title_rhes, h1.title_partner, h1.title_mrg, h1.title_management, h1.title_jboss { display: block; position: relative; top: 15px; left: 15px; height:30px; margin-bottom: 30px; text-indent: -5000px; background-position: top left; background-repeat: no-repeat; } h1.title_infra { background-image: url(/css/img/head/infra_title.png); } h1.title_identity { background-image: url(/css/img/head/identity_title.png); } h1.title_rhel { background-image: url(/css/img/rhel/rhel_title.png); } h1.title_partner { background-image: url(/css/img/partnercenter.png); } h1.title_rhes { background-image: url(/css/img/rhel/solutions_title.png); } h1.title_rhev { background-image: url(/css/img/rhel/rhev_title.png); height:34px; } h1.title_mrg { background-image: url(/css/img/rhel/mrg_banner.png); } h1.title_jboss { background-image: url(/css/img/jboss/title.png); } h1.title_management { background-image: url(/css/img/head/management.png); } h1.title_rhceday { height:65px; background-image: url(/css/img/rhceday2007/header.png); } /************************************************************** SIDE NAVIGATION V2 */ #navCol_v2 { float: left; width: 150px; } /* Holly Hack Targets IE Win only \*/ * html #navCol {position: static;} /* End Holly Hack */ #sidenav_v2, .moreinfo_v2, #moreinfo_v2 { font-family: "Luxi Sans", verdana, arial, sans-serif; font-size: 11px; margin-top: 30px; } #sidenav_v2 { width: 132px; } .moreinfo_v2, #moreinfo_v2 { width: 132px; } #sidenav_v2 h4, .moreinfo_v2 h4, #moreinfo_v2 h4 { display: block; color: white; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding-bottom: 15px; } #sidenav_v2 h4{ width: 137px; background-image: url(/css/img/nav/side/heading.png); background-position: bottom right; background-repeat: no-repeat; margin-left: 13px; } .moreinfo_v2 h4, #moreinfo_v2 h4 { margin-right: 5px; padding: 0 0 3px 15px; border-bottom: 1px solid #ffffff; text-align: right; } .page_spotlight #sidenav_v2 h4, .page_jboss #sidenav_v2 h4 { background-image: url(/css/img/jboss/sidenav.png); } #sidenav_v2 h4 span{ display: none; } .moreinfo_v2 ul, #moreinfo_v2 ul, #sidenav_v2 ul { list-style: none; text-indent: 0; padding: 0; margin: 0; } .moreinfo_v2 ul, #moreinfo_v2 ul { padding: 5px 0 10px 0; text-indent: 0; } #sidenav_v2 ul li { margin: 0 0 0 15px; } .moreinfo_v2 ul li, #moreinfo_v2 ul li { margin: 0; text-align: right; } #sidenav_v2 ul li a, .moreinfo_v2 ul li a, #moreinfo_v2 ul li a { display: block; color: #cccccc; text-decoration: none; padding: 3px 0; } .moreinfo_v2 ul li a, #moreinfo_v2 ul li a { padding: 3px 5px 3px 15px; } #sidenav_v2 ul li.navon0 a, #sidenav_v2 ul li a:hover, .moreinfo_v2 ul li a:hover, #moreinfo_v2 ul li a:hover { color: #ffffff; } /* END: RHEL5 oage style */ #header { width: 100%; margin: 15px 0 0 0; clear: both; } #header form { width: 50%; margin-top: 5px; float: right; text-align: right; } #header input { background: #eee; } #rhLogo { float: left; margin-left: 15px; } /***** hacks!! *****/ #utility:after, #header:after, #mainNavOuter:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; visibility: hidden; } /* Holly Hack Targets IE Win only \*/ * html #utility, * html #header, * html #mainNavOuter {height: 1%;} /* End Holly Hack */ /* add.png delete.png edit.png green.png red.png */ /* basic rules */ a.red { color:#cc0000; } a.red:visited { color:#aa0000; } a.edit { background-repeat: no-repeat; float:left; width: 24px; height:16px; } a.edit span { display:none; } /* pictures */ a.edit.change { background-image: url('/css/img/icons/edit.png'); } a.edit.delete { background-image: url('/css/img/icons/delete.png'); } a.edit.add { background-image: url('/css/img/icons/add.png'); } a.edit.active { background-image: url('/css/img/icons/green.png'); } a.edit.inactive { background-image: url('/css/img/icons/red.png'); } a.edit.category { background-image: url('/css/img/icons/category.png'); } a.edit.file { background-image: url('/css/img/icons/file.png'); } a.edit.url { background-image: url('/css/img/icons/web.png'); } a.edit.approve { background-image: url('/css/img/icons/check.png'); } a.edit.deny { background-image: url('/css/img/icons/deny.png'); } div.returnTop {height: 12px;} div.returnTop a { float: right; display:block; width: 10px; height: 11px; background: url(/css/img/icons/arrow_page_up.png) top left no-repeat; } div.returnTop a span { display:none; } /* Inspired by Wikipedia & http://programmabilities.com/xml/?id=30 */ a.external { /* background: url('/css/img/icons/external.png') top right no-repeat; padding-right:13px;*/ } a.external[href^='mailto:'], a.email { /* background: url('/css/img/icons/email.png') top right no-repeat; padding-right:19px;*/ } a.external[href$=".pdf"], a.pdf { /* background: url('/css/img/icons/pdf.gif') top right no-repeat; padding-right:18px;*/ } a.TRRSDeadLink { color: gray; /* text-decoration: underline; */ cursor: help; } a.TRRSDeadLink:hover { color: red; text-decoration: underline; } /*rhx-promotitle*/ h1#rhxPromoTitle { width: 161px; height: 62px; background: url(/css/img/rhxPromo_logotype.gif) no-repeat; text-indent: -5000px; } #rhxPromoWrap { background: #bb0000 url(/css/img/rhxPromo_bk.jpg) no-repeat; margin: 10px 0; height: 600px; color: #fff; } #rhxPromoWrap p { line-height: 108%; font-size: 100%; margin-left: 11px; padding-top: 0; margin-top: 0; } #rhxPromoWrap p+ul { margin-top: -10px; margin-bottom: 2em; } #rhxPromoWrap a { text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; } #rhxPromoWrap a.more { font-weight: bold; color: #400004; padding: 0 8px 0 0; background: url(/g/rhxPromo_arrow.png) no-repeat right 60%; border: none; } #rhxPromoHeader { background: #cc0000 url(/css/img/rhxPromo_bk_t.png) no-repeat top; } #rhxPromoLeftCol { width: 392px; float: left; } #rhxPromoLeftCol div { padding: 30px 25px 10px 25px; } #rhxPromoHeader div, #rhxPromoFooter div{ margin: 0 25px; } #rhxPromoHeader ul, #rhxPromoFooter ul { margin: 0; padding: 0; width: 100%; list-style: none; /*float: left;*/ } #rhxPromoHeader ul { padding: 20px 0 0 0; } #rhxPromoHeader ul li, #rhxPromoFooter ul li { float: left; margin: 0; padding: 0 20px 0 0; font-size: 115%; } #rhxPromoHeader ul li { float: left; } #rhxPromoHeader ul li a, #rhxPromoFooter ul li a { float: left; display: block; margin: 0; padding: 0 0 5px 12px; text-decoration: none; font-weight: bold; background: url(/g/rhxPromo_arrow.png) no-repeat 0 35%; color: #400004; border: none; } #rhxPromoRightCol { margin-top: 0px; width: 328px; float: right; } #rhxPromoVidArea { width: 260px; background: url(/g/rhxPromo_goggleDude.gif) no-repeat 85% 0; padding: 44px 0 0 0; } .rhxPromoLinks { width: 280px; padding-left: 0px; padding-top: 33%; margin-top: 1.5em; } /* Holly Hack Targets IE Win only \*/ * html .rhxPromoLinks {padding-top: 20%;} /* End Holly Hack */ .rhxPromoLinks ul{ list-style-type: none; vertical-align: bottom; /* padding: 0;*/ margin-top: 0; } #rhxPromoLeftCol ul { list-style: none; padding: 0; margin: 0; } #rhxPromoLeftCol ul { margin-left: 2em; } .rhxPromoLinks ul li { background-image: url(/g/rhxPromo_arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 10px; margin: 0 0 1.3em 0; } #rhxPromoLeftCol ul li { background-image: url(/g/thankyou_arrow.png); background-repeat: no-repeat; background-position: 0 .5em; padding-left: 10px; margin: 0 0 1.3em 0; } #rhxPromoLeftCol ul li { margin-bottom: .5em; } #rhxPromoRightCol a { color: #fff; background: none; padding: 0; font-size: 130%; font-weight: normal; border: none; /*text-shadow: .2em .2em 3px #333;*/ } .rhxPromo_logos dl { color: black; } .rhxPromo_logos dt { float: left; width: 100px; margin: 0; padding: 0; padding-right: 15px; } .rhxPromo_logos dt img { float: right; } .rhxPromo_logos dd { width: 200px; margin-bottom: 8px; margin-left: 115px; padding: 0; color: black; } #rhxPromoHeader div:after, #rhxPromoFooter div:after { content: "."; display: block; height: 0px; overflow: hidden; clear: both; visibility: hidden; } /* Use this to configure the style of the generic training newsletter signup div */ /* use this when embedding in a widget */ div.WidgetNews #trNewsEmailBox { } div.WidgetNews #trNewsCountryBox { position: relative; top: 5px; } div.WidgetNews #trNewsSubscribeButton { position: relative; top: 10px; } /* use this for resellers sign up box */ div.ResellerNews { font-size: 12px; } div.ResellerNews #trNewsEmailBox { font-size: 10px; width:100px; } div.ResellerNews #trNewsCountryBox { background: #f7f2d0; font-size: 10px; width: 120px; } div.ResellerNews #trNewsSubscribeButton { position: relative; font-size: 10px; left: 70px; top: 3px; } /* begin blue link button styles */ div.buttonGroup { display: table; margin: auto; } /* Holly Hack Targets IE Win only \*/ * html .buttonGroup {text-align: center;} /* End Holly Hack */ p.buttonWrap { padding:0; margin:0; } a.button{ font-size: 13px; font-weight:bold; text-decoration:none; padding:5px 0 8px 0; margin-right:.5em; background:url(/css/img/buttons/blue/left.gif) no-repeat center left; } a.button span{ line-height:24px; color:#fff; white-space:nowrap; margin:0 0 0 15px; padding:5px 20px 8px 5px; background:url(/css/img/buttons/blue/right.gif) no-repeat center right; } p.buttonwrap.yellow a.button { padding-top:14px; padding-bottom:13px; background:url(/css/img/buttons/yellow/left.png) no-repeat center left #fff; } p.buttonwrap.yellow a.button span { color:black; padding-top:9px; margin-left:50px; background:url(/css/img/buttons/yellow/right.png) no-repeat center right #fff; } /* targets IE7 only */ *:first-child+html .buttonWrap a.button { padding:5px 0 5px 0; } *:first-child+html .buttonWrap a.button span { padding:5px 20px 5px 5px; } * html a.button{ padding:0 0 0 5px; margin:5px 0 0 0; } * html a.button span{ line-height:26px; } /* Training Enroll */ .summaryBox a.button {background:url(/css/img/buttons/blue/left_blueBg.gif) no-repeat center left;} .summaryBox a.button span{background:url(/css/img/buttons/blue/right_blueBg.gif) no-repeat center right;} #redBoxBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 101; background-color: #000000; border: 0px solid #ffffff; -moz-opacity: 0.7; /* for Mozilla */ opacity: 0.7; /* CSS3 standard */ filter:alpha(opacity=70) /* for IE */ overflow: hidden; } #redBoxWin { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; z-index: 999; background-color: #000000; border: 5px solid #ffffff; } #redBoxTitle { padding: 7px; text-align: left; font-weight: bold; color: #ffffff; font-size: small; border-bottom: 5px solid #ffffff; } #redBoxClose { float: right; margin: 6px 7px; text-align: center; vertical-align: middle; font-size: 10px; color: #efefef; text-decoration: none; } a#redBoxClose:visited {color: #efefef; text-decoration: none;} a#redBoxClose:hover {color: #ffffff; text-decoration: underline;} #redBoxPlayer { position: relative; background-color: #ffffff; } *.fauxLink {cursor: pointer;}.skill2Col { background: url('/css/img/skilltestedm/heading.gif') top right no-repeat; padding-top: 70px; margin-top: -3px; padding-bottom:30px; } .skill2Col:after { content:"."; display: block; height: 0; clear:both; visibility:hidden; } .skill2Col .left, .skill2Col .right { float:left; height:47em; padding-bottom:20px; border-bottom: 30px solid #0093d9; } .skill2Col .left { border-left: 14px solid #0093d9; background: url('/css/img/skilltestedm/left_bottom.gif') bottom left no-repeat white; padding-left:20px; padding-right:20px; width:337px; } .skill2Col .right { background: url('/css/img/skilltestedm/right_bottom.gif') bottom left no-repeat white; border-right: 14px solid #0093d9; border-left:12px solid #0093d9; width:163px; padding-left:10px; padding-right:10px; } /* Holly Hack Targets IE Win only \*/ * html .skill2Col { height: 53em; } * html .skill2Col .right {padding-right: 0;} /* End Holly Hack */ .skill2Col h3 { color:#0093d9; }