/* Last update: Nov 20, 2009 @ 10:45 */


/* -----------------------*/
/* Website Text and Links */
/* -----------------------*/

body, td {
	background: #6699CC;
	color: black;
}

div.center a, div.center a:visited {
	background: transparent;
	color: #336699;
}

div.center a:hover {
	text-decoration: none;
}

blockquote {
	background-color: #CC9;
	color: #000;
	border: 1px solid #000;
	font-style: italic;
	padding: 2px 10px;
}


/* --------------- */
/* Skip Navigation */
/* --------------- */

div.navaid, p.navaid, h1.navaid, h2.navaid, .navaid {
	height: 1px; 
	width: 1px; 
	overflow: hidden;
	float: right;
	font-size: 0;
	position: absolute;
	left: -100px;
}

div.navaid a, p.navaid a, h1.navaid a, h2.navaid a, .navaid a {
	color: #FFFFFF;
}

div.page div.core div.navaid {
	font-size: 100%;
	float: none;
	overflow: visible;
	max-width: 50%;
	height: auto;
	top: 0px;
	left: auto;
	margin-left: 300px;
	margin-right: 200px;
	color: #FFF;
}

* html div.page div.core div.navaid {
	font-size: 90%;
}

*:first-child+html div.page div.core div.navaid {
	font-size: 90%;
}

div.page div.core div.navaid a {
	color: #FFF;
	border-color: #FFF;
	padding: 5px;
	font-size: 97%;
	line-height: 140%;
	vertical-align: middle;
	border-width: 1px 1px 1px 1px;
	border-style: none;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}

div.page div.core div.navaid a:hover, div.page div.core div.navaid a:active, div.page div.core div.navaid a:focus {
	border-style: solid;
	text-decoration: underline;
	z-index: 2;
}


/* ------------------------------*/
/* Website Title and Banner Area */
/* ------------------------------*/

div.banner {
	background: #336699 url(/21EFCDB8-CC68-478D-9D57-D01F545E9581/Banner3.jpg) repeat-y scroll left top !important;
	color: white;
}

p.main, div#websiteTitle {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

p.siteuri {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}


/* --------- */
/* Headlines */
/* --------- */

p.source {
	color: #666666;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

p.headline {
	text-align: center;
	color: #003366;
	font-size: 250%;
	font-weight: bold;
	font-style: italic;
	border-top: 2px #666666 solid;
	border-bottom: 2px #666666 solid;
	padding: 0px 0px 6px 0px;
	margin-top: 2px;
	margin-bottom: 18px;
}


/* ----- */
/* Lists */
/* ----- */

ul li, ol li {
	padding-bottom: 5px;
}

dl dt {
	font-weight: bold;
}

dl dd {
	padding-bottom: 5px;
}


/* ------ */
/* Tables */
/* ------ */

table {
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 2px solid #036;
	width: 100%
}

table thead tr td, table tr th {
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	border: 1px solid #999;
	vertical-align: top;
}

table thead tr td a:link, table thead tr td a:hover, table thead tr td a:visited, table tr th a:link, table tr th a:hover, table tr th a:visited {
  color: #FFFFFF !important;
}

table tr td {
	background-color: transparent;
	padding: 2px;
	border: 1px solid #999;
	vertical-align: top;
}

div.layout table, div.layout table th, div.layout table td {
	border: none;
}

div.BookletPageMenuTop table, div.BookletPageMenuLeft table, div.BookletPageMenuRight table, div.BookletPageMenuBottom table {
	margin-bottom: 10px;
	border-collapse: collapse;
	border: none;
}

div.BookletPageMenuTop table thead tr th, div.BookletPageMenuLeft table thead tr th, div.BookletPageMenuRight table thead tr th, div.BookletPageMenuBottom table thead tr th {
	border: none;
	padding: 0px;
}

div.BookletPageMenuTop table tbody tr td, div.BookletPageMenuLeft table tbody tr td, div.BookletPageMenuRight table tbody tr td, div.BookletPageMenuBottom table tbody tr td {
	background-color: #FFFFFF;
	border: none;
	padding: 0px;
}

table#tbldashboard td#contentContainer {
	border: none;
}

table#tbldashboard td#dashboardContainer {
	border-bottom: none;
}


/* -------------- */
/* Horizontal Bar */
/* -------------- */

hr {
	width: 50%;
}


/* --------- */
/* Black Box */
/* --------- */

div.blackBorder {
	border: 2px solid #333333;
	background: #EEEEEE;
	color: #000000;
	margin: 0 5px 15px 0;
	padding: 0 10px 5px 10px;
}


/* --------- */
/* Green Box */
/* --------- */

div.greenBar {
	background: #E8FFFF url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom: 7px solid #AAEEEE;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0 10px 5px 10px;
}
	
div.greenBar h2, div.bookletSectionContent div.greenBar h4 {
	background: #009999;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 10px;
}

div.greenBar h2 a, div.greenBar h2 a:visited {
 	background: transparent;
	color: white !important;
}
	
div.greenBar h3 { 
	background: transparent;
	color: #006666 !important; 
	font-size: 1.05em; 
	margin: 2px 0 10px 0;
	padding: 0;
}	

div.greenBar p{
	margin: 8px 0 10px 0;
	padding: 0;
}

div.greenBar a, div.greenBar a:visited { 
	background: transparent;
	color: #006666; 
	display: block; 
}

div.greenBar a:hover {
	text-decoration: none;
}

div.greenBar p a, div.greenBar p a:visited, div.greenBar p a:hover{
	background: transparent !important;
	display: inline !important;
	padding: 0;
	margin: 0;
}

div.greenBar img {
	border: 3px solid #9EC274;
}

div.greenBar ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

div.greenBar ul li {
	background: transparent url(/CommonWebSol/images/ODOW/bullet_Arrowgreen.png) 0 .4em no-repeat;
	color: #000000; 
	display: block;
	margin: 8px 0 8px 0;
	padding: 0 5px 5px 10px;
} 

div.greenBar ol {
	margin-left: 20px;
	padding: 0;
}


/* -------------- */
/* Dark Green Box */
/* -------------- */

div.dkGreenBar {
	background: #f4f4f4 url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom: 7px solid #d2d2d2;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0 10px 5px 10px;
}
	
div.dkGreenBar h2, div.bookletSectionContent div.dkGreenBar h4 {
	background: #006666;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 10px;
}

div.dkGreenBar h2 a, div.dkGreenBar h2 a:visited {
 	background: transparent;
	color: white !important;
}
	
div.dkGreenBar h3 { 
	background: transparent;
	color: #004444 !important; 
	font-size: 1.05em; 
	margin: 2px 0 10px 0;
	padding: 0;
}	

div.dkGreenBar p{
	margin: 8px 0 10px 0;
	padding: 0;
}

div.dkGreenBar a, div.dkGreenBar a:visited { 
	background: transparent;
	color: #004444; 
	display: block; 
}

div.dkGreenBar a:hover {
	text-decoration: none;
}

div.dkGreenBar p a, div.dkGreenBar p a:visited, div.dkGreenBar p a:hover{
	background: transparent !important;
	display: inline !important;
	padding: 0;
	margin: 0;
}

div.dkGreenBar img {
	border: 3px solid #9EC274;
}

div.dkGreenBar ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

div.dkGreenBar ul li {
	background: transparent url(/CommonWebSol/images/ODOW/bullet_Arrowgreen.png) 0 .4em no-repeat;
	color: #000000; 
	display: block;
	margin: 8px 0 8px 0;
	padding: 0 5px 5px 10px;
} 

div.dkGreenBar ol {
	margin-left: 20px;
	padding: 0;
}


/* --------- */
/* Blue Box  */
/* --------- */

div.blueBar {
	background: #EAF4FF url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom: 7px solid #B1D8FF;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0 10px 5px 10px;
}

div.blueBar h2, div.bookletSectionContent div.blueBar h4 {
	background: #336699;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 10px;
}

div.blueBar h2 a, div.blueBar h2 a:visited {
 	background: transparent;
	color: white !important;
}
 
div.blueBar h3 {
	background: transparent;
	color: #003366 !important; 
	font-size: 1.05em; 
	margin: 0 0 10px 0;
	padding: 0;
}

div.blueBar p {
	margin: 8px 0 3px 0;
	padding: 0;
}

div.blueBar a, div.blueBar a:visited { 
	background: transparent;
	color: #003366; 
	display: block; 
}

div.blueBar a:hover {
	text-decoration: none;
}

div.blueBar p a, div.blueBar p a:visited, div.blueBar p a:hover {
	background: transparent !important;
	display: inline;
	padding: 0;
	margin: 0;
}

div.blueBar img {
	border: 3px solid #72B9D9;
}

div.blueBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
div.blueBar ul li {
	background: url(/CommonWebSol/images/ODOW/bullet_Arrowblue.png) 0 .4em no-repeat !important;
	color: #000000; 
	display: block;
	margin: 8px 0 8px 0;
	padding: 0 5px 5px 10px;
} 

div.blueBar ol {
	margin-left: 20px;
	padding: 0;
}


/* ---------- */
/* Orange Box */
/* ---------- */

div.orangeBar {
	background: #F3F2E9 url(/CommonWebSol/images/ODOW/whiteBar.png) top repeat-x;
	border-bottom: 7px solid #DAD5BF;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0 10px 5px 10px;
}
	
div.orangeBar h2, div.bookletSectionContent div.orangeBar h4 {
	background: #D96D01;
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 8px 10px 8px 10px;
}

div.orangeBar h2 a, div.orangeBar h2 a:visited {
 	background: transparent;
	color: white !important;
}
 
div.orangeBar h3 { 
	background: transparent;
	color: #A63A00; 
	font-size: 1.05em; 
	margin: 0 0 10px 0;
	padding: 0;
}	

div.orangeBar p {
	margin: 8px 0 3px 0;
	padding: 0;
}

div.orangeBar a, div.orangeBar a:visited {
	background: transparent;
	color: #A63A00;
	display: block;
}

div.orangeBar a:hover {
	text-decoration: none;
}

div.orangeBar p a, div.orangeBar p a:visited, div.orangeBar p a:hover{
	background: transparent !important;
	display: inline;
	padding: 0;
	margin: 0;
}

div.orangeBar img {
	border: 3px solid #F3AB4E;
}

div.orangeBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.orangeBar ul li {
	background: url(/CommonWebSol/images/ODOW/bullet_arrowOrange.png) 0 .4em no-repeat !important;
	color: #010101;
	display: block;
	margin: 8px 0 8px 0;
	padding: 0 5px 5px 10px;
}

div.orangeBar ol {
	margin-left: 20px;
	padding: 0;
}


/* ----------------- */
/* Archive watermark */
/* ----------------- */

div.archive-eng {
	background-image: url("attachments/archive-eng.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

div.archive-fra {
	background-image: url("attachments/archive-fra.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}


/* ------ */
/* Footer */
/* ------ */

div.footerline {
	background-color: #336699 !important;
}

li#textVersion {
	display: none;
}


/* ------------------------------- */
/* Frequently Asked Questions  V.2 */
/* ------------------------------- */

div.faqcontainer {
	background-color: #F4F4F4 !important;
	border-bottom: 7px solid #BBDDFF;
	color: black !important;
}

h2.faqTopics {
	background: #003366;
}

h2.faqQuestions, h2.faqAnswersTitle {
	background-color: #88BBEE;
	color: #000000;
}

p.faqTopLink {
	background-color: #F4F4F4;
	color: #003366;
}


/* =============== */
/* Booklet Service */
/* =============== */

/* H2 - title of booklet */
h2.bookletTitle {
	font-size: 1.4em;
	text-align: center;
}

/* DIV */
.bookletMiniNavTrail {
	font-size: 0.8em;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 20px;
}

/* SPAN -  */
.bookletMiniNavDividerTOC {
	padding: 2px;
}

.BookletIntrotext {
	padding: 0px;
}
/* - - - - - - - - - - - - - */
/* booklet Table of Contents */
/* - - - - - - - - - - - - - */

/* DIV - Top */
.BookletPageMenuTop {
	background-color: #f3f6f9;
	border-top: #86add4 1px solid;
	border-right: #336699 1px solid;
	border-bottom: #336699 1px solid;
	border-left: #86add4 1px solid;
	font-size: 0.95em;
	padding: 5px;
}

/* DIV - Bottom */
.BookletPageMenuBottom {
	background-color: #f3f6f9;
	border-top: #86add4 1px solid;
	border-right: #336699 1px solid;
	border-bottom: #336699 1px solid;
	border-left: #86add4 1px solid;
	font-size: 0.95em;
	padding: 5px;
}

/* DIV - Right */
.BookletPageMenuRight {
	background-color: #f3f6f9;
	border-top: #86add4 1px solid;
	border-right: #336699 1px solid;
	border-bottom: #336699 1px solid;
	border-left: #86add4 1px solid;
	font-size: 0.95em;
	padding: 5px;
	float: right;
	margin: 10px 0px 7px 5px;
	width: 150px;
}

/* DIV - Left */
.BookletPageMenuLeft {
	background-color: #F3F6F9;
	border-top: #86add4 1px solid;
	border-right: #336699 1px solid;
	border-bottom: #336699 1px solid;
	border-left: #86add4 1px solid;
	font-size: 0.95em;
	padding: 5px;
	float: left;
	margin: 10px 5px 7px 0px;
	width: 150px;
}

/* DIV - Container for Table of Contents - Link to Intro Page */
div.TOCLinkBox {
	background: #336699 !important;
	border: #4C89C4 1px solid;
	margin: 0px 1px;
	padding: 0px 0px 0px 2px;  /* was 4px left */
	text-align: right;
	vertical-align: middle;
}

/* A - TOC hyperlink to Intro Page */
a.BookletTOCLink, a.BookletTOCLink:visited, a.BookletTOCLink:hover  {
	float: left;
	margin: 2px 1px 2px 1px;  /* was 2px */
	text-decoration: none;

}

/* Booklet Table of Contents - Expand/Collapse Button Container */
span.BookletTOCButtonBox {
	margin: 0px;
}
/* Booklet Table of Contents - Expand/Collapse Button */
img.BookletTOCButton {
	border-width: 0;
	margin-right: 1px;  /* was 2px */
}

/* DIV - Container for Table of Contents - Section Links */
div.SectionLinksBox {
	margin: 4px 0px 0px 0px;  /* top was 8px */
}

/* A - Booklet Table of Contents - un-selected Section Link */
a.BookletSectionLink, a.BookletSectionLink:visited {
	background-color: white;
	border: #86add4 1px solid;
	color: #003366;
	display: block;
	margin: 2px 1px 0px 0px;
 	padding: 1px 2px 1px 4px;
	text-decoration: none;
}

/* A - Booklet Table of Contents - un-selected Section Link:hover*/
a.BookletSectionLink:hover {
	background-color: white;
	border: #003366 1px solid;
	color: #D2691E;  /* was red */
	display: block;
	margin: 2px 1px 0px 0px;
	padding: 1px 2px 1px 4px;
	text-decoration: none;
}

/* A - Booklet Table of Contents - Selected Section Link */
a.BookletSectionLinkSel, a.BookletSectionLinkSel:visited {
	background-color: white;
	border: #D2691E 1px solid;  /* was red */
	color: black;
	display: block;
	font-weight: bold;
	margin: 2px 1px 0px 0px;
	padding: 1px 2px 1px 4px;
	text-decoration: none;
}

/* A - Booklet Table of Contents - un-selected Section Link:hover*/
a.BookletSectionLinkSel:hover {
	background-color: white;
	border-top: #003366 1px solid;
	color: red;
	display: block;
	margin: 2px 1px 0px 0px;
	padding: 1px 2px 1px 4px;
	text-decoration: none;
}

/* - - - - - - - - - - - - - - - */
/* booklet page section content  */
/* - - - - - - - - - - - - - - - */
/* H3 - Booklet Section Title */
h3.bookletSectionTitle {
	margin: 8px 0px 0px 0px;
}

/* DIV - container for booklet section's content */
div.bookletSectionContent {
	padding: 0px 0px 0px 5px;
}

/* DIV - container for prev-next hyperlinks to booklet sections */

.bookletNextPrevBox {
	font-size: 0.8em;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	text-align: center;
}

/* SPAN - container for hyperlink to previous booklet section */
span.bookletprevlink {
	background-color: #f3f6f9;
	padding: 0px 10px 0px 0px;
}

/* SPAN - container for hyperlink to next booklet section */
span.bookletnextlink {
	background-color: #f3f6f9;
	padding: 0px 10px 0px 10px;
}

/* SPAN - container for booklet's section page number */
span.bookletsectionactivepage {
	background-color: #f3f6f9;
}

/* ---------------------------------- */
/*           A to Z Index             */
/* ---------------------------------- */
table.atozTableIndex {
	border:1px outset;
	margin:0;
	padding:0;
	width:98%;
}

td.atozLetterBox {
	background:#990000;
	color:white !important;
	margin:1px;
	padding:0;
	text-align:center;
	width:17px;
}

div.atozTableIndex {
	margin:0;
	padding:0;
	width:100%;
}

div.atozLetterBox {
	background:#990000;
	color:white !important;
	margin:1px;
	padding:0;
	text-align:center;
	width: 7%;
	float:left;
}

a.atozLetter, a.atozLetter:visited {
	background:transparent;
	border:1px solid #990000;
	color:#FFF !important;
	display:block;
	font-size:.95em;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}

a.atozLetter:hover {
	background:#FFF;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #666666;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #666666;
	color:#000 !important;
	display:block;
	font-size:.95em;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}

h3.atozSelectedLetter {
	background:transparent;
	border:2px solid #990000;
	color:#FFF;
	font-size:2.2em;
	margin:10px 10px 10px 10px;
	text-align:center;
	width:40px;
	clear: both;
}

h3.atozSelectedLetter a {
	background:transparent;
	color:#990000;
}

div.atozNavigationTop {
	clear:both;
	text-align:right;
}

.atozNavigationBottom {
	margin-top:15px;
	text-align:right;
}

a.atozNavNextPrev {font-size:1.20em;}

span.atozActiveNumber {
	background:#990000;
	border:1px solid #666666;
	color:#FFF;
	font-weight:bold;
	padding:1px 2px 1px 2px;
	text-align:center;
}

table.atozResults {
	margin:10px 0 0 0;
	padding:5px;
	width:98%;
}

caption.atozResultsTotal {
	border-bottom:1px solid #999999;
	padding:5px 0 15px 0;
	text-align:center;
}

a#atozTotal, a#atozTotal:hover {
	background:transparent;
	color:#990000;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
}

tr.atozRowEven {
	background:#F5F3EC;
	color:black;
}

td.atozResultNumber {
	margin:0;
	padding:2px;
	text-align:center;
	vertical-align:top;
	width:50px;
}

td.atozResultDetails {
	margin:0;
	padding:2px 2px 10px 2px;
	vertical-align:top;
}

/*.atozResultTitle {
	text-transform:capitalize;
}*/

.atozResultTitleLink {
	font-style:italic;
	font-weight:bold;
}

td.atozPageTopLink {
	display:none;
	font-size:0.7em;
}

ul.taxosubpath {
	display:inline;
	margin-left:0;
	padding-left:0;
}