/*@import url(../InlineWin.css);*/


html, body { height:100%;background:#FFF; }
html#front{ background-color: #FFF; background:url('../../images/frontend/bg-html.jpg') top left no-repeat;}

body#frontend{ text-align: center; background-image: url('../../images/frontend/bg_masthead.gif'); background-position: top left; background-repeat: repeat-x; }
body#frontend.logged-in{ text-align: center; background-image: url('../../images/frontend/bg_masthead.gif'); background-position: left 72px; background-repeat: repeat-x;}
body{ margin: 0; padding: 0; color: #333; font: 76%/1.6em Arial, Verdana, sans-serif, Myuen, Gulim; }

a{ color: #002776; text-decoration: none; outline: none; -moz-outline: none; }
a:hover{ text-decoration: underline; }
.center-pane p a{ color: #002776; font-weight: bold; text-decoration: none; outline: none; -moz-outline: none; }
.center-pane p a:hover{ text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ color: #004a93; margin: 0; padding: 0; font: bold 1.5em Arial, Verdana, sans-serif, Myuen, Gulim; }
h2{ color: #00a8eb; margin: 0; padding: 0 0 0.2em 0; font: bold 1.3em Arial, Verdana, sans-serif, Myuen, Gulim; }
h3{ color: #000; margin: 0; padding: 0; font: bold 1.2em Arial, Verdana, sans-serif, Myuen, Gulim; }
h4{ color: #000; margin: 0; padding: 0; font: bold 1.1em Arial, Verdana, sans-serif, Myuen, Gulim; }
h5{ color: #000; margin: 0; padding: 0; font: normal 1.0em Arial, Verdana, sans-serif, Myuen, Gulim; }


/*
h1{ color: #333; margin: 0; padding: 0; font: bold 1.5em Arial, Verdana, sans-serif, Myuen, Gulim; }
h2{ color: #333; margin: 0; padding: 0; font: bold 1.3em Arial, Verdana, sans-serif, Myuen, Gulim; }
h3{ color: #333; margin: 0; padding: 0; font: bold 1.2em Arial, Verdana, sans-serif, Myuen, Gulim; }
h4{ color: #333; margin: 0; padding: 0; font: bold 1.1em Arial, Verdana, sans-serif, Myuen, Gulim; }
h5{ color: #333; margin: 0; padding: 0; font: normal 1.0em Arial, Verdana, sans-serif, Myuen, Gulim; }
*/

p.specialtext {font: normal 32px/1.6em Garamond, Arial, Verdana, sans-serif;color: #00a1de;}

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

ul{ list-style-type: disc; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ol{ list-style-type: decimal; display:block; margin: 0 0 2em 1em; padding: 0 0 0 2em; }
ul li, ol li , ol li a, ul li a{ line-height: inherit; position: relative; }
ul li{ /*padding: 0.3em 0;*/ line-height: inherit; list-style-type: disc; }
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: 170px; font-size: 96%; clear: both; float: left; border: 1px none #CBCBCB; margin: 0 0 1em 0; overflow: hidden; }
ul.facet-list{  list-style-type: none; background: transparent; padding: 0.3em 0; margin: 0; display: block; width: 100%; clear: both; float: left; }
ul.facet-list li label{ position: relative; left: -8px; width: 140px; float: right; color: #888; line-height: 1.2em; margin: 0; padding: 0.3em 0;  }
ul.facet-list li label.selected{ font-weight: normal; color: #002776; }
ul.facet-list li label.selected span{ /*font-weight: bold;*/ color: #888; }
ul.facet-list li label.empty{ color: #CCC; cursor: default; }
ul.facet-list li label.empty:hover{ text-decoration: none; color: #CCC; cursor: default; }
ul.facet-list li label.empty span{ color: #CCC; font-size: 86%; }
ul.facet-list .checkbox{ float: left; width: 14px; }
ul.facet-list span{ color: #888; font-size: 86%; }
ul.facet-list span span{ color: #888; font-size: 86%; }
ul.facet-list li{ border-bottom: 1px none #E4E4E4; display: block; width: 100%; clear: both; float: left; padding: 0; list-style-type: none; }
h4.facet-list-title{ border-bottom: 2px groove #FFF; margin:0 0 0.6em 0; padding: 0.4em 0 0.2em 0em; text-indent: 0px; width: 170px; float: left; color: #193076; 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: 117px; float: right; }
ul.facet-list ul .checkbox{ float: left; width: 14px; margin-left: 25px; }

/* subfacetlist as links not labels */
div.facet-container .icon-arrow-link a{ float: left; display: block; width: 197px; clear: both; color: #002776; padding: 0.2em 0 0.2em 12px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 4px 6px; background-repeat: no-repeat; margin-right: 8px; text-decoration: none; }
div.facet-container .icon-arrow-link a:hover{ float: left; display: block; width: 197px; clear: both;  color: #002776; padding: 0.2em 0 0.2em 12px; font-weight: normal; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 4px 6px; background-repeat: no-repeat; margin-right: 8px; text-decoration: underline; }
div.facet-container .icon-arrow-link li.selected a, div.facet-container .icon-arrow-link li.selected a:hover{ font-weight: bold; }


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% Arial, Verdana, sans-serif, Myuen, Gulim; background: #FFF;  border: 1px solid #E9E9E5; 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 #333 !important; padding: 4px 10px; color: #FFF; background: #3A9238; }
input.button:hover, a.button:hover, input.loginButton:hover, a.loginButton:hover{  -moz-border-radius:3px; -webkit-border-radius: 3px; border: 1px none #002776 !important; background: #9ac32f; color: #FFF;  padding: 4px 10px; text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: 14px; }
label{ color: #333; 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: 75%; }
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; }


/* custom checkboxes */
/*label.checkbox span.holder { background: url('../../images/frontend/check_on.gif') 0 -1px no-repeat; height: 61px; }
label.radio span.holder { background: url('../../images/frontend/check_off.gif') 0 -1px no-repeat; height: 61px; }
label.checkbox:hover span.holder,label.radio:hover span.holder { top: -21px; }
label.checked span.holder,label.checked span.holder { top: -42px !important; }
label.list { float: left; }
input.hiddenCheckbox { position: absolute; left: -10000px; }
label.prettyCheckbox span.holderWrap { float: left; margin-right: 0px; display: block; position: relative; overflow: hidden; }
label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; }*/


/* 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; }
.intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; }
.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%; }
.line-height-normal{ line-height: normal; }
.left{ float: left;}
.left-img{ margin: 8px 24px 8px 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 0; padding: 0.3em 0 0 0; width: 100%; line-height: 0px; height: 1px; border-bottom: 1px #E4E4E4 solid; float: left; }
.txt-line {margin: 0; padding: 0 0 0.3em 0; display: block; width: 100%; border-bottom: 1px #E4E4E4 solid; }
.padding{ padding: 20px; }
.padding-small{ padding: 10px; }
.padding-xsmall{ padding: 4px; }
.padding-small-content{ padding: 20px; }
.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; }
.print{ display: none; }

.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-left{ margin-left: 22px; }
.spacer-right{ margin-right: 22px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.fillout-table{ width: 750px; }
.overflow-hidden{ overflow: hidden !important; }

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

.photo-description{ font-size: 90%; font-style: italic; }
.footer-description{ font-size: 90%; }
.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: #999 !important;  }
a.light-txt:hover, .light-txt a:hover { color: #999 !important; }
.dark-txt, .dark-txt * { color: #333 !important;  }
a.dark-txt:hover, .dark-txt a:hover { color: #333 !important; }
.special-txt, .special-txt * { color: #9ac32f !important;  }
a.special-txt:hover, .special-txt a:hover { color: #9ac32f !important; }
.special-light-txt, .special-light-txt * { color: #888 !important;  }
a.special-light-txt:hover, .special-light-txt a:hover { color: #888 !important; }
.special-dark-txt, .special-dark-txt * { color: #333 !important;  }
a.special-dark-txt:hover, .special-dark-txt a:hover { color: #333 !important; }

/*.special-font{ color: #002776 !important; font-size: 100%; text-transform: uppercase; }*/

/* various */
.paragraph p, div.results p{ padding: 0 0 0.3em 0; }
.border-img{ background-color: #E9E9E5; border: 1px solid #FCFCFB; }
.border-img img{ float: left; margin:0; padding: 0; }
.caption{ font-size: 86%; text-align: center; clear: both; }
.related-sidebar p{ padding: 0 0 0.3em 0; }
.related-sidebar p a{ color: #002776 !important; }
.related-sidebar{ color: #002776; line-height: 1.4em; }
.related-sidebar label{ color: #002776; }
.related-sidebar ul{ margin: 0em; }
.related-sidebar li{ padding: 0.1em; }
.related-sidebar li a{ color: #333; }
.right-pane .related-sidebar .padding-small{ padding: 0; }

/*.related-sidebar a.read-more{ color: #002776 !important; text-decoration: none; font-size: 100%; line-height: normal; padding: 0.3em 8px 0em 0em; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-forward.gif') 95% 50% no-repeat; }
.related-sidebar a.read-more:hover{ text-decoration: underline; }*/
#content .related-sidebar a.read-more { margin-top: 0.5em; float: right; display: block; width: 45px; height: 15px; background-image: url('../../images/frontend/more.gif'); background-position: top left; background-repeat: no-repeat; }
#content .related-sidebar a.read-more span{ display: none; }
#content .related-sidebar{ width: 210px; overflow: hidden; position: relative; z-index: 100; clear: both; float: left; margin-bottom: 1em; font-size: 90%; }
#content .related-sidebar h3{ font-weight: bold;}
#content .related-sidebar h4{ font-weight: bold; padding: 0.4em 0 0.6em 0; margin: 0 0 1em 0; color: #999; border-bottom: 2px groove #FFF !important; display: block; width: 100%;  }
#content .related-sidebar h5{ font-weight: bold; padding: 0em 0em 0.6em 0em	; color: #002776 !important; font-size: 96%; }
#content .center-pane .related-sidebar{ width: 100% !important; overflow: hidden; position: relative; z-index: 100; border: #E3E3DF 1px none !important; clear: both; float: left; margin-bottom: 1em; }
#content .center-pane .related-sidebar h4{ border-bottom: none; margin: 0 0 0 10px; }
#content .center-pane .content-footer-pane .related-sidebar{ width: 193px !important; overflow: hidden; position: relative; z-index: 100; border: #E3E3DF 1px solid !important; clear: both; float: right; margin-bottom: 1em; }
.download-txt{ padding: 4px; font-size: 88%; line-height: 1.4em; margin: 0.5em 0 1.5em 0; float: left; }
.left-pane h3, .right-pane h3{ color: #002776 !important; }

/*link styles*/
/*a.read-more{ font-size: 105%; line-height: 0.3em; padding: 0.3em 8px 0.4em 0em; width: 100%; display: block; font-weight: normal; background: url('../../images/frontend/icon-arrow-read-more.gif') 95% 50% no-repeat; }*/
a.read-more:hover{ text-decoration: underline; }
.facet-list li.selected a.icon-arrow-link{ color: #333; padding: 0.3em 0 0.4em 8px; font-weight: bold; background-image: url('../../images/frontend/icon-arrow-link.gif'); background-position: 0px 8px; margin: 0px; background-repeat: no-repeat; }
.facet-list li a.icon-arrow-link:hover{ text-decoration: underline; }

/* 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 20px; }
.icon-forward{ background-image: url('../../images/frontend/icon-forward.gif'); background-position: top right; background-repeat: no-repeat; padding: 0 20px 2px 0px; }*/
.icon-print{ background-image: url('../../images/frontend/i_tool_print.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-info{/* background-image: url('../../images/frontend/icon-info.gif'); background-position: center right; background-repeat: no-repeat; padding: 0px 20px 2px 0px;*/ text-decoration: none; }
.icon-add{ background-image: url('../../images/frontend/i_tool_add.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-added{ background-image: url('../../images/frontend/i_tool_added.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
.icon-download{ background-image: url('../../images/frontend/i_tool_download.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-right{ background-image: url('../../images/frontend/icon-arrow-right.gif'); background-position: 0px 6px; background-repeat: no-repeat; text-indent: 10px; }
.icon-arrow-down{ color: #008fd3; background-image: url('../../images/frontend/icon-arrow-down.gif'); background-position: 0px 8px; background-repeat: no-repeat; text-indent: 10px; }
label.icon-arrow-down{ color: #008fd3 !important; }

.box a.icon-download{ background-image: url('../../images/frontend/i_tool_download.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; padding: 0 0 4px 20px; display: block; width: 90%; }
.box a.icon-print{ background-image: url('../../images/frontend/i_tool_print.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; display: block; width: 90%; }
.box a.icon-add{ background-image: url('../../images/frontend/i_tool_add.gif'); background-position: 0em 0.3em; background-repeat: no-repeat; padding: 0 0 4px 20px; display: block; width: 90%; }

a.icon-ar{ background-image: url('../../images/frontend/icon-ar.gif'); background-position: center left; background-repeat: no-repeat; padding: 4px 0 2px 26px !important; display: block; clear: both; position: relative; left: -5px; }
a.icon-fs{ background-image: url('../../images/frontend/icon-fs.gif'); background-position: center left; background-repeat: no-repeat; padding: 2px 0 2px 26px !important; display: block; clear: both; position: relative; left: -5px; }
a.icon-sr{ background-image: url('../../images/frontend/icon-sr.gif'); background-position: center left; background-repeat: no-repeat; padding: 2px 0 2px 26px !important; display: block; clear: both; position: relative; left: -5px; }
.ar h4{ background-image: url('../../images/frontend/icon-ar.gif'); background-position: center left; background-repeat: no-repeat; padding: 8px 0 8px 26px; }
.fs h4{ background-image: url('../../images/frontend/icon-fs.gif'); background-position: center left; background-repeat: no-repeat; padding: 8px 0 8px 26px; }
.sr h4{ background-image: url('../../images/frontend/icon-sr.gif'); background-position: center left; background-repeat: no-repeat; padding: 8px 0 8px 26px; }


/*.read{ }*/
.read h4, .read h4 a, .box h4, .box h4 a, div.results h4, div.results h4 a{ color: #999; }
.read h4 a:hover, .box h4 a:hover, div.results h4 a:hover{ color: #2F9DD3; }
div.box, div.results{ margin: 0 0 1em 0; float: left; clear: both; width: 100%; position: relative; }
/*div.box .left-pane{ width: 520px !important; float: left; }
div.box .right-pane{ width: 210px !important; float: right; }*/
div.results { position: relative; border-bottom: 1px solid #E4E4E4; }
div.results .padding-small{ padding: 0; }
div.results .left-pane{ position: relative; width: 75% !important; float: left; }
div.results .right-pane{ color: #002776; position: relative; width: 15% !important; float: right; border: none !important; font-size: 96%; }

div.results .left-pane p{ width: 95%; }
div.results .right-pane .padding-xsmall{ padding: 0; }
div.results .right-pane .have-read{ }
div.results .right-pane .add-document{ color: #999; background-image: url('../../images/frontend/i_tool_add.gif'); background-position: center left; background-repeat: no-repeat; padding: 0 0 2px 20px; }
div.results .right-pane .add-document a{ color: #999; }
div.results .right-pane .added-document{ }

#container.wide div.results .left-pane{ position: relative; width: 510px !important; float: left; }
#container.wide div.results .right-pane{ position: absolute; bottom: 10px; right: 0px; color: #002776; width: 220px !important; float: right; font-size: 96%; }

p.sort{ padding: 0 0 0.2em 0; margin: 0 0 1em 0; }
p.sort span{ padding: 0; color: #333; }
p.sort a{ text-decoration: none; margin: 0em 1em 0em 5px; padding: 8px 0 8px 26px; }
p.sort a:hover{ text-decoration: underline; margin: 0em 1em 0em 5px; padding: 8px 0 8px 26px; }


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

#container{ position: relative; width: 100%; height: 100%; float: left; }
#container .subheader .center-pane .page-title{ float: left; margin-bottom: 0.65em; width: 90%; }
#container .helpers{ float: left; width: 520px; }
#container .helpers a{ float: left; margin-right: 0em; }
#container .helpers span{ float: left; margin: 0 0.5em; color: #E4E4E4; }

#header{ position: relative; width: 950px; min-height: 140px; _height: 140px; margin-bottom: 20px; }
#header .company-title h1{ margin: 0; padding: 0; }
#header .company-title a{ margin: 16px 0 0 0; float: left; height: 27px; width: 145px; overflow: hidden; display: block; background: url('../../images/frontend/deloitte_logo.gif') top left no-repeat; }
#header .company-title a span{ display: none; }
#header .document-title{ position: absolute; left: 0px; top: 90px; display: block; font: normal 220% Garamond, Georgia; font-weight: normal !important; color: #193076; }
#header .go-to{ display: none; }
#header .size-txt{ display: none; color: #FFFFFF; position: absolute; float: right; bottom: 5px; right: 245px; z-index: 100; }
#header .size-txt a{ color: #FFFFFF; text-decoration: none; padding: 0.2em; }
#header .size-txt a:hover{ color: #FFFFFF; text-decoration: underline; }

#content .left-pane .subheader, #content .center-pane .subheader, #content .right-pane .subheader, 
#content .subheader .left-pane, #content .subheader .center-pane, #content .subheader .right-pane{ min-height: 2.7em !important; _height: 2.7em !important; margin-bottom: 1em; }
#content .subheader p{ margin: 0; padding: 0; }
#content .subheader a{ color: #002776; font-size: 100%; }
#content .subheader .left-pane{ width: 170px; float: left; }
#content .subheader .center-pane{ width: 100%; float: left; border-bottom: 1px solid #E4E4E4; }
#content .subheader .right-pane{ width: 210px; float: right; }

#content .subheader div.bg-search-box{ width: 200px; height: 21px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: absolute; top: -116px; right: -3px; z-index: 100; }
#content .subheader input.search-box{ width: 180px; height: 16px; margin: 0; padding: 0 0 0 25px; font-size: 96%; color: #888; border: none; background: none; outline: none; -moz-outline: none;position: absolute; left: 0px; top: 4px; }
#content .subheader input.search-box-submit{ width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; background: transparent; border: none; cursor: pointer; }

/*.content-pane{ _height:1% !important; zoom: 1 !important;}*/
#content{ position: relative; width: 970px; height: 100%; float: left; }
#content .content-pane{ width: 565px; left: -10px; background: none; position: relative; float: left; }
#content .content-footer-pane{ width: 100%; float: left; clear: both; }
#content .content-footer-pane .box{ clear: both; }
#content .content-footer-pane .left-pane{ border: 10px solid #E4E4E4; width: 500px !important; float: left; }
#content .content-footer-pane .right-pane{ width: 210px !important; float: right; }
#content .left-pane{ width: 170px; margin-top: 11px; float: left; }
#content .center-pane{ position: relative; width: 520px; float: left; }
#content .sidebar{ position: absolute; right: -220px; top: 0px; width: 210px; z-index: 100; float: right; }
#content .subheader .left-pane{ width: 170px; float: left; border-bottom: 2px groove #FFF; padding: 0 0 1.0em 0; }
#content .right-pane .subheader{ position: relative; left: 0px; margin-top: 21px; }
#content .art-added{ position: relative; padding: 0 0 0.4em 0; border-bottom: 2px groove #FFF; width: 100%; display: block; }

#container.wide .subheader div.bg-search-box{ width: 200px; height: 21px; background: url('../../images/frontend/bg-search-box.gif') top left no-repeat; position: absolute; top: -115px; right: -18px; z-index: 100; }
#container.wide .content-pane{ width: 800px; left: -10px; background: #FFF; position: relative; float: left; }
#container.wide .left-pane{ width: 170px; float: left; overflow: hidden; }
#container.wide .center-pane{ width: 100%; float: left; }/*was 520px;/*
#container.wide .right-pane .subheader{ position: relative; left: 0px; margin-top: 0px; }
#container.searchresults .center-pane{ width: 100%; float: left; }
#container.wide .subheader .left-pane{ width: 170px; float: left; border-bottom: 2px groove #FFF; }
#container.wide .subheader .center-pane{ width: 100%; clear: both; float: left; overflow: hidden; border-bottom: 1px solid #E4E4E4; }
#container.wide .subheader .right-pane{ width: 210px; float: right; border-bottom: 1px solid #E4E4E4; }
#container.wide .sidebar{ position: absolute; right: 30px; top: 20px; width: 210px; float: right; z-index: 100; }
#container.wide .art-added{ position: absolute; top: 3.5em; padding: 0 0 0.8em 0; border-bottom: 1px solid #E4E4E4; width: 100%; display: block; }

#container.homepage .intro-container{ position: relative; height: 490px; top: -10px; }
#container.homepage .intro-container .left-visual{ position: absolute; top: 0px; width: 299px; height: 359px; left: 0px; border: 1px solid #E5E5E5; }
#container.homepage .intro-container .right-visual{ position: absolute; top: 0px; width: 638px; height: 359px; right: 20px; border: 1px solid #E5E5E5; }
#container.homepage .intro-txt{ position: absolute; top: 0px; left: 0px; width: 299px; height: 359px; z-index: 110px; margin-top: 0; font-size: 100%; line-height: 1.5em; color: #666; }
#container.homepage .intro-link{ position: absolute; top: 318px; left: 24px; width: 252px; height: 22px; display: block; background: none; z-index: 120; }
#container.homepage .intro-link span{ display: none; }
#container.homepage .shader{ /*padding: 0px 6px 6px 6px;*/ position: relative; }
#container.homepage .sidebar{ position: absolute; right: 30px; top: 0px; width: 210px; float: right; z-index: 100; }
#container.homepage .intro-footer{ position: absolute; top: 385px; margin: 1em 0 0 0; float: left; }
#container.homepage .intro-footer img{ float: left; border-right: 1px solid #FFF; }
#container.homepage .intro-footer a{ float: left; text-decoration: none; width: 229px; padding: 0; display: block; background: #9ABF3F; color: #C9DC94; border: 1px none #E5E5E5; }
#container.homepage .intro-footer .spacer-right{ margin-right: 11px; }
#container.homepage .intro-footer span strong{ font-size: 110%; clear: both; display: block; line-height: 1.1em; margin-top: 0.4em; }
#container.homepage .intro-footer span.sp-cont{ position: absolute; float: right; display: block; padding: 6px; width: 103px; height: 108px; right: 0; top: 0px; }
#container.homepage .intro-footer span.sp-bott{ position: absolute; bottom: 6px; left: 6px; font-size: 94%; line-height: normal; }
#container.homepage .intro-footer a:hover{ text-decoration: none; color: #FFF; }
#container.homepage #footer{ border-top: 1px solid #E5E5E5; margin: 3em 0 2em 0; }

#navigation{ position: absolute; top: 0px; right: 0px; width: 790px; min-height: 50px; _height: 50px; z-index: 100; }
#navigation ul.nav{ position: absolute; right: -18px; bottom: 8px; margin: 0; padding: 0; list-style: none; }
#navigation ul.nav li{ margin: 0; padding: 0; list-style: none; float: left; width: auto; height: 24px; display: inline; clear: none; border-right: 1px solid #43548B; color: #FFF; }
#navigation ul.nav li a{ font-weight: bold; text-shadow: 1px 1px 1px #444; position: relative; top: 4px; text-decoration: none; float: left; width: auto; display: block; clear: none; color: #FFF !important; font-size: 100%; margin: 0 16px; padding: 0px 0px; }
#navigation ul.nav li a:hover, #navigation ul.nav li.selected a, #navigation ul.nav li.active a{ color: #9ac32f !important; text-decoration: none; }
#navigation ul.nav li.selected a{ color: #92d400 !important; text-decoration: none; }
#navigation ul.nav li.last{ border: none; }
#navigation ul.nav li a span{ display: block; }
#navigation ul.nav ul li a span{ display: block; padding: 0 4px 0 4px !important; position: relative; top: 0px; }

#footer{ position: relative; left: 0px; width: 950px; color: #999; font-size: 90%; border-top: 1px #E4E4E4 none; margin: 2em 0 2em 0; height: auto; clear: both; float: left; }
#footer a{ color: #8c97ba; text-decoration: none; font-size: 96%; margin: 0 2em 0 0; }
#footer a:hover{ color: #8c97ba; text-decoration: underline; }
#footer .padding-small{ padding: 6px; }


/* 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: separate; }
table thead td{ padding: 0.1em 0.3em; color: #002776; border-bottom: 1px solid #002776; font-size: 110%; white-space: nowrap; }
table td{ padding: 0.1em 0.3em; border-bottom: 1px solid #E4E4E4; }
*/

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

/* 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 #E4E4E4; color: #002776; font-size: 110%; }
table.reports td{ padding: 0.2em 0.3em; border: none; border-bottom: 1px solid #E4E4E4; font-size: 106%; }

/* paging */
.paging{position: relative; width: 100%; white-space: nowrap; margin: 2em 0 2em 0; padding: 1em 0; border-top: #002776 1px none; float: left; clear: both;  }
.paging a{ padding: 0.3em 0.6em; margin: 0 1px 0 0; color: #002776; text-decoration: none; }
.paging a:hover{ padding: 0.3em 0.6em; margin: 0 1px 0 0; color: #002776; text-decoration: underline; }
.paging a.next, .paging a.next:hover{ margin-left: 0.5em; color: #002776; }
.paging a.prev, .paging a.prev:hover{ margin-right: 0.5em; color: #002776; }
.paging a.selected, .paging a.selected:hover{ font-weight: bold; color: #002776; }
.paging span{ color: #002776; }

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



/* frontend elementen editing */

/* User toolbar top */
 
div.wrapperToolbar {width:100%;height:75px;background:url(../../images/frontend/wrapper_bg.gif) 0px 0px repeat-x;margin:0px;padding:0px;font-size:11px !important;}
div.wrapperToolbar div.navi_container { width:960px;position:relative;z-index:999;margin:0 auto;background:none;}
div.wrapperToolbar div.navi_top {width: 960px;height: 40px;position:relative;margin:0 auto;border-bottom:solid 1px #000;padding:0px;float:left;}
div.wrapperToolbar div.navi_bottom {width: 960px;height: 30px;position:relative;background:#fff;margin:0 auto;	border-bottom:solid 1px #000;z-index:10;padding:0px;float:left;}

div.wrapperToolbar div.navi_top ul#menu {width: 500px;height:30px;padding:10px 0px 0px 20px;margin:0px;float:left;}

div.wrapperToolbar div.navi_top ul#menu li {/*width:100%;*/display:block;float:left;height:30px;line-height:27px;margin:0px 15px 0px 0px;}

li.website		{background:#fff;padding:0px 5px 0px 5px; border-top:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;position:relative;top:1px;left:0px}
li.website a	{color:#000;text-decoration:none;}
li.art_beheer	{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.art_beheer a	{color:#000;text-decoration:none !important;}
li.gebr_beheer	{background:url(../../images/frontend/toolbar-button.png) no-repeat 0px 2px;width:107px;text-align:center;}
li.gebr_beheer a{color:#000;text-decoration:none !important;}

div.wrapperToolbar div.navi_top div.user_tools {float:right;height:20px;width:400px;margin:15px 15px 0px 0px;text-align:right;}
div.wrapperToolbar div.navi_top div.user_tools a {color:#000;}

/* User toolbar top | Submenu */

div.wrapperToolbar div.navi_bottom ul#submenu {width: 580px;height:30px;padding:0px 0px 0px 20px;color:#000;float:left;margin:0px;}

div.wrapperToolbar div.navi_bottom ul#submenu li {/*width:100%;*/display:block;float:left;height:30px;line-height:30px;margin:0px 15px 0px 0px;}

div.wrapperToolbar div.navi_bottom ul#submenu li.menu			{}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a		    {color:#000;text-decoration:none;padding:0px 0px 0px 20px}
div.wrapperToolbar div.navi_bottom ul#submenu li.menu a:hover	{color:#000;text-decoration:underline;padding:0px 0px 0px 20px}

li.toevoegen	{background:url(../../images/frontend/icon-toolbar-add.gif) no-repeat 0px 7px;}
li.bewerken		{background:url(../../images/frontend/icon-toolbar-modify.gif) no-repeat 0px 7px;}
li.verwijderen	{background:url(../../images/frontend/icon-toolbar-delete.gif) no-repeat 0px 7px;}
li.kopie		{background:url(../../images/frontend/icon-toolbar-copy.gif) no-repeat 0px 7px;}

div.opmerkingen_div_interface {float:right;height:30px;width:330px;margin:0px 0px 0px 0px;padding:0px 20px 0px 0px;text-align:right;}
div.opmerkingen_div_interface span.first_span {float:right;height:22px;width:auto;padding:8px 0px 0px 0px;margin:0px;}
div.opmerkingen_div_interface span.sec_span {float:right;height:22px;width:117px;padding:8px 0px 0px 0px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord_red.gif) no-repeat 0px 3px;}
div.opmerkingen_div_interface span.sec_span_approved {float:right;height:22px;width:117px;padding:8px 0px 0px 5px;margin:0px 0px 0px 30px;background:url(../../images/frontend/akkoord.gif) no-repeat 0px 7px;}

div.opmerkingen_div_interface table	{width:300px;}
div.opmerkingen_div_interface td	{height:30px;}

div.opmerkingen_div_interface a {height:30px;text-decoration:none;padding:0px 0px 0px 20px}
div.opmerkingen_div_interface a:hover {text-decoration:underline;padding:0px 0px 0px 20px}

a.opmerking			{background:url(../../images/frontend/icon-toolbar-comment.gif) no-repeat 0px 0px;text-decoration:underline !important;color:#cccc99;}
a.akkoord_red		{color:#000;padding:0px 5px 0px 0px !important;}

div#mylist 
{
	width:300px;
	background-color:#fff;
	border:solid 1px #000;
	position:absolute;
	top:71px;
	right:20px;
	color:#000;
	display:none;
	z-index:999;
	height:auto;
	padding:0px 0px 10px 0px;
	text-align:left;
}

div#mylist p {float:left;margin:30px 10px 10px 10px;}
div#mylist p  a {color:#000;}
div#mylist select {margin:0px 0px 0px 76px;}

div#mylist p.opm_opslaan {text-align:right;padding:0px 0px 5px 0px;border-bottom:solid 1px #ccc;width:280px;}
div#mylist p.opm_opslaan a {color:#000;text-decoration:underline;}

div#mylist form {height:100%;}
div#mylist form input {margin:0px;}

div#mylist ul li {margin:0px 0px 10px 0px;line-height:17px !important;}
div#mylist ul li input.checkbox {margin:0px;}

p.selectors {margin:5px 0px 5px 15px !important;}
p.selectors a {color:#000;text-decoration:underline;padding:0px 5px 0px 0px;}

div.opmerking_repeat {float:left;border-bottom:solid 1px #ccc;margin:0px 10px 0px 10px;padding:0px 0px 10px 0px;}
p.opmerking_form {color:#000;margin:5px 0px 10px 18px !important;}

a.admin			    {color:#000;}
a.wijzig		    {color:#cccc99;}
a.verwijderen   	{color:#cccc99;}
a.close-list		{color:#fff;text-decoration:none !important;float:right;padding:20px 10px 0px 0px;}
a.close-list img	{border:solid 1px #fff;}

div#mylist textarea {height:90px;margin:10px 0px 0px 0px;}
div#mylist div.clearfix a.right {width:280px;text-align:right;margin:0px 0px 10px 0px}


/* Editor styles zoals ul, ol, subscript e.d. */
.article_editor ol{padding:0px 0px 0px 30px;margin:0px 0px 10px 0px;}
.article_editor ul{padding:0px 0px 0px 30px;margin:0px 0px 10px 0px;list-style-type:disc;}
.article_editor p{margin:0px 0px 10px 0px;}
sup,sub{vertical-align:0;position:relative;}
sup{bottom:1ex;}
sub{top:0.8ex;}


/* Login */
div.login{width:100%;}
div.login a.read-more{float:left;text-decoration:underline;font-size:100%;line-height:normal;padding:0.3em 0 0em 8px;width:100%;display:block;font-weight:normal;background:url('../../images/frontend/icon-arrow-read-more.gif') 0em 0.6em no-repeat;}
div.login a.read-more:hover{text-decoration:underline;}


/* Mijn verslag */
div.my_report{}
div.my_report h3{}
div.my_report h5{}
div.my_report p{padding:0px 0px 20px 0px;}
div.my_report table{width:100%;margin:0.2em 0 1em 0;border-collapse:collapse;background:#ffffff !important;}
div.my_report table thead td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #e4e4e4;color: #888888;font-size:110%;}
div.my_report table td{padding:0.2em 0.3em;border:none;border-bottom: 1px solid #e4e4e4;font-size:106%;}


/* Loading */
table.maintable{width:100%;height:100%;}
td.maintable{vertical-align:middle;}
div.loading	{position:relative;width:479px;height:206px;background:url(/images/backend/loading_bg.png);_background:url(/images/backend/loading_bg.gif);margin:0 auto;text-align:center;}
img.loading	{width:48px;height:48px;margin:100px 0px 10px 0px;}
div.loading p{font-size:20px;color: #000000;}

/* Uitgezet, na september weer aanzetten */

div#footer,
.wrapperToolbar,
.prev,
.next,
.paging,
.go-to,
.selection-vertical,
.selection-horizontal,
.left-pane,
.right-pane,
.icon-back,
.icon-print,
.subheader,
.helpers,
.bg-search-box,
.article_bottom,
p.ptop.psbott span strong.clear.block.mbott,
#breadCrumb,
canvas,
.navigation,
.go-to,
.short-nav { display: none !important; }

html{ background-color: #FFF; background-image: none !important; background-position: top center; background-repeat: no-repeat; }
html#home{ background-color: #FFF; background-image: none !important; background-position: top center; background-repeat: no-repeat; }
body#frontend{ text-align: center; background-image: none !important; background-position: top left; background-repeat: repeat-x; }
body#frontend.logged-in{ text-align: center; background-image: none !important; background-position: left 72px; background-repeat: repeat-x;}

table {/*display:none !important;*/width:700px !important;}

.main, .gri {
	font-family:Arial;
	font-size:11px;
	font-style:normal;
	/*width:675px;*/
	width:100%;
	padding:3px;
	margin: 20px 0 20px 0;
	border-collapse:collapse;
	color: #000;
}

.main tr, .gri tr {line-height:20px;}
.main th, .gri th {padding-left:10px;padding-right:10px;}
.main td, .gri td {padding-left:10px;padding-right:10px;}

/* -------------------------------------------------------------------- Header Rows */

tr.rh1 th       {background:#00448c;border-bottom:1px solid #fff;vertical-align:top;}
.gri tr.rh1 th  {background:#329237;border-bottom:1px solid #fff;vertical-align:top;}
.gri tr.r02 td  {background:#a3c593;border-bottom:1px solid #fff;vertical-align:top;}

tr.rh1          {color:#fff;background:#00448c;border-bottom:1px solid #fff;}
th.rh1kh1       {color:#fff;text-align:left;font-weight:bold;vertical-align:top;}
th.rh1k01		{color:#fff;text-align:right;font-weight:normal;vertical-align:top;}
th.rh1k02		{color:#fff;text-align:right;vertical-align:top;}
th.rh1k03		{color:#fff;text-align:left;vertical-align:top;}

td.kh1          {color:#000;text-align:left;border-bottom:1px solid #d9e7f0;vertical-align:top;}
td.c01kh1		{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c02kh1		{color:#000;text-align:left;font-weight:bold;font-style:italic;border-bottom:1px solid #d9e7f0;}
td.r01kh1		{color:#000;text-align:left;border-bottom:1px solid #00448c;}
td.c01r01kh1	{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #00448c;}
td.c02r01kh1	{color:#000;text-align:left;border-bottom:1px solid #d9e7f0;}
td.c03r01kh1	{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.r02kh1       {color:#fff;text-align:left;font-weight:bold;}

td.k01			{color:#000;text-align:right;border-bottom:1px solid #d9e7f0;}
td.c01k01		{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c02k01		{color:#000;text-align:right;border-bottom:1px solid #00448c;}
td.c03k01		{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #00448c;}
td.r01k01		{color:#000;text-align:right;border-bottom:1px solid #00448c;}
td.c01r01k01	{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #00448c;}
td.c02r01k01	{color:#000;text-align:right;border-bottom:1px solid #d9e7f0;}
td.c03r01k01	{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #d9e7f0;}

td.k02			{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c01k02		{color:#000;text-align:right;border-bottom:1px solid #d9e7f0;}
td.c02k02		{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #00448c;}
td.c03k02		{color:#000;text-align:right;border-bottom:1px solid #00448c;}
td.r01k02		{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #00448c;}
td.c01r01k02	{color:#000;text-align:right;border-bottom:1px solid #00448c;}
td.c02r01k02	{color:#000;text-align:right;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c03r01k02	{color:#000;text-align:right;border-bottom:1px solid #d9e7f0;}

td.k05			{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c01k05		{color:#000;text-align:left;border-bottom:1px solid #d9e7f0;}
td.c02k05		{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #00448c;}
td.c03k05		{color:#000;text-align:left;border-bottom:1px solid #00448c;}
td.r01k05		{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #00448c;}
td.c01r01k05	{color:#000;text-align:left;border-bottom:1px solid #00448c;}
td.c02r01k05	{color:#000;text-align:left;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c03r01k05	{color:#000;text-align:left;border-bottom:1px solid #d9e7f0;}


td.k04			{color:#000;text-align:center;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c01k04		{color:#000;text-align:center;border-bottom:1px solid #d9e7f0;}
td.c02k04		{color:#000;text-align:center;font-weight:bold;border-bottom:1px solid #00448c;}
td.c03k04		{color:#000;text-align:center;border-bottom:1px solid #00448c;}
td.r01k04		{color:#000;text-align:center;font-weight:bold;border-bottom:1px solid #00448c;}
td.c01r01k04	{color:#000;text-align:center;border-bottom:1px solid #00448c;}
td.c02r01k04	{color:#000;text-align:center;font-weight:bold;border-bottom:1px solid #d9e7f0;}
td.c03r01k04	{color:#000;text-align:center;border-bottom:1px solid #d9e7f0;}


td.k03			{color:#000;text-align:left;border-bottom:1px solid #d9e7f0;vertical-align:top;}
td.r01k03		{color:#000;text-align:left;border-bottom:1px solid #00448c;}

td.bold, th.bold            {font-weight:bold !important;}
td.center, th.center        {text-align:center !important;}
td.underline, th.underline  {text-decoration:underline !important;}
td.left, th.left            {text-align:left !important;float:none !important}
td.padmar, th.padmar        {margin-top:0px !important;margin-bottom:0px !important;padding-top:0px !important;padding-bottom:0px !important;}

table#new td.k01 {text-align:left !important;}