/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Forms
Clear
Footer

/* ———- @ HTML Elements ———–*/

HTML {
	background-color:#eff4fa;
	color:black;
	margin:0px;
	padding:0px; 
	}

BODY {
	background-color:#eff4fa;
	color:black;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px 0px;
	padding:0px;
	}

TABLE {
	color:#666666; 
	margim:0px; 
	padding:0px;	
	}

TR {
	margin:0px;
	padding:0px;
	}

TD {
	margin:0px; 
	padding:0px;
	}

P {margin:0px;}

BLOCKQUOTE {color:black;}

/* ———- @ Page Structure ———–*/

.wrapperOuter {
	width:100%; 
	padding-top:30px; 
	text-align:center;
	}

.basicTable {
	background-color:white;
	border:#031f4f 1px solid;
	border-collapse:collapse;
	color:#666666;
	padding:0px;
	}

.basicTableInner {width:100%;}



OL {
	color:black;
}

UL {
	color:black;
}

.padding15px {padding:15px;}

.tableOutlineDottedLine {
	border:2px dotted; 
	height:300px;
	width:700px;	
	}


/* ———- @ NAVIGATION ———–*/

.loginOptionLink {
	padding:10px;
	text-align:center;
	}


/* ———- @ Headings ———–*/

H3 {color:navy;}

H4 {color:#3a6ea5;}

H5 {color:orange;}

.form {
	COLOR: black
}

.title {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
}

.titleGrey {
	color: #333333; 
}

.titleBlue {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006;
	padding-top:15px;
	text-align:center;
	}
	
.subTitle {
	text-align: center;
	}

.topIntroTextInstructions {
	padding-top:0px;
	padding-right:50px;
	padding-bottom:20px;
	padding-left:50px;
	vertical-align:top;
	text-align:left;
	}	

.textInstructions {
	padding-top:0px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:0px;
	vertical-align:top;
	text-align:left;
	}

.maroonTitlePlain {
	font-weight: bold;
	font-size: 12px;
	color:#A40000;
	text-transform: uppercase;
	text-align:left;
}

.maroonTitleTop {
	font-weight:bold;
	font-size:14px;
	color: #a40000; 
	border-bottom: #031f4f 1px solid
}

.yellowBoxGreyBorders {
	background-color:#ffffcc;
	border-top:#cccccc 2px solid;
	border-bottom:#cccccc 2px solid;
	text-align:left;
	width:300px;
	}


.maroonTitleTopWrapper {
	
}

.broadcastMessageText {
	padding:15px;
	text-align:center;
}


INPUT.formInput {
	background-color: #eff4fa;
}
INPUT.formInputUC {
	text-transform: uppercase; 
	background-color: #eff4fa
}
.dropDown {
	background-color: #eff4fa
}

.dataBoxGreyHorizontal {
	background-color:#e1e1e1;
	padding:10px 30px; 
	width:100%;
	}

.dataBoxMaroonYellow {
	background-color:#ffc;
	border:#900 1px solid;
	color:#900;
	vertical-align:top;
}

.dataBoxHeaderMaroon {
	background-color:#990000;
	color:white;
	font-weight: bold;
	text-align:center;
	line-height:25px;
	border:0;
}
	
.dataLabel {
	padding:0px 5px; 
	text-align:right;
	vertical-align:top;
	width:120px;
	}
	
.dataInfo  {
	font-weight: bold;
	padding:0px 5px;
	text-align:left;
	vertical-align:top;
	color:black;
	}	
	
.data150Label {
	font-weight: bold;
	text-align: right; 
	valign: top
}
.dataTable {
	border: #031f4f 1px solid;
	padding: 0px 0px 0px 0px; 
	spacing: 0;
}
.dataTableTitle {
	font-weight: bold;
	color: white; 
	background-color: #006
}
.dataTableData {
	font-size: 10px;
	color: black; 
	background-color: #e1e1e1;
}
.backGroundColor {
	background-color: #e5e5e5;
}
.backgndBanner {
	color: white; 
	background-color: #006;
}
.heading {
	font-size: 15px;
	color: #006
}
.appErrorHeading {
	font-size: 14pt;
	color: #a40000; 
	font-family: verdana
}
.appErrorText {
	font-size: 10pt; 
	color: #545454; 
	font-family: verdana
}
.bodyText {
	color: #666666;
}
.tableHeader {
	font-size: 14px; 
	color: white; 
	border-bottom: #ccf 2px solid;
	background-color: #006;
}
.listOdd {
	background-color: #eff4fa
}
.listEven {
	background-color: #d4e2f1
}
.error {
	BACKGROUND-POSITION: left 50%; 
	border: silver 3px solid; 
	BACKGROUND-IMAGE: url(img/warning.gif); 
	BACKGROUND-REPEAT: no-repeat
}

.messageBox {
	padding-top:10px; 
	padding-left:30px; 
	padding-right:30px;
}

.errorTextHeader {
	background-color: #990000;
	font-weight: bold;
	color: white; 
}

.errorTextBody {
	background-color:#FFC; 
	color:#900; 
	padding:10px; 
	border:1px solid #900;
}

.warnTextHeader {
	background-color: #FF0;
	color: #545454;
	font-weight: bold;
}

.warnTextBody {
	background-color:#FFC; 
	color:#545454; 
	padding:10px; 
	border:1px solid #FF0;
}

.infoTextHeader {
	background-color: #006;
	color: white ;
	font-weight: bold;
}

.infoTextBody {
	background-color: #eff4fa;
	color: #6699cc; 
	padding:10px; 
	border:1px solid #6699cc;
}

.successTextHeader {
	font-weight: bold;
	color: #228b22; 
	background-color: #bdfbbd;
}

.successTextBody {
	font-weight: bold;
	color: #228b22; 
	background-color: #bdfbbd;
}

.stackTrace {
	background-color: #ffffcc
}
.HeaderLink {
	font-weight: bold;
	color: white; 
	text-decoration: none
}
.breadCrumbNav {
	font-size: 10px;
}
.rightSpacer15px {
	padding-right: 15px; 
	text-align: right;
}
.headerNameNonLink {
	font-weight: bold;
}
A.dataTableLink:link {
	font-size: 10px;
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.dataTableLink:visited {
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.dataTableLink:hover {
	COLOR: red; 
	TEXT-DECORATION: none;
}
A.dataTableLink:active {
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.headerNav:link {
	font-size: 10px;
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.headerNav:visited {
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.headerNav:hover {
	COLOR: red; 
	TEXT-DECORATION: none;
}
A.headerNav:active {
	COLOR: blue; 
	TEXT-DECORATION: none;
}
A.HeaderLink {
	COLOR: white; 
	TEXT-DECORATION: none;
}
A.HeaderLink:link {
	PADDING-LEFT: 15px; 
	COLOR: white; 
	TEXT-DECORATION: none;
	text-decoration: 
}
A.HeaderLink:visited {
	PADDING-LEFT: 15px; 
	COLOR: white; 
	text-decoration: none;
}
A.HeaderLink:hover {
	PADDING-LEFT: 15px; 
	COLOR: #d3af33; 
	text-decoration: underline;
}
A.HeaderLink:active {
	PADDING-LEFT: 15px; 
	COLOR: white; 
	text-decoration: none;
}
.boxLink {
	text-decoration: none;
}
A.boxLink:link {
	COLOR: blue;
}
A.boxLink:visited {
	COLOR: blue;
}
A.boxLink:hover {
	COLOR: #0063ff; 
	text-decoration: underline;
}
A:link {
	COLOR: blue;
}
A:active {
	color: blue;
}
A:visited {
	COLOR: blue;
}
A:hover {
	COLOR: red; 
	text-decoration: underline;
}
A {
	COLOR: blue; 
	text-decoration: underline;
}
A:unknown {
	COLOR: blue
}
.wtxt {
	font-size: 10px;
	COLOR: white; 
	BOTTOM: 8px; 
	POSITION: relative;
}
A.wtxt:link {
	COLOR: white; 
	text-decoration: underline;
}
A.wtxt:visited {
	COLOR: white; 
	text-decoration: underline;
}
A.wtxt:hover {
	COLOR: white; 
	text-decoration: underline;
}
.marqueeText {
	COLOR: white; 
	BACKGROUND-COLOR: transparent
}
.rightcoltext {
	font-weight: bold;
	COLOR: black; 
	BACKGROUND-COLOR: white;
}
.leftcolumn {
	BACKGROUND: url(img/mbg_lg.gif) #006; COLOR: white
}
.leftcoltext {
	BACKGROUND: url(img/mbg_lg.gif) #000000; COLOR: white
}
.headingpad {
	BACKGROUND-COLOR: #82160b
}
.imagepad {
	
}
.hnavpad {
	
}
.bgimage {
	BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: repeat-x
}
.wait {
	FONT-WEIGHT: bold; COLOR: #a40000; azimuth: right-side
}
.mainborder {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #000000 1px solid
}
.thumbborder {
	border: #000000 1px solid; 
}
.themecolor3 {
	BACKGROUND-COLOR: black
}
#applist TBODY TR.even TD {
	background-color: #eee
}
#applist TBODY TR.odd TD {
	background-color: white
}
.odd {
	background-color: lightgrey
}
.even {
	background-color: white
}
.td {
	BORDER-TOP-WIDTH: 1px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 50px
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 4px; 
}
.headerbar {
	BACKGROUND: url(../img/Login_Header.jpg)
}
.header6 {
	FONT-WEIGHT: bold; FONT-SIZE: smaller; COLOR: #6669ef
}
.logoCenterbg {
	BACKGROUND: url(img/TFAS_Login_Bar.jpg)
}
.logobg {
	BACKGROUND: url(img/logobg.gif); WIDTH: 175px; HEIGHT: 107px
}
.header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; background-color: #a40000
}
.footer {
	PADDING-TOP: 3px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px;
	font-size: 10px; 
	COLOR: white; 
	background-color: #a40000
}
.wrapperFooter {
	WIDTH: 100%; BORDER-COLLAPSE: collapse
}
.formButton {
	BACKGROUND: url(../img/button_gradient.gif) repeat-x;
	border:#6699cc 1px solid;
	font-size: 12px; 
	margin:5px;
}

#button {
	FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; fontsize: 93%
}
.ul #button {
	padding: 0px 0px 0px 0px; 
	margin: 0px; 
	LIST-STYLE-TYPE: none
}
#button LI {
	BACKGROUND: url(img/button-left.gif) #bbb no-repeat 0px 100%; FLOAT: left; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#button A {
	DISPLAY: block; 
	BACKGROUND: url(img/button-right.gif) no-repeat right top;
	font-size: 12px; 
	color: white; 
	text-decoration: none;
}
#button A:hover {
	color: #ec7; 
	text-decoration: none;
}
#button A {
	FLOAT: none; 
	WIDTH: auto;
}

#customLogin TABLE {
	color:#666666; 
	margim:0px; 
	padding:0px;	
	}

#customLogin TR {
	margin:0px;
	padding:0px;
	}

#customLogin TD {
	margin:0px; 
	padding:0px;
	padding-right: 3px;
	padding-left: 3px;
	}
