/* April 2009 */ /* Original Light tan = background-color: #e1ddd3 Medium tan = #847a6e Dark tan = background: #5e5851 New Light tan = background-color: #fffaf4 Medium tan = #847a6e Dark tan = background: #4e4944 */ /* CSS NORMALIZER =================================================== */ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ body { background: #4e4944; margin: 0; padding: 0; font-family: Tahome, Arial, Helvetica, sans-serif; font-size: 8pt; color: #4e4944; height:100%; overflow-y:auto; } div, dl, dt, dd, pre, hr, form, fieldset, input, th { margin:0; padding:20 } ul, ol, li { margin:1; padding:20 } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;} table { border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%; } select, input, textarea { font:99% verdana,geneva,sans-serif;} h1 { margin: 0; padding: 4px 10px 6px 10px; font-size:200%; font-weight:bold; color:#847a6f; line-height: 125%;} h2 { margin: 0; padding: 4px 10px 6px 10px; font-size:125%; font-weight:bold; color:#847a6f; line-height: 125%;} h3 { margin: 0; padding: 4px 10px 6px 10px; font-size:150%; font-weight:bold; font-style:italic; color:#847a6f; line-height: 125%;} h4, h5, h6 { margin:10; padding: 4px 10px 6px 10px; font-size:100%; font-weight:bold; color:#FFFFFF; background:#847a6f;} img { border: 0; vertical-align:middle;} td { margin: 0; padding: 10px 10px 0px 10px; line-height: 11pt;} p { margin: 0; padding: 4px 10px 6px 10px; line-height: 11pt;} .png { _behavior: url(iepngfix.htc); } .floatLeft { float: left; } .floatRight { float: right; } .cleaner { clear: both; } .clear5 { height: 5px; } .clear10 { height: 10px; } .clear20 { height: 20px; } #debug { z-index: 9999999; background-color: white; color: black; position: absolute; top: 0; left: 0; width: 300px; } a:link, a:hover { color:#0000ff;} a:visited { color:#0000ff;} /* DEFAULT ========================================================== */ #container { width: 928px; margin: 0 auto; margin-top: 6px; } .wrap { float: left; /*background: #f9f8f5;*/ background: #FFF; width: 920px; position: relative; } /*used for Firefox to clear floats*/ .shadow { background: url(img/dropShadowBG.gif) repeat-y; width: 920px; padding: 0 4px; float: left; } /* adds drop shadow around 'wrap' class*/ .shadow a { text-decoration: none; color: #0000ff; font-size: 8pt; } .shadow a:hover { text-decoration: underline; } /* Background color controls screen tinting */ /*.overlay { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #2c2c2c; visibility: hidden; z-index: 10; }*/ .overlay { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .index_header { z-index: 300; padding: 0; width: 920px; margin-left: 4px; _margin-left: 2px; } .index_section { z-index: 5; } #overlay_toolbar { z-index: 400; } /* HEADER =========================================================== */ #header { float: left; width: 930px; height: 91px; position: relative; } #logo { display: block; width: 248px; height: 44px; position: absolute; top: 15px; left: 20px; background: url("img/logo.png") no-repeat top left; text-indent: -1000px; overflow: hidden; cursor: pointer; } /* TOP TOOLBAR ====================================================== */ #toolBarWrap { position: relative; z-index: 400; } #toolBar { font-family: Verdana; font-size: 8pt; position: absolute; top: 0; right: 4px; z-index: 400; } #toolBar a { display: block; text-decoration: none; overflow: auto; } #toolBar ul { margin: 0; padding: 0; list-style-type: none; } #toolBar li { float: left; height: 30px; } #toolBar a.actuator { color: #98948f; display: block; padding: 8px 16px; background: url(img/dots_toolbar.gif) top left repeat-y; text-decoration: none; overflow: hidden; } #toolBar li#library a.actuator { background: none; } #toolBar li#contact a.actuator:hover, #toolBar li#register a.actuator:hover, #toolBar li#support a.actuator:hover, #toolBar li#login a.actuator:hover, #toolBar li#library a.actuator:hover { color: #a40008; } #toolBar .menuBox { width: 300px; position: absolute; top: 29px; right: 0; background-color: #f9f8f5; visibility: hidden; border-top: 6px solid #f2bb25; overflow: hidden; z-index: 9000; } #toolBar .menuBoxContents { padding: 20px; } #toolBar .menuBox .form input.gray { margin-bottom: 5px; width: 243px; } #toolBar .menuBox .form { margin-top: 12px; color: #979590; } #toolBar .menuBox .form .group { margin-bottom: 12px; } #toolBar .menuBox .links { margin-top: 36px; } #toolBar .menuBox .links a { font-size: 10px; } #toolBar .menuBox .column { padding: 19px 0 0 21px; float: left; font-family: Verdana; font-size: 11px; color: #3f3f3f; } /* MENU ============================================================= */ #menuBar { width: 920px; clear: both; border-bottom: 4px solid #4b4640; float: left; } #xenuBar { width: 920px; clear: both; border-bottom: 4px solid rgb(218,39,28); float: left; } #menu { height: 33px; width: 642px; position: relative; float: left; } #menu ul { margin: 0; padding: 0; list-style-type: none; } #menu li { float: left; height: 33px; } #menu li div { text-indent: 0; } #menu a { display: block; text-decoration: none; overflow: auto; text-indent: -1000px; } #menu li div a { text-indent: 0; } #menu li#products a.actuator { background: url("img/buttons/btn-products.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#insight a.actuator { background: url("img/buttons/btn-insight.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#news a.actuator { background: url("img/buttons/btn-news.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#resources a.actuator { background: url("img/buttons/btn-resources.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#partners a.actuator { background: url("img/buttons/btn-partners.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#company a.actuator { background: url("img/buttons/btn-company.png") 0 0 no-repeat; width: 107px; height: 33px; } #menu li#products:hover a.actuator { background: url("img/buttons/btn-products.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#insight:hover a.actuator { background: url("img/buttons/btn-insight.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#news:hover a.actuator { background: url("img/buttons/btn-news.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#resources:hover a.actuator { background: url("img/buttons/btn-resources.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#partners:hover a.actuator { background: url("img/buttons/btn-partners.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#company:hover a.actuator { background: url("img/buttons/btn-company.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#products a.on { background: url("img/buttons/btn-products.png") 0px -33px no-repeat; width: 107px; height: 33px; } #menu li#insight a.on { background: url("img/buttons/btn-insight.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#news a.on { background: url("img/buttons/btn-news.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#resources a.on { background: url("img/buttons/btn-resources.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#partners a.on { background: url("img/buttons/btn-partners.png") 0 -33px no-repeat; width: 107px; height: 33px; } #menu li#company a.on { background: url("img/buttons/btn-company.png") 0 -33px no-repeat; width: 107px; height: 33px; } /* SEARCH =========================================================== */ #searchWrap { width: 275px; height: 23px; background: #ffffff; float: left; margin-top: 4px; padding: 3px 1px; } input.gray { border: 1px solid #a9a5a0; background: #FFF; height: 17px; width: 171px; font-size: 11px; color: #979590; padding: 4px 2px 0 4px; } /* HOME PAGE BEGIN ================================================== */ /*section*/ #section { clear: both; background-color: black; color: white; overflow: hidden; z-index: 10; } #section .pool { display: none; } #section .sectionImage { display: block; text-indent: -1000px; background-position: left top; background-repeat: no-repeat; } #section .left { float: left; height: 241px; } .sectionMain { width: 920px; height: 241px; } .sectionMain .sectionImage { width: 920px; height: 241px; } .sectionMain .hovers { position: absolute; top: 0; right: 0; with: 273px; /*height: 134px;*/ float: left; } #menu .menuBox { text-indent: 0; position: absolute; top: 33px; /*left: 0;*/ width: 250px; /*height: 298px; height: 0;*/ background-color: #f9f8f5; visibility: hidden; border-top: 4px solid #f2bb25; border-bottom: 4px solid #f2bb25; overflow: hidden; } #menu .menuBox .column { width: 200px; /*height: 260px;*/ padding: 19px 0 10px 26px; float: left; font-family: Verdana; font-size: 11px; color: #3f3f3f; } .menuBox .spacer { height: 12px; } .menuBox .column a { color: #3f3f3f; margin-bottom: 7px; text-decoration: none; } .menuBox .column a:hover { color: #a40008; text-decoration: underline; } .menuBox .heading { font-weight: bold; margin-bottom: 7px; } /* HOME PAGE END ==================================================== */ /* top border */ #sti-pcon { background:url(img/sti_sprites-t1.gif) repeat-x 0px -810px; margin:0px; padding:0px; } /* NAV STYLES BEGIN ================================================= */ #sti-navigation { position:fixed; width:180px;} #sti-navigation ul { background:#cec5bb url(img/buttons/bottom-nav.png) no-repeat 100% 100%; line-height:1.25em; list-style-type:none; margin:0px; padding:0px 0px 19px; font-family: Tahome, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; } #sti-navigation.sti-parent { padding-top:1px;} #sti-navigation li a { color:#333333; border-top:1px solid #e6dfd7; display:block; margin:0px; padding:4px 10px; } #sti-navigation li#sti-overview a { font-size: 8pt; background:#9d9387;} #sti-navigation li#sti-overview a:hover { background:#847a6f;} #sti-navigation td a { font-size: 8pt; background:#ffffff; font-weight: normal; color:#333333; } #sti-navigation td a:hover { background:#cec5bb;} #sti-primary-navigation a:hover { background:#b5aca1;} #sti-secondary-navigation ul { background:#FFF; padding:0px; font-weight: normal;} #sti-secondary-navigation ul li a { background:url(img/sti_sprites.gif) no-repeat 17px -3231px; border:none; display:block; margin:0px; padding:1px 4px 1px 23px; } #sti-secondary-navigation ul li a:hover { background:#cec5bb url(img/sti_sprites.gif) no-repeat 17px -3231px; border:none; display:block; margin:0px; padding:1px 4px 1px 23px; } /* NAV STYLES END =================================================== */ /* NAV STYLES BEGIN ================================================= */ #sti-navigatiox ul { background:#cec5bb url(img/buttons/bottom-nav.png) no-repeat 100% 100%; line-height:1.25em; list-style-type:none; margin:0px; padding:0px 0px 19px; font-family: Tahome, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; } #sti-navigatiox.sti-parent { padding-top:1px;} #sti-navigatiox li a { color:#333333; border-top:1px solid #e6dfd7; display:block; margin:0px; padding:4px 10px; } #sti-navigatiox li#sti-overview a { font-size: 8pt; background:#9d9387;} #sti-navigatiox li#sti-overview a:hover { background:#847a6f;} #sti-secondary-navigatiox ul { background:#FFF; padding:0px; font-weight: normal;} #sti-secondary-navigatiox ul li a { background:url(img/sti_sprites.gif) no-repeat 17px -3231px; border:none; display:block; margin:0px; padding:1px 4px 1px 23px; } #sti-secondary-navigatiox ul li a:hover { background:#cec5bb url(img/sti_sprites.gif) no-repeat 17px -3231px; border:none; display:block; margin:0px; padding:1px 4px 1px 23px; } /* NAV STYLES END =================================================== */ /* FOOTER STYLES BEGIN ============================================== */ #sti-footer-module img { display:block; clear:both; } #sti-footer-module embed { float:left;} div#sti-footer-module div.sti-rule { background:#FFF url(img/sti_footer-mod-rule.gif) repeat-x; height:12px; width:930px; } #sti-footer-module p { margin:0em; padding:0em 2em 2em; } #sti-footer-module p, #sti-footer-module p a { color:#666;} #sti-page-tools { width:920px; background:#CCC; clear:both; color:#FFF; margin:0px; } #sti-page-tools { width:100%;} #sti-page-tools ul { list-style-type:none; margin:0px; padding:0px 0px 0px 6px; clear:both; } #sti-page-tools li { float:left; padding-right:3px; } #sti-page-tools li.sti-first { padding-left:8px;} #sti-page-tools ul a { margin:0px; padding:5px 10px 5px 18px; } #sti-top div#sti-page-tools { background:#CCC url(img/sti_sprites-t1.gif) repeat-x 0px -480px; padding-top:26px; } #sti-top.sti-landing-page div#sti-page-tools { background:#CCC url(img/sti_sprites-t1.gif) repeat-x 0px -506px; padding-top:0px; } /* footer background */ #sti-footer { background:#000 url(img/sti_sprites-t1.gif) repeat-x 0px -631px; border-top:1px solid #FFF; clear:both; color:#CCC; margin:0px; padding-top:1px; height:auto; } #sti-footer ul { list-style-type:none; margin:0px; padding:0px; height:1%; } #sti-footer li { float:left; overflow:inherit; padding:3px 10px 5px 14px; white-space:nowrap; } #sti-footer li.right { float:right; } #sti-footer li.sti-first { background-image:none; padding-left:19px; } #sti-footer-module p { font-size:0.7em; font-weight:bold;} #sti-page-tools ul { font-family: Tahome, Arial, Helvetica, sans-serif;font-size:1.0em;} #sti-footer ul { font-family: Tahome, Arial, Helvetica, sans-serif;font-size:1.0em; font-weight:bold;} #copyWrap { margin-bottom: 40px; width: 920px; } #copyright { /*margin-left: -10px;*/ padding-left: 4px; margin-bottom: -10px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 10px; clear: both; width: 916px; background: #4e4944; padding-bottom: 12px; color: #c2bab2; } /* FOOTER STYLES END ================================================ */ /* ANCHOR STYLES BEGIN ============================================== */ #sti-navigation a:link, #sti-navigation a:visited, #sti-navigation a:hover, #sti-secondary-navigation a:hover { text-decoration:none;} p.sti-ind-link a, ul.sti-link-list a { display:block;margin:0px;padding:5px 5px 5px 21px;} li.sti-chat-link, p.sti-ind-link a.sti-chat-link, ul.sti-link-list a.sti-chat-link { background:url(img/icons/chat.gif) no-repeat 2px 4px;} li.sti-facebook-link, p.sti-ind-link a.sti-facebook-link, ul.sti-link-list a.sti-facebook-link { background:url(img/icons/facebook.gif) no-repeat 2px 4px;} li.sti-pdf-link, p.sti-ind-link a.sti-pdf-link, ul.sti-link-list a.sti-pdf-link { background:url(img/icons/pdf.gif) no-repeat 2px 4px;} li.sti-print-link, p.sti-ind-link a.sti-print-link, ul.sti-link-list a.sti-print-link { background:url(img/icons/printer.gif) no-repeat 2px 4px;} li.sti-rss-link, p.sti-ind-link a.sti-rss-link, ul.sti-link-list a.sti-rss-link { background:url(img/icons/rss.gif) no-repeat 2px 4px;} li.sti-email-link, p.sti-ind-link a.sti-email-link, ul.sti-link-list a.sti-email-link { background:url(img/icons/em.gif) no-repeat 2px 4px;} li.sti-twitter-link, p.sti-ind-link a.sti-twitter-link, ul.sti-link-list a.sti-twitter-link { background:url(img/icons/twitter.gif) no-repeat 2px 4px;} #sti-page-tools a.sti-digg-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -428px;} li.sti-chat-link, li.sti-pdf-link, li.sti-print-link, li.sti-rss-link, li.sti-email-link, li.sti-facebook-link, li.sti-twitter-link { background-repeat: no-repeat; background-position: 2px 0px; padding-left:18px !important; padding-bottom:8px !important; } li.sti-facebook-link a, li.sti-chat-link a, li.sti-pdf-link a, li.sti-print-link a, li.sti-rss-link a, li.sti-email-link a, li.sti-twitter-link a { display:inline; margin-left:-18px !important; } li.sti-chat-link p, li.sti-pdf-link p, li.sti-print-link p, li.sti-rss-link p, li.sti-email-link p, li.sti-facebook-link p, li.sti-twitter-link p { margin-left:-18px !important;} #sti-page-tools a.sti-bookmark-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px 4px;} #sti-page-tools a.sti-email-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -644px;} #sti-page-tools a.sti-pdf-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -842px;} #sti-page-tools a.sti-print-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -1076px;} #sti-page-tools a.sti-rss-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -1292px;} #sti-page-tools a.sti-delicious-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -212px;} #sti-page-tools a.sti-digg-link { background:url(img/sti_sprites-pt.gif) no-repeat 0px -428px;} #sti-navigation li#sti-overview a:link, #sti-navigation li#sti-overview a:visited {color:#FFF;} #sti-navigation li#sti-parent-link a:link, #sti-navigation li#sti-parent-link a:visited, #sti-secondary-navigation li a:link, #sti-secondary-navigation li a:visited {color:#666;} #sti-page-tools li a:link, #sti-page-tools li a:visited { color:#525252;text-decoration:none;} #sti-page-tools li a:hover { color:#333;text-decoration:underline;} #sti-footer li a:link, #sti-footer li a:visited { color:#CCC;text-decoration:none;} #sti-footer li a:hover { color:#FC0;text-decoration:none;} /* ANCHOR STYLES END ================================================ */ #sti-page-tools:after, #sti-footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }