/* ------------------------------------------------------------------------------------ */
/* FLYING BRIDGE ADMIN AREA 
/* ------------------------------------------------------------------------------------ */
html,body { 
	margin:0;
	padding:0;
}
body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
ul {
	padding: 0px 0px 12px 0px;
	margin: 0px;
}
li {
	padding: 0px;
	margin: 0px;
}
hr {
	color: #B6B6B6; 
	background-color: #B6B6B6; 
	height: 1px; 
	border: 0px;
}


/* ------------------------------------------------------------------------------------ */
/* HEADING TAGS (SUBSTITUTES FOR FLASH TITLES IF UNAVAILABLE)									
/* ------------------------------------------------------------------------------------ */
h1 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
h2 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}



/* ------------------------------------------------------------------------------------ */
/* MAIN PAGE CONTAINERS AND REPEATS				
/* ------------------------------------------------------------------------------------ */
#pageContainer {
	width: 100%;
}
.bannerContainer {
	width: 100%;
	height: 70px;
	background-image: url(../images/banner_repeat.gif);
	background-repeat: repeat-x;
}
.bannerDivider {
	width: 100%;
	height: 18px;
	background-image: url(../images/banner_stripe.gif);
	background-repeat: repeat-x;
	float:left;
}
.contentContainer {
	width: 100%;
	min-height: 500px;
	background-image: url(../images/content_repeat.jpg);
	background-repeat: repeat-x;
}
div#wrapper {
	float:right;
	width:100%;
	margin-left:-222px;
}
div#content {
	margin-left:221px;
}
div#navigation {
	float:left;
	width:220px;
}
div#footer {
	clear:both;
	width:100%;
}
.footerDivider {
	width: 100%;
	height: 24px;
	background-image: url(../images/footer_stripe.gif);
	background-repeat: repeat-x;
}
.footerContainer {
	width: 100%;
	min-height: 40px;
	background-image: url(../images/footer_fade.gif);
	background-repeat: repeat-x;
}



/* ------------------------------------------------------------------------------------ */
/* BANNER LAYOUT		
/* ------------------------------------------------------------------------------------ */
.bannerLogo {
	width: 400px;
	height: 70px;
	float: left;
}
.bannerLinks {
	width: 600px;
	height: 70px;
	float: right;
}


/* ------------------------------------------------------------------------------------ */
/* NAVIGATION LEFT HAND PANEL		
/* ------------------------------------------------------------------------------------ */
.navArea {
	width: 220px;
	min-height: 400px;
	float: left;
}
.navTitle {
	width: 220px;
	height: 43px;
	background-image: url(../images/nav_titlebar.jpg);
}
.navTitleIcon {
	width: 24px;
	height: 22px;
	float: left;
}
.navTitleText {
	width: 164px;
	height: 22px;
	float: left;
	overflow: hidden;
}

#navPanel {
	width: 220px;
	background-image: url(../images/nav_background.jpg);
	background-repeat: no-repeat;
}

.iconspacer{
 padding:0 5px 0 0; 
}

/*
#navPanel ul { 
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#navPanel li { 
	height: 22px;
	width: 200px;
	background-image: url(../images/nav_buttonbase.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 6px;
}
#navPanel a:link { 
	display: block;
	width: 100%;
	text-decoration: none;
}
#navPanel a:visited { 
	display: block;
	width: 100%;
	text-decoration: none;
}
#navPanel a:hover { 
	display: block;
	width: 100%;
	background-image: url(../images/nav_buttonon.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#navPanel a:active { 
	display: block;
	width: 100%;
	text-decoration: none;
}
*/


/* ------------------------------------------------------------------------------------ */
/* LOGIN PANEL
/* ------------------------------------------------------------------------------------ */
.loginTitle {
	width: 460px;
	padding: 7px 0px 0px 17px;
	background-image: url(../images/login_top.jpg);
	background-repeat: no-repeat;
}
.loginRepeat {
	margin: 0px auto;
	width: 477px;
	background-image: url(../images/login_repeat.gif);
	background-repeat: repeat-y;
}
.loginBottom {
	width: 477px;
	min-height: 150px;
	background-image: url(../images/login_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.loginText {
	width: 420px;
	padding: 0px 24px 24px 24px;
}






/* ------------------------------------------------------------------------------------ */
/* CENTER BODY TITLE
/* ------------------------------------------------------------------------------------ */
.contentArea {
	min-height: 400px;
	float: right;
	margin-left: 200px;

}
.contentTitleRepeat {
	/*min-width: 786px;*/
	width:100%;
	height: 43px;
	background-image: url(../images/content_titlerepeat.jpg);
	background-repeat: repeat-x;
}
.contentTitle {
	/*width: 760px;*/
	height: 43px;
	float: left;
	background-image: url(../images/content_titlebar.jpg);
	background-repeat: no-repeat;
}
.contentTitleCap {
	height: 43px;
	float: right;
}
.contentTitleIcon {
	width: 24px;
	height: 22px;
	float: left;
}
.contentTitleText {
	/*width: 720px;*/
	height: 22px;
	float: left;
	overflow: hidden;
}
.contentBody {
	background-image: url(../images/content_background.jpg);
	background-repeat: no-repeat;
}
/* ------------------------------------------------------------------------------------ */
/* CENTER BODY DATA
/* ------------------------------------------------------------------------------------ */
#dataArea {
	padding:0 8px 0 8px;
}
.ct_tl {
	background-image:url(../images/ct_tl.gif);
	width:5px;
	height:32px;
	float:left;
}
.ct_tRP {
	/*background-image:url(../images/ct_tRP.gif);*/
	margin:0;
	border-top:1px solid #d7d7d7;
	border-right:0px none;
	border-left:1px solid #d7d7d7;
	border-bottom:0px none;
	background-color:#FFFFFF;
	width:100%;
	height:32px;
	float:left;
}
.ct_bRP {
	/*background-image:url(../images/ct_tRP.gif);*/
	margin:0;
	border-top:0px none;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	background-color:#FFFFFF;
	width:100%;
	height:32px;
	float:left;
}
.ct_tm {
	background-image:url(../images/ct_tm.gif);
	width:31px;
	height:32px;
	float:left;
}
.ct_tr {
	background-image:url(../images/ct_tr.gif);
	width:279px;
	height:32px;
	float:right;
}
.btnContainer
{
  text-align:right;
	padding:6px 12px 0px 0px;
}
.ct_bm {
	background-image:url(../images/ct_bm.gif);
	width:31px;
	height:32px;
	float:left;
	border-bottom:0px none;
}
.ct_br {
	background-image:url(../images/ct_br.gif);
	width:279px;
	height:32px;
	float:right;
	border-bottom:0px none;
}
.ct_midRP {
	width:100%;
	border-top:0px none;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom:0px none;
	background-color:#FFFFFF;
	float:left;
}
.ct_border {
	border:1px solid #9d9d9d;
	padding:1px 1px 1px 1px;
	margin:1px;
}
.ct_normal 
{
  min-height:20px;
	/*line-height:36px;*/
	padding:8px 8px 0 8px;
	border:1px solid #9d9d9d;
	margin:1px 0 0 0;
	color:#333333;
	font-weight:normal;
	font-size:12px;
}
.ct_alert {
	height:36px;
	line-height:36px;
	padding:0 8px 0 8px;
	border:1px solid #9d9d9d;
	margin:1px 0 0 0;
	color:#ff3300;
	font-weight:bold;
}
.ct_alert img {
	line-height:36px;
	padding:10px 0 10px 0;
}
.dataHeader {
	background-image:url(../images/dataHeader.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	text-align:left;
	text-indent: 4px;
}
.dataRow {
	text-indent:4px;
	background-color:#dde2ea;
}
.dataAltRow {
	text-indent:4px;
	background-color:#e7e7e7;
}
.headerColLeft {
	float:left;
	height:32px;
	line-height:32px;
	padding:0 8px 0 8px;
}
.headerColRight {
	float:right;
	height:32px;
	line-height:32px;
	padding:0 8px 0 8px;
}
.headerColRight img {
	padding:6px 0 6px 0;
}
.iconSpacer {	
	margin-right:8px;
}
.iconSpacerLeft {	
	margin-left:8px;
}



/* ------------------------------------------------------------------------------------ */
/* LINKS
/* ------------------------------------------------------------------------------------ */
a:link {
	color: #0000CC;
	text-decoration: none;
}
a:visited {
	color: #3D3DE3;
	text-decoration: none;
}
a:hover {
	color: #3D3DE3;
	text-decoration: underline;
}
a:active {
	color: #3D3DE3;
	text-decoration: none;
}



/* ------------------------------------------------------------------------------------ */
/* ALERTS
/* ------------------------------------------------------------------------------------ */
/*
#mediumAlert
{
	font-weight: bold;
	color: #CC0000;
	font-style: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #e9ecf0;
	margin: 0;
	padding: 0;
}
#mediumAlert ul
{
	list-style-type: none;
	margin: 3px;
	padding: 6px 0px 2px 0px;
}
#mediumAlert li
{
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 4px 22px;
}
*/
.mediumAlert
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #CC0000;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #e9ecf0;
	margin: 0;
	padding: 0;
	width:600px;
	height:auto;
}
.mediumAlert ul
{
	list-style-type: none;
	margin: 3px;
	line-height: 24px;
	padding-left: 2px;
}
.mediumAlert li
{
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
}


/* ------------------------------------------------------------------------------------ */
/* FORMS
/* ------------------------------------------------------------------------------------ */

.frmButtonS
{
  width: 55px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #000000;
}


.frmTextBoxXS
{
  width: 50px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxS
{
  width: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxM
{
  width: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxL
{
  width: 300px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frmFilterListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* ------------------------------------------------------------------------------------ */
/* Table Fonts
/* ------------------------------------------------------------------------------------ */
.smallRegular
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  color: #000000;
}
.smallBold
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  font-size: 10px;
  color: #000000;
}
.smallBoldRed
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  font-size: 10px;
  color: #CC0000;
}
.mediumRegular
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.mediumBold
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.mediumBoldRed
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #CC0000;
}