/* CSS Document */

@import url(layout.css);

* { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
#wrapper { font-size: 86%; }

/* Main text styles */
h3, h4, h5, h6, p, ul, ol, dl { line-height: 1.7em; color: #333; margin-bottom: 1em; }
h3, h4, h5, h6, p, li, dl { margin-left: 20px; margin-right: 20px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 180%; }
h2 { background: #1b5f9f url(../images/layout/h2_bg.gif) left top repeat;/* border-top: 1px solid #fff;*/ border-bottom: 1px solid #fff; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 140%; margin-bottom: 10px; padding: 10px 20px; }
#sidebar h2 { background-color: transparent; background-image: none; border: none; color: #90b6db; padding: 20px 20px 0 20px; margin-bottom: 0; }
h2 strong { color: #90b6db; font-weight: normal; }
h3 { color: #195d9d; font-size: 100%; margin: 0px; }
#sideContent h3 { margin: .8em 20px 0; }
h3 .note { color: #666; font-weight: normal; font-size: .9em; }
h2 + h3 { margin-top: 0; }
h4 { color: #666; font-size: 100%; }
#sideContent h4 { margin-bottom: 0; }
h5 { font-size: 100%; }
dt { color: #195d9d; font-weight: bold; margin-bottom: 0; }
#content dd { padding: 0 20px; margin-bottom: .5em; }

ul { list-style-type: none; padding: 0 25px; }
ul li { background: url(../images/layout/bullet.gif) 0 4px no-repeat; line-height: 1.4em; padding-left: 15px; margin-top: .7em; }
ul.checkboxes { background-image: none; padding-left: 0; }
ul.checkboxes li { background-image: none; padding-left: 0; margin-left: 50px; text-indent: -25px; }
#sideContent ul { padding: 0 0 0 25px; }
ol { margin-left: 50px; }
ul li.pdf { background: url(../images/icons/pdf.gif) 0 0 no-repeat; padding: 2px 0 2px 20px; }
ul li.zip { background: url(../images/icons/zip.gif) 0 0 no-repeat; padding: 2px 0 2px 20px; }
ul li.ies { background: url(../images/icons/ies.gif) 0 0 no-repeat; padding: 2px 0 2px 20px; }

/* tables */
table { border: 1px solid #fff;  border-collapse: collapse; margin-bottom: 20px; }
table caption { background: #1b5f9f url(../images/layout/caption_bg.gif) left top repeat-x; border: 1px solid #fff; color: #fff; font-weight: bold; margin: 0 20px 0 19px; padding: 8px 4px; }
td, th { border-bottom: 1px solid #fff; padding: 3px 4px; vertical-align: top; }
td.data { text-align: center; }
thead th { background: #90b6db; color: #fff; text-align: center; padding: 5px 4px; vertical-align: middle; }
tfoot td { background: #b1cce6; text-align: right; padding: 5px 4px; }
tr.alt { background: #d6e4f2; }
#content table { margin-left: 20px; margin-right: 20px; width: 679px; }
#contentWithSide table { width: 434px; }
#content fieldset table { border: none; margin: 10px 0; width: 100%; }
#content fieldset table td, 
#content fieldset table th { border: none; }
td h4, 
td p { line-height: 1.2em; margin: 0; padding: 0; }
td ul { margin: 0; padding: 0; }
td ul li { background-image: url(../images/layout/bullet2.gif); line-height: 1.3em;margin: 2px 0; padding-left: 10px; }
table.lamping th, 
table.lamping td { font-size: .9em; text-align: center; }
table.lamping th { background-color: #90b6db; color: #fff; }
table.lamping thead th { background-color: #1b5f9f; }

/* =form */
table.form { background-color: transparent; border: none; }
table.form th { padding-top: 4px; text-align: right; vertical-align: top; width: 200px; }
p.required, 
table.form .required th { color: #c00; }
button, input, select, textarea, .formSubmit img { vertical-align: middle; }
input.text, 
select, 
textarea { border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 1px; width: 99%; }
textarea { height: 8em; }
input.inline, 
select.inline, 
textarea.inline { width: auto; }
.formSubmit { text-align: right; margin: 10px 20px 20px; }
.formSubmit .alt { float: left; text-align: left; }

/* =fieldset, =blockquote */
blockquote { border-left: 3px solid #800000; background: #e5edf5 url(../images/layout/blockquote_bg.gif) left top no-repeat; overflow: auto; margin: 10px 50px; padding: 15px 0 5px; }
fieldset { background: #e5edf5 url(../images/layout/fieldset_bg.gif) left top repeat-x; border: none; border-top: 1px solid #800000; margin: 20px; padding: 10px 20px 10px 20px; position: relative; }
fieldset fieldset { background: #cedceb; margin: 10px 0; padding: 10px; }
fieldset legend { background-color: #fff; border-bottom: 3px solid #800000; color: #1b5f9f; font-size: 12px; font-weight: bold; line-height: 1em; padding: 5px 10px; }
fieldset fieldset legend { background-color: #e5edf5; }
fieldset .formSubmit { padding: 10px 0; margin: 0; }

/* Login form */
#loginForm { position: relative; }
#loginForm .formSubmit { position: absolute; right: 3px; bottom: -10px; }
#loginForm .loginOptions { margin-left: 212px; }

/* =img */
a img { border: 0; }
p img, li img, h3 img, h4 img, h5 img, h6 img { vertical-align: middle; }
img.image { float: right; margin: 5px 20px 5px 10px; }
img.row { float: none; margin: 10px 20px; }
#sideContent img.image { background: #fff; background-image: none; float: none; border: 3px solid #fff; margin: 5px; padding: 0; }

/* =a */
a:link { color: #195d9d; text-decoration: underline; }
a:visited { color: #5a199d; }
a:hover, a:active { color: #666; text-decoration: none; }
h2 a:link, h2 a:visited { color: #fff; text-decoration: underline; }
h2 a:hover, h2 a:active { color: #d6e4f2; text-decoration: none; }
#sidebar h2 a:link, #sidebar h2 a:visited { color: #800000; text-decoration: none; }
#sidebar h2 a:hover, #sidebar h2 a:active { color: #a6e376; text-decoration: underline; }
#header a:link, #header a:visited { color: #d6e4f2; text-decoration: underline; }
#header a:hover, #header a:active { color: #fff; text-decoration: none; }
#subnav a:link, #subnav a:visited { color: #fff; text-decoration: none; }
#subnav a:hover, #subnav a:active { color: #fff; text-decoration: underline; }
#heading .breadcrumb a:link, #heading .breadcrumb a:visited { color: #90b6db; text-decoration: underline; }
#heading .breadcrumb a:hover, #heading .breadcrumb a:active { color: #fff; text-decoration: underline; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover, #header a:active { color: #cee1f3; text-decoration: underline; }
.alert a:link, .alert a:visited { color: #90b6db; font-weight: bold; text-decoration: none; }
.alert a:hover, .alert a:active { color: #fff; text-decoration: underline; }
.sidenav a:link, .sidenav a:visited { color: #90b6db; font-weight: bold; text-decoration: none; }
.sidenav a:hover, .sidenav a:active { color: #fff; text-decoration: underline; }
.sidenav ul a:link, .sidenav ul a:visited { color: #fff; font-weight: normal; }
.sidenav ul a:hover, .sidenav ul a:active { color: #fff; }
.sidenav ul ul a:link, .sidenav ul ul a:visited { color: #999; }
.sidenav ul ul a:hover, .sidenav ul ul a:active { color: #ccc; }
.sidenav ul li.active a:link, .sidenav ul li.active a:visited { color: #92c25a !important; }

/* footer */
#footer p, #footer h4 { color: #fff; text-align: center; font-size: 86%; line-height: 1.8em; margin: 0; }
#footer h4, #footer strong, #footer .tel .type { color: #cee1f3; font-weight: bold; }

/* News */
.newsPosts { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.newsPosts li { background-image: none; margin: 0 0 0 80px; padding: 0; position: relative; }
.newsPosts li .postDate { color: #666; font-style: italic; margin-bottom: 0; position: absolute; left: -80px; top: 2px; }
.postMeta { border-top: 3px solid #90b6db; margin: 20px; padding: 10px 0; }
.news { margin-left: 0; }
.news li { margin-left: 0; }
/*#newsHeader { margin-top: 20px; }*/
.whatsNewAd { border-top: 1px solid #fff; }

/* Pagination */
.pagination { background: #424344; border-top: 3px solid #800000; clear: both; line-height: 20px; text-align: right; margin: 0 20px 20px 20px; overflow: hidden; padding: 10px; }
* html .pagination { height: 1%; }
.pagination p { color: #fff; margin: 0; padding: 0;  }
.pagination p.alt { float: left; }
.pagination .results { text-align: left; float: left; }
.pagination a:link, .pagination a:visited { color: #fff; text-decoration: none; }
.pagination a:hover, .pagination a:active { color: #d6e4f2; text-decoration: underline; }
#searchResultsDetail .pagination { background: #fff; border: none; float: right; }
#searchResultsDetail .pagination a:link, #searchResultsDetail .pagination a:visited { color: #195d9d; text-decoration: none; }
#searchResultsDetail .pagination a:hover, #searchResultsDetail .pagination a:active { color: #666; text-decoration: underline; }


/* assorted styles */
.address { margin-bottom: 1em; }
.address p, .address h4 { margin-bottom: 0; }
.alert { background: #3f4041 url(../images/layout/alert_bg.gif) left top no-repeat; color: #fff; min-height: 26px; padding: 15px 10px 2px 52px; }
.alertOuter { background: #3f4041 url(../images/layout/alert_bg2.gif) right bottom no-repeat; margin: 20px 40px; padding-bottom: 10px; }
fieldset .alert { margin: 10px 0; }
.alert h3 { color: #92c25a; margin: 0; padding: 0; }
.alert p { color: #fff; font-size: 1.1em; padding: 0; margin: 0 0 5px 0; }
.alert li { color: #fff; font-size: 1.1em; padding: 0; margin: 0 0 5px 0; }
.clear { clear: both; }
.downloads { clear: both; padding: 0; }
.downloads li { background-image: none; margin: 0 0 .5em 3em; padding: 2px 0 2px 20px; }
#sideContent .downloads li { margin-left: 0; margin-right: 1em; }
.hr { border-bottom: 1px solid #ddd; margin: 10px 20px; } 
.hr_lighting { border-bottom: 1px solid #144b8a; margin: 10px 20px; }
#sideContent .hr { border-bottom: 1px solid #fff; }
.hr hr { display: none; }
.intro { color: #1b5f9f; font-size: 150%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 15px 20px; }
.more { text-align: right; }
.more a { background: url(../images/icons/pag_next.gif) 100% 50% no-repeat; padding-right: 16px; }
.next { background: url(../images/icons/pag_next.gif) 100% 50% no-repeat; padding: 0 16px 0 0; }
.note { color: #666; font-style: italic; } 
.prev { background: url(../images/icons/pag_previous.gif) 0 50% no-repeat; padding: 0 0 0 16px; }
#productImage { text-align: center; margin: 15px 0 10px; }
.sortAsc { background: url(../images/icons/sort-asc.gif) right 50% no-repeat; padding-right: 10px; }
.sortDesc { background: url(../images/icons/sort-desc.gif) right 50% no-repeat; padding-right: 10px; }
ul.toc { margin: 20px 15px; padding: 0; }
ul.toc li { background-image: none; list-style-type: none; margin: 0; padding: 0; }
ul.toc .title { display: block; color: #1b5f9f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.4em; padding: 15px 15px 0 15px; margin-bottom: 5px; }
ul.toc .desc { display: block; padding: 0 15px 10px 15px; }
ul.toc li a:link, 
ul.toc li a:visited { background: #fff; color: #333; display: block; padding-bottom: 5px; text-decoration: none;  }
ul.toc li a:hover, 
ul.toc li a:active { background: #a1c0df url(../images/layout/toc_bg2.gif) right bottom no-repeat; color: #333; text-decoration: none; }
ul.toc li a:hover .title, 
ul.toc li a:active .title { background: url(../images/layout/toc_bg.gif) left top no-repeat; color: #fff; }
.topLink { clear: left; margin: 20px; text-align: right; }
.topLink a { background: url(../images/icons/top.gif) 0 50% no-repeat; padding-left: 16px; }
#tooltip { display: none; background: #fff; border: 3px solid #185b9b; opacity: 0.95; margin: 0; padding: 0 0 4px 0; text-align: left; width: 180px; }
#tooltip h3, #tooltip p { font-size: 10px; line-height: 1.3em; margin: 0; padding: 0 6px; }
#tooltip p { color: #333; }
#tooltip h3 { color: #800000; padding-top: 4px; }
#content .vcard { border-left: 3px solid #800000; background-color: #e5edf5; line-height: 1.7em; margin: 10px 40px; padding: 10px; }
#content .vcard.profile { border: none; background-color: transparent; margin: 0; padding: 0; }
#content .vcard .org { font-weight: bold; color: #800000; }
#content .vcard .type { font-weight: bold; }
#heading + .oldenburgAd { margin-top: 0; }

#DataDumper { clear: both; margin: 50px auto; width: 960px;  } 
#DataDumper td { text-align: left; font-size: 11px; font-family:"Courier New", Courier, monospace; vertical-align: top; }

table caption { background: #1b5f9f url(../images/layout/caption_bg.gif) left top repeat-x; border: 1px solid #fff; color: #fff; font-weight: bold; margin: 0; padding: 8px 4px; }
table caption { margin: 0 20px 0 19px;# } /* This line applies styles to everything but Safari */
