/* Designed by Gladys Diaz at ad2, Inc. */ /* CSS PAGE RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';} /* MAIN STYLES */ body { background:#ebe7b1 url(../../_media/images/layout/mainBg.gif); width:100%; height:100% } body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#a33f0c } p { margin:0px 0px 20px 0px } th { font-weight:bold } .imgBorder { margin-bottom:5px; border:solid 1px #e6ebce } .whiteRightBoxMidContent img { margin-bottom:5px; border:solid 1px #e6ebce } .spacer { display:block; clear:both; width:auto; height:20px; line-height:0px; font-size:1px } .divider { display:block; clear:both; width:auto; height:2px; margin:10px 0px; line-height:0px; font-size:1px; border-top:solid 1px #e5d9ae } .floatR { float:right } /* floats a box area right in your page. The floated element must precede the element it should be next to on the page. */ .floatL { float:left } .floatLMarginTR { float:left; margin-top:3px; margin-right:3px } .floatLMarginTL { float:left; margin-top:4px; margin-left:10px } .floatLMarginR { float:left; margin-right:10px } .floatLMarginL { float:left; margin-left:10px } .clearFloat { clear:both; line-height:0px; height:0px; font-size:1px } .center, .centerTH th { text-align:center } th.leftTH { text-align:left } .prnt { display:none } /* HEADERS and HEADER LINKS */ h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#fff; font:bold 24px Arial, Verdana, Helvetica, sans-serif; margin-bottom:10px } h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#a33f0c; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:15px } h2.white, h2.white a, h2.white a:active, h2.white a:visited, h2.white a:focus { color:#fff; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:5px } h2.green, h2.green a, h2.green a:active, h2.green a:visited, h2.green a:focus { color:#6c7d19; font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:5px } .redBoxContentPad h2 { text-align:center; margin: 0px; } /* center h2 in red boxes */ h3, h3 a, h3 a:active, h3 a:visited, h3 a:focus { color:#a33f0c; font:bold 18px Arial, Helvetica, sans-serif; border-bottom:solid 1px #e5d9ae; padding-bottom:5px; margin-bottom:15px } h4.line { color:#a33f0c; font:bold 16px Arial, Helvetica, sans-serif; border-bottom:solid 1px #e5d9ae; padding:20px 0px 2px 0px; margin:0px 0px 15px 0px } h4, h4 a, h4 a:active, h4 a:visited, h4 a:focus { color:#a33f0c; font:bold 16px Arial, Helvetica, sans-serif; padding:20px 0px 0px 0px; margin:0px 0px 15px 0px } h5, h5 a, h5 a:active, h5 a:visited, h5 a:focus { color:#a33f0c; font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:5px } h6, h6 a, h6 a:active, h6 a:visited, h6 a:focus { color:#a33f0c; font:bold 11px Verdana, Arial, Helvetica, sans-serif } /* LINKS & BUTTONS */ a, a:active, a:visited, a:focus { color:#ef7203; text-decoration:none; outline:none; -moz-outline:none; position:relative } a:hover { color:#a33f0c; text-decoration:none; } /* Read More Link */ a.readMoreLink, a.readMoreLink:active, a.readMoreLink:visited, a.readMoreLink:focus { display:block; width:70px; padding: 0px 13px 2px 0px; background:url(../../_media/images/layout/arrowOrangeRed.gif) no-repeat center right } .redBoxContentPad a.readMoreLink:hover { color:#fff; background:url(../../_media/images/layout/arrowWhiteRed.gif) no-repeat center right } /* read more links in red boxes are white on rollover */ a.readMoreWideLink, a.readMoreWideLink:active, a.readMoreWideLink:visited, a.readMoreWideLink:focus { display:block; width:145px; padding: 0px 13px 2px 0px; background:url(../../_media/images/layout/arrowOrangeRed.gif) no-repeat center right; margin-top: 5px; } .redBoxContentPad a.readMoreWideLink:hover { color:#fff; background:url(../../_media/images/layout/arrowWhiteRed.gif) no-repeat center right } /* read more links in red boxes are white on rollover */ /* Orange Arrow Link */ a.arrowLink, a.arrowLink:active, a.arrowLink:visited, a.arrowLink:focus { padding:0px 13px 2px 0px; font-weight:bold; background:url(../../_media/images/layout/arrowOrangeYellow.gif) no-repeat center right } a.arrowLink:hover { } /* Small Delete Link */ a.smlDeleteLink, a.smlDeleteLink:active, a.smlDeleteLink:visited, a.smlDeleteLink:focus { padding:0px 13px 2px 0px; text-transform:uppercase; font-size:9px; font-weight:bold; background:url(../../_media/images/layout/btnDeleteX.gif) no-repeat center right } /* Print Button */ a.btnPrint, a.btnPrint:active, a.btnPrint:visited, a.btnPrint:focus { width:125px; height:26px; background:url(../../_media/images/layout/btnPrintOff.gif) no-repeat } a.btnPrint:hover { background:url(../../_media/images/layout/btnPrintOn.gif) no-repeat } /* Icon Links */ a.ieLink, a.ieLink:active, a.ieLink:visited, a.ieLink:focus { display:block; width:19px; height:17px; background:url(../../_media/images/layout/iconIE.gif) no-repeat } a.wordLink, a.wordLink:active, a.wordLink:visited, a.wordLink:focus { display:block; width:19px; height:17px; background:url(../../_media/images/layout/iconWord.gif) no-repeat } a.excelLink, a.excelLink:active, a.excelLink:visited, a.excelLink:focus { display:block; width:19px; height:17px; background:url(../../_media/images/layout/iconExcel.gif) no-repeat } /* Tree Links */ a.treePlus, a.treePlus:active, a.treePlus:visited, a.treePlus:focus { display:block; padding-left:15px; font-weight:bold; background:url(../../_media/images/layout/iconPlusOff.gif) no-repeat top left } a.treeMinus, a.treeMinus:active, a.treeMinus:visited, a.treeMinus:focus { display:block; padding-left:15px; font-weight:bold; background:url(../../_media/images/layout/iconMinusOff.gif) no-repeat top left } /* Buttons */ input.btnRed, a.btnRed, a.btnRed:active, a.btnRed:visited, a.btnRed:focus { border:solid 2px #e5d9ae; padding:4px 6px; background:#a33f0c; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; cursor:pointer } input.btnRedSmall, a.btnRedSmall, a.btnRedSmall:active, a.btnRedSmall:visited, a.btnRedSmall:focus { border:solid 2px #e5d9ae; padding:1px 2px; background:#a33f0c; color:#fff; font:bold 10px Verdana, Arial, Helvetica, sans-serif; cursor:pointer } input.btnRed:hover, input.btnRedSmall:hover, a.btnRed:hover, a.btnRedSmall:hover { background:#ff7e0b; color:#fff } /* TEXT */ span.imgTxt { margin:-2000px } /* text hidden in layout but appears in source code for search engines; used for images */ .contactInfo { float:right; width:160px; margin:0px 0px 20px 0px; font-size:10px; line-height:normal } .smallTxt, .tableSmallTxt td { padding-bottom:10px; vertical-align:top; font-size:10px; font-weight:normal; line-height:normal } .tableSmallTxt th { padding:0px 10px 0px 0px; text-align:right; vertical-align:top; font-size:10px; line-height:normal } .indent { margin:2px 0px 10px 15px } .errorTxt { font-weight:bold; color:#ea3d00 } table.errorTxt td { font-weight:normal; color:#ea3d00 } .greenTxt { color:#949c76 } .bold { font-weight:bold } .font11, .font11 td { font-size:11px } /* LISTS */ ol { margin:0px 35px 20px 35px; list-style:decimal } ol.alpha { margin:0px 35px 20px 35px; list-style-type:upper-alpha } #rightColSubPage ul, #rightColSubPage ol, #fullColSubPage ul, #fullColSubPage ol { margin-bottom:20px } #rightColSubPage ul li, #rightColSubPage ol li, #fullColSubPage ul li, #fullColSubPage ol li { margin-bottom:3px } /* space in between list items */ #rightColSubPage ul li, #fullColSubPage ul li { margin-left:15px; padding-left:12px; background:url(../../_media/images/layout/bulletTan.gif) no-repeat top left } #rightColSubPage ul li ul, #fullColSubPage ul li ul { margin:5px 0px 15px 0px } #rightColSubPage ul li ul li, #fullColSubPage ul li ul li { font-size:11px; line-height:16px; background:url(../../_media/images/layout/bulletSecond.gif) no-repeat top left } .listLinks a, .listLinks a:active, .listLinks a:visited, .listLinks a:focus, .listLinks div.noLink { display:block; padding-left:12px; margin:5px 0px 10px 3px; background:url(../../_media/images/layout/bulletTan.gif) no-repeat top left; max-width: 350px;} .listLinks a:hover, #rightColSubPage .indent .listLinks a:hover, #fullColSubPage .indent .listLinks a:hover { background:url(../../_media/images/layout/bulletRed.gif) no-repeat top left } /* Partners By Location Listing */ .indent .listLinks a, .indent .listLinks a:active, .indent .listLinks a:visited, .indent .listLinks a:focus { padding-left:12px; margin:0px 0px 3px 10px; background:url(../../_media/images/layout/bulletTan.gif) no-repeat top left } .indent .listLinks { margin:5px 0px 15px 0px } /* General Table List */ table.tableList { width:100%; background:#f4ffcf } table.tableList th { padding:5px; color:#767d5b; background:#dce7ab; line-height:normal } table.tableList td { padding:5px; line-height:normal; vertical-align:top } table.tableList tr.darkBg { background:#eefbc3 } /* FORM ELEMENTS */ input { padding:2px; line-height:normal; margin:0px 3px 0px 0px } textarea.formInput { width:600px } .radioBtn { margin:0px; padding:0px; width:18px } .formContainer {width:100%; display:block } /* for form titles stacked on top of form elements ie. Contact Us page *//*Setting width for IE 6 & 7 bug: cutting background color where select tag is*/ .formContainer h6 { margin-bottom:2px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#c07037; line-height:16px } .formContainer .formInput { margin-bottom:20px } .formInput { display:block; padding:2px; line-height:normal; border:solid 1px #e5d9ae } table.formGeneral { width:100% } table.formGeneral th { padding:3px 10px 0px 0px; text-align:right; vertical-align:top; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#c07037 } table.formGeneral td { padding-bottom:10px; vertical-align:top } table.formGeneral h4 { margin:20px 0px 10px 0px } .checkBoxProfile table td { font-size:11px; color:#c07037; padding-right:10px; width:200px } .checkBoxProfile table td div.indent { font-size:10px; color:#c07037; margin-bottom:0px } /* TABS */ .tabcontainer { width:585px; margin:0px; } #rightColSubPage .tabContainer ul { margin:0px; padding:0px } #rightColSubPage .tabContainer ul li { margin:0px; padding:0px; background:none; line-height:normal } .tabStyle { height:40px; padding:0px; margin:0px; font:bold 11px Arial } .tabStyle li { display:inline; padding:0px; margin:0px; list-style-type:none; background:none } .tabStyle li a, .tabStyle li a:active, .tabStyle li a:visited, .tabStyle li a:focus { float:left; padding:8px 8px 9px 8px; margin:0px 6px 0px 0px; border:2px solid #dce7ab; background-color:#dce7ab; text-decoration:none; color:#767d5b } .tabStyle li a:hover { text-decoration:none; background:#eefbc3; color:#b7c572; border:2px solid #eefbc3 } .tabStyle li.selected a, .tabStyle li.selected a:active, .tabStyle li.selected a:visited, .tabStyle li.selected a:focus { border:2px solid #eefbc3; background-color:#eefbc3; color:#b7c572; padding:8px 8px 14px 8px; margin:0px 6px 0px 0px } /*selected main tab */ .tabStyle li.selected a:hover { text-decoration:none; } /*selected main tab */ /* Spry .TabbedPanelsTab { float:left; padding:8px 8px 9px 8px; margin:0px 6px 0px 0px; border:2px solid #dce7ab; background-color:#dce7ab; text-decoration:none; color:#767d5b } .TabbedPanelsTabHover { background-color: #ff6600; } .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: 1px solid #EEE; } */ .tabContentStyle { clear:left; display:block; padding:20px; margin:0px; background-color:#eefbc3; width:585px; color:#fff } /*tab content container*/ .tabContent { display:none; } @media print { .tabContent { display:block!important; } } /****************************** LAYOUT ******************************/ /* WHITE BOXES */ /* aligned left ie. home page */ .whiteBoxTL { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteTL.gif) no-repeat } .whiteBoxTRRound { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteTRRound.gif) no-repeat } .whiteBoxTM { float:left; height:12px; font-size:0px; background:#fff url(../../_media/images/layout/boxWhiteTM.gif) repeat-x top } .whiteLeftBoxMidContent { float:left; width:224px;/*199px;*/ background:#fff url(../../_media/images/layout/boxLeftWhiteMid.gif) repeat-y } #homeContentContainer .whiteLeftBoxMidContent { background: url("/_media/images/layout/homeLeftColBgTop.gif") no-repeat; } #homeContentContainer .whiteLeftBoxMidContent h2 { margin:18px 10px 12px 10px } #leftBoxOrangeBot .indent { margin:0px 6px 10px 0px; height:261px; clear:both } /* Box height fix */ .ie6 #leftBoxOrangeBot .indent { margin:0px 6px 10px 0px; height:271px; clear:both } .ie7 #leftBoxOrangeBot .indent { margin:0px 6px 10px 0px; height:263px; clear:both } /* /Box height fix */ #leftBoxOrangeBot .listLinks a, #leftBoxOrangeBot .listLinks a:active, #leftBoxOrangeBot .listLinks a:visited, #leftBoxOrangeBot .listLinks a:focus { padding-left:12px; margin:0px 0px 10px 0px; font-size:11px; line-height:14px } #leftBoxOrangeBot .listLinks a:hover { background:url(../../_media/images/layout/bulletRed.gif) no-repeat top left } /* aligned right ie. Partner Detail page */ .whiteBoxTLRound { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteTLRound.gif) no-repeat } .whiteBoxTR { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteTR.gif) no-repeat } .whiteBoxBLRound { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteBLRound.gif) no-repeat } .whiteBoxBR { float:left; width:12px; height:12px; font-size:0px; background:url(../../_media/images/layout/boxWhiteBR.gif) no-repeat } .whiteBoxBM { float:left; height:12px; font-size:0px; background:#fff url(../../_media/images/layout/boxWhiteBM.gif) repeat-x bottom } .whiteRightBoxMidContent { float:left; width:179px; padding:15px 25px; background:#fff url(../../_media/images/layout/boxRightWhiteMid.gif) repeat-y } .whiteBoxTBContainer { display:block; width:229px; height:12px } .yellowBoxTBContainer { display:block; width:244px; height:10px } .yellowBoxTLRound { float:left; width:10px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxYellowTLRound.png) no-repeat top left } .yellowBoxTL { float:left; width:10px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxYellowTL.png) no-repeat top left } .yellowBoxTMY { float:left; width:234px; height:10px; font-size:0px; background:#f5ffd6 } .yellowBoxTM { float:left; width:234px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxYellowTM.gif) repeat-x } .yellowBoxMid { display:block; clear:both; padding:10px 5px 0px 10px; background:#f5ffd6 } /* content area */ .yellowBoxBM { float:left; width:234px; height:10px; background:#f5ffd6; font-size:0px } .yellowBoxBL { float:left; width:10px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxYellowBL.png) no-repeat top left } /* Yellow Box Round Corners - IE6 Transparent PNG */ .ie6 .yellowBoxTL { float:left; width:10px; height:10px; background:none; font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxYellowTL.png') } .ie6 .yellowBoxTLRound { float:left; width:10px; height:10px; background:none; font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxYellowTLRound.png') } .ie6 .yellowBoxBL { float:left; width:10px; height:10px; background:none; font-size:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxYellowBL.png') } /* RED BOX */ .redBoxContentPad { clear:both; padding:10px 30px 30px; background:#b04d06; border-left:solid 5px #ecf6c7; border-right:solid 5px #ecf6c7; color:#fff } .redBoxTL { float:left; width:10px; height:10px; background:url(../../_media/images/layout/boxRedTL.png) no-repeat; font-size:0px } .redBoxTR { float:right; width:10px; height:10px; background:url(../../_media/images/layout/boxRedTR.png) no-repeat; font-size:0px } .redBoxBL { float:left; width:10px; height:10px; background:url(../../_media/images/layout/boxRedBL.png) no-repeat; font-size:0px } .redBoxBR { float:right; width:10px; height:10px; background:url(../../_media/images/layout/boxRedBR.png) no-repeat; font-size:0px } .redBoxTM { float:left; height:5px; background:#b04d06; border-top:solid 5px #ecf6c7; font-size:0px } .redBoxBM { float:left; height:5px; background:#b04d06; border-bottom:solid 5px #ecf6c7; font-size:0px } /* Red Box - IE6 Transparent PNG */ .ie6 .redBoxTL { float:left; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxRedTL.png'); font-size:0px } .ie6 .redBoxTR { float:right; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxRedTR.png'); font-size:0px } .ie6 .redBoxBL { float:left; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxRedBL.png'); font-size:0px } .ie6 .redBoxBR { float:right; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxRedBR.png'); font-size:0px } /* LEFT RED BOX */ .leftRedBox .redBoxTBContainer { display:block; width:239px; height:10px } .leftRedBoxContentPad, .leftRedBoxContentPad p, .leftRedBoxContentPad li, .leftRedBoxContentPad td, .leftRedBoxContentPad div { font-size:11px; line-height:14px; color:#fff } .leftRedBoxContentPad h2 { text-align:center; margin-bottom:20px } .leftRedBoxContentPad a, .leftRedBoxContentPad a:active, .leftRedBoxContentPad a:visited, .leftRedBoxContentPad a:focus { color:#ffa14e; font-weight:bold } /* light orange links in red boxes */ .leftRedBoxContentPad .listLinks a, .leftRedBoxContentPad .listLinks a:active, .leftRedBoxContentPad .listLinks a:visited, .leftRedBoxContentPad .listLinks a:focus, .leftRedBoxContentPad .listLinks div.noLink { font-size:11px; line-height:14px; padding-top:2px; color:#ffa14e; font-weight:bold } .leftRedBoxContentPad a:hover { color:#fff } .leftRedBox { position:absolute; z-index:2; width:239px; margin:210px 0px 0px -275px } .leftRedBoxContentPad { clear:both; padding:20px; background:#b04d06; border-left:solid 5px #ecf6c7; border-right:solid 5px #ecf6c7; color:#fff } /* GREEN BOX */ .greenBox { padding:20px; margin-bottom:20px; background:#edf8c9 } /* HOME */ #homeContentContainer h2 { text-align:center; margin-bottom:20px } #homeContentContainer, #homeContentContainer #whoWeAreBoxBot, #partnersBox, .redBoxContentPad { font-size:11px } #homeContentContainer a { font-weight:bold } #homeContentContainer .divider { height:1px; margin:10px 0px } #homeContentContainer #partnersBox { float:left; width:283px; height:346px; margin-top:30px; padding:0px 30px 0px 40px; line-height:normal; } #homeContentContainer #newsBox { float:right; width:354px; margin-top:10px; } #homeContentContainer #newsBox .redBoxContentPad { height:355px; } #homeContentContainer #newsBox .redBoxContentPad div.newsStory { color:#fff; line-height:normal; padding: 10px 0; margin: 0; border-bottom: 1px solid #ebe7b1; } #homeContentContainer #newsBox div.redBoxContentPad div.newsStory span.date { display:block; font-size:10px; font-weight:bold } /* Who We Are */ #whoWeAreBoxTop { width:199px; background:#fff } #whoWeAreBoxBot { min-height: 285px; width:180px;/*170px;*/ padding:0px 30px 130px 15px; margin:0px; background:url('/_media/images/layout/homeLeftColBg.jpg') no-repeat bottom left; line-height:1.4em; } #whoWeAreBoxBot .divider { margin: 7px 0; } /*box height adjustment for IE*/ .ie6 #whoWeAreBoxBot {padding:0px 10px 10px 10px;} .ie7 #whoWeAreBoxBot {padding:0px 10px 10px 10px;} /* end of adjustment*/ #whoWeAreBoxBot span#wrapLine1 { margin-left:60px } /* "1,750" */ #whoWeAreBoxBot span#wrapLine2 { margin-left:65px } /* "employees" */ #whoWeAreBoxBot span#wrapLine3 { margin-left:65px } /* "and revenue" */ #whoWeAreBoxBot span#wrapLine4 { margin-left:75px } /* "in 2006 of" */ #whoWeAreBoxBot span#wrapLine5 { margin-left:85px } /* "more" */ #whoWeAreBoxBot span#wrapLine6 { margin-left:90px } /* "than US" */ #whoWeAreBoxBot span#wrapLine7 { margin-left:90px } /* "$189.2" */ #whoWeAreBoxBot span#wrapLine8 { margin-left:90px } /* "million" */ /* Left Box Orange (when logged in) */ #leftBoxOrangeBot { width:154px; padding:0px 15px 28px 30px; margin:0px; background:url(../../_media/images/layout/homeLeftBoxOrangeBg.gif) no-repeat bottom; line-height:1.4em } /* Announcements Box (when logged in) */ #announcementsBox { min-height: 298px; width:180px; padding:0px 30px 94px 15px; margin:0px; background:url('/_media/images/layout/homeLeftColWhiteBg.gif') no-repeat bottom left; line-height:1.4em; } #announcementsBox a.viewGreenLink { background: #b0c76e url("/_media/images/layout/arrowOrangeWhiteGreen.gif") 95% 50% no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; display: block; font-weight: bold; padding: 2px 30px 2px 10px; text-decoration: none; } #announcementsBox a.viewGreenLink:hover, #announcementsBox a.viewGreenLink:focus, #announcementsBox a.viewGreenLink:active { color: #EF7203; } /* News + Insights Tab Box (when logged in) */ #tabBox { margin: -15px -25px 0; width: 339px; } #tabBox .tabcontrol { background: #7D3400 url("/_media/images/layout/homeContentTabBox-top.gif") top center no-repeat; overflow: hidden; padding: 0; } #tabBox .tabcontrol h2 { color: #fff; float: left; margin: 0; padding: 0; width: 168px; } #tabBox .tabcontrol h2.last { float: right; } #tabBox .tabcontrol h2.active { background: url("/_media/images/layout/homeTabBoxHighlight.gif") no-repeat scroll top center; } #tabBox .tabcontrol a { color: #fff; display: block; font-size: 15px; margin: 0; padding: 10px 0; text-align: center; text-decoration: none; } #tabBox .tabcontent { clear: both; color: #fff; display: none; padding: 10px 30px; } #tabBox .tabcontent.active { display: block; min-height: 340px;} #tabBox .tabcontent .newsStory { border-bottom: 1px solid #bc672b; color: #fff; font-size: 11px; line-height: 1.3; margin: 5px 0; padding: 5px 0; } #tabBox .tabcontent .date { display: block; font-weight: bold; } #tabBox .tabcontent .blogfeed, #tabBox .tabcontent .byline { color: #fff; font-size: 11px; font-weight: normal; line-height: 1.3; } #tabBox .tabcontent .byline { font-weight: bold; } #tabBox .tabcontent .readMoreWideLink, #tabBox .tabcontent .NewReadMoreLink { background-image: url("/_media/images/layout/arrowOrangeRed.gif"); font-size: 11px; } #tabBox .tabcontent .divider { border-color: #bc672b; } /* BREADCRUMB */ #breadcrumb { display:block; padding:10px 0px 22px 32px; font-size:10px; color:#f5ffd6 } #breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:focus { padding-right:10px; margin-right:5px; font-weight:bold; font-size:10px; color:#f5ffd6; background:url(../../_media/images/layout/arrowLightGreen.gif) no-repeat center right } #breadcrumb a:hover { color:#d0daaa } /* SECTION HEADER */ #sectionHeader { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadOverlay.png) no-repeat top left } #sectionHeaderFull { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadOverlayFull.png) no-repeat top left } /* Overlay on full column layout */ /* Section Header Overlay - IE Transparent PNG */ .ie6 #sectionHeader { display:block; width:970px; height:100px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dev.worldcom.ad2.com/_media/images/layout/secHeadOverlay.png') } .ie6 #sectionHeaderFull { display:block; width:970px; height:100px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/secHeadOverlayFull.png') } /* Overlay on full column layout */ #sectionHeader h1, #sectionHeaderFull h1 { margin:0px 0px 0px 50px } #secHeadNABg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadNABg.jpg) no-repeat } /* North America section header bg */ #secHeadLABg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadLABg.jpg) no-repeat } /* Latin America section header bg */ #secHeadEMEABg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadEMEABg.jpg) no-repeat } /* EMEA section header bg */ #secHeadAPBg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadAPBg.jpg) no-repeat } /* Asia Pacific section header bg */ #secHeadLondonBg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadLondonBg.jpg) no-repeat } /* London section header bg */ #secHeadRomeBg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadRomeBg.jpg) no-repeat } /* Rome section header bg */ #secHeadPeopleBg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadPeopleBg.jpg) no-repeat } /* People section header bg */ #secHeadShanghaiBg { display:block; width:970px; height:100px; background:url(../../_media/images/layout/secHeadShanghaiBg.jpg) no-repeat } /* Shanghai section header bg */ /* HEADER */ #header { width:970px; height:185px; margin-bottom:5px; background:#196b78 url(../../_media/images/layout/headerBg.jpg) no-repeat top right } /* Logo */ #logoContainer { float:left; width:263px } #logo { margin:30px 0px 26px 30px; background:url(../../_media/images/layout/logoWorldcom.gif) no-repeat } #logo a { display:block; width:207px; height:61px } #logoMotto { width:209px; height:15px; margin:45px 0px 0px 30px; background:url(../../_media/images/layout/logoMotto.gif) no-repeat } /* REGION NAV */ #regionNav { float:right; width:522px; height:67px; background:url(../../_media/images/layout/navRegionBg.jpg) no-repeat } #northAmericaLink a, #northAmericaLink a:active, #northAmericaLink a:visited, #northAmericaLink a:focus { display:block; float:left; width:113px; height:67px; background:url(../../_media/images/layout/navRegionNAOff.gif) no-repeat } #northAmericaLink a:hover, #northAmericaLink a.selected, #northAmericaLink a.selected:active, #northAmericaLink a.selected:visited, #northAmericaLink a.selected:focus, #northAmericaLink a.selected:hover { background:url(../../_media/images/layout/navRegionNAOn.gif) no-repeat } #latinAmericaLink a, #latinAmericaLink a:active, #latinAmericaLink a:visited, #latinAmericaLink a:focus { display:block; float:left; width:113px; height:67px; background:url(../../_media/images/layout/navRegionLAOff.gif) no-repeat } #latinAmericaLink a:hover, #latinAmericaLink a.selected, #latinAmericaLink a.selected:active, #latinAmericaLink a.selected:visited, #latinAmericaLink a.selected:focus, #latinAmericaLink a.selected:hover { background:url(../../_media/images/layout/navRegionLAOn.gif) no-repeat } #euMidEastAfricaLink a, #euMidEastAfricaLink a:active, #euMidEastAfricaLink a:visited, #euMidEastAfricaLink a:focus { display:block; float:left; width:198px; height:67px; background:url(../../_media/images/layout/navRegionEuMidEastAfricaOff.gif) no-repeat } #euMidEastAfricaLink a:hover, #euMidEastAfricaLink a.selected, #euMidEastAfricaLink a.selected:active, #euMidEastAfricaLink a.selected:visited, #euMidEastAfricaLink a.selected:focus, #euMidEastAfricaLink a.selected:hover { background:url(../../_media/images/layout/navRegionEuMidEastAfricaOn.gif) no-repeat } #asiaPacificLink a, #asiaPacificLink a:active, #asiaPacificLink a:visited, #asiaPacificLink a:focus { display:block; float:left; width:98px; height:67px; background:url(../../_media/images/layout/navRegionAsiaOff.gif) no-repeat } #asiaPacificLink a:hover, #asiaPacificLink a.selected, #asiaPacificLink a.selected:active, #asiaPacificLink a.selected:visited, #asiaPacificLink a.selected:focus, #asiaPacificLink a.selected:hover { background:url(../../_media/images/layout/navRegionAsiaOn.gif) no-repeat } /* LOGIN NAV */ #loginNav { width:685px; margin:35px 0px 24px 0px; text-align:right } #loginNav a:hover, #loginNav a.selected, #loginNav a.selected:active, #loginNav a.selected:visited, #loginNav a.selected:focus, #loginNav a.selected:hover { color:#d0daaa } #loginNav a.last, #loginNav a.last:active, #loginNav a.last:visited, #loginNav a.last:focus { padding:6px 0px; background:none } /* For last right link; has no divider */ /* Login Nav Link Dividers */ #loginNav a, #loginNav a:active, #loginNav a:visited, #loginNav a:focus { padding:6px 15px 6px 0px; margin-left:10px; color:#fff; font:bold 10px Verdana, Arial, Helvetica, sans-serif; background:url(../../_media/images/layout/navBlueDivider.gif) no-repeat top right } /* USER GREETING */ #userGreeting { position:absolute; z-index:2; width:685px; margin:80px 0px 0px 265px; color:#bdf5fd; font-size:11px; text-align:right } #userGreeting a, #userGreeting a:active, #userGreeting a:visited, #userGreeting a:focus { color:#fff } #userGreeting a:hover { color:#d0daaa } /* MAIN NAV */ #navContainer { float:left; width:707px } table#mainNav { width:703px; height:41px; margin-left:4px } table#mainNav td { vertical-align:top } table#mainNav td a, table#mainNav td a:active, table#mainNav td a:visited, table#mainNav td a:focus { display:block; height:29px; margin:0px auto; padding:12px 0px 0px 0px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; color:#fff } table#mainNav td a:hover, table#mainNav td a.selected, table#mainNav td a.selected:active, table#mainNav td a.selected:visited, table#mainNav td a.selected:focus, table#mainNav td a.selected:hover { background:#ff7e0b } td.redDivider { width:2px; padding:0px; background:url(../../_media/images/layout/navRedDivider.png) no-repeat center center } /* Main Nav - IE 6 Transparent PNG */ .ie6 table#mainNav td.redDivider { width:2px; padding:0px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/navRedDivider.png') } /* SUB NAV */ #subNav { float:left; width:214px; margin-right:49px } #subNav a, #subNav a:active, #subNav a:visited, #subNav a:focus { display:block; width:158px; padding:10px 10px 10px 20px; border-top:solid 1px #fff; border-bottom:solid 1px #c9d68e; background:#dce7ab; color:#767d5b; font-weight:bold; line-height:normal } #subNav a:hover { background:#f5ffd6; color:#b7c572 } #subNav a.selected, #subNav a.selected:active, #subNav a.selected:visited, #subNav a.selected:focus, #subNav a.selected:hover { background:#f5ffd6 url(../../_media/images/layout/subNavArrow.gif) no-repeat center left; color:#b7c572 } #subNavTop { display:block; width:50px; height:10px; background:#f5ffd6 } #subNavMid { display:block; width:188px; padding:0px 10px; background:#ecf2c6; border-left:solid 5px #f5ffd6 } .subNavTBContainer { display:block; width:208px; height:10px; border-left:solid 5px #f5ffd6 } /* subnav top and bottom container */ .subNavM { float:left; width:198px; height:10px; font-size:0px; background:#ecf2c6; font-size:0px } #subNavBR { float:left; width:10px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxSubNavBR.png) no-repeat top right } #subNavTR { float:left; width:10px; height:10px; font-size:0px; background:url(../../_media/images/layout/boxSubNavTR.png) no-repeat top right } #subNavLeftColBotContainer { display:block; width:50px; height:10px } #subNavLeftColBM { float:left; width:40px; height:10px; background:#f5ffd6; font-size:0px } /* Left Column Bottom Right Corner - IE6 Transparent PNG */ .ie6 #subNavBR { float:left; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxSubNavBR.png') } .ie6 #subNavTR { float:left; width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxSubNavTR.png') } /* FOOTER */ #footer { width:910px; height:40px; padding:30px; margin-top:5px; font-size:10px; color:#9fbfdc; background:#196b78 url(../../_media/images/layout/footerBg.gif) no-repeat bottom right; line-height:normal } #footer a, #footer a:active, #footer a:visited, #footer a:focus { padding-right:6px; margin-right:5px; border-right:solid 1px #f5ffd6; color:#fff; font-weight:bold } #footer a:hover { color:#d0daaa } #footer a#last { border:none } #copyright { margin-top:5px; font-size:10px; color:#9fbfdc } /* MAIN CONTAINERS AND BG */ #mainContainer { width:970px; margin:0px auto; padding:5px 15px; background:#f5ffd6 url(../../_media/images/layout/mainBgDropShadow.gif) repeat-y } #homeContentContainer { /*height:449px;*/ background:#497f19 url(../../_media/images/layout/homeLeftBg.jpg) no-repeat top left } #subPageBtmBg { min-height:1050px; height:auto !important; height:1050px; background:url(../../_media/images/layout/subPageBtmBg.jpg) no-repeat bottom } /* subpage bottom bg */ /* LEFT COLUMN */ #leftEmpty { float:left; width:60px } #leftColLineBg { min-height:1050px; height:auto !important; height:1050px; background:#508402 url(../../_media/images/layout/leftColLineBg.gif) repeat-y top left } /* subpage left line bg */ #leftColTopLeftBg { min-height:1050px; height:auto !important; height:1050px; background:url(../../_media/images/layout/leftColTopLeftBg.jpg) no-repeat top left } /* subpage globe bg */ .leftCol { float:left; width:239px; /*214px;*/ margin-right:24px;/*49px;*/ height:455px; } .leftColBg { padding:10px 10px 0px 5px; background:#f5ffd6; } .leftColBotContainer { display:block; width:239px; height:10px } .leftColBM, .leftColBMTop { float:left; width:229px; height:10px; background:#f5ffd6; font-size:0px } .leftColBMTop{ background: url(../../_media/images/layout/border-middle.png);} .leftColBR, .leftColBRTop { float:left;width:10px; height:10px; background:url(../../_media/images/layout/boxYellowBR.png) no-repeat top right } .leftColBRTop{ background:url(../../_media/images/layout/border-rightend.png) no-repeat top right;} /* Left Column Bottom Right Corner - IE6 Transparent PNG */ .ie6 .leftColBR { float:left;width:10px; height:10px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxYellowBR.png') } /* Announcements */ .leftCol #announcementsBox p { font: 10px Verdana,Arial,Helvetica,sans-serif; line-height: 150%;} .leftCol #announcementsBox p strong{ font-weight: bold; font-size: 11px;} /* RIGHT COLUMN */ #rightCol { float:left; width:707px; background: #f5ffd6 url("/_media/images/layout/homeRightColBg.jpg") bottom left no-repeat;} #rightColSubPage { float:left; width:707px } #rightColPad { padding:30px 40px 120px 40px; background:#f5ffd6 url(../../_media/images/layout/boxMainBotBg.jpg) no-repeat bottom left; overflow: hidden; } /* for all subpages without left red box */ #colPad { padding:10px 0px 120px 60px; background:url(../../_media/images/layout/boxMainTopBg.jpg) no-repeat top } /* for all subpages with left red box */ #orangeBtmBg { background:#f5ffd6 url(../../_media/images/layout/boxMainBotBg.jpg) no-repeat bottom left } /* orange btm bg on Partner Detail page */ #rightColBotContainer { float:right; width:707px; height:78px; } #rightColBotContainerTop{ float: right; height:10px; width:707px;} #rightColBMContainer { float:left; width:697px; height:54px } #rightColBM, #rightColBMTop { display:block; height:10px; background:#f5ffd6; font-size:0px } #rightColBMTop { background: url(../../_media/images/layout/border-middle.png);} #rightColBR { float:right; width:82px; height:68px; background:#6b993f; border-left:solid 1px #b9d294 } /* green box and line on bottom right */ #rightColBL, #rightColBLTop { float:left; width:10px; height:54px; background:url(../../_media/images/layout/boxYellowBL.png) no-repeat top left; font-size:0px } #rightColBLTop { background:url(../../_media/images/layout/border-leftend.png) no-repeat top left;} /* Right Column Bottom Left Corner - IE6 Transparent PNG */ .ie6 #rightColBL { float:left; width:10px; height:54px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/images/layout/boxYellowBL.png'); font-size:0px } /* FULL COLUMN */ #fullColSubPage { float:right; width:907px } #fullColBotContainer { float:right; width:907px; height:54px } #fullColBMContainer { float:left; width:897px; height:54px } /* CONTENT COLUMNS */ .midColPad { padding-right:60px } /* middle content column padding on Partner Detail page */ .midColPad2 { padding: 10px 40px 120px 40px} /* on News and Press Page */ .rightContentCol { float:right; width:244px; margin-left:10px } /* right content column on Partner Detail page */ .contentColContainer { display:block; margin-bottom:30px } .contentColContainer .fourCol1, .contentColContainer .fourCol2, .contentColContainer .fourCol3 { float:left; width:146px; margin-right:10px } .contentColContainer .fourCol4 { float:left; width:146px } .contentColContainer .threeCol1, .contentColContainer .threeCol2 { float:left; width:200px; margin-right:10px } .contentColContainer .threeCol3 { float:left; width:200px } /* REGION ICONS */ #iconNA { float:left; width:60px; height:70px; background:url(../../_media/images/layout/iconNA.gif) no-repeat top left } #iconLA { float:left; width:60px; height:70px; background:url(../../_media/images/layout/iconLA.gif) no-repeat top left } #iconEMEA { float:left; width:60px; height:70px; background:url(../../_media/images/layout/iconEMEA.gif) no-repeat top left } #iconAP { float:left; width:60px; height:70px; background:url(../../_media/images/layout/iconAP.gif) no-repeat top left } /* MEDIA BAR HOME */ #mediaBarHome { display:block; position: relative; width:970px; height:317px; } #staticImg { position:absolute; display:block; z-index:1; width:970px; height:317px; background:url(../../_media/images/layout/homeMediaBar.jpg) no-repeat } /* Logged out */ #staticImgNoFlash { position:absolute; display:block; z-index:1; width:970px; height:317px; cursor:pointer; background:url(../../_media/images/layout/mediaBarNoFlash.jpg) no-repeat } /* Logged out */ #txtContainer { position:absolute; z-index:2; display:block; width:170px; height:265px; margin:20px 0px 0px 45px; color:#526106; font-size:10px; line-height:14px; overflow:hidden } #txtContainer p { color:#526106; font-size:10px; line-height:14px } #txtContainer b, #txtContainer strong { color:#b04d06; font:bold 11px Verdana, Arial, Helvetica, sans-serif } #txtContainer a, #txtContainer a:active, #txtContainer a:visited, #txtContainer a:focus { padding:2px 5px; display:block; font-weight:bold; color:#fff; background:#b2cb59 } #txtContainer a:hover { color:#526106; background:#c7dd7a } #txtContainer a.viewGreenLink, #txtContainer a.viewGreenLink:active, #txtContainer a.viewGreenLink:visited, #txtContainer a.viewGreenLink:focus { padding:2px 5px; display:block; font-weight:bold; color:#fff; background:#b2cb59 url(../../_media/images/layout/arrowOrangeGreen.gif) no-repeat center right } #txtContainer a.viewGreenLink:hover { color:#526106; background:#c7dd7a url(../../_media/images/layout/arrowGreen.gif) no-repeat center right } #txtContainer .divider { display:block; clear:both; width:auto; height:1px; margin:10px 0px; line-height:0px; font-size:1px; border-top:solid 1px #f5ffd6 } #flashHome { display:block; position:absolute; z-index:1; width:970px; height:317px } /* Logged out */ #txtContainerStats { position:absolute; z-index:2; display:block; width:170px; height:185px; margin:20px 0px 0px 40px; line-height:normal; overflow:hidden } #txtContainerStats h1 { margin:0px 0px 6px 0px } #txtContainerStats h2 { margin:0px 0px 2px 0px; font-weight:normal } #sociallinks { bottom: 15px; height: 100px; left: 25px; overflow: hidden; position: absolute; width: 216px; z-index: 2; } #sociallinks.enabled { display: block; } #sociallinks .links { margin-left: 12px; } #sociallinks .links li { display: inline; } #sociallinks .tweets { background: url("/_media/images/layout/tweetsBg.gif") top left no-repeat; height: 40px; /* 63px */ overflow: hidden; padding: 13px 7px 10px; width: 202px; /* 216px */ display: none; } #sociallinks .tweets li { color: #fff; display: none; font-size: 11px; max-height: 4em; line-height: 1.0; overflow: hidden; } #sociallinks .tweets li.active { display: block; } #sociallinks .tweets a { color: #fff; text-decoration: underline; } #sociallinks .tweets a:hover, #sociallinks .tweets a:focus, #sociallinks .tweets a:active { color: #B04D06; } a.blogfeed { color: #a33f0c; } a.byline { color: #ef7203; } a.NewReadMoreLink, a.NewReadMoreLink:active, a.NewReadMoreLink:visited, a.NewReadMoreLink:focus { padding: 0px 13px 2px 0px; background:url(../../_media/images/layout/arroworangetbg.gif) no-repeat center right; line-height: 12px; } a.NewReadMoreLink:hover { color:#a33f0c; }