@import "/css/ajax.css";

/* BODY */

BODY{
	background-color : #FFFFFF;
	margin : 0 0 0 0;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
}

BODY.margins{
	margin-left : 20px;
	margin-top : 20px;
}

/*Images */
img {
	border: none;
}
/* HEADINGS */

H1{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:18px;
  color:#000000; 
  margin-top:-6px;
}

H2{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:16px;
  color:#000000; 
}
H3{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:14px;
  color:#000000; 
}
H4{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:12px;
  color:#000000; 
  margin-top:0px;
}
H5{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  color:#000000; 
}
H6{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  color:#000000; 
}

HR{
  color:#004386; 
}


/* TABLES */

CAPTION{
	font-family: "verdana","arial","helvetica",sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
CAPTION.center{
	font-family: "verdana","arial","helvetica",sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.border004386{
border: thin solid #004386;
border-collapse:collapse;
}

.border91A8CE{
border: thin solid #91A8CE;
border-collapse:collapse;
}

.borderccc{
border: thin solid #ccc;
border-collapse:collapse;
}
.bordereee{
border: thin solid #eee;
border-collapse:collapse;
}

.bordereee td{
border: thin solid #eee;
}

.border000{
border: thin solid #000;
border-collapse:collapse;
}

.borderall{
border:1px solid #000;
border-collapse:collapse;
}

.borderall td{
border:1px solid #000;
}

.borderall th{
border:1px solid #000;
}

.paragraph-section{
border:1px solid #000;
}

.paragraph-section p{
margin:0px;
padding:0px;
}

TABLE.nav  TR TD {
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  font-weight:normal; 
}


TR{
	text-align: left;
	vertical-align: top;
}


TH{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  color:#fff;
  background:#91A8CE;
  border-spacing: 0px;
  border: none
}
TD{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size: .95em;
  vertical-align: top;
  border-spacing: 0px
}

.nowrap{
  white-space: nowrap;
}

/* ALIGNMENT */
.center{
  text-align: center;
} 
.left{
  text-align: left;
} 
.right{
  text-align: right;
} 
.middle{
  vertical-align: middle;
} 
.bottom{
  vertical-align: bottom;
}
.hidden{
 position:absolute;
 left:-10000px;
 top:auto;
 width:1px;
 height:1px;
 overflow:hidden;
 }
 
/* FORMS */

INPUT
{
	BORDER-RIGHT: #003366 1px solid;
	BORDER-TOP: #003366 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	font-family:"verdana","arial","helvetica",sans-serif;
    height: 19px;
    border-left-style: solid;
    border-left-color: inherit;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-bottom-width: 1px;
}

INPUT.disabled
{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-weight: bold;
  font-size: 9pt;
  color: white;
  background-color: #CCCCCC;
  border:2px solid;
  border-top-color:#91A8CE;
  border-left-color:#91A8CE;
  border-right-color:#B4C4DE;
  border-bottom-color:#B4C4DE;
  text-decoration:none;
}



TABLE.noborder INPUT
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}


.submit{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-weight: bold;
  font-size: 9pt;
  color: white;
  background-color: #004386;
  border:2px solid;
  border-top-color:#91A8CE;
  border-left-color:#91A8CE;
  border-right-color:#B4C4DE;
  border-bottom-color:#B4C4DE;
  text-decoration:none;
  }
  
.submit_small {
  font-family:"verdana","arial","helvetica",sans-serif;
  font-weight: normal;
  font-size: 7pt;
  color: white;
  background-color: #004386;
  border:2px solid;
  border-top-color:#91A8CE;
  border-left-color:#91A8CE;
  border-right-color:#B4C4DE;
  border-bottom-color:#B4C4DE;
  text-decoration:none;
  }


.submit:active, input.submit:active {
  background-color: #E9BB80;
  text-decoration:none;
  
}

.submit:focus, input.submit:focus {
background-color: #E9BB80;
text-decoration:none;
}

.submit:hover, input.submit:hover, submit:focus, input.submit:focus {
background-color: #E9BB80;
text-decoration:none;
}

FIELDSET{
	padding-bottom: 6px; 
	padding-left: 6px; 
	padding-right: 6px; 
	padding-top: 6px;
}

TEXTAREA
{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    font-family:"verdana","arial","helvetica",sans-serif;
    BACKGROUND-COLOR: #ffffff
}



SELECT
{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid; 
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    font-family:"verdana","arial","helvetica",sans-serif;
    BACKGROUND-COLOR: #ffffff
}
SELECT.ten
{
    BORDER-RIGHT: #003366 1px solid;
    BORDER-TOP: #003366 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid; 
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #000000;
    font-family:"verdana","arial","helvetica",sans-serif;
    BACKGROUND-COLOR: #ffffff
}


/* LISTS */
UL{
	list-style-type: disc;
}

UL.nomarg 
{
    padding:0;
}

OL.nomarg 
{
    margin:0;
    padding:0;
    border:none;
}


OL.ii { 
list-style-type: upper-roman; 
}

OL.aa { 
list-style-type: upper-alpha; 
}

OL.a { 
list-style-type: lower-alpha; 
}

OL.i { 
list-style-type: lower-roman; 
}

.outline0 {
	font-family:"verdana","arial","helvetica",sans-serif;
	margin-left: 0;
	padding-left: 0px;
	list-style-type: none;
	font-weight:bold;
}

.outline1 li {
	padding-left: 10px;
	list-style-type: none;
	background-image: url(/images/orangerightarrowsm.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-weight:normal;
}

.outline2 li {
	background-image: url(/images/orangerightactive.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	list-style-type: none;
	font-weight:normal;
}

.paddingBtm10px li{
	padding-bottom:10px;
	}
	
	
/* LINKS */
.noline{
  text-decoration:none;
}
A.noline:hover, A.noline:focus {
  text-decoration:underline;
}
A.nav:link{
  text-decoration:none;
}
A.nav:hover, A.nav:focus{
  text-decoration:underline;
}
A.nav:visited{
  text-decoration:none;
}

A.blk:link{
  color:#000;
  text-decoration:none;
}
A.blk:visited{
  color:#000;
  text-decoration:none;
}
A.blk:active{
  color:#9CF;
  text-decoration:underline;  
}
A.blk:hover, A.blk:focus{
  color:#9CF; 
  text-decoration:underline;
}

A.blk_under:link{
  color:#000;
  text-decoration:underline;
}
A.blk_under:visited{
  color:#000;
  text-decoration:underline;
}
A.blk_under:active{
  color:#9CF;
  text-decoration:underline;  
}
A.blk_under:hover, A.blk_under:focus{
  color:#9CF; 
  text-decoration:underline;
}

A.wht:link{
  color:#FFF;
  text-decoration:none;
}
A.wht:visited{
  color:#FFF;
  text-decoration:none;
}
A.wht:active{
  color:#9CF;
  text-decoration:underline;  
}
A.wht:hover, A.wht:focus{
  color:#9CF; 
  text-decoration:underline;
}

A.wht_under:link{
  color:#FFF;
  text-decoration:underline;
}
A.wht_under:visited{
  color:#FFF;
  text-decoration:underline;
}
A.wht_under:active{
  color:#9CF;
  text-decoration:underline;  
}
A.wht_under:hover, A.wht_under:focus {
  color:#9CF; 
  text-decoration:underline;
}

A.blu:active{
  color:#004386; 
  text-decoration:underline;   
}
A.blu:visited{
  color:#004386; 
  text-decoration:none;   
}
A.blu:link{
  color:#004386; 
  text-decoration:none;     
}
A.blu:hover, A.blu:focus{
  color:#E28521; 
  text-decoration:underline;         
}
A.bluw:active{
  color:#004386; 
  text-decoration:underline;   
}
A.bluw:visited{
  color:#004386; 
  text-decoration:none;   
}
A.bluw:link{
  color:#004386; 
  text-decoration:none;     
}
A.bluw:hover, A.bluw:focus{
  color:#FFFFFF; 
  text-decoration:underline;         
}
A.orn:active{
  color:#E28521; 
  text-decoration:underline;   
}
A.orn:visited{
  color:#E28521; 
  text-decoration:none;   
}
A.orn:link{
  color:#E28521; 
  text-decoration:none;     
}
A.orn:hover, A.orn:focus{
  color:#004386; 
  text-decoration:underline;         
} 

input[type='image']:focus  /*accessibility feature - pseudo class for visual indication of focus*/
{
outline:2px solid #ffff00;
}

/* TEXT SIZES, STYLES & WEIGHTS */

P{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:.95em;
}

.nav{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  font-weight:normal; 
}
.med{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:11px;
  font-weight:bold;
}
.lg{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:12px;
  font-weight:bold;
}
.footer{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:9px;
}
.headlist{
  font-family:"verdana","arial","helvetica",sans-serif;
  font-size:14px;
  font-weight:bold;
}
/* not in use
.head{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:15px;
}*/

.list{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:12px;
} 
.p{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:small;
}
.quote{
  font-family:"georgia","palatino","times","times new roman",serif;
  color:white;
}
.small{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:9px;
}
.linethru { 
  text-decoration: line-through;
 }
.bold{
  font-weight:bold;
}

.em{
  font-style:italic;
}
.norm{
  font-weight:normal;
}
.section{
  font-family:"verdana","arial","helvetica", sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#004386;
}
.note{
  font-family:"georgia","palatino","times","times new roman",serif;
  font-size:10px;
  font-style:italic;
}

.sup {
vertical-align:super; 
 font-size: .70em;
}

.sub {
vertical-align:sub;
 font-size: .70em;
}

.excelText { 
mso-number-format:\@;
 }

.inline {
	display: inline;
	}
	
.margin40 {
	margin-left: 40px;
}

/* COLORS */
.blk{
  color:#000;
  text-decoration:none;
}
.blu2{
  color:#91A8CE; 
}
.blu{
  color:#004386; 
}
.wht{
  color:#FFF;
  text-decoration:none;
}
.orn{
  color:#E28521; 
}
.orn2{
  color:#E9BB7F; 
}
.ltbl{
  color:#99CCFF;
}
.medbl{
  color:#9999CC;
}
.gry{
  color:#CCCCCC;
}
.red{
  color:#FF0000;
}
.grn {
	color:#33CC66;
}

.dkgrn {
	color:#006600;
}


/*BACKGROUND COLORS */

.eee { 
  background-color: #EEEEEE;
}
.ccc {
  background-color: #CCCCCC;
}
.fff {
  background-color: #FFFFFF;
}  

.yellow {
background-color: #FFFF00;
}  

.bgred	 {
background-color: #FF0000;
} 

.bggreen {
background-color:#33CC66;
}

.bg000 {
  background-color: #000000;
}
.e7e7 {
  background-color: #F7F7F7;
}
.bg004386 { /*darkest blue*/
  background-color: #004386;
}
.bg506EAC {
background-color: #506EAC; /*dark blue*/
}
.bg91A8CE { /*medium blue*/
  background-color: #91A8CE;
}
.bgB4C4DE {
background-color: #B4C4DE; /*light blue*/
}  
.bge2eaf6 {
  background-color: #E2EAF6; /*lightest blue*/
}
.bge9bb80 {
background-color: #E9BB80; /*orange*/
}
.bgFBD9B5 {
background-color: #FBD9B5;/*light orange*/
}
/* 11/21/13 commenting out these 3 styles. did not find refereces to them on profiels or deoweb1, but the images turn up as broken links.
.bghatch1 {
background: url(/images/yellow_green_forward_diagonal_thin.gif) repeat;
}
.bghatch2 {
background: url(/images/black_forward_diagonal_thin.gif) repeat;
}
.bgdots1 {
background: url(/images/dots7.gif) repeat;
}
*/

/*MCAS special*/

.fraction {
display: inline-block; 
vertical-align: middle;
text-align: center;
font-size: smaller;
padding-left: 2px; 
}

.fraction span { 
display: block;
}
.fracdenom { 
padding-top: .05em; 
border-top: .125em #000000 solid;
padding: 0 2px;
}

/* DIV positioning */
#edName { 
	 position: absolute;
	 left: 125px;
	 top: 450px;
	 width: 150px;
	 font-size: 11px
}

.floatL {
float: left;
}

.floatR {
float: right;
}

.clear {
clear:both;
height: 0px;
}

/*added by Arber Muhameti on June 10, 2009 - for ssi*/
.ssiimgdiv {
width: 10px;
text-align: left;
}

.ssiimgdiv img{
margin-top: 3px;
}

.ssiimgdiv3 {
width: 20px;
text-align: left;
}

.ssiimgdiv3 img{
margin-top: 3px;
}

.ssitxtdiv {
width: 202px;
margin-bottom: 3px;
}

.ssitxtdiv2 {
width: 140px;
margin-bottom: 3px;
}

.ssitxtdiv3 {
width: 192px;
margin-bottom: 3px;
}

/*added by Arber Muhameti on June 10, 2009 - for icon lists*/
a.tooltip {
	text-decoration: none;
	font-size: 0.75em;
}

a.tooltip:hover, a.tooltip:focus {
	position: relative;
}

a.tooltip span.hide {
	position: absolute;
	left: -999px;
}

a.tooltip:hover span.hide, a.tooltip:focus span.hide {
		display: block;
   	position: absolute; top: -40px; left: 0px;
		white-space: nowrap;
		text-align: left;
		color: #ffffff;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #004386; border: 1px dotted #c0c0c0;
		opacity: 0.9;
	/* end formatting */
}
a.tooltip:hover span.hide2, a.tooltip:focus span.hide2 {
	top: -53px;
}

.icon_img {
	width: 40px; 
	text-align: right;
	margin-top:2px;
	margin-bottom:4px;
}

.icon_arrow {
	width: 11px; 
	text-align: right;
	margin-top:2px;
	margin-bottom:4px;
}

.width54 {
	width: 54px; 
}

.icon_txt { 
	padding-left: 9px;
	margin-top:2px;
	margin-bottom:4px;	 
	width: 80%;
}	   

.icon_date { 
	padding-left: 9px;
	margin-top:2px;
	margin-bottom:4px; 
	width: 75px;
}	   


.icon_txt_flex { 
	padding-left: 9px;
	margin-top:2px;
	margin-bottom:4px;
}



/*attribute selectors*/

a[href^="mailto"] {
	padding-left: 17px;
	background: url(/images/icon_email.gif) no-repeat;
	background-position: 2px 3px;
}

a[title ="External Link"] { 
	padding-right: 14px;
	background: url(/images/icon_external.gif) no-repeat center right;
	text-decoration: none;  
	border-bottom: 1px dotted;
   
}

/*StartBlock: Math Formula Styling rst 8/26/13 don't think thisis used anywhere. commenting out for now, will delete later.

div.math{ text-align: center; width: 100%; word-spacing: normal; }
.math sup{ vertical-align: 0.35em; font-size: 75%; }
.math sub{ vertical-align: -0.25em; font-size: 75%; }
.math sub sub{ vertical-align: -0.5em; font-size: 85%; }
.math table{ margin: auto; }
span.baseline { color: silver; }
table.sum { margin: auto; }
.sum-display-inline .sum {
	font-size: 150%;
	padding: 0; margin: 0;
	}
.sum{ text-align: center;
	padding: 0 0.25ex 0 0.25ex;
}
.math table td { vertical-align: middle; }
.sum-display-inline { display: inline; }
.sum-display-inline .lim { font-size: 75%; }
.sum-display-inline .lim, .sum-display-inline .sum { text-align: center; }
table.sum-display-inline { vertical-align: -1.2em; padding: 0; }
.sum-display-inline span.lim { display: block; }

/*EndBlock*/

/*Print Style*/
@media print {
.pbefore {page-break-before:always;}
.pafter {page-break-after:left;}
.noprint {display:none;}


/* Firefox - Chrome */
header {visibility: hidden;}
nav {display: none;}
footer {visibility: hidden;}
section {display: none;}
figure {
display: initial;
}
div.calculated-width {width: 100%;}
/*.navigation {display: none;}*/
.header {visibility: hidden;}
.footer {visibility: hidden;}
.headline {display: none;}

}

/* Firefox - Chrome */
figure {
margin: 0px 0px 0px 0px;
visibility: visible;
}
.figure {
margin: 0px 0px 0px 0px;
visibility: visible;
}

div.calculated-width {
    width: -moz-calc(100% - 224px);
    width: -webkit-calc(100% - 224px);
    width: calc(100% - 224px);
}
