/* ANR Styles 
consolidated styles from various different pages 
Lots of cleanup needed (someday)
*/

.LINKbutton { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #00447C;}
.LINKbuttonover { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #666666; cursor: pointer}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
.PersonnelMenu a:hover {  color : #000000;  background-color : #cccccc; }
.PersonnelMenu a:link {  color : #ffffff; } 
.PersonnelMenu a:visited {  color : #ffffff; }
.PersonnelMenu {  color : #ffffff;  background-color : #00447C; }
.PersonnelTab {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 12px;  color : #000000;  background-color : #cccccc;  font-weight : bold;  margin : 0;  padding : 0;  border : 0 none #000000; } 
.TextSMALL {  font-size: 12px; font-weight: bold}
.TextSMALLCenter {  font-size: 12px; font-weight: bold; text-align:center}
.TextSMALLBOLD {  font-size : 12px; font-weight : bold; }
.bigbold { font-size: 18pt;   font-family: "Georgia","Times New Roman", "Serif";   font-weight: bold; }
.bigboldcenter { font-size: 18pt;   font-family: "Georgia","Times New Roman", "Serif";   font-weight: bold;text-align:center }

.borderNoTop { border : medium solid ; border-width : 0px 1px 1px;  border-color : #000000; }
.borderNoTop { border: solid; border-width: 0px 1px 1px; border-color: #000000 #000000 #000000}
.borderSides {  border : medium solid #000000;  border-width : 0 1px; }
.borderSides { border: #000000 solid; border-width: 0px 1px}

.button { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size : 12px;  color : #ffffff;  background-color : #00447C;  border : 1px solid #000000;  font-weight : bold;  margin : 0;  padding : 0; }
.buttonMENU { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #00447C; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width: 240px}
.buttonover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; border: 1px #000000 solid; cursor: pointer; font-weight: bold}
.buttonoverMENU { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; background-color: #CCCCCC; border: 1px #000000 solid; cursor: pointer; width: 240px}

.header {  font: 18px Arial,Verdana,sans-serif; color: #00447C;}
.link_White {  font-weight : bold;  color : #ffffff;  text-decoration : none; }

/* Style an element to look like a button */
.pseudobutton{ padding: 4px; border-width: 2px; border-style: solid; border-top-color: lightgray; border-bottom-color: black; border-left-color: gray; background-color: lightgray; border-right-color: darkgray; width: 60px;}

.text {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 14px;  color : #000000; }
.timestamp  /* apply to date/time footers on report pages */ {font-family : Courier, "Courier New", serif;  font-size : 8pt;  color : #000000;  background-color: #fefeee;  border-style: none;  border-top-width : 1pt;  border-right-width : 1pt;  border-bottom-width : 1pt;  border-left-width : 1pt; }

/* creates main box for content of most pages. 
This should be the outermost div on most pages
Replaces old table-based method */
.ContentBox { background-color: #FFFFFF; text-align: left ; width: 748px; margin-left: auto; margin-right: auto; } 
.ContentBoxNarrow { background-color: #FFFFEE; text-align: left ; width: 450px;  margin-left: auto; margin-right: auto; overflow: auto;} 

.whitebox748 { background-color: #FFFFFF;	width: 748px;	margin-left: auto;	margin-right: auto;	padding: 12px; }
.whitebox600 { background-color: #FFFFFF;	width: 600px;	margin-left: auto;	margin-right: auto;	padding: 12px; }
.whitebox450 { background-color: #FFFFFF;	width: 450px;	margin-left: auto;	margin-right: auto;	padding: 12px; }
.white { background-color: white; } 


/* Link anchor styling */
a img {border: none; }
A:link    {cursor: pointer; color: #00447C; text-decoration: none; font-weight: bold;}
A:visited {cursor: pointer; color: #00447C; text-decoration: none; font-weight: bold;}
A:active  {cursor: pointer; color: #00447C; text-decoration: none; font-weight: bold;}
A:hover   {cursor: pointer; color: #6060F0; text-decoration: none; font-weight: bold;}
a.headerrow { font-weight: bold; color: #FFFFFF; text-decoration: none }

/* Normal body style for most pages */
body { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 14px; list-style-type: none; list-style-image:  url(/images/arrow.gif); list-style-position: inside; margin-top: 0; background-color: #000000; background-image: url("/images/Texture_dk_gray_020.gif");}

/* body style for reports only */
body.report { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 10px;  margin-top: 0; background-color: #FFFFFF; background-image: none;}

div.loginform { width: 520px; margin-left: auto; margin-right: auto; padding: .5in; } 


/* Stuff for Tables */
.tableheader /* header row of table */ { font-family: Tahoma, Verdana, Helvetica, sans-serif;	font-size: 11pt; 	font-weight: bold; 	color: #000000; }
.tabletext /* table data elements */  { font-family: times, "Times New Roman", serif; 	font-size: 10pt; 	color: #0f0f0f; }
tr.firstrow {background-color: #DDDDDD;  }
tr.row0 { background-color: #ffffff; } /* row0 and row1 can be used to provide alternating row colors for tables */
tr.row1 { background-color: #efefef; }

table.ANRList { width: 742; text-align: center; border-width: 1px; font-size: 9pt; color: #000000; font-family: Arial }
table.ANRList tr > td:first-child { text-align: left; }

tr.ANRfirstrow { background-color: #00447C; color: #ffffff; font-weight: bold;}
tr.ANRfirstrow a { color:#ffffff;}

/* table used for reports that can be copied and pasted easily */
table.copypaste { border-width: 2px; border-collapse: collapse; border-style: solid; }
table.copypaste tr { }
table.copypaste td { border-width: 2px; border-color: gray;  border-style: solid; text-align: right; padding: 2px; }
table.copypaste thead { border-width: 2px; border-color: gray;  border-style: solid; text-align: right; padding: 2px; }
table.copypaste th { font-size: 16pt; border-width: 2px; border-color: gray;  border-style: solid; text-align: right; padding: 2px; }


/* Add Tooltips to elements 
Create an anchor of class "atooltip" and add a span  
inside the anchor with the tooltip text. Hovering over
the anchor will make a small tooltip box appear. 
*/
a.atooltip{  position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}        /*make box appear next to hover item*/
a.atooltip:hover{z-index:999; }
a.atooltip span{display: none }  /* hide this span when no mouse hover going on */
a.atooltip:hover span            /*this span will only display on :hover state*/
{   display:block;
    position:absolute;
    top:-15em; left:-7.5em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
		
/* Same idea as anchor tooltip, but for a span */
/* need to replace this with the generic one some day */ 	
span.stooltip{ position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}		 /*make box appear next to hover item*/
span.stooltip:hover{z-index:25; }
span.stooltip span{display: none }  /* hide this span when no mouse hover going on */
span.stooltip:hover span /*this span will only display on :hover state*/
{   display:block;
    position:absolute;
    top:-4em; left:-8em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
		max-height: 4em;
		font-size: 8pt;}

/* Same idea as anchor tooltip, but generic */ 	
.tooltip{ position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}		 /*make box appear next to hover item*/
.tooltip:hover{z-index:25; }
.tooltip span{display: none }  /* hide this span when no mouse hover going on */
.tooltip:hover span /*this span will only display on :hover state*/
{   display:block;
    position:absolute;
    top:-4em; left:-8em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
		max-height: 4em;
		font-size: 8pt;}
	

/* W3C Colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow */

div.badge { position: relative; bottom: 10px; float: right; }
.cboth  { clear: both; }		
.cleft  { clear: left; }
.cright { clear: right; }

span.iconred {font-size: 24; color: red; }

/* styles used for the initial ANR landing page */
body.ANRLogin {  background: #fff8dc; text-align: center;}
img.label{ border: none; width: 160px; height: 58px; }
img.logo{ border: none; width: 72px; height: 72px; }
div.titletext{ font-family: Georgia, Times, Serif; font-size: 24px; font-weight: bold; color: #323268; padding: 24px; text-align: center; clear: both; }
div.footer{ color: yellow; width: 600px; margin-left: auto; margin-right: auto; position: absolute; bottom: 20px; background-color: Navy; width: 100%; text-align: center; }
div.footer:hover{ opacity: .65; }
div.bigbox{ width: 600px; margin-left: auto; margin-right: auto; clear: both; }
div.bigbutt_l {  background-color: #eedd88;}
div.bigbutt_m {	 background-color: #e8ca7e;}
div.bigbutt_r {  background-color: #eebc87;}
div.bigbutt_m, div.bigbutt_l, div.bigbutt_r  {  float: left;  cursor: pointer;  color: Blue;  border-width: 3px; border-style: solid;  margin: 12px;  padding-top: 12px;  padding-bottom: 12px;  padding-left: 3px;  padding-right: 3px;  border-left-color: #777777;  border-top-color: #dddddd ;  border-bottom-color: #222222;  border-right-color: #555555;  font-family: "Trebuchet MS","Trebuchet","Monaco",serif;  font-size: 12px;  text-align: center;  width: 160px;  height: 160px;	min-height: 160px;}
div.centered {margin-right:auto; margin-left:auto; width:80%;}
div.centered400 {margin-right:auto; margin-left:auto; width:400px;}
div.centered60 {margin-right:auto; margin-left:auto; width:60%;}

div.padded  {padding: 2em;}
div.ButtLabel {font-family: "Trebuchet MS", Chicago, sans-serif;font-weight: bold;font-size: 12px;display: none;}
div.ButtText{font-family: tahoma, helvetica, sans-serif;font-size: 12px;}
div.offside{  position: absolute; bottom: 10px; right: 10px; border: 0; margin: 0; padding: 0;}
div.pageref{ font-size: 7pt; text-align: center; padding: 6pt; }

/* Styles used for Menu Bars */
div.menumain  {width: 748px; margin-left: auto; margin-right: auto; border: 0px;  padding: 0;}
div.menubarA  {width: 670px; height: 36px;  float: left; clear: right; background-color: #00447C; font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 15px; display: inline; border: 0;}
div.menuitemA {float: left; text-align: center; padding-left: 1em; padding-right: 1em; padding-top: 8px; min-width: 2em;  }
.menuitemA a:link    {color: #eeeeff; font-weight:bold; text-decoration: underline ; }
.menuitemA a:visited {color: #eeeeff; font-weight:bold; text-decoration: underline ;}
.menuitemA a:hover   {color: yellow;  font-weight:bold; text-decoration: underline overline ; }
.menuitemA a:active  {color: orange;  font-weight:bold; text-decoration: underline ;}

div.menubarB  {width: 670px; height: 36px;  float: left; clear: right;   background-color: #00447C; font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 11px; display: inline; border: 0px;}

div.menuitemB {float: right; text-align: center; padding-left: 1px; padding-right: 1px; min-width: 1em; padding-top: 8px; border: 0px;}
.menuitemB a:link    {color: #ffffcc;   font-weight:bold;  text-decoration: underline ; }
.menuitemB a:visited {color: #ffffcc;   font-weight:bold;  text-decoration: underline ; }
.menuitemB a:hover   {color: yellow;  font-weight:bold; text-decoration: underline overline;}
.menuitemB a:active  {color: orange;  font-weight:bold;  text-decoration: underline;}
div.leftmost {padding-left: 4em;}
div.rightmost {padding-right: 4em; }
div.welcome {text-align: center; font-family: Verdana,Chicago,sans-serif; font-size: 16pt; padding: 8px; border: 0px;}
img.menulogo  {width: 72px; float: left;  background-color: #00447C; border: 0px;} 

/* MOTD/TIPS styles  */

div.welcome {text-align: center; font-family: Verdana,Chicago,sans-serif; font-size: 16pt; padding: 8px; }
div.motdtitle {text-align: center; font-family: Verdana,Chicago,sans-serif; font-variant: small-caps; font-size: 12pt; font-weight: bold; padding: 4px; color: #450000; }
div.motdtext {text-align: left; font-family: Verdana,Chicago,sans-serif; font-size: 12pt; padding: 4px; color: #450000;}
div.motddate {text-align: right; font-family: Verdana,Chicago,sans-serif; font-size: 8px; color: #450000; }








/* 
General formatting stuff
some of this is unused and 
should be cleaned up someday 
*/

.floatleft { float:left;}
.floatright { float:right;}
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth {clear: both;}

.rightjust { text-align: right;}

.left { text-align: left;}
.right { text-align: right;}
.mid  { text-align: center;}
.just {text-align: justify;}

.white {background-color: white; }

.tip {font-family: "Arial",helvetica; font-size: 8pt; font-weight: normal;}
.datestamp {font-family: "Arial",helvetica; font-size: 8pt; font-weight: normal;}

.description {font-family: "Arial", helvetica; font-size: 10pt;  font-weight: bold; }
.warning { font-weight: bold; background-color: #ff5555; }
.attention { font-size: 120%; font-weight: bold; color: #22AA22; background-color: #ddddff; }

.bld {font-weight: bold;}

p.bignote { font-family: Georgia, Times, "Times New Roman"; font-size: 16pt; margin: 12px; }
p.normalnote { font-family: Georgia, Times, "Times New Roman"; font-size: 12pt; margin: 12px; text-align: left;}
p.smallnote { font-family: Georgian, Times, "Times New Roman"; font-size: 9pt; margin: 12px;}
p.reeree { font-family: "Comic sans", "Helvetica", Arial; font-size: 26pt;  margin: 12px; }

/* F100TUA Styles */
table.leftchild { }
table.leftchild tr { }
table.leftchild td { font-size: 11pt; padding: 2px;}
table.leftchild td:first-child { text-align: right; min-width: 25%; font-weight: bold; font-size: 90%;}


div.F100Common{
width: 90%; margin-left: auto; margin-right: auto; padding: 1em; border: 1px solid black;}

div.F100TU{
width: 90%; margin-left: auto; margin-right: auto; padding: 1em; border: 1px solid black;
display: none;
}

div.F100AAS{
width: 90%; margin-left: auto; margin-right: auto; padding: 1em; border: 1px solid black;
display: none;
}
div.outline
{
 margin: 2em;
 border-width: 1px;
 border-style: solid;
}
div.F100subsec{ 
  display:none;
  border-width: 1px;
	border-style: solid;
	padding: 1em;
}

div.indent
{
margin-left: 2em;
}