/* remove default element styling */ * { margin:0; padding:0; -moz-outline:0 none; outline:0 none; } a img, iframe { border:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } ul, ol, dl, li, dt, dd { list-style:none; } form, fieldset { border:0 none; } legend { color:#000; } input, textarea, select, button { font-size:100%; font-family:serif; } select { margin:inherit; } table { border-collapse:collapse; border:0; } td, th, caption { font-size:100%; font-weight:normal; text-align:left; } /* set custom defaults */ body { color:#000; background-color:#fff; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; text-align:center; } a { color:#000; text-decoration:none; } a img { border:0 none; } img { border:0 none; float:left; } strong { color:#000; } h1 { font-size:24px; color:#000; font-weight:normal } h2 { font-size:20px; color:#000; font-weight:normal } h3 { font-size:16px; color:#000; font-weight:normal; margin:15px 0; } h4 { font-size:12px; color:#000; font-weight:normal } h1.line { background:url('../images/line.gif') left 20px repeat-x; } h2.line { background:url('../images/line.gif') left 17px repeat-x; } h3.line { background:url('../images/line.gif') left 15px repeat-x; } h4.line { background:url('../images/line.gif') left 11px repeat-x; margin-bottom:0px; } .line span { background-color:#fff; padding-right:5px; } /* page regions */ #viewport { width:944px; overflow-x:hidden; text-align:left; margin:10px auto; } #siteLogo { float:left; } #globalLinks { float:right; } #globalLinks ul { margin-top:5px; } #searchBox { float:right; margin-left:50px; padding-top:4px; } #areaNavRegion { margin-bottom:5px; padding-right:5px; } #areaNavRegion ul { float:right; } #areaNavRegion ul li { float:left; height:45px; margin-left:5px; overflow:hidden; } #areaNavRegion ul li a { display:block; } #bannerRegion { width:auto; margin-bottom:5px; } #breadcrumb { width:auto; padding-left:20px; } #breadcrumb ul li { margin-left:0px; } #breadcrumb .blck { font-weight:bold; } #breadcrumb a.nolink,#breadcrumb a:hover.nolink, a span.nolink {cursor: default; } #breadcrumbDiv { border-bottom:1px solid #B2B2B2;margin-top:8px;padding-bottom:8px; } #languageSelect { float:right; } #subNavRegion { width:596px; height:32px; display:block; margin-bottom:5px; background:transparent url('../images/line.gif') left 31px repeat-x; } #subNavRegion.wide { width:924px; } #contentTabs { float:left; display:block; background-color:#fff; } #contentTabs ul li { float:left; margin-left:0px; height:32px; overflow:hidden; margin-right:5px; } #contentTabs ul li a { display:block; float:left; overflow:hidden; padding:5px 30px 12px 5px; white-space:nowrap; margin-left:0px; font-size:12px; color:#000; background:#eeeeee; } #contentTabs ul li a.active { color:#fff; background:#898989; } #contentTabs ul li a:hover { background:#a5a2a5; } #sideRegion { width:328px; overflow-x:hidden; float:left; } #mainRegion { width:616px; overflow-x:hidden; float:right; } .Lside #sideRegion { float:left; } .Rside #mainRegion { float:left; } .Rside #sideRegion { float:right; } .Lside #mainRegion { float:right; } .boxpadder, #sideRegion .boxpadder, .Lside #sideRegion .boxpadder { padding:10px 20px; } .Rside #sideRegion .boxpadder { padding:10px 0 10px 40px; } .boxpadderHoriz, #sideRegion .boxpadderHoriz, .Lside #sideRegion .boxpadderHoriz { padding:0 20px; } .Rside #sideRegion .boxpadderHoriz { padding:0 0 0 40px; } /* generic layout tool-classes */ .boxpadderLight { padding:10px; } .boxpadderHoriz { padding:0 20px; } .boxpadderVert { padding:10px 0; } .contentpadder { padding-left:20px; float:left; margin-bottom:10px; } .contentpadderLight { padding-left:20px; float:left; margin-bottom:5px; } .regionwrap { width:auto; margin-bottom:10px; } .mainregionwrap { width:auto; clear:both; margin-bottom:0px; } .horiznavi ul li { display:inline; margin-left:10px; } ul.horiz { clear:left; } ul.horiz li { float:left; width:auto; } .clearfix { clear:both; height:0px; overflow:hidden; visibility:hidden; } #sideRegion ul.horiz li { text-align:right; width:44%; } /* element classes */ .contentbox { width:287px; overflow:hidden; color:#666; } .contentbox.wide { width:594px; color:#000; } .contentbox.score { width:944px; } .graybox { background-color:#e6e6e6 ! important; margin-top:5px; } .graybox .date { font-size:11px; color:#888; } .graybox .subhead { font-size:11px; color:#666; } .graybox li { position:relative; left:5px; width:274px; float:left; margin-bottom:5px; padding-right:13px; } .graybox a,.graybox ul,.graybox span{ display:block; } .bluebox { background-color:#e6eaf6 !important; width:100%;} .floattext { font-size:14px; padding:2px 0; } .news { margin-bottom:10px; } .news .date { font-size:11px; color:#666; } .news .text { font-size:14px; color:#000; padding:2px 0; } .small { font-size:11px; } .gray { color:#666; } .teaserbox { float:left; display:block; margin-top:4px; margin-right:10px; } .downloadlinks { border-top:1px solid #c8c8c8; width:100%;} .downloadlinks li { display:block; line-height:30px; border-bottom:1px solid #c8c8c8; } .downloadlinks .filename { padding:8px 5px; float:left; width:360px; line-height:14px; } .downloadlinks .filename a:hover { text-decoration:underline; } .downloadlinks .fsize { float:left; width:50px; text-align:right; } .downloadlinks .dlink { float:left; margin-left:20px; margin-top:8px; } .downloadlinks_sidebar { clear:left; line-height:16px; } .downloadlinks_sidebar .fsize { float:right; width:60px; text-align:right; padding-right:15px; } .downloadlinks_sidebar .ftype { float:right; width:30px; text-align:left; padding-left:20px; background-image:url('../images/mimeicons/unknown.gif'); background-repeat:no-repeat; background-position:0 0px; text-transform:uppercase; } .downloadlinks .ftype { float:left; width:50px; padding-left:20px; background-repeat:no-repeat; background-image:url('../images/mimeicons/unknown.gif'); background-position:0 6px; text-transform:uppercase; } .ftype.doc { background-image:url('../images/mimeicons/i_doc.gif')!important; } .ftype.mp3 { background-image:url('../images/mimeicons/i_mp3.gif')!important; } .ftype.ppt { background-image:url('../images/mimeicons/i_ppt.gif'); } .ftype.wav { background-image:url('../images/mimeicons/i_wav.gif')!important; } .ftype.xls { background-image:url('../images/mimeicons/i_xls.gif')!important; } .ftype.pdf { background-image:url('../images/mimeicons/i_pdf.gif')!important; } .ftype.zip { background-image:url('../images/mimeicons/i_zip.gif')!important; } .contentbox div.mask, .boxwrapper div.mask { width:284px; overflow:hidden; border:1px solid #999; } .contentbox div.mask.narrow, .boxwrapper div.mask.narrow { width:134px; } .wide .boxwrapper div { width:592px; overflow:hidden; } .score .boxwrapper div { width:942px; overflow:hidden; } .boxwrapper { background-color:#999; } .contentbox .boxwrapper, .contentbox .floattext { margin-top:10px; } .noBoxWrapperMargin .boxwrapper { margin-top:0px; } .roundborder { position:relative; display:block; } .roundborder .c1 { position:absolute; top:0px; left:0px; width:5px; height:5px; overflow:hidden; background:transparent url('../images/border-tl.gif') 0 0 no-repeat; } .roundborder .c2 { position:absolute; top:0px; left:100%; margin-left:-5px; width:5px; height:5px; overflow:hidden; background:transparent url('../images/border-tr.gif') 0 0 no-repeat; } .roundborder .c3 { position:absolute; left:0px; width:5px; height:5px; overflow:hidden; margin-top: -5px; background:transparent url('../images/border-bl.gif') 0 0 no-repeat; } .roundborder .c4 { position:absolute; left:100%; width:5px; height:5px; overflow:hidden; margin-top: -5px; margin-left:-5px; background:transparent url('../images/border-br.gif') 0 0 no-repeat; } /* navigation links */ a span { cursor:pointer; position:relative; float:left; display:block; height:15px; background:transparent none right 0; padding-right:17px; } a:hover span { color:#fff; } .floattext a, .floattext a span { color:#0563bc; float:none; clear:none; display:inline; margin:0; padding:0; } .floattext a:hover { text-decoration:underline; } .floattext a:hover span { color:#0563bc; text-decoration:underline; } a.gray, .navi.gray a { color:#666; font-size:11px; line-height:14px; display:block; float:left; padding-left:17px; background:transparent url('../images/lnk-gray.gif') 0 0 no-repeat; } a.gray:hover, .navi.gray a:hover { background-image:url('../images/box-gray.gif'); } a.gray:hover span, .navi.gray a:hover span { color:#fff; background-image:url('../images/box-gray-mr.gif'); } a.blck, .navi a.blck, .navi.blck a, a.more { color:#000; font-size:11px; line-height:14px; display:block; float:left; padding-left:17px; background:transparent url('../images/lnk-black.gif') 0 0 no-repeat; } a.blck:hover, .navi a.blck:hover, .navi.blck a:hover, a.more:hover { background-image:url('../images/box-black.gif'); } a.more span { color:#000; display:block; float:left; padding-right:15px; } a.more:hover, a.more:hover span { text-decoration:none!important;} a.back, .navi.gray a.back { color:#666; font-size:11px; line-height:14px; display:block; float:left; padding-left:17px; background:transparent url('../images/lnk-gray-back.gif') 0 0 no-repeat; } a.next, .navi.gray a.next { color:#666; font-size:11px; line-height:14px; display:block; float:left; padding-left:17px; background:transparent url('../images/lnk-gray.gif') right 0 no-repeat; } a.back:hover, .navi.gray a.back:hover, a.next:hover, .navi.gray a.next:hover { background-image:url('../images/box-black.gif'); } a.back:hover span, .navi.gray a.back:hover span, a.next:hover span, .navi.gray a.next:hover span { color:#fff; background-image:url('../images/box-black-mr.gif'); } a.blck:hover span, .navi a.blck:hover span, .navi.blck a:hover span, a.more:hover span { color:#fff; background-image:url('../images/box-black-mr.gif'); } .navi.gray.sm a:hover, .navi.gray.sm a.on { background-image:url('../images/box-black-sm.gif'); } .navi.gray.sm a:hover span, .navi.gray.sm a.on span { color:#fff; background-image:url('../images/box-black-mr.gif'); } a.white, .navi.white a { color:#fff; font-size:11px; line-height:14px; display:block; float:left; padding-left:17px; background:transparent url('../images/lnk-white.gif') 0 0 no-repeat; } a.white:hover, .navi.white a:hover { background-image:url('../images/box-white.gif'); } a.white:hover span, .navi.white a:hover span { color:#666; background-image:url('../images/box-white-mr.gif'); } .navi.blue a span { cursor:pointer; position:relative; display:block; height:22px; background:transparent none right 0 no-repeat; padding-right:25px; } .navi.blue a { position:relative; padding-bottom:1px; } .navi.blue a.print { color:#000; font-size:11px; line-height:17px; display:block; float:left; padding-left:25px; background:transparent url('../images/bullet_blue_print.gif') 0 0 no-repeat; } .navi.blue a.recommend { color:#000; font-size:11px; line-height:17px; display:block; float:left; padding-left:25px; background:transparent url('../images/bullet_blue_recommend.gif') 0 0 no-repeat; } .navi.blue a:hover, .navi.blue a:hover { background-image:url('../images/box-blue.gif'); } .navi.blue a:hover span, .navi.blue a:hover span { color:#ffffff !important; background-image:url('../images/box-blue-mr.gif'); } .navi.blue li { clear:left!important; } a.txtlnk, a.txtlnk:hover { color:#000; padding:0; background:none; } #footerwrap { padding-top:20px; } #footernav a.printpage { background-image:url('../images/bullet_print.gif'); padding-left:20px; margin-bottom:2px; } #footernav a.sendpage { background-image:url('../images/bullet_recommend.gif'); padding-left:20px; margin-bottom:2px; } #footernav a.printpage:hover, #footernav a.sendpage:hover { background-image:url('../images/box-white.gif'); } /* footer panel */ #footernav { clear:both; background:#666 url('../images/footer_bg.gif') 0 0 no-repeat; width:944px; height:84px; overflow:hidden; } #footernav .column, #copyright .column { width:308px; float:left; } #footernav ul { padding:8px 0 4px 6px; } #copyright ul { padding:0 10px; } #footernav ul li { display:block; clear:left!important; } /* form styles */ #searchBox form, #footernav form, #languageSelect form { float:left; } #searchBox input.text { padding-left:2px; border:1px solid #999; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; margin-right:10px; float:left; color:#000; width:150px; height:15px; } #searchBox input.send { padding:0 15px; border:0 none; width:70px; height:17px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; line-height:14px; cursor:pointer; color:#000; background:transparent url('../images/lnk-black.gif') 0 1px no-repeat; float:left; } #searchBox input.send.on { color:#fff; background:transparent url('../images/box-submit-black.gif') 0 0 no-repeat; } #langselect div { float:left; font-size:11px; } #langselect select { line-height:15px; font-size:11px; font-family:Arial,Helvetica,Geneva,sans-serif; } #langselect label { padding-top:2px; line-height:20px; margin-right:10px; } #langselect div span { margin-top:2px; } #languageSelect select option { background-position:2px 2px!important; } #footernav input.text { padding-left:2px; width:210px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; margin-bottom:5px; } #footernav input.send { padding:0 15px; border:0 none; width:70px; height:17px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; line-height:14px; cursor:pointer; color:#fff; background:transparent url('../images/lnk-white.gif') 0 1px no-repeat; } #footernav input.send.on { color:#666; background:transparent url('../images/box-submit-white.gif') 0 0 no-repeat; } #sideRegion #simplenavi { border-top:1px solid #999; width:100%; } #sideRegion #simplenavi span { display:block; height:24px; } #sideRegion #simplenavi ul { display:block; } #sideRegion #simplenavi li { display:block; border-bottom:1px solid #999; } #sideRegion #simplenavi a { color:#000; font-size:14px; display:block; line-height:24px; } #sideRegion #simplenavi a:hover { color:#fff; background-color:#000; } .boxcorners { display:none!important; } .tabcorners { position:relative; display:block; overflow:hidden; } .tabcorners .c1 { position:absolute; overflow:hidden; top:0px; left:0px; width:5px; height:5px; background:transparent url('../images/corner-white-tl.gif') 0 0 no-repeat; } .tabcorners .c2 { position:absolute; overflow:hidden; top:0px; left:100%; width:5px; height:5px; margin-left:-5px; background:transparent url('../images/corner-white-tr.gif') 0 0 no-repeat; } .tabcorners .c3 { position:absolute; overflow:hidden; top:100%; left:0px; width:5px; height:5px; margin-top: -5px; background:transparent url('../images/corner-white-bl.gif') 0 0 no-repeat; } .tabcorners .c4 { position:absolute; overflow:hidden; top:100%; left:100%; width:5px; height:5px; margin-top: -5px; margin-left:-5px; background:transparent url('../images/corner-white-br.gif') 0 0 no-repeat; } #mainRegion.id0 #contentTabs ul li a.id0, #mainRegion.id1 #contentTabs ul li a.id1, #mainRegion.id2 #contentTabs ul li a.id2, #mainRegion.id3 #contentTabs ul li a.id3, #mainRegion.id4 #contentTabs ul li a.id4, #mainRegion.id5 #contentTabs ul li a.id5, #mainRegion.id6 #contentTabs ul li a.id6, #mainRegion.id7 #contentTabs ul li a.id7, #mainRegion.id8 #contentTabs ul li a.id8 { color:#fff; background:#898989; } .tabcontent { display:none; } #mainRegion.id0 .tabcontent.id0, #mainRegion.id1 .tabcontent.id1, #mainRegion.id2 .tabcontent.id2, #mainRegion.id3 .tabcontent.id3, #mainRegion.id4 .tabcontent.id4, #mainRegion.id5 .tabcontent.id5, #mainRegion.id6 .tabcontent.id6, #mainRegion.id7 .tabcontent.id7, #mainRegion.id8 .tabcontent.id8 { display:block; } #recommendFormContainer .graybox { width:592px!important; } #contactFormContainer .graybox { width:592px!important; margin-bottom:20px; } #sideRegion .graybox { width:100%; } #contactFormContainer input.send, #recommendFormContainer input.send { padding:0 15px; border:0 none; width:70px; height:17px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; line-height:14px; cursor:pointer; color:#003399; background:transparent url('../images/lnk-blue.gif') 0 1px no-repeat; } #recommendFormContainer input.send { margin-right:6px; } #contactFormContainer input.send.on, #recommendFormContainer input.send.on { color:#fff; background:transparent url('../images/box-submit-blue.gif') 0 0 no-repeat; } #recommendFormContainer input.sendlg { padding:0 15px; border:0 none; width:130px; height:17px; font-family:Arial,Helvetica,Geneva,sans-serif; font-size:11px; line-height:14px; cursor:pointer; color:#003399; background:transparent url('../images/lnk-blue.gif') 0 1px no-repeat; } #recommendFormContainer input.sendlg.on { color:#fff; background:transparent url('../images/box-submit-blue-lg.gif') 0 0 no-repeat; } #recommendFormContainer input.text, #recommendFormContainer textarea.text { border:1px solid #a0a0a0; } #recommendFormContainer label { width:175px; margin-right:20px; } #recommendFormContainer .errorFieldname, #recommendFormContainer .text, #recommendFormContainer label, #recommendFormContainer sup { float:left; } #recommendFormContainer sup { margin-left:5px; line-height:14px; vertical-align:bottom; } #recommendFormContainer .text, #recommendFormContainer p { margin-bottom:5px; } .graylinkbox li a { color:#000; font-size:11px; width:240px; line-height:14px; display:block; float:left; padding:0 17px; background:transparent url('../images/lnk-black.gif') 0 0 no-repeat; } .graylinkbox li a:hover { color:#fff; background:#000; } .graylinkbox li a b.date, .graylinkbox li a b.subhead { font-weight:normal; color:#666; font-size:11px; } .graylinkbox li a:hover b.date, .graylinkbox li a:hover b.subhead { color:#e6e6e6; } .graylinkbox li .tabcorners { position:relative; display:block; z-index:10000; } .graylinkbox li .tabcorners .c1 { position:absolute; overflow:hidden; top:0px; left:0px; width:5px; height:5px; background:transparent url('../images/corner-gray-tl.gif') 0 0 no-repeat; } .graylinkbox li .tabcorners .c2 { position:absolute; overflow:hidden; top:0px; left:100%; width:5px; height:5px; margin-left:-5px; background:transparent url('../images/corner-gray-tr.gif') 0 0 no-repeat; } .graylinkbox li .tabcorners .c3 { position:absolute; overflow:hidden; top:100%; left:0px; width:5px; height:5px; margin-top: -5px; background:transparent url('../images/corner-gray-bl.gif') 0 0 no-repeat; } .graylinkbox li .tabcorners .c4 { position:absolute; overflow:hidden; top:100%; left:100%; width:5px; height:5px; margin-top: -5px; margin-left:-5px; background:transparent url('../images/corner-gray-br.gif') 0 0 no-repeat; } .relatedlinks li a { color:#000; font-size:11px; line-height:14px; display:block; float:left; padding:0 17px; background:transparent url('../images/lnk-black.gif') 0 0 no-repeat; } .relatedlinks li a:hover { color:#fff; background:#000; } .relatedlinks li a b.date, .relatedlinks li a b.subhead { font-weight:normal; color:#666; font-size:11px; } .relatedlinks li a:hover b.date, .relatedlinks li a:hover b.subhead { color:#e6e6e6; } .relatedlinks li .tabcorners { position:relative; display:block; z-index:10000; } .relatedlinks li .tabcorners .c1 { position:absolute; overflow:hidden; top:0px; left:0px; width:5px; height:5px; background:transparent url('../images/corner-gray-tl.gif') 0 0 no-repeat; } .relatedlinks li .tabcorners .c2 { position:absolute; overflow:hidden; top:0px; left:100%; width:5px; height:5px; margin-left:-5px; background:transparent url('../images/corner-gray-tr.gif') 0 0 no-repeat; } .relatedlinks li .tabcorners .c3 { position:absolute; overflow:hidden; top:100%; left:0px; width:5px; height:5px; margin-top: -5px; background:transparent url('../images/corner-gray-bl.gif') 0 0 no-repeat; } .relatedlinks li .tabcorners .c4 { position:absolute; overflow:hidden; top:100%; left:100%; width:5px; height:5px; margin-top: -5px; margin-left:-5px; background:transparent url('../images/corner-gray-br.gif') 0 0 no-repeat; } .relatedlinkswrapper {} .relatedlinks { position:relative; left:-5px; } .relatedlinks ul { width:293px; overflow-x:hidden; } .relatedlinks li { border-top:3px solid #ffffff; padding-top:5px; padding-left:15px; width:295px!important; } .relatedlinks li.first { border-top:0px none; } .relatedlinks li a { position:relative; } #contactFormContainer input { font-family:arial; font-size:11px; } #contactFormContainer .combination .input { float:left; margin-right:5px; } #contactFormContainer .combination label { float:left; margin-right:15px; line-height:20px; } .teaserbox .c1 { background-image:url('../images/border-tl.gif'); } .teaserbox .c2 { background-image:url('../images/border-tr.gif'); } .teaserbox .c3 { background-image:url('../images/border-bl.gif'); } .teaserbox .c4 { background-image:url('../images/border-br.gif'); } .root #sideRegion #printRecommend, .root #subNavRegion { display:none; }