/*--------------------------------------------------*
 * CSS PROPERTIES ARE LISTED IN ALPHABETICAL ORDER	*
 *--------------------------------------------------*/

/***********************************
 * Main document elemenets
 ***********************************/

body
{
	font:				normal 12px Tahoma, Verdana, Arial;
}

a
{
	color:				#000066;
	text-decoration:	none;
}

a:hover
{
	color:				#336699;
	text-decoration:	underline;
}

#wrapper
{
	background-color:	#FAFAFA;
	margin:             0px auto 0px auto;
	padding:			0px;
	width:				640px;
}

.twoColumnInfo
{
	width:				100%;
}

.breadcrumbs
{
	float:				left;
	font-size:			11px;
	padding:			4px 0px 0px 5px;
}

.breadcrumbs a
{
	color:				#555555;
	text-decoration:	none;
}

.breadcrumbs a:hover
{
	color:				#336699;
	text-decoration:	underline;
}

.clear
{
	clear:				both;
	height:				1px;
}

#pageTitle
{
	font-size:			16px;
	margin:				10px 0px 0px 0px;
}

.subtitle
{
	font-size:			14px;
	margin:				10px 0px 10px 0px;
}

/********************************************
 * Redirect page styling
 ********************************************/

#redirectWrapper
{
	background-color:	#FAFAFA;
	border:				1px solid #000000;
	font:				normal 12px Tahoma, Verdana, Arial;
	margin:				50px auto 5px auto;
	padding:			5px;
	width:				650px;
}

#redirectTitle
{
	border-bottom:		1px solid #E1E1E1;
	font-weight:		bold;
	margin-bottom:		5px;
	padding:			5px 0px 5px 0px;
	text-align:			left;
}

#redirectMessage
{
	margin:				0px;
	padding:			0px;
	text-align: 		left;
}

/********************************************
 * Page number styling
 ********************************************/

.pageNumbers
{
	float:				right;
	font-size:			11px;
	margin:				0px auto 2px auto;
	padding-right:		5px;
	text-align:			right;
	width:				50%;
}

.pageNumberInfo
{
	padding:			2px 5px 2px 5px;
}

.pageNumbers ul
{
	list-style-type:	none;
	margin:				0px 0px 5px 0px;
	padding:			0px;
}

.pageNumbers li
{
	display:			inline;
	margin-right:		2px;	
}

.pageNumbers li.current
{
	background-color:	#F0F0F0;
	border:				1px solid #CCCCCC;
	color:				#000000;
	font-weight:		bold;
	padding:			2px;
}

.pageNumbers li a
{
	background-color:	#E1E1E1;
	border:				1px solid #CCCCCC;
	color:				#000000;
	padding:			2px;
}

.pageNumbers li a:hover
{
	color:				#5472A4;
	text-decoration:	underline;
}

/***********************************
 * Table styling elements
 ***********************************/

#payRateData
{
	margin:				10px auto 25px auto;
	width:				95%;
}

table.payRateDataTable
{
	margin:				0px 0px 20px 5px;
	width:				auto;
}

table.payRateDataTableEdit
{
	margin:				0px 0px 20px 5px;
	width:				auto;
}

tr.title td
{
	background:			url('./images/profileDateGradient.gif') repeat-x;
	color:				#FFFFFF;
	font-size:			14px;
	font-weight:		bold;
	padding:			5px;
	text-align:			center;
}

tr.title td h1
{
    color:              #FFFFFF;
    font-size:          14px;
    font-weight:        bold;
    margin:             0px;
    padding:            0px;
}

tr.title td.normal
{
	color:				#000000;
	font-size:			11px;
	font-variant:		normal;
	font-weight:		normal;
	letter-spacing:		0px;
	text-align:			center;
	vertical-align:		bottom;
}

tr.header td
{
	background-color:   #E6F0FF;
	font-size:			13px;
	font-weight:		bold;
	padding:			5px;
	text-align:			center;
}

tr.data td
{
	background-color:	#EEEEEE;
	padding:			5px;
}

tr.dataBg1 td
{
	background-color:	#FFFFFF;
	font-size:			13px;
	padding:			3px;
}

tr.dataBg2 td
{
	background-color:	#EEEEEE;
	font-size:			13px;
	padding:			3px;
}

tr.data td.label, tr.dataNoBgColor td.label
{
	font-weight:		bold;
}

tr.dataNoBgColor td
{
	padding:			5px;
}

tr.noData td
{
	padding:			5px;
	text-align:			center;
}

/***********************************
 * Error list styling
 ***********************************/

.errorList
{
	color:				#FF0000;
	list-style:			square;
	margin:				0px 0px 15px 25px;
	padding:			0px;
	text-align:			left;
}

/***********************************
 * Success list styling
 ***********************************/

.successList
{
	color:				#008B00;
	list-style:			square;
	margin:				0px 0px 15px 25px;
	padding:			0px;
	text-align:			left;
}

/***********************************
 * Form styling elements
 ***********************************/

.form
{
	margin:				10px auto 0px auto;
	width:				95%;
}

fieldset
{
	border:				0px;
	border-left:		1px solid #EFEFEF;
	border-right:		1px solid #EFEFEF;
	margin:				0px 0px 15px 0px;
	padding:			10px;
}

legend
{
	font-size:			14px;
	font-weight:		bold;
	margin-bottom:		10px;
}

.formRowHeader
{
	background:			url('./images/profileDateGradient.gif') repeat-x;
	border:				1px solid #DDDDDD;
	color:				#FFFFFF;
	font-weight:		bold;
	padding:			7px;
}

.formRowSection
{
	border-bottom:		1px solid #DDDDDD;
	font-size:			12px;
	font-weight:		bold;
	padding-bottom:		5px;
	margin-top:			10px;
}

.formRowDescription
{
	margin-bottom:		15px;
	text-align:			center;
}

.formRow
{
	clear:				both;
	margin:				0px auto 0px auto;
	padding:			5px;
}

.formRowAjax
{
	border:				1px solid #EFEFEF;
	clear:				both;
	margin:				0px auto 0px auto;
	padding:			5px;
}

.formRowEdit
{
	clear:				both;
	margin:				0px auto 0px auto;
	padding:			5px;
}

.formRowTextarea
{
	font-weight:		bold;
	width:				100%;
}

.formRow label, .formRowAjax label
{
	float:				left;
	font-weight:		bold;
	width:				35%;
}

.formRowEdit label
{
	float:				left;
	width:				35%;
}

.textareaLabel
{
	display:			block;
	float:				left;
	font-weight:		bold;
	margin-bottom:		5px;
}

.formRowSubmit
{
	clear:				both;
	margin:				15px auto 0px auto;
	text-align:			center;
	width:				100%;
}

/***********************************
 * Form field element styling
 ***********************************/

input
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	padding:			2px 4px 2px 4px;
}

input:focus
{
	background-color:	#E1E1E1;
}

textarea
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px "Courier New", Courier;
	padding:			2px 4px 2px 4px;
}

textarea:focus
{
	background-color:	#E1E1E1;
}

select
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	margin:				0px;
	padding:			1px 2px 1px 2px;
}

input.button
{
	background-color:	#EFEFEF;
	border:				1px solid #CCCCCC;
	font:				normal 11px Tahoma, Verdana, Arial;
	padding:			2px 10px 2px 10px;
}

#editAirlineData .red
{
	border:				1px solid red;
}

#editAirlineData label.red
{
	border:				none;
	color:				red;
}

#editAirlineData .customRed
{
	border:				none;
	color:				red;
}

#editAirlineData .errorMessage
{
	color:				red;
	font-size:			0.8em;
	margin-left:		10px;
}

#validationMessage
{
	border:				1px solid red;
	color:				red;
	display:			none;
	font-weight:		bold;
	margin-bottom:		10px;
	padding:			5px;
}

/***********************************
 * Table styling
 ***********************************/

.pilotPayscales
{
	margin:				0px auto 0px auto;
	width:				100%;
}

.viewAirlineProfile
{
	margin:				0px auto 10px auto;
	width:				100%;
}

/***********************************
 * Pay scale data sections
 ***********************************/

#viewAirline
{
	margin:				0px auto 0px auto;
	width:				95%;
}

#vacationDays
{
	margin:				0px 0px 0px 20px;
	width:				95%;
}

#vacationDaysEdit
{
	margin:				20px 0px 0px 0px;
	width:				100%;
}

.sectionTitle td
{
	border-bottom:		1px dashed #C1C1C1;
	font-size:			14px;
	font-weight:		bold;
	padding-bottom:		5px;
}

.sectionInformation td
{
	padding:			3px;
}

.fieldName
{
	text-align:			left;
	width:				15%;
}

.fieldValue
{
	width:				35%;
	text-align:			left;
}

.payRatesGraphLink
{
	margin:				0px 0px 20px 15px;
}

#list
{
	background-color:	#F3F3F3;
	border:				1px solid #C6C5C5;
	margin:				20px auto 20px auto;
	padding:			5px;
	text-align:			left;
	width:				590px;
}

#airlineList
{
	margin:				10px 0px 10px 0px;
	text-align:			left;
	width:				450px;
}

#positionList
{
	margin:				10px 0px 10px 0px;
	text-align:			left;
	width:				500px;
}