/* Default CSS Stylesheet for a new Web Application project */
/*
darkblue = 191970
Air Force Blue: 00308F
AF Grey: A6A6A8
AF Chrome: 8f8f8C
(see images for chromes)
lightblue = CCFFFF (first line of ExplorerBlue)
orange: FFAD55

<object type="application/x-shockwave-flash" data="TitleFlash.swf" width="800" height="174" VIEWASTEXT>
<param name="movie" value="TitleFlash.swf" />
<img src="devimages/PageTopImage.gif" width="778" height="98" alt="" />
</object>
*/
HTML, BODY
{
	height:100%;	
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	 /*position:fixed;  hack for FireFox */
	top:0px;
	left:0px;
}

BODY
{
	font-weight: normal;
	font-size: 10px;
	/*font-size: 76%;*/
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	letter-spacing: normal;
	margin-right:0px;	
}

.WrappingDIVContainer
{
	background-color: Transparent;
}

div.back 
{	
	background: #808080;
	padding: .5em;
	margin-top: 1em; 
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 3em;
	width:790px;
}

div.section 
{
	background-color: #ffffff;
	margin-top: 0em; 
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	width:800px;
	/*border: thin solid #999; padding: .5em */
}

.APOLLOBODY
{
	background-image: url(devimages/bkgd.gif);
	background-color: #00308F;
	BACKGROUND-REPEAT: repeat-x;	
}

.APOLLOMottos
{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size:	1.25em;
	font-weight:	500;
	font-style: italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;	
}

.APOLLOPageHeader
{
	font-size:	1.58em;
	font-weight:	700;
	font-style:italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:none;
	color:#00308F;
	/*position:relative;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='black', Positive='true');
	*/
}

.APOLLOHeaderShadow
{
	font-size:	1.25em;
	font-weight:	700;
	font-style:italic;
	position: relative; 
	top: 2px; 
	left: 2px; 
	color: #CCC;	
	
}

.APOLLOHeaderText
{
	font-size:	1em;
	font-weight:	700;
	font-style:italic;
	position: absolute; 
	top: -2px; 
	left: -2px; 
	color: #00308F;	
	
}

.APOLLOTitle
{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size:	1.25em;
	font-weight:	500;
	font-style:italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color: #00308F;
}

.APOLLOFooterTag
{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size:	1em;
	font-weight: 500;
	font-style: italic;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color: #00308F;
	text-align:center;
}

.APOLLOQuotes
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	word-spacing: normal;
	text-transform: none;
	border-left: gray 1px solid;
	color: #00308F;
	border-bottom: gray 1px solid;
	font-style: italic;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
	text-decoration: none;
}

TD
{
	font-weight: normal;
	font-size: x-small;
	/*font-size: 76%;*/
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin-right:0px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
   /* COLOR: #003366; */
    COLOR: #000000;
}
H1	{	
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color: #00308F;
	}	
		
H6	{	
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD
{
	font-size: small;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}	
		
TH
{
	font-weight: bold;
	font-size: small;
	word-spacing: normal;
	vertical-align: baseline;
	text-transform: none;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}	


A:link	{	
	text-decoration:	none;
	color:	#00308F;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#00308F;
	/*color:	#333399; */
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#00308F;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#00308F;
	}
	
SMALL
{
	font-size: x-small;
}	

BIG
{
	font-size: medium;
}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

.rightarrows {
	list-style: disc url(images/bullet3.gif) outside;
	}

.radiotext
	{
	font-weight: normal;
	font-size: x-small;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: white;
	margin: 0px,0px,0px,0px;
	
	}

.followup
	{
	font-weight: normal;
	font-size: x-small;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 0px,0px,0px,0px;
	position:relative; top:3px;
	}
.menuTD
{
	margin: 0px,0px,0px,0px;
	position:relative; bottom:0px; left:0px;
	padding:0px,0px,0px,0px;
}

.menuHR
{
	margin: 0px,0px,0px,0px;
	position:relative; top:0px; left:0px;
	padding:0px,0px,0px,0px;
	
	
}

.cmdIAgree
{
	font-weight: bold;
	font-size: 11pt;
	background-image: url(devimages/IAgreeButtonl.jpg);
	color: blue;
	font-family:  Verdana, Arial;
	background-color: transparent;
	text-align: center;
}

.blackborder
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
}

.noborder
{
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BORDER-LEFT: #000000 0px solid;
    BORDER-BOTTOM: #000000 0px solid;
}

.topborder
{
	BORDER-TOP: #000000 1px solid;
}

.bottomborder
{
	BORDER-BOTTOM: #000000 1px solid
}

.QuestionHeader
{
    border-top: #000000 2px solid;
    border-bottom: #000000 2px solid;
    background-color:"Linen";
    font-weight:bold;
}

.AlignRight
{
	font-weight: normal;
	font-size: x-small;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: right;
}

.AlignLower
{
	font-weight: normal;
	font-size: x-small;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: right;
	margin: 0px,0px,0px,0px;
	position:relative; top:3px;
}

.Buttons
{
	border-right: lightsteelblue thin outset;
	border-top: lightsteelblue thin outset;
	font-size: 9pt;
	HEIGHT: 24px;
	border-left: lightsteelblue thin outset;
	clip: rect(auto auto auto auto);
	cursor: hand;
	color: black;
	line-height: 16px;
	border-bottom: lightsteelblue thin outset;
	font-family:  Verdana, Arial,Helvetica, sans-serif;
	background-color: #f3f3f3;
	text-decoration: none;
}

.Textbox, textArea, select
{
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	font-weight: normal;
	font-size: x-small;
	border-left: lightsteelblue 1px solid;
	color: black;
	border-bottom: lightsteelblue 1px solid;
	font-family: Verdana,Arial, Tahoma, Helvetica;
	text-decoration: none;
}


.helpQuestion
{
	font-family:  Verdana, Arial,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	background-color: #40B2FF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: #000000 1px solid;
	width: 100%;
}

.helpAnswer
{
	font-family:  Verdana, Arial,Helvetica, sans-serif;
	font-size: 10pt;
	background-color:#ffffff;
    padding-top: 8px;
    padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.LogOut
{
	background-color:#003399;
	BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
   font-size:9pt;
    color:White;
}

.BorderLeft
{
	BORDER-left: #000000 1px solid;
}
TEXTAREA
{
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	font-weight: normal;
	font-size: x-small;
	border-left: lightsteelblue 1px solid;
	color: black;
	border-bottom: lightsteelblue 1px solid;
	font-family: Verdana, Arial, Tahoma, Helvetica;
	text-decoration: none;
}

.RadioGroups
{
	font-weight: bold;
	font-size: x-small;
	color: #003366;
	font-family: Verdana, Arial,Tahoma, Helvetica;
}

.SubHead
{
	font-weight: bold;
	font-size: x-small;
	color: #003366;
	font-family: Verdana, Arial,Tahoma, Helvetica;
	position: relative;
	top: -4px;
}

.FieldLabel
{
	font-size: x-small;
	color: black;
	font-family:  Arial,Verdana,Tahoma, Helvetica;
}

.LoginLabel
{
	font-weight: bold;	
	color: #f5f5f5;	
	font-family: Verdana, Arial,Tahoma, Helvetica;
	position: relative;
	top: -4px;
	right: 195px;
	text-align: left;
	display:inline;
}

.FormLabel
{
	font-weight: bold;
	color: #003366;
	font-family: Verdana,Arial,Tahoma, Helvetica;
	text-align: left;
	position: relative;
	top: -4px;
	width: 225px;
}

.FormLabelSmall
{
	font-weight: bold;
	font-size: x-small;
	color: #003366;
	font-family: Verdana,Arial,Tahoma, Helvetica;
	position: relative;
	top: -2px;	
}

.centercenter 
{
	z-index:5;
	left: 50%;
	top: 50%;
	position: absolute;
}

.HeaderBanner
{
	/*BACKGROUND-ATTACHMENT: fixed; 
<IMG alt="APOLLO Place" src="images/Banner.gif" height="98" width="778" align="left">
	
*/
	BACKGROUND-IMAGE: url(devimages/TopRightFiller.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	WIDTH: 778px; 
	HEIGHT: 98px;
}

.HeaderBannerScaleRight
{	
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/TopRightFiller.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 98px;
	width: 1px;
}

.VeryTopLeftFillerMaster
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/ThinLeftFiller.gif);	
	BACKGROUND-REPEAT: repeat-y; 	
}

.TopLeftFillerBasic
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/BasicLeftFiller.gif);
	BACKGROUND-REPEAT: repeat-y; 
	WIDTH: 10px; 
	HEIGHT: 460px;
}

.TopLeftFillerMaster
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/ThinLeftFiller.gif);
	BACKGROUND-REPEAT: repeat-y; 	
	HEIGHT: 100%;
}

.TopLeftFillerAdmin
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/AdminLeftFiller.gif);
	BACKGROUND-REPEAT: repeat-y; 
	WIDTH: 100px; 
	HEIGHT: 460px;
}

.TopLeftCurve
{
	BACKGROUND-POSITION: left top; 
	/*DISPLAY: inline; */	
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/JustCurveLeftTop.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	WIDTH: 8px; 
	HEIGHT: 10px;
}

.VeryTopContentPane
{
 
}

.LeftContentPane
{

}

.ContentPane
{
	/*background-image: url(devimages/content-gradient-bg.jpg);
	background-repeat: repeat-x;*/
	padding-right: 10px;
	padding-left: 10px;
	left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;	
	height: 19px;
}

.RightContentPane
{

}

.JustCurveTopRight
{
	BACKGROUND-POSITION: left top; 
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-IMAGE: url(devimages/JustCurveRightTop.gif); 
	WIDTH: 8px; 
	HEIGHT: 10px;
}

.BottomLeftFillerMaster
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/VeryBottomLeftFiller.gif); 
	WIDTH: 180px; 
	height: 12px;
	/*BACKGROUND-REPEAT: repeat-y;	*/
}

.BottomLeftFillerBasic
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/BasicLeftFiller.gif); 
	WIDTH: 10px; 
	BACKGROUND-REPEAT: repeat-y;
}

.BottomLeftFillerAdmin
{
	/*DISPLAY: inline; */
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/AdminLeftFiller.gif); 
	WIDTH: 100px; 
	BACKGROUND-REPEAT: repeat-y;
}

.JustCurveBottomRight
{
	BACKGROUND-POSITION: right bottom; 
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/JustCurveRightBottom.gif); 
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 8px; 
}

.BottomLeftCurve
{
	BACKGROUND-POSITION: left bottom; 
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/JustCurveLeftBottom.gif); 
	BACKGROUND-REPEAT: no-repeat;
	/*DISPLAY: inline; */
	WIDTH: 8px; 
}

.StandardRow
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}

.ScaleRight
{
	border-right: blue 1px solid;
	width: 1px;
	background-repeat: no-repeat;
	background-color: #00308f;
	border-right: solid 1px #8f8f8C;
}

.TemplateBottom
{
	/*BACKGROUND-ATTACHMENT: fixed; */
	BACKGROUND-IMAGE: url(devimages/Bottom.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	height:24px;
	 TEXT-ALIGN: center;
   COLOR: #FFFFFF;
	font-size:xx-small;
}

.xpClose
{
	position: relative;
	top: 2px;
}

.SignOutButton
{
	padding-left: 10px;
	margin-left: 10px;
}


.Bottombar 
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: xx-small; 
	FONT-FAMILY: Verdana,Arial; 
	TEXT-ALIGN: center 
}

.LeftNav:link { COLOR: white }
.LeftNav:visited { COLOR: white }
.LeftNav:active { COLOR: yellow }
.LeftNav:hover { COLOR: yellow }

.OfficeName
{
	font-weight: bold;
	font-size:	2.00em;
	font-family: Verdana,Arial;
	text-decoration: underline;
}

.LastUpdated
{
	font-size: 1.0em;
	font-family: Verdana,Arial;
}

.StatusDescription
{
	font-size: small;
	font-family: Verdana,Arial;
}

.DefaultContentImage
{	
	/*background-attachment: fixed;*/
	background-image: url(images/TanBandy.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.StatusUpdateInstructions
{
	WIDTH:516px;
	height:150px;
}

.ImageLink
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	text-decoration: none;
	border-bottom-style: none;
	cursor:hand;
}

.NoPadNoMargin
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
	
.LeftNavItems
{
	white-space:nowrap
}

.LeftNavItemsHover
{
	white-space:nowrap
}

.cssnavleft { 
position: relative;
font-family: Verdana, arial, helvetica, sans-serif;
background-image: url(devimages/navDown.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 221px;
height: 23px;
margin: 0; 
padding: 0; 
text-decoration: none;
}

.cssnavleft a {
display: block;
font-size: 11px;
width: 221px;
height: 23px;
display: block;
float: left;
text-decoration: none;
cursor:hand;
}

.cssnavleft img {width: 221px; height: 23px; border: 0; }
* html a:hover {visibility:visible}
.cssnavleft a:hover img{visibility:hidden;color: navy;}

.cssnavleft span
{
	padding-right: 0px;
	padding-left: 0px;
	left: 10px;
	padding-bottom: 0px;
	margin: 0px;	
	padding-top: 0px;
	position: absolute;
	top: 5px;
	cursor:hand;	
}

/**ORDER BELOW IS IMPORTANT FOR ROLLOVER */
.cssnavleft A:link
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
}

.cssnavleft A:visited
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
}

.cssnavleft A:active
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
	
}

.cssnavleft A:hover
{
	text-decoration:none;
	cursor:hand;
	color: navy;	
	font-weight: bold;
}

.cssnavtop 
{ 
position: relative;
font-family: Verdana, arial, helvetica, sans-serif;
background-image: url(devimages/navDownTop.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 165px;
height: 23px;
margin: 0; 
padding: 0; 
text-decoration: none;
}

.cssnavtop a 
{
display: block;
font-size: 11px;
width: 165px;
height: 23px;
display: block;
float: left;
text-decoration: none;
cursor:hand;
/*overflow:hidden;/* for ie to hide extra height*/
}

.cssnavtop img {width: 165px; height: 23px; border: 0; }
* html a:hover {visibility:visible}
.cssnavtop a:hover img{visibility:hidden;color: navy;}

.cssnavtop span
{
 position: absolute;
 left: 0px;
 top: 5px;
 text-align: center;
 width: 165px;
 cursor: hand;   
}

/**ORDER BELOW IS IMPORTANT FOR ROLLOVER */
.cssnavtop A:link
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
}

.cssnavtop A:visited
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
}

.cssnavtop A:active
{
	text-decoration:none;
	cursor:hand;
	color: whitesmoke;
	
}

.cssnavtop A:hover
{
	text-decoration:none;
	cursor:hand;
	color: navy;	
	font-weight: bold;
}

/*CODE FOR BUTTONS
<div class="cssnavleft"> <a href="http://path.com" title="Home"> <img src="downbtn.jpg" alt="Home" /> <span> Home </span> </a> </div> 
*/

.FormLine
{
	border-top-style: none;
	border-bottom: black 1px solid;
	border-right-style: none;
	border-left-style: none;
}
.tt_table {
    background-color : #B7C5DC;
}

