/* Standard styles for an FAA web applications
*  Brian Quinn
*  June 2005
*
*
*/

/* Core styles -------------------------------------  */
	body {
    	background:			#184371  url("../../images/layout/body_bg.gif") top left repeat;
		font-family: 		Arial, Helvetica;
		color: 				#000000;
		margin: 			0;
	  	padding: 			0;	
	  	font-size:			10px;
	 
		
}
	
	.break {
	background-image: 	url(../../images/line_patt_dot.gif);	
	}
	
	.content {
	background-color: 	#FFFFFF;
	width:				100%;	
	}
	
	.bodyTable {
	width:				100%;	
	margin-top:			10px;
	padding-left:		2px;
	padding-right:		5px;
	}
	
	TD,P{
		font-size:		12px;
	}
	
	H1 {
	font-size:			17px;
	font-weight:		bold;
	color:				#3d3d3d;
	text-align: 		left;
	margin-bottom:		10px;
	}
	
	H2 {
	font-size:			14px;
	font-weight:		bold;
	color:				#3d3d3d;
	text-align: 		center;
	margin-bottom:		10px;
	}
	
	UL {
	POSITION: 			relative;
	MARGIN-TOP: 		0px; 
	MARGIN-BOTTOM: 		5px; 
	RIGHT:				15px;
	}
	
	LI {
	LIST-STYLE-IMAGE: 	url(../../images/bullet.gif); 
	}
	
	.systemDown {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				#990000;
	background-color:	lightyellow;
	text-align:			center;
	
	font-size: 			11px;
	border: 			1px #cccccc solid;
	padding:			3px;
	width: 65%;
	}
	
	.notice {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				#990000;
	background-color:	lightyellow;
	text-align:			center;
	white-space:		nowrap;
	font-size: 			11px;
	border: 			1px #cccccc solid;
	padding:			3px;
	}
		
/* hyperlinks styles -------------------------------------  */	
		
	A {
	color:				#0365fe;
	text-decoration:	none;		
	}
	
	A:hover {
	color:				#0365fe;
	text-decoration:	underline;			
	}	

	A:link {
	color:				#0365fe;
	text-decoration:	none;				
	}		
	
	
/* FOOTER styles -------------------------------------  */

	.footerTable {
	background-color:		#c0e4fe;
	}
	
	.footNav,.footNav:link,.footNav:visited {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight: 		bold; 
	color: 				#575757; 
	}
		
	.footNav:hover{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight: 		bold; 
	color: 				#575757; 
	text-decoration: 	underline;
	}


/* PORTAL page styles -------------------------------------  */

	.portalHeaderCell {
	background-color:		#c0e4fe;
	font-size:				13px;
	font-weight:			bold;
	text-align:				center;
	color:					black;
	padding:				2px;
	border:					1px #cccccc solid;
	}
	
	.portalCell {
	padding:				5px;
	border-left:			1px #cccccc solid;
	border-right:			1px #cccccc solid;
	border-bottom:			1px #cccccc solid;
	}


/* NAV BAR styles -------------------------------------  */
	.navHeaderCell{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	color:					white;
	font-size:				10px;
	text-decoration:		none;
	background-color:		#a1a1a1;	/*#DE9239; orange*/
	padding-left:			5px;
	padding-top:			8px;
	padding-bottom:			8px;
	}
	
	.nav1Cell{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	background-color:		white;
	padding-left:			5px;
	padding-top:			5px;
	padding-bottom:			5px;
	border-bottom:			1px #a1a1a1 solid;
	}
		
	.nav2Cell{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	background-color:		white;
	padding-left:			9px;
	padding-top:			3px;
	padding-bottom:			3px;
	border-bottom:			1px #a1a1a1 solid;
	}
	
	.nav1Link{
	color:					#3d3d3d;
	text-decoration:		none;
	}
	
	.nav1Link:link{
	color:					#3d3d3d;
	text-decoration:		none;
	}
	
	.nav1Link:hover{
	color:					#3d3d3d;
	text-decoration:		underline;
	}
	
	.nav2Link{
	color:					#3d3d3d;
	text-decoration:		none;
	}
	
	.nav2Link:link{
	color:					#3d3d3d;
	text-decoration:		none;
	}
	
	.nav2Link:hover{
	color:					#3d3d3d;
	text-decoration:		underline;
	}


/* FAA TOOLS styles ----------------------------- */

	.faaToolsHeaderCell{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	color:					white;
	font-size:				10px;
	background-color:		#a1a1a1;
	padding-left:			5px;
	padding-right:			3px;
	padding-top:			5px;
	padding-bottom:			5px;
	border-bottom:			1px #a1a1a1 solid;
	}
	
	.faaToolsCell{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	background-color:		#efeee9;
	padding-left:			5px;
	padding-right:			10px;
	padding-top:			5px;
	padding-bottom:			5px;
	border-top:				1px #a1a1a1 solid;
	border-bottom:			1px #a1a1a1 solid;
	}
	

		
/* FORM styles -------------------------------------  */
	
	.formInstructions {
	border:				1px #cccccc solid;
	text-align:			left;
	width:				600px;
	margin-bottom:		10px;
	padding:			5px;		
	}
	
	.formError {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				red;
	background-color:	#eeeeee;
	width:				75%;
	text-align:			center;
	white-space:		nowrap;
	font-size: 			12px;
	border: 			2px red solid;
	padding:			3px;
	margin-bottom:		10px;		
	}
	
	.formSuccess {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				green;
	background-color:	#eeeeee;
	width:				500;
	text-align:			center;
	white-space:		nowrap;
	font-size: 			12px;
	border: 			2px blue solid;
	padding:			3px;
	margin-bottom:		10px;		
	}

	
	
	
	.formTable {
	background-color:	#f3f3f3;
	border:				1px #aaaaaa solid;	
	}
	
	.formSectionCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background-color:	#eeeeee;
	text-align:			center;
	font-weight:		bold;
	color:				black;
	font-size: 			11px;
	padding:			3px;
	border:				1px #666666 solid;		
	}
	
	.formHeaderCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	background-color:	#c0e4fe;
	color:				#333333;
	font-size: 			11px;
	font-weight:		bold;
	border-bottom:		1px #cccccc solid;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		5px;
	padding-bottom:		5px;		
	}
	
	.formLabelCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		bold;
	white-space:		nowrap;	
	color:				#3d3d3d;
	text-align: 		left;
	vertical-align:		top;
	padding-left:		3px;
	padding-right:		10px;
	padding-top:		3px;
	padding-bottom:		3px;
	}
	
	.formLabelRightCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		bold;
	white-space:		wrap;	
	color:				#3d3d3d;
	text-align: 		right;
	vertical-align:		top;
	padding-left:		3px;
	padding-right:		10px;
	padding-top:		3px;
	padding-bottom:		3px;
	}
	.formCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	white-space:		nowrap;
	vertical-align:		top;
	height:				20px;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;		
	}
	
	.formCellWrappable {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	vertical-align:		top;
	height:				20px;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;		
	}
	
	.formDisplayLabelCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight:		bold;
	white-space:		nowrap;	
	color:				#3d3d3d;
	text-align: 		left;
	vertical-align:		top;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;
	}
	
	.formDisplayCell {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	white-space:		nowrap;
	vertical-align:		top;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;		
	}
	
	.formDisplayCellWrappable {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	vertical-align:		top;
	padding-left:		3px;
	padding-right:		3px;
	padding-top:		3px;
	padding-bottom:		3px;		
	}
	
	.formElement {
	background-color: 	#FFFFFF;
	border:				1px #333333 solid;
	color: 				#000000;
	font-size: 			11px;		
	}
	
	.formElementError {
	background-color: 	#FFFFFF;
	border:				1px red solid;
	color: 				#000000;
	font-size: 			11px;		
	}
	
	.formElementSelectError {
	background-color: 	red;		
	}
	
	.formElementErrorText {
	color:				red;
	}
	
	.formCheckbox {
	background-color:	#eeeeff;
	border:				1px #000000 solid;
	}
		
	.formRequiredSymbol {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#990000;
	}
		
	.formButton {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#1187E7;
	color: 				#FFFFFF;
	font-weight: 		bold;
	border:				1px #424142 solid;
	}
	
	.formButtonSmall{
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#1187E7;
	color: 				#FFFFFF;
	font-weight: 		bold;
	border:				1px #424142 solid;
	width:				25px;
	}
		
	
/* table styles -------------------------------------  */
	
	.tableBase
	{
	width:				100%;
	padding:			2px;
	border:				1px solid #cccccc;			
	}
		
	.tableHeaderRow 
	{
	background-color:		#c0e4f3;
	}
	
	.tableHeaderCell
	{	
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				black;
	font-size: 			10px;
	text-align:			left;
	font-weight:		bold;
	padding-left:		3px;
	padding-right:		5px;
	padding-top:		3px;
	padding-bottom:		3px;
	height:				25px;
	border-bottom:		2px solid #cccccc;
	vertical-align:		top;		
	}
	
	.tableHeaderLink{
	color:				black;
	font-weight:		bold;
	text-decoration:	none;
	}
	
	.tableHeaderLink:link{
	color:				black;
	font-weight:		bold;
	text-decoration:	none;
	}
	
	.tableHeaderLink:hover{
	color:				black;
	font-weight:		bold;
	text-decoration:	underline;
	}
	
	.tableCell
	{	
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	padding-left:			3px;
	padding-right:			10px;
	padding-top:			5px;
	padding-bottom:			5px;
	font-size:				10px;
	vertical-align:			top;
	white-space:			nowrap;		
	}
			
	.tableRowOdd 
	{
	background-color:		#eeeeee;
	}
	
	.tableRowEven 
	{
	background-color:		#ffffff;	
	}
	
	.recordCount
	{
	padding-top:				3px;	
	padding-right:				20px;
	font-size:					9px;
	}
	
	
	.smallTableBase
	{
	width:				50%;
	padding:			2px;
	border:				1px solid #cccccc;			
	}
	
	
/* Calendar styles -------------------------------------  */
	.cpYearNavigation,
	.cpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			text-decoration:none;
			color:white;
			font-weight:bold;
			}
	.cpMonthNavigation:hover,.cpMonthNavigation:visited,.cpMonthNavigation:link
			{
			color:white;
			text-decoration:none;
			}
	.cpDayColumnHeader,
	.cpYearNavigation,
	.cpMonthNavigation,
	.cpCurrentMonthDate,
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDate,
	.cpOtherMonthDateDisabled,
	.cpCurrentDate,
	.cpCurrentDateDisabled,
	.cpTodayText,
	.cpTodayTextDisabled,
	.cpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.cpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.cpCurrentMonthDate,
	.cpOtherMonthDate,
	.cpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDateDisabled,
	.cpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.cpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.cpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.cpOtherMonthDate
			{
			color:#808080;
			}
	TD.cpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.cpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.cpTodayText,
	TD.cpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.cpTodayText,
	SPAN.cpTodayTextDisabled
			{
			height:20px;
			}
	A.cpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.cpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.cpBorder
			{
			border:solid thin #6677DD;
			}


	

/* What's New styles -------------------------------------  */
	.whatsNewHeaderCell
	{	
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				black;
	font-size: 			10px;
	font-weight:		bold;
	padding-right:		3px;
	text-align:			center;		
	}
	
	.whatsNewCell
	{	
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;	
	}
	
	
	.portalAlertCell{
	border:				1px black solid;
	background-color:	#FFE2A8;
	padding:			5px;
	text-align:			center;
}


/* FOOTER styles ---------------------------------------- */

.USDepartmentOfTransportation {
    font-size: 10px; COLOR: #393c39; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}

.footerLink {
    font-size: 10px; COLOR: #c67931; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}


/*If you have Questions ask Sean Flanagan this are main styles for the FAA do not change */
	#head {background:#C6E7FF url("../../images/layout/capTop1.gif") left bottom repeat-x;}
	#head .fluid {background:transparent url("../../images/layout/capTop2.gif") right bottom no-repeat;}
	#head .fluid .fluid {height:85px; padding:5px; background:transparent url("../../images/layout/capTop3.gif") left bottom no-repeat;}
	#head a {margin:0; padding:0; display:block; float:left; height:71px; text-decoration:none; width:185px;}
	#headlink {height:71px; float:right; padding:0 15px 0 0;}
	#headlink a {display:block; margin-top:25px; font-size:9pt; font-weight:bold; font-family:Verdana,Arial,sans-serif; color:#0365fe; width:auto;}
	#footer {font-family:Verdana,Arial,sans-serif; clear:both; background:#C6E7FF url("../../images/layout/capBottom1.gif") left top repeat-x;}
	#footer .fluid {background:transparent url("../../images/layout/capBottom2.gif") top right no-repeat;}
	#footer .fluid .fluid {background:transparent url("../../images/layout/capBottom3.gif") top left no-repeat; padding:12px 0 2px 20px;}
	#footer p.quicklinks {font-size:8pt; color:#C37B37; white-space:nowrap;}
	#footer p a {color:#575757; font-weight:bold;}
	#footer p.readers {font-size:8pt; margin:0 0 0 20px; padding:0 0 15px 0; color:#C37B37; white-space:nowrap;}
	#footer p.readers strong {color:#575757;}
	#footer p.readers a {font-weight:normal; color:#0365fe;}
	a img {border:0;}

	td,p,div,span { font-size: 12px;}
		
	table { border:none; padding: 0px;}