.modalWindow
{
	background-color: #FFF;
    background-position: 0% 0%;
    display: none;
    height: auto;
    padding-top: 15px;
    padding-right: 15px; 
    padding-bottom: 15px;
    padding-left: 15px;
    width: 600px;
    border:3px solid #3388CC;
}

.bClose
{
	cursor: pointer;
    font-weight: bold;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 10px;	
}

a
{
	cursor: pointer;
}


/* BEGIN MAIN SITE LAYOUT CONTAINERS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td 
{ padding:0;margin:0;}
fieldset, img { border:0;}
table {border-collapse:collapse;border-spacing:0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var 
{font-weight:normal;font-style:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
q:before, q:after {content:'';}
abbr, acronym { border:0;}
fieldset,img { border:0;}

body {
	text-align: left; 
	color:#323232; 
	font-family:helvetica,arial,sans-serif;
	font-size: 12px; 
	line-height: 16px; background:#c7c7c7;
}
/* BEGIN DEFAULT LINK SPECIFICATIONS */
a, 
a:link, 
a:active { 
	text-decoration: underline; 
	color: #1D46A0; 
}
a:visited { 
	color: #1D46A0; 
}
a:hover { 
	color: #1D46A0; 
}
a.grey{}
a.grey:hover{ }

/* END DEFAULT LINK SPECIFICATIONS */
/* BEGIN DEFAULT HEADING STYLES */
h1 { 
	margin:0; 
	padding: 0; 
	font-size: 2.2em; 
	line-height: 1.4em; 
	color:#486b9e; 
}


/* END DEFAULT HEADING STYLES */
blockquote { 
	margin-left: 10px; 
	border-left: 10px solid #ddd; 
}
blockquote p { 
	margin-left:10px; 
}
pre { 
	font-family: monospace; 
	font-size: 1.0em; 
}
strong, b { 
	font-weight: bold; 
}
em, i { 
	font-style:italic; 
}

/* BEGIN DEFAULT TABLE STYLES */


table { 
	margin: 0 0 1.5em 0; 
	padding: 0; 
	font-size: 1em; 
}
table caption { 
	margin: 0; 
	padding: 0 0 1.5em 0; 
	font-weight: bold; 
}
th { 
	font-weight: bold; 
	text-align: left; 
}
td { 
	font-size: 1em; 
}
/* END DEFAULT TABLE STYLES */    
/* BEGIN DEFAULT HR STYLES */ 
checkbox{ vertical-align:middle;}
div.hr { 
	height: 1px; 
	
	margin: 1.5em 10px; 
	
	border-bottom: 1px dotted black; 
}
/* END DEFAULT HR STYLES */ 

.warn, 
.red { 
	color:#b9413e; 
}
.highlight, 
.green { 
	color:green; 
}

.orange { 
	color:orange; 
}
.purple { 
	color:purple; 
}
.blue { 	
	color:blue; 
}
.center { 
	text-align:center; 
}
.small { 
	font-size:70%; 
}
.smaller { 
	font-size:9px; 

}
.center { 
	text-align:center; 
}
.yellow { color:#f8cb00;}

div#container {
    width:1060px;
    padding: 0 10px 36px 10px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin:0 auto;background:#c7c7c7 url(../images/grayfade.jpg) repeat-y 0 0; 
}

div#infobase {
    padding:0 0 10px 0;
    margin:0;
    min-height:800px;
    height: auto !important;
    height: 100%;/*border:2px solid #d1caad;*/
}
html>body div#infobase {
	padding:0 0 10px 0;
	margin:0;
	min-height:800px;
	height: auto !important;
	height: 100%;
	position:relative;
	overflow:hidden;
}
/* END MAIN SITE LAYOUT CONTAINERS */
/* BEGIN INFOBASE HEADER FRAME */
div#header {
    position:relative;
    height:129px;
    color: black;font-size:11px;
    margin:5px 10px 0 10px;
background: url(../images/OSAP.Header.Background.png) no-repeat; 
}
div#branding-global {
    position:relative;
    left:5px;
    height:100px;
    color: #000;
    text-align: left;
}
div#primary_logo {color:#fff; position:absolute; top:48px; left:12px; letter-spacing:3px;}
div#primary_tagline {position:absolute; bottom:3px; left:220px;}
@font-face { font-family: 'GyreHeroesReg'; src: url('fonts/texgyreheros-regular.otf');}
@font-face { font-family: 'GyreHeroesBold'; src: url('fonts/texgyreheros-bold.otf');}
@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('fonts/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('fonts/texgyreheros-bold-webfont.eot');
    src: url('fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
div#primary_logo h1 a {text-decoration:none;}
h1 span.headerOptics {
	font-family:'GyreHeroesReg','TeXGyreHerosRegular', Helvetica, Verdana, sans-serif; 
	font-weight:bold;
	font-size:35pt; 
	color:#fff;}
h1 span.headerInfo {
	font-family:'Open Sans', Helvetica, Verdana, sans-serif; 
	font-size:35pt; 
	color: #f8cb00;}
h1 span.headerBase {
	font-family:'GyreHeroesReg','TeXGyreHerosRegular', Helvetica, Verdana, sans-serif; 
	font-weight:bold;
	font-size:35pt; 
	color: #f8cb00;}
div#primary_tagline {font-family:'GyreHeroesReg', Helvetica, Verdana, sans-serif; font-size:8pt; letter-spacing:5px; color:#fff;}

div#branding-osa_logo {
    position:absolute;
    top:10px;
    left:15px;
}
div#toolBoxHeader {
	position:absolute;
    top:0px;
    height:129px;
    right:0px;
    margin: 0 0 2px 0;
	height:30px;
	overflow:hidden;
}
div#osaheader {
	position:absolute;
    top:0px;
    height:129px;
    left:0px;
    margin: 0 0 2px 0;
	padding-top:8px;
	padding-left:5px;
	height:30px;
	overflow:hidden;
}
div#toolBoxHeader ul {list-style-type:none; margin:0px; padding:0px; margin-top:10px; margin-bottom:20px; }
div#toolBoxHeader li {display:inline; padding-right:15px; padding-left:0px; border-right:1px solid #444; margin:0px;}
div#toolBoxHeader li:last-child {border-right:0px solid #444;}
div#toolBoxHeader li.lastChild {border-right:0px solid #444;}
div#toolBoxHeader li a {color:#fff; font-weight:bold; font-size:12px; text-decoration:none;}
div#toolBoxHeader li a:hover {text-decoration:underline;}
div#tools-global a.yellow{color:yellow;}

div#search-global {
    position:absolute;
    bottom:50px;
    right:5px;
    text-align:right;
    padding:0px;
    margin:0px;
}   
div.title {
    position:relative;
    height:41px;
	background:#003399 url(../images/imagebankbanner.jpg) no-repeat; 
}
h2.subHeader {
	position:absolute;
	left:35px;
	top:0px;
	margin:0px;
	padding:0px;
	font-family:'GyreHeroesReg','TeXGyreHerosRegular', Helvetica, Verdana, sans-serif; 
	font-weight:normal;
	font-size:18pt; 
	color:#fff;}
h2.subHeader a {
	color:#fff;
	text-decoration:none;
	}	
span.bold {
	
	font-weight:900;
	}
/* END INFOBASE HEADER FRAME */

/* BEGIN FOOTER */
div#footer {
    bottom:20px;font-size:11px;
    height:43px;
    color: black;
    margin: 0px 10px 0px 10px;
    z-index:2;
}

div#copyright {
    margin: 0px 0 0 0;
    text-align:center;
}
div#copyright div { 
	font-size:90%; 
	padding-top: 15px; 
}
div#footer .osa_logo{margin-top:-78px;margin-left:350px}
div#footer .osa_logo img{width:60px;}
/* END FOOTER */

.clearfix:after 
{ 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix 
{
display:inline-block;
}

.float_l{float:left;}
.float_r{float:right;}
.small_font{font-size:0.9em;}

.cookie-notice-container {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 1rem 2rem 1rem 1rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #dff0d8;
}
.cookie-notice {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 1px;
  opacity: 1;
}

.cookie-notice__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 0;
    background: transparent;
    cursor: pointer;
}