/*html,html body {height:100%;}*/
body#frontend{ background: #FFFFFF url('../../images/frontend/bg-body.gif') top left repeat; text-align: center; }
body{ margin: 0; padding: 0; color: #666666; font: 68%/1.4em Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

a{ color: #ff6600; text-decoration: underline; outline: none; -moz-outline: none; }
a:hover{ text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ color: #ff6600; margin: 0; padding: 0; font: bold 180% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; text-transform: capitalize;}
h2{ color: #003399; margin: 0; padding: 0 0 0.4em 0; font: bold 160% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h3{ color: #003399; margin: 0; padding: 0 0 0.8em 0; font: normal 135% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 0px; }
h4{ color: #003399; margin: 0; padding: 0 0 0.4em 0; font: normal 120% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #003399; margin: 0; padding: 0; font: normal 105% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }
.related-sidebar h5{ color: #003399; margin: 0; padding: 0; font: normal 105% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; }

p{ margin: 0; padding: 0 0 2em 0; }
blockquote{ margin: 0em 1em 2em 1.5em; }
img, img a{ border: none; }

ul{ list-style-type: square; display:block; margin: 0 0 2em 1em; padding: 0 0 0 1.5em; }
ol{ list-style-type: decimal; display:block; margin: 0 0 2em 1em; padding: 0 0 0 1.5em; }
ul li, ol li , ol li a, ul li a{ line-height: normal; }
ul li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: square; }
ol li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: decimal; }
ul.no-bullets{ margin: 0 0 0.8em 0; padding: 0; list-style-type: none; }
ul.no-bullets li{ list-style-type: none; }

/* facetlist */
div.facet-container{ display: block; width: 225px; clear: both; float: left; border-bottom: 1px solid #E1E3E7; border-top: 1px solid #E1E3E7; margin: 0 0 10px 0; }
ul.facet-list{  list-style-type: none; background: #F3F7FE; padding: 0.3em 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li label{ width: 200px; float: right; color: #003399; line-height: 1.2em; margin: 0; padding: 0.3em 0;  }
ul.facet-list li label.selected{ /*font-weight: bold;*/ color: #FF6600; }
ul.facet-list .checkbox{ float: left; width: 14px; }
ul.facet-list span{ color: #9CA3C1; font-size: 90%; }
ul.facet-list li{ border-top: 1px none #f2f2f2; display: block; width: 100%; clear: both; float: left; padding: 0; list-style-type: none; }
h4.facet-list-title{ margin:0; padding: 0.3em 0em; text-indent: 4px; width: 225px; float: left; background: #F3F7FE ; color: #003399; font-weight: bold; font-size: 100%; }
/* subfacetlist */
ul.facet-list ul{  list-style-type: none; padding: 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li ul label{ width: 178px; float: right; }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 25px; }

form{ margin: 0; padding: 0; }
form p, .form p{ padding: 0.2em 0; margin: 0; clear: both; width: 100%; }
fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; }
input, textarea{ font: normal 100% Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; background: #FFF;  border: 1px solid #EEEEEE; padding: 2px 4px; width: 98%;  }
input.button, a.button, input.loginButton, a.loginButton{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px none #666666 !important; padding: 2px 8px; color: #FFF; background: #003399; }
input.button:hover, a.button:hover, input.loginButton:hover, a.loginButton:hover{  -moz-border-radius:3px; -webkit-border-radius: 3px; border: 1px none #ff6600 !important; background: #ff6600; color: #FFF;  padding: 2px 8px; text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: 14px; }
label{ color: #5E5A58; display: block; clear: both; margin: 0; cursor: pointer; line-height: 1.4em; }
label.inline, ul li label{ display: block; clear: none; margin: 0 0 0 4px; float: left; width: 85%; }
label:hover{ text-decoration: underline; }
input.fillout{ width: 98%; }
input.loginButton{ width: auto; }
span.inline input, span.inline label, table.inline input, table.inline label { width:auto; display:inline; }


/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.center-page{ margin: 0 auto; overflow: hidden; }
.clear{ clear: both; display: block; }
.clear-right{ clear: right; }
.clear-left{ clear: left; }
.no-clear{ clear: none; display: inline; }
.big-txt{ font-size: 115%; }
.big-nav *{ font-size: 110%; }
.normal-txt{ font-size: 100%; }
.small-txt{ font-size: 96%; }
.xsmall-txt{ font-size: 88%; }
.left{ float: left;}
.left-img{ margin: 8px 24px 8px 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 0 0 1em 0; width: 100%; border-top: 1px #E4E4E4 solid; display: block; clear: both; }
.padding{ padding: 10px; }
.padding-small{ padding: 5px; }
.padding-xsmall{ padding: 2px; }
.padding-small-content{ padding: 0px; }
.padding-small-results{ padding: 0px; }
.no-margin{ margin: 0; }
.no-margin-bott{ margin-bottom: 0; }
.no-padding{ padding: 0 !important; }
.no-pad-bott{ padding-bottom: 0; }
.no-border{ border: none !important; }
.nofloat{ float: none; }
.right{ float: right; }
.right-img{ float: right; margin: 8px 0 8px 24px; }
.right-txt{ text-align: right; }
.rnd-small{ /*-moz-border-radius:4px;*/ -webkit-border-radius: 4px; }
.rnd-big{ /*-moz-border-radius:6px;*/ -webkit-border-radius: 6px; }

.mtop{ margin-top: 10px; }
.mbott{ margin-bottom: 10px; }
.mleft{ margin-left: 10px; }
.mright{ margin-right: 10px; }
.mstop{ margin-top: 5px; }
.msbott{ margin-bottom: 5px; }
.msleft{ margin-left: 5px; }
.msright{ margin-right: 5px; }

.ptop{ padding-top: 10px; }
.pbott{ padding-bottom: 10px; }
.pleft{ padding-left: 10px; }
.pright{ padding-right: 10px; }
.pstop{ padding-top: 5px; }
.psbott{ padding-bottom: 5px; }
.psleft{ padding-left: 5px; }
.psright{ padding-right: 5px; }

.spacer{ margin-right: 20px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.underline{ text-decoration: underline; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.hideoverflow{ overflow: hidden !important; }

.clearfix:after {	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }

.photo-description{ font-size: 88%; font-style: italic; }
.footer-description{ font-size: 88%; }
.box-border{ border: 1px solid #efefef; }

/* end toolbox */


/* color styles */
.black-txt, .black-txt * { color: #000 !important;  }
a.black-txt:hover, .black-txt a:hover { color: #000 !important; }
.white-txt, .white-txt * { color: #FFF !important;  }
a.white-txt:hover, .white-txt a:hover  { color: #FFF !important; }
.light-txt, .light-txt * { color: #b1b1b1 !important;  }
a.light-txt:hover, .light-txt a:hover { color: #b1b1b1 !important; }
.dark-txt, .dark-txt * { color: #003399 !important;  }
a.dark-txt:hover, .dark-txt a:hover { color: #003399 !important; }
.special-txt, .special-txt * { color: #ff6600 !important;  }
a.special-txt:hover, .special-txt a:hover { color: #ff6600 !important; }


/* box and result list */
.read{ background-color: #FFF !important; }
.box h4, .box h4 a, div.results h4, div.results h4 a{ color: #003399; width: 65%; }
.read h4, .read h4 a{ color: #636363 !important; }
div.box, div.results{ background-color: #F3F7FE; margin: 0 0 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; float: left; clear: both; width: 100%; }
/*div.results .left-pane{ width: 505px !important; float: left;  border-right: 1px solid #D9DCDD !important; }
div.results .right-pane{ display: block; overflow: hidden; position: absolute !important; right: 5px !important; width: 190px !important; float: right; border: none !important; }
div.results .right-pane .padding-small{ padding: 0 !important; }*/

p.sort a{ color: #003399; text-decoration: none; margin: 1em 1em 1em 5px; }
p.result-txt{ padding: 0.5em 0 1.2em 0 !important; display: block; }


/* various */
.selection-vertical .fillout{ width: 85% !important; }
.selection-vertical, .selection-horizontal, .extra{ border-bottom: 2px solid #F2F2F2; }
.paragraph p, div.results p{ padding: 0 0 0.3em 0; }
.border-img{ background-color: #efefef; border: 1px solid #F2F2F2; }
.border-img img{ float: left; margin:0; padding: 0; }
.caption{ font-size: 86%; text-align: center; }

.bg-color-01 { background: #F3F7FE; color: #58646B; }
.bg-color-02 { color: #ff6600; background: #dede0d; width: 100%; display: block; }
.bg-color-03 { color: #ff6600; background: #f2f29e url('../../images/frontend/icon-arrow-color-03.gif') 95% 50% no-repeat; }
.bg-color-04 { color: #666666; background: #f8f8cf; width: 100%; display: block; }
.bg-color-05 { color: #666666; background: #F3F7FE url('../../images/frontend/icon-arrow-color-05.gif') 95% 50% no-repeat; }
.bg-color-05 a{ color: #666666; text-decoration: none; }
.bg-color-05 a span{ position: relative; top: 4px; }
.bg-color-06 { color: #FFFFFF; background: #ff6600; margin-top: 1.5em; }
.bg-color-07 { color: #666666; background: #F3F7FE; }

.btn-sidebar{ float: left; width: 100%; clear: both; margin-bottom: 5px; overflow: hidden; }
.btn-sidebar a{ display: block; width: 100%; clear: both;  }
.btn-sidebar img{ margin: 0 8px 4px 0; }
.btn-sidebar .padding-xsmall{ padding: 4px 8px 4px 8px; }

.related-sidebar p{ padding: 0 0 0.5em 0; }
.related-sidebar p a{ color: #ff6600 !important; }
.related-sidebar{ color: #798287; line-height: 1.4em; }
.related-sidebar ul{ margin: 0em; }
.related-sidebar li{ padding: 0.1em; }
.related-sidebar strong a{ color: #003399 !important; }

.download-txt{ padding: 4px; font-size: 88%; color: #b1b1b1; line-height: 1.4em; margin: 0.5em 0 1.5em 0; float: left; }


/*link styles*/
a.read-more{ font-size: 105%; line-height: 0.3em; padding: 0.3em 0em 0.4em 12px; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 0px 2px no-repeat; text-decoration: none; }
a.read-more:hover{ text-decoration: underline; }
a.icon-del-end{ background: #f2f2f2 url('../../images/frontend/icon-del.gif') 4px 50% no-repeat; padding: 0.3em 0.6em 0.3em 2.4em; margin-top: 0.2em; margin-right: 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }
a.icon-del-end:hover{ text-decoration: line-through; background: #F8EEEF url('../../images/frontend/icon-del-hover.gif') 4px 50% no-repeat; padding: 0.3em 0.6em 0.3em 2.4em; margin-top: 0.2em; margin-right: 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; float: left; }


/* icon bg styles */
.icon-back{ background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 14px; }
.icon-print{ background-image: url('../../images/frontend/icon-print.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 14px; }
.icon-info{ background-image: url('../../images/frontend/icon-info.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }

.icon-add{ text-decoration: none; /*background-image: url('../../images/frontend/icon-add.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px;*/ }
.icon-added{ text-decoration: none; /*background-image: url('../../images/frontend/icon-added.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px;*/ }

.icon-del{ background-image: url('../../images/frontend/icon-del.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-pdf{ background-image: url('../../images/frontend/icon-pdf.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 20px; }
.icon-arrow-prev{ background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 12px; }
.icon-arrow-next{ background-image: url('../../images/frontend/icon-arrow-read-more.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 12px 2px 0; }
.icon-arrow-right{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 0px 6px; background-repeat: no-repeat; text-indent: 10px; }
.icon-arrow-down{ background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 8px; background-repeat: no-repeat; text-indent: 10px; }
a.icon-jv{ background-image: url('../../images/frontend/icon-jv.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 25px; }
a.icon-aj{ background-image: url('../../images/frontend/icon-aj.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 25px; }
a.icon-mj{ background-image: url('../../images/frontend/icon-mj.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 25px; }
a.icon-jr{ background-image: url('../../images/frontend/icon-jr.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 4px 25px; }

.jv h4{ /*background-image: url('../../images/frontend/icon-jv.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 25px;*/ }
.aj h4{ background-image: url('../../images/frontend/icon-aj.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 25px; }
.mj h4{ background-image: url('../../images/frontend/icon-mj.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 25px; }
.jr h4{ background-image: url('../../images/frontend/icon-jr.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 25px; }

.jv { background-image: url('../../images/frontend/bg-jv.gif'); background-color: #FFF !important; background-position: top left; background-repeat: repeat-x; }
.jr { background-image: url('../../images/frontend/bg-jr.gif'); background-color: #FFF !important; background-position: top left; background-repeat: repeat-x; }


/* page layout */
#framework{ position: relative; width: 990px; text-align: left; }

#container{ width: 100%; height: 100%; float: left; }

#header{ position: relative; width: 100%; min-height: 106px; _height: 106px; background: #FFF url('../../images/frontend/bg-header.jpg') top right no-repeat; }

#header .company-title a{ float: left; height: 79px; width: 175px; overflow: hidden; display: block; background: #FFF url('../../images/frontend/company-logo.jpg') top left no-repeat; }
#header .company-title a span{ display: none; }
#header .document-title{ float: right; position: relative; top: 40px; display: none; }
#header .go-to{ position: absolute; float: right; top: 85px; right: 10px; z-index: 100; font-size: 110%; }
#header .go-to a{ color: #003399; text-decoration: none; }
#header .go-to a:hover{ color: #ff6600; text-decoration: underline; }

#content{ width: 100%; height: 100%; padding: 10px 0; float: left; background: #FFF; }
#content.home-page .left-pane{ width: 755px; height: 300px; float: left; padding-left: 10px; background: url('../../images/frontend/visual-homepage.jpg') top left no-repeat; }
#content .content-pane{ width: 735px; float: right; padding-right: 2px; }
#content .content-footer-pane{ width: 500px; clear: both; }
#content .content-footer-pane a{ text-decoration: none; }
#content .content-footer-pane a:hover{ text-decoration: underline; }
#content .left-pane{ padding-left: 10px; width: 225px; float: left; border-top: 2px none #dede0d; padding-top: 0em; }
#content .center-pane{ padding-left: 0px; width: 508px; float: left; border: 1px none #E1E3E7; padding-top: 0em; }
#content .right-pane{ position: relative; right: 10px; width: 205px; float: right; border: 1px none #E1E3E7; padding-top: 0em; }

#container .page-title{ float: left; font-size: 140%; color: #003399; width: 65%; padding: 0.7em 0 0.15em 0 !important; }
#container .helpers{ float: right; width: auto; margin: 0.4em 0 0 0; }
#container .helpers a{ float: left; margin-left: 1.8em; color: #003399; text-decoration: none; }	
#container .helpers a:hover{ text-decoration: underline; }

#container.wide .page-title{ float: left; font-size: 140%; color: #003399; width: 45%; padding: 0.7em 0 0.15em 0 !important; }
#container.wide .left-pane{ padding-left: 10px; width: 225px; float: left; border-top: 2px none #dede0d; padding-top: 0em; }
#container.wide .center-pane{ padding-left: 0px; width: 725px; float: left; border: 1px none #E1E3E7; padding-top: 0em; }
#container.wide .center-pane .text-container-small{ width: 500px; }
#container.wide .right-pane{ position: absolute; }
#container.wide .content-footer-pane{ width: 725px; clear: both; }
#container.wide .helpers{ float: right; width: auto; margin: 0.4em 0 0 0; position: relative; right: 217px; }
#container.wide .center-pane .subheader{ min-height: 7em; _height: 7em; }

/*#container.wide .subheader div.bg-search-box{ position: absolute; right: 0px; top: -90px; width: 206px; height: 20px; }*/
#content .subheader div.bg-search-box{ width: 206px; height: 20px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: absolute; right: 0px; top: -90px; }
#content .subheader input.search-box{ width: 195px; height: 19px; margin: 0; padding: 0 0 0 5px; font-size: 90%; color: #828282; border: none; background: none; outline: none; -moz-outline: none;position: absolute; left: 0px; top: 1px; }
#content .subheader input.search-box-submit{ width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; background: transparent; border: none; cursor: pointer; }

#content .left-pane .subheader{ min-height: 5em; _height: 5em; }
#content .center-pane .subheader{ min-height: 4.7em; _height: 4.7em; }
/*#content .right-pane .subheader{ min-height: 0em; _height: 0em; }*/
#content .subheader p{ margin: 0; padding: 0; }
#content .subheader a{ color: #003399; font-size: 100%; }

#content .subheader .left-pane{ padding-left: 0px; width: 225px; float: left; border-top: 2px none #dede0d; padding-top: 0.5em; }
#content .subheader .left-pane .related-sidebar{ background: #FFF; width: 100%; border: #E1E3E7 1px none; float: left; margin-bottom: 0em; }
#content .subheader .left-pane .related-sidebar h4{ padding: 0.4em 0em; text-indent: 4px; background: #FFF; margin-top: 0px; color: #003399; font-size: 116%; }

#content .subheader .right-pane{ position: relative; right: 0px; width: 205px; float: right; border-top: 2px none #dede0d; padding-top: 0.5em; }
#content .subheader .right-pane p a{ color: #003399 !important; text-decoration: none; }
#content .subheader .right-pane p a:hover{ color: #003399 !important; text-decoration: underline; }
#content .subheader .right-pane .related-sidebar{ background: #FFF; width: 100%; border: #E1E3E7 1px solid; float: right; }
#content .subheader .right-pane .related-sidebar h4 a{  padding: 0.2em 0em; text-indent: 4px; background: #F3F7FE url('../../images/frontend/icon-arrow-header.gif') 95% 50% no-repeat; color: #003399; display: block; width: 100%; }
#content .subheader .center-pane{ padding-left: 0px; width: 100%; float: left; border-top: 1px none #dede0d; padding-top: 0.5em; }

#content .related-sidebar{ background: #FFF; color: #9CA3B1; font-size: 96%; width: 100%; border: #B2B2B2 1px solid; clear: both; float: right; margin-bottom: 10px; }
#content .related-sidebar h3{ padding: 0.8em 0 0 0; text-indent: 4px; margin-top: 0px; color: #003399;  }
#content .related-sidebar h4{ padding: 0.4em 0em; text-indent: 4px; background: #BBCCDD; margin-top: 0px; color: #003399; font-size: 114%; }
#content .related-sidebar h4 a{ padding: 0.2em 0em; text-indent: 4px; background: #BBCCDD url('../../images/frontend/icon-arrow-header.gif') 95% 50% no-repeat !important; color: #003399; font-size: 100%; display: block; width: 100%; }
#content .related-sidebar ul{ margin: 0; padding: 0; width: 193px; }
#content .related-sidebar li{ padding: 0; margin: 0; display: block; width: 100%; border-bottom: 1px dashed #9CA3B1; background-image: url('../../images/frontend/icon-arrow-header.gif'); background-position: 98% 75%; background-repeat: no-repeat !important; }
/*#content .related-sidebar li:hover{ background-color: #E4EDFF !important; }*/
#content .related-sidebar li a{ text-decoration: none; padding: 0.4em 0 0.4em 10px; display: block; width: 160px; color: #9CA3B1; background: url('../../images/frontend/icon-bullet.gif') 0px 8px no-repeat !important;}
#content .related-sidebar li a:hover{ text-decoration: underline; color: #9CA3B1; }

#content .content-footer-pane .box{ background-color: #F3F7FE; margin: 0 0 5px 0; }
#content .short-nav{ margin: 2em 0 0 0; width: 508px; position: relative; left: 0px; }
#container.wide .short-nav{ margin: 2em 0 0 0; width: 100%; position: relative; left: 0px; }

#content.home-page{ width: 100%; height: 100%; padding: 20px 0 10px 0; float: left; background: #FFF; }
#content.home-page .subheader { width: auto; position: absolute; }
#content.home-page .related-sidebar{ height: 91px; }
#content.home-page .intro-txt{ position: relative; color: #003399; top: 135px; left: -5px; float: left; padding: 0; height: 62px; width: 390px; line-height: 1.4em; overflow: hidden; display: block; }
#content.home-page .intro-link a{ position: relative; color: #003399; float: right; top: 197px; right:10px; width: 320px; height: 62px; display: block; }
#content.home-page .intro-link a span{ display: none; }

#navigation{ width: 100%; vertical-align: center; background: #E4EBF5 url('../../images/frontend/bg-navigation.jpg') bottom left repeat-x; height: 26px; position: absolute; bottom: 0px; left: 0px; z-index: 100; }
#navigation ul.nav{ height: 26px; width: 100%; display: block; float: left; position: absolute; left: 3px; bottom: 	0px; margin: 0; padding: 0; list-style: none; }
#navigation ul.nav li{ font-weight: bold; margin: 2px 0 0 0; padding: 4px 0 0 0; list-style: none; position: relative; float: left; width: auto; display: block; clear: none; color: #FFF; }
#navigation ul.nav li a{ float: left; display: block; clear: none; color: #003399 !important; font-size: 100%; margin-top: -4px; padding: 4px 12px; text-decoration: none;  }
#navigation ul.nav li a:hover, #navigation ul.nav li.selected a, #navigation ul.nav li.active a{ background: #003399; color: #FFF !important; text-decoration: none; }
/*#navigation ul.nav li a span{ display: block; position: relative; top: -4px; }*/
#navigation ul.nav ul li a span{ display: block; float: left; width: 100%; padding: 0 0 0 12px !important; }

/*dropdows styles*/
	#navigation ul.nav li ul { border-bottom: 1px solid #B2B2B2; list-style: none; width: 18em; top: 22px; margin: 0; padding: 8px 0 8px 0; background: #D8E1F0; display: block; float: left; position: absolute; left: -999em; }
	#navigation ul.nav li:hover ul, #navigation ul.nav li.active ul { position: absolute; left: 0px !important; padding: 8px 0 8px 0; margin: -1px 0 0 0; z-index: 100; }
	#navigation ul.nav li li{ margin: 0; padding: 0; float: left; width: 100%; background: transparent; }
	#navigation ul.nav ul li a, #navigation ul.nav ul li a:hover{ width: 100%; display: block; text-decoration: none; margin: 0; padding: 4px 0px 4px 0; font-weight: normal; }
	#navigation ul.nav li.active li a, #navigation ul.nav li:hover li a, #navigation ul.nav li a.active{ background: #D8E1F0 !important; color: #003399 !important; font-weight: normal; }
	#navigation ul.nav li.active li a:hover, #navigation ul.nav li:hover li a:hover, #navigation ul.nav li a.active:hover{ background: #E4EBF5 !important; color: #003399 !important; font-weight: normal; }


#footer{ color: #FFF;  width: 100%; border-top: 1px #003399 solid; background: #999; margin: 0 0 1em 0; padding: 0.3em 0 0.5em 0; height: 18px; width: 100%; clear: both; float: left; }
#footer .left{ margin-left: 8px; }
#footer .right{ margin-right: 8px; }
#footer .padding-small{ padding: 0; }
#footer a{ color: #FFF; text-decoration: underline; }


/* toolbar */
#toolbar{ width: 100%; display: block; clear:both; padding: 4px 0 4px 0px; margin: 0.3em 0 2em 0; background: #003399; font-size: 104%; -webkit-border-radius: 4px; -moz-border-radius:4px;  }
#toolbar ul.toolbarNav{ margin: 0; padding: 0 4px; list-style: none; float: left; }
#toolbar ul.toolbarNav li{ padding: 0; margin: 0; float: left; display: inline; width: auto; clear: none; list-style: none; }
#toolbar ul.toolbarNav li a{ text-decoration: none; background: #335595; color: #FFF; margin: 0 1em 0 0; padding: 3px 6px; list-style: none; float: left; display: inline; width: auto; -webkit-border-radius: 4px; -moz-border-radius:4px; }
#toolbar ul.toolbarNav li a:hover{ background: #5775AB; text-decoration: none; }
#toolbar ul.toolbarNav li a img{ display: none; }
#toolbar .toolbarUser{ float: right; font-weight: bold; color: #FFF; }
#toolbar .toolbarUser a{ text-decoration: none; margin: 0 4px 0 2em; font-weight: normal; padding: 3px 6px; background: #ff6600; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius:4px; }
#toolbar .toolbarUser a:hover{ background: #5775AB; text-decoration: none; }
#toolbar .toolbarUser img{ display: none; }


/* content helpers layout */
.full-pane{ width: 100%; overflow: hidden; }
.third-pane{ width: 33%; overflow: hidden; }
.two-third-pane{ width: 66%; overflow: hidden; }
.half-pane{ width: 50%; overflow: hidden; }
.split-pane{ width: 48%; overflow: hidden; }


/* table generic */
table{ width: 100%; margin: 2em 0; border-collapse: collapse; }
table thead td{ padding: 0.1em 0.3em; color: #003399; font-size: 110%; }
table td{ padding: 0.1em 0.3em; border: 1px solid #EEE; }

/* table results */
table.results{ width: 100%; margin: 2em 0; border-collapse: separate; }
table.results thead td{ padding: 0.1em 0.3em; border-bottom: 1px solid #003399; color: #003399; font-size: 110%; }
table.results td{ padding: 0.1em 0.3em; border-bottom: 1px dotted #003399; }

/* table reports */
table.reports{ width: 100%; margin: 0.2em 0 1em 0; border-collapse: collapse; }
table.reports thead td{ padding: 0.2em 0.3em; border: none;  border-bottom: 1px solid #EEE; color: #003399; font-size: 110%; }
table.reports td{ padding: 0.2em 0.3em; border: none; border-bottom: 1px solid #EEE; }


/* paging */
.paging{ width: 100%; white-space: nowrap; margin: 2em 0 0 0; padding: 1em 0; border-top: #efefef 1px solid; float: left; clear: both;  }
.paging a{ padding: 0.3em 0.6em; margin: 0 1px 0 0; color: #003399 !important; text-decoration: none; }
.paging a:hover{ padding: 0.3em 0.6em; margin: 0 1px 0 0; color: #FF6600 !important; text-decoration: underline; }
.paging a.next, .paging a.next:hover{ margin-left: 0.5em; color: #ff6600 !important; background-image: url('../../images/frontend/icon-arrow-read-more.gif'); background-position: center right; background-repeat: no-repeat; padding: 0 12px 2px 0;  }
.paging a.prev, .paging a.prev:hover{ margin-right: 0.5em; color: #ff6600 !important; background-image: url('../../images/frontend/icon-back.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 12px;  }
.paging a.selected, .paging a.selected:hover{ font-weight: bold; background-color: #ff6600 !important; color: #FFF !important; }
.paging span{ color: #D9DCDD; }
.top-paging{ border: none; margin: 1em 0 0 0; }

/* tooltip */
#tooltip{ display: none; background: #FDFCE7; -webkit-box-shadow: 1px 1px 8px #999; -webkit-border-radius: 6px; -moz-border-radius:6px; border: 1px solid #FFCF31; font-size: 94%; text-align: left; width: auto; position: absolute; padding: 0px 4px; z-index: 1000; }