/*
	font-family:"Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
	
	Opera: "Helvetica Neue", HelveticaNeue, Helvetica
	FireFox: "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans"
	IE: Arimo, Calibri, Arial, sans-serif  (use Arimo or Roboto-Mono ???  Both are loaded from the Google-Fonts api in header.inc )
*/

* {
	margin:0;
}

html, body * {
	font-family:"Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
	/*font-size:10pt;*/
}

html {
    height: 100%;
	min-height:100%;
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
}

body {
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
}

body.report {
	background-color:#FFF;
	height:100%;
	margin:5px 10px 5px 10px;
	padding:0px;
}

form { 
	margin:0;
}

img { border:0; }

*, *:before, *:after {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */	
}

.TitleHeadline {
	font-size:12pt; 
	font-weight:bold; 
	color:#241504; 
	background-color:#DBE2F0; 
	margin-bottom:10px; 
	padding:2px;
}
	
.TitleHeadlineCenter  { 
	font-size:12pt; 
	font-weight:bold;
	color:#241504; 
	background-color:#DBE2F0; 
	text-align:center; 
}

.headline   	{ font-size:12pt; font-weight:bold; color:#404F56; }
.subhead    	{ font-size:10pt; font-weight:bold; color:#404F56; }

p.headline   	{ font-size:12pt; font-weight:bold; color:#404F56; }
p.subhead    	{ font-size:10pt; font-weight:bold; color:#404F56; }
span.B			{ font-weight:bold; }
p.footnote	 	{ font-size:7pt; color:#FFFFFF; }
div.footnote	{ font-size:6pt; padding-top:0px; padding-left:10px; font-style:italic; }

span.headline	{ font-size:12pt; font-weight:bold; color:#000000; }
span.subhead 	{ font-size:10pt; font-weight:bold; color:#404F56; }
span.subhead2 	{ font-size:9pt; font-weight:bold; color:#404F56; }
span.footnote	{ font-size:8pt; color:#FFFFFF; }
span.footnote2	{ font-size:8pt; color:#000000; }
span.footnote3	{ font-size:6pt; font-style:italic; font-weight:normal; color:#333; }

a.headline		{ font-size:12pt; font-weight:bold; color:#404F56; }
a.subhead 		{ font-size:10pt; font-weight:bold; color:#404F56; }

.sitemaphead	{ font-size:10pt; font-weight:bold; color:#507281; }
.sitemapbody 	{ font-size:9pt; font-weight:normal; }
.sitemapbody a  { font-size:9pt; font-weight:normal; }
.sitemapbody a i { font-size:9pt; font-weight:normal; font-style:italic }

span.caption 	{ font-size:8pt; font-weight:bold; color:#121212; }

td.subhead   	{ font-size:10pt; font-weight:bold; color:#507281; }

td.B 			{ font-weight:bold; }
td.C			{ text-align:center; }
td.U			{ text-decoration:underline; }

.MainText 		{ color:#507281; }


span.alert   	{ font-weight:bold; color:red; background-color:#D9D6C4; text-align:center; }
td.alert    	{ font-weight:bold; color:red; background-color:#D9D6C4; text-align:center; }

.TitleBarLink	{ font-size:12pt; font-weight:bold; color:#404F56; margin:0px 20px; white-space:nowrap;}
.CurrTitleBarLink	{ font-size:12pt; font-weight:bold; color:#404F56; margin:0px 20px; white-space:nowrap;}
.TitleHeader	{ font-size:18pt; font-weight:bold; color:#039; text-align:center; width:100%; }

.TitleHeaderLine { 
	font-size:18pt; 
	font-weight:bold; 
	color:#039; 
	text-align:center; 
	width:100%; 
	border-bottom:2px solid #06C; 
	margin-bottom:20px;
}

div.MenuGroup 	{ 
	width: 200px;
	height: 100%;
    margin: 0px;
    padding: 5px 5px 5px 5px;
	/*background-image: url(/Logos/main/square_hover.png);*/
	/*background-repeat: repeat-y;*/
}

div.MenuGroupTop 	{ 
	background-image: url(../png/rounded_hover.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 5px;
	background-position: 0px 0px; /* don't move */
}


div.MenuGroup1	{
	float:left;
	text-align:left;
	width:33%;
	padding:10px;
	height: 100%; 
	background-image: url(../png/square_hover.png);
	background-repeat: repeat-y;
}

div.MenuGroup2	{
	float:left;
	text-align:left;
	width:34%;
	padding:10px;
	height: 100%;
	background-image: url(../png/square_hover.png);
	background-repeat: repeat-y;
}

div.MenuGroup3	{
	float:left;
	text-align:left;
	width:33%;
	padding:10px;
	height: 100%; 
	background-image: url(../png/square_hover.png);
	background-repeat: repeat-y;
}


div.MenuGroup:hover	{ 
	background-image: url(../png/square_hover.png);
}

div.StoriesBG	{ 
	width: 320px;
	height: 100%;
    margin-right: 0px;
    padding: 5px 5px 5px 20px;
	color:#507281; 
	background-image: url(../png/370gradient.png);
	background-repeat: repeat-y;
	color: #000;
	
}

div.BottomBullets {
	color:#222222;
	font-weight:bold
}

table.map_legend {
	width: 90%;
	border: 1px solid black;
}

table.map_legend td {
	vertical-align: center;
}

/*
A
	Defines the style for normal unvisited links.

A:link
	Defines the style for normal unvisited links.

A:visited
	Defines the style for visited links.

A:hover
	Defines the style for hovered links.
	A link is hovered when the mouse moves over it.
	Note: Not supported by Netscape browsers prior to version 6.

A:active
	Defines the style for active links.
	A link becomes active once you click on it.

*/


/*
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!
*/



/* "link, visited, active, hover, focus" are "Action/Events" */ 

/* FEB 21 2017 - CHANGED ALL "FF921E" to "0032a0"*/
a			{ color:#0032a0; text-decoration:none; outline:0; outline-style:none; outline-width:0; font-weight:bold;} /* remove dotted borders */
a:link  	{ color:#0032a0; text-decoration:none; }
a:visited  	{ color:#0032a0; text-decoration:none; }
a:focus	  	{ color:#0032a0; text-decoration:none; }
a:hover   	{ color:#507281; text-decoration:underline; }
a:active  	{ color:#71535C; text-decoration:none; }
/* 809DAC */


	.linkX a			{ color:#0032a0; text-decoration:none; outline:0; outline-style:none; outline-width:0; font-weight:bold;} /* remove dotted borders */
.linkX a:link  	{ color:#0032a0; text-decoration:none; }
.linkX a:visited  	{ color:#0032a0; text-decoration:none; }
.linkX a:focus	  	{ color:#0032a0; text-decoration:none; }
.linkX a:hover   	{ color:#507281; text-decoration:underline; }
.linkX a:active  	{ color:#71535C; text-decoration:none; }


.TitleBarLink a:link 	{ color:#039; text-decoration:none; }
.TitleBarLink a:visited  	{ color:#039; text-decoration:none; }
.TitleBarLink a:focus	  	{ color:#039; text-decoration:none; }
.TitleBarLink a:hover   	{ color:#71535C; text-decoration:none; }
.TitleBarLink a:active 	{ color:#0032a0; text-decoration:none; }

.CurrTitleBarLink a:link 	{ color:#0032a0; text-decoration:none; }
.CurrTitleBarLink a:visited  	{ color:#0032a0; text-decoration:none; }
.CurrTitleBarLink a:focus	  	{ color:#0032a0; text-decoration:none; }
.CurrTitleBarLink a:hover   	{ color:#71535C; text-decoration:none; }
.CurrTitleBarLink a:active 	{ color:#0032a0; text-decoration:none; }

span.headline a:link	{ color:#000000; text-decoration:underline; }
span.headline a:visited	{ color:#000000; text-decoration:none; }
span.headline a:focus	{ color:#000000; text-decoration:none; }
span.headline a:hover	{ color:#507281; text-decoration:underline; }
span.headline a:active	{ color:#0032a0; text-decoration:none; }

a span.subhead 			{ color:#507281; text-decoration:none; }
a:link span.subhead 	{ color:#507281; text-decoration:none; }
a:visited span.subhead 	{ color:#507281; text-decoration:none; }
a:hover span.subhead 	{ color:#71535C; text-decoration:none; }
a:active span.subhead 	{ color:#0032a0; text-decoration:none; }

a span.headline 		{ color:#507281; text-decoration:none; }
a:hover span.headline 	{ color:#71535C; text-decoration:none; }
a:active span.headline 	{ color:#0032a0; text-decoration:none; }

a.B		  	{ font-weight:bold; }
a.noLink  	{ text-decoration:none }


a.LeftMenu			{ color:#FFFFFF; text-decoration:none; }
.LeftMenu:link  	{ color:#FFFFFF; text-decoration:none; }
.LeftMenu:visited  	{ color:#FFFFFF; text-decoration:none; }
.LeftMenu:focus	  	{ color:#000000; text-decoration:none; }
.LeftMenu:hover   	{ color:#71535C; text-decoration:underline; }
.LeftMenu:active  	{ color:#0032a0; text-decoration:none; }

.BottomMenu			{ color:#FFFFFF; text-decoration:none; font-weight:normal;}
.BottomMenu:link  		{ color:#FFFFFF; text-decoration:none; }
.BottomMenu:visited  	{ color:#FFFFFF; text-decoration:none; }
.BottomMenu:focus	  	{ color:#000000; text-decoration:none; }
.BottomMenu:hover   	{ color:#71535C; text-decoration:none; }
.BottomMenu:active  	{ color:#0032a0; text-decoration:none; }

div.BottomMenu a			{ color:#FFFFFF; text-decoration:none; }
div.BottomMenu a:link  		{ color:#FFFFFF; text-decoration:none; }
div.BottomMenu a:visited  	{ color:#FFFFFF; text-decoration:none; }
div.BottomMenu a:focus	  	{ color:#000000; text-decoration:none; }
div.BottomMenu a:hover   	{ color:#71535C; text-decoration:none; }
div.BottomMenu a:active  	{ color:#0032a0; text-decoration:none; }

div.sitemaphead a			{ color:#507281; text-decoration:none; }
div.sitemaphead a:link  	{ color:#507281; text-decoration:none; }
div.sitemaphead a:visited  	{ color:#507281; text-decoration:none; }
div.sitemaphead a:focus	  	{ color:#000000; text-decoration:none; }
div.sitemaphead a:hover   	{ color:#404F56; text-decoration:none; }
div.sitemaphead a:active  	{ color:#0032a0; text-decoration:none; }

div.sitemapbody a			{ color:#666666; text-decoration:none; }
div.sitemapbody a:link  	{ color:#666666; text-decoration:none; }
div.sitemapbody a:visited  	{ color:#666666; text-decoration:none; }
div.sitemapbody a:focus	  	{ color:#666666; text-decoration:none; }
div.sitemapbody a:hover   	{ color:#2E373D; text-decoration:none; }
div.sitemapbody a:active  	{ color:#0032a0; text-decoration:none; }









/* HEADER - Top Menu Desktop */


div.TopMenu, .TopMenu_mobile {
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	text-align:center;
	max-height:160px;
	text-align:center;
}


div.TopMenu div.LangLogoSearch {
	width:100%;
	max-width:100%;
	height:100px;
	padding:3px 5px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
}

div.TopMenu div.LangLogoSearch span.colLang {
	flex-basis:15%;
	flex-grow:1;
	flex-shrink:1;
	min-width:200px;
	text-align:left;
}

div.TopMenu div.LangLogoSearch span.colLogo {
	flex-basis:69%;
	flex-grow:1;
	flex-shrink:1;
	text-align:center;
}

div.TopMenu div.LangLogoSearch span.colSearch {
	flex-basis:15%;
	flex-grow:1;
	flex-shrink:1;
	min-width:200px;
	text-align:right;
}


img#MainHeaderLogo {
	height:95px;
}

/*img#MainHeaderLogoMobile {
	height:75px;
}*/

div.TopMenu div.MenuButtons {
	width:100%;
	max-width:100%;
	height:60px;
	padding:3px 5px;
	margin:10px 5px 0 5px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	background-color:#FFF;
}

div.TopMenu div.MenuButtons div, div.TopMenu div.MenuButtons a {
	padding:3px;
	flex:1;
}

div.TopMenu div.MenuButtons div button.menu_button {
	font-weight:bold;
}




div.TopMenu table {
	width:100%;
	margin: 0 auto;
	text-align: center;
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	max-height:150px;
}

div.TopMenu table td {
	width: 12%;
	height: 50%;
	max-height:150px;
	border: none;
	color: #0032a0;
}

div.TopMenu table td a {
	color: #0032a0;
}

div.TopMenu a.TopMenuButtons {
	font-size: 12pt;
}

div.TopMenu table td.logo {
	width:30%;
	padding:1%;
}

div.TopMenu table td.logo img {
	width: auto;
	max-width: 385px;
	max-height: 100px;
}

div.TopMenu table td.topRowLeft {
	text-align:left;
	font-size:9pt;
	padding-left:10px;
	width: 32%;
	vertical-align:top;
}

div.TopMenu table td.topRowRight {
	text-align: right;
	font-size: 9pt;
	padding-right: 10px;
	width: 32%;
	vertical-align:top;
}

div.TopMenu table td.topRowRight a {
	color: #0032a0;
}

td.logo img {
	max-width:200px;
}

div.TopMenu_dropdown {
	width:15%;
	min-width:250px;
	background-color: #ffffff;
	color: #0032a0;
	border: 2px solid;
	border-color: #0032a0;
}

div.TopMenu_dropdown ul {
	padding-left: 5px;
}

div.TopMenu_dropdown li {
	padding: 3px 0;
	list-style-type: none;
	font-size: 13px;
	
}



div.dropdown li, div.dropdown li a {
	font-size:9pt;
}

li.category {
	text-decoration: underline;
	font-weight: bold;
	font-size: 20px;
}

li.subcategory {
	text-decoration: none;	
	font-size: 10px;
}
li.disabled {
	color: #6684c6;
}


div.dropdown div.dropdown-menu li.subcategory > a, 
div.dropdown div.dropdown-menu li.mobile_subcategory > a, 
div.dropdown div.dropdown-menu li.category > a,
div.dropdown div.dropdown-menu li.mobile_category > a { /* for menu, makes the entire width clickable */
	display:block;		
    overflow:hidden;
}

div.dropdown div.dropdown-menu li.subcategory:hover, 
div.dropdown div.dropdown-menu li.mobile_subcategory:hover, 
div.dropdown div.dropdown-menu li.category a:hover,
div.dropdown div.dropdown-menu li.mobile_category a:hover { /* for menu, color background on mouse-over/hover */
	background-color:#E7F3FA;
}





/* HEADER - Top Menu Mobile*/

.TopMenu_mobile {
	width:100%;
	height:100px;
	max-height:100px;
	background-color:#FEFEFA;
	border-bottom:1px solid #17468F;
	text-align:left;
}

.TopMenu_mobile .LangLogoSearch {
}

.TopMenu_mobile .LangLogoSearch .colLang {
	display:inline-block;
	float:left;
	top:0px;
	left:0px;
	height:100px;
	width:100px;
	text-align:left;
	margin:0;
	padding:0;
	padding-left:10px;
}


.TopMenu_mobile .LangLogoSearch .colLogo {
	height:100px;
	max-height:100px;
	padding:0px;
	margin:auto;

	display:grid;

	/*
	background: url(../images/logos/OI_Identity_150.png) no-repeat;
	background-repeat:no-repeat;
	background-image: url("/images/logos/OI_Logo/OI_Identity.jpg") no-repeat;
	background-size:auto 95px;
	*/
}


.TopMenu_mobile .LangLogoSearch .colLogo a img {
	padding:0;
	display:block;
	margin:0 auto;
	max-height:100%;	
	max-width:100%;	
	
}



td.mobile_logoholder {
	min-width: 20%;
	max-height:120px;
	padding: 0% 15% 3% 15%;
	border-right: 2px solid #ffffff;
	background-color: #ffffff;	
}

td.mobile_buttonholder {
	padding: 3%;
	height: 100%;
	background-color: #ffffff;
  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  
	-webkit-flex-flow: row wrap;
	justify-content: flex-right;
	justify-content: center;
}

div.mobile_languagebox {
	padding-left: 5px;
	text-align: left;
}

a.TopMenu_mobilebutton {
	padding: 4px;
	margin: 5px;
	font-weight: bold;
	text-align: center;
	
	max-height: 40px;
	min-width: 170px;
	
	font-family: Calibri;
	color: #0032a0;
	background-color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	border-color: #ffffff;
}

a.TopMenu_mobilebutton:focus {
	color: #0032a0;
	background-color: #ffffff;
	outline: none;
}

a.TopMenu_mobilebutton:hover {
	color: #ffffff;
	background-color: #0032a0;
}

td.menu_button{
	color: #ffffff;
	background-color: #0032a0;
	font-size: 30pt;
	font-weight: bold;
	width: 10%;
	min-width: 50px;
	position: relative;
	
}

.TopMenu_mobile ul {
	text-align: left;
	font-size: 20px;
	font-family: Calibri;
	padding-left: 10px;
}

.TopMenu_mobile li {
	color: #0032a0;
	padding: 2px 0;
	list-style-type: none;
}



li.mobile_category {
	font-family: Calibri;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
}

li.mobile_subcategory  a {
	font-size: 15px;
}

button.TopMenu_mobilelogin {
	margin-top: 3px;
	font-family: Calibri;
	color: #ffffff;
	background-color: #0032a0;
	font-size: 15px;
	font-weight: bold;
	border-color: #0032a0;
}

button.TopMenu_mobilelogin:focus {
	color: #ffffff;
	background-color: #0032a0;
	outline: none;
}

button.TopMenu_mobilelogin:hover {
	color: #0032a0;
	background-color: #ffffff;
}

h1.body_h1 {
	font-size: 20px;
	color: #0032a0;
	font-weight: bold;
	text-decoration: underline;
}

h2.body_h2 {
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
	text-decoration: none;
}

ul.libraryList {
	list-style-type: none;
}

ul.libraryList li {
	font-size: 13px;
	margin-bottom: 10px;
}

img.articleimg {
	padding: 15px;
}



div.Body {
	padding-right:10px;  /* Browser's scroll-bar sometimes over-laps right edge of body. */
}