@charset "utf-8"; /* CSS Document */ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; height: 100%; } /* Declaring a font-size of 13px on the tag overrides browser defaults and sets the base font size to the eqivalent of 10pt print. All CSS font sizes can then be set in "ems" that relate easily to pt size equivalents, eg. 1.1em = 11pt, 0.8em = 8pt etc.*/ /* global layout (div) styles */ div.right { float:right; width:310px; margin:0; } div.left { float: left; width:225px; margin-bottom: 10px; } div.clear { clear: both; } div.divider { padding-top: 15px; border-top: solid 1px #999999; } .marginBottom { padding-bottom: 2em; border-bottom: 1px; } /* global image styles */ /* NOTE: iepngfix.htc is a special filter for displaying png images with transparency in IE6. It is kept in the root folder of the web site along with a blank .gif file */ img { behavior: url(iepngfix.htc); } a.imglink:link { border: none; background-image: none; } .imageleft { float: left; margin: 15px; } .imageright { float: right; margin: 15px; } .imagecenter { text-align: center; margin: 15px; } .thumbnail { float: right; margin-left: 15px; } a img { border-width: 0; } .thumbnail a { background-image: none !important; } /* global text style classes */ .indent {text-indent: 20px;} .teasertxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em; padding: 0 0 5px 40px; border-top: 1px; margin:-10px 0 5px 0; height: 82px; border-bottom: solid 1px #FFCC00; } .superscript { position: relative; font-size: 0.8em; top: -.5em; } /* default headline, paragraph and list styles */ h1, h2, h3, p, ol, ul { margin-top: 0; } h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; } h1, h2 { font-weight: normal; } h1 { font-size: 1.6em; font-weight: normal; margin: 0; padding: 30px 30px 0 30px; line-height: 1.4em; letter-spacing: 1.5px; text-transform: uppercase; } h2 { letter-spacing: 1.3px; font-size: 1.1em; line-height: 1.3em; text-transform: uppercase; } h3 {letter-spacing: 1px;} h4 { font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; line-height: 125%; text-decoration: none; } h6 { line-height: 1.4em; } p, ol, ul { margin-bottom: 1.5em; line-height: 160%; } /* default links styles */ a[href] { color:#A4E4F5 } a:hover { text-decoration: none; color: red; } a[img] { border: none; background-image: none; } links mainpanel { color: #003366; } hr { display: none; } /* Page specific ID styles */ /* Header area - top banner */ #header { height: 150px; background: #303439 url(images/grayscale/img02_sensor.jpg) no-repeat center top; } /* Sencon logo */ #Sencon_logo { position:absolute; left:11px; top:52px; width:400px; height:87px; z-index:1; } #Print_logo { display: none; } /* Sencon strapline */ #strapline { position:absolute; left:5px; top:53px; width:275px; height:87px; z-index:1; } #strapline p { font-family:Verdana, Arial, Helvetica, sans-serif; padding: 69px 0 0 7px; letter-spacing: 0.15em; font-size: 1.1em; color: #444444; } /* Main navigation tabs*/ #menu { float: right; } #menu ul { margin: 0; padding: 60px 20px 0 0; list-style: none; } #menu li { display: inline; } #menu ul a { float: left; width: 120px; height: 56px; margin: 0 0 0 2px; padding: 9px 0 0 0; background: url(images/grayscale/img04.jpg) no-repeat; text-decoration: none; text-align: center; letter-spacing: 1px; font-size: 1.1em; font-weight: bold; color: #101011; } #menu ul a:hover, #menu .current_page_item a { background: url(images/grayscale/img04-hilite.gif) no-repeat; color: #FF0000; } /* Languages links bar */ #LangBar { background-image:url(images/metal_bar2.jpg); text-align: center; text-transform: uppercase; word-spacing: 0.6em; color: #444444; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.15em; font-size: 0.8em; } #language { word-spacing: 0.5em; } #language a[href] { text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; } #language a[href]:hover { color: #FFCC00; text-decoration: none; } #technologies { background-color: #333333; padding: 10px 0 10px 0; border-right: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000; text-align:center; word-spacing: 0.6em; } #technologies a[href] { text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; word-spacing: 0.1em; } #technologies a[href]:hover { color: #FFCC00; text-decoration: none; } /* Page contents - container divs */ #page { width: 980px; margin: 0 auto; } #content { float: left; width: 600px; padding: 0 0 0 25px; margin-top: -8px; margin-bottom: 0; } #subhead { float:right; margin-top: -15px; width: 300px; padding-right: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.3em; letter-spacing: 0.05em } #actions { margin-top: 15px; } /* Rounded corner box styles */ .t {background: url(images/border_dot.gif) 0 0 repeat-x} .b {background: url(images/border_dot.gif) 0 100% repeat-x} .l {background: url(images/border_dot.gif) 0 0 repeat-y} .r {background: url(images/border_dot.gif) 100% 0 repeat-y} .bl {background: url(images/bl.gif) 0 100% no-repeat} .br {background: url(images/br.gif) 100% 100% no-repeat} .tl {background: url(images/tl.gif) 0 0 no-repeat} .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} .blank {font-size: 1px; height: 1px} .updates { font-size: 1.2em; font-weight: bold; color: #666666; text-transform: uppercase; } /* Page contents - class styles */ .index { font-size: 0.8em; font-weight: bold; color: #666666; text-transform: uppercase; letter-spacing: 0.45em; } .index_list { border-bottom: solid 1px #CCCCCC; padding-top: 2px; margin-bottom: 2px } .yellow_marker { background-color: yellow; padding: 0.5em 1em 0.5em 0.5em; border: solid 1px; border-color:#0066CC; } .gold {color: #FFCC00;} .caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #CC0033; line-height: 1.5em; } .info { text-align: right; } .post { background-color:#FFFFFF; color: #0A416B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 0.8em; border-left: #4b5359 1px solid; border-right: #4b5359 1px solid; padding-bottom: 10px; } .post p { margin-top: 0.8em; margin-bottom: 0.8em; } .post h1 { padding-top: 10px; } .post h2 { font-weight: bold; padding-top: 1em; margin-bottom: -0.5em; } .post .hilite { color:#CC0033; } .post a { color: #005697; } .post a:hover { color: red; } .post .redlink { color: #CC0033 !important; background: none !important; padding: 0 0 2px 0 !important; letter-spacing: 0.07em !important; } .post .title { margin: 0; padding: 30px 30px 0 30px; } .post .title a { text-decoration: none; color: #0A416B; } .byline { text-transform: uppercase; color: #CC0033; } .post .entry { padding: 0px 30px 10px 30px; } .post .entry li { font-weight:lighter; letter-spacing: normal; line-height: 150%; list-style: none; } .post .entry a[href] { font-weight:lighter; letter-spacing: 1px; line-height: 175%; text-decoration:none; padding: 0px 0px 2px 10px; background: url(images/img09.gif) no-repeat 0px 6px; color: #000; text-transform: uppercase; } .post .entry a[href]:hover { color: #FF0000; text-decoration: none; } .post .entry a[img] { background-image: none; } /* action request links */ #content .category_link { float: right; display: inline; margin-bottom: 15px; } #request_button { float: left; display: inline; margin-bottom: 15px; background-color: #FF0033; box-shadow: 0px 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.7); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.7); } #request_button:hover { background-color: #6699FF; } #content .info_request { background-image: none !important; font-weight:lighter; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 0px 2px 2px; color: #fff; } #content .info_request:hover { text-decoration: none; } #content .cd_link { font-weight:lighter; background-image: url(images/cd_small.png); background-position: 1px 1px; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 2px 0px 2px 20px; color: #333333; } #content .cd_link:hover { color: #FF0000; text-decoration: none; } #content .doc_link { font-weight:lighter; background-image: url(images/pdf.png); background-position: 0 2px; letter-spacing: 1px; line-height: 150%; text-decoration:none; padding: 0px 0px 10px 20px; color: #333333; text-transform: capitalize !important; } #content .doc_link:hover { color: #FF0000; text-decoration: none; } ul.doc_links { margin-left: 1em; padding-left: 0.6em; list-style:none; list-style-image: url(blank.gif); } ul.doc_links li { padding-bottom: 4px; background-image: url(images/pdf.png); background-repeat: no-repeat; } ul.doc_links li a { background-image: none !important; margin-left: 20px; text-transform: capitalize !important; } ul.doc_links li a:hover { color: #FF0000; text-decoration: none; } /* styling for tables and charts */ ul.benefits { border: solid #005697 1px; border-collapse: collapse; margin: 0; padding: 0; text-indent: 5px; } ul.benefits li.label{ background-color: #fffcd6; text-transform: uppercase; color: #005697; font-weight: bold; border-bottom: solid #005697 1px; } ul.benefits li{ background-color: #d4effd; } ul.benefits li.pale{ background-color: #f2f7fa; } ul.features { border: solid #005697 1px; border-collapse: collapse; list-style: none; margin: 0; padding: 0; text-indent: 5px; color; #000; } ul.features li.label{ background-color: #d9ead3; text-transform: uppercase; color: #005697; font-weight: bold; border-bottom: solid #005697 1px; } ul.features li{ background-color: #f7dbce; } ul.features li.pale{ background-color: #fcf2ee; } .techtable { border-collapse: collapse; border-spacing: 0pt; border: 1px solid; border-color: #0066CC; } .techtable td, th { background: white; border: inset 1pt; border-color: #0066CC; vertical-align: 50%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; letter-spacing: 0.06em; line-height: 150%; } .techtable a[href] { text-transform: capitalize !important; background-image: none !important; padding: 0 0 0 0 !important; } /* W3C logos*/ #w3c a { background-image: none; padding-left: 0; } /* Navigation side panels */ #rightbar { padding: 0 0 0 25px; margin: 0; } .sidebar { float: left; width: 165px; background-color: #FFFFFF; } .sidebar ul { margin: 0; padding: 0; list-style: none; line-height: 135%; } .sidebar li { } .sidebar li ul { } .sidebar li li { padding: 6px 0 6px 10px; background: url(images/img08_red.gif) no-repeat 0 12px; border-bottom: 1px solid #fff; } .sidebar li li a { text-decoration: none; color: #0A416b; } .sidebar li li a:hover { color: #FF0000; padding: 6px 0 6px 11px; } .sidebar li h2 { padding-top: 20px; color: #101011; font-size: 0.9em; } .divider { padding-bottom: 8px; border-bottom: 1px solid #000; } /* Search box visual styling - the actual search function is called in from a cgi php script*/ #searchform { text } #searchform br { display: none; } #searchform input { margin-bottom: 5px; } #searchform #s { width: 190px; } /* page footer */ #footer { clear: both; padding: 8px 0 1px 0; background: #101011; background-image: url(images/grayscale/footer3.gif); background-position: top; background-repeat: repeat-x; } #footer p { text-align: center; color: #fff; } #footer .links a { margin-left: auto; margin-right: auto; text-align: center; padding-left: 10px; font-size: 0.7em; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color: #fff; } #footer p.copyright { font-size: smaller; margin-top: -34px; letter-spacing: 0.2em; color: #222222; } #footer .links a:hover { color: #fff; } #footer p#printFooter { display: none; }