/* 
	Core CSS Styles for AA.com
	
	Author(s):	Bob Buechel / Shi Jin Lee
	
	Copyright (c) 2006 American Airlines. All rights reserved.
	
	This file contains proprietary information of American Airlines.
	Copying or reproduction without prior written approval is prohibited
	
	Last Date Modified: 10/06/2008

	Removing bullet from Alert Message boxes per UX request. To resolve issue of bullet appearing
	over the Alert icon in IE due to not supporting the firstChild psuedo class.
*/

/* #######################################  General Styles  ############################################# */
body{ 
background-color: #FFFFFF;
color:#000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
margin: 0px;
}

table, th, tr, td, div {	
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
}

form{ 
display: inline;
}

input {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.clearBoth {
clear: both;
}

ul,  li,  li a { vertical-align:bottom;} /* Fixes extra whitespace in nested list items in IE */

/* #######################################  Hyperlink Styles  ############################################# */
/* Basic links */
a:link{
color:#0000cc;
}
a:visited {
color:#666666;
}
a:hover, a:focus {
color:#cc0000;
}
a:active {
color:#0000cc;
}
/* Header navigation links */
a.aaGNavLink:link, a.aaGNavLink:visited{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:none;
}
a.aaGNavLink:hover, a.aaGNavLink:focus{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a.aaGNavLink:active{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:none;
}
/* Leftside navigation links */
a.aaLNavLink:link, a.aaLNavLink:visited{
color: #00007C;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.aaLNavLink:hover, a.aaLNavLink:focus{
color: #FFFFFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.aaLNavLink:active{
color: #00007C;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}
/* Module Tab links */
a.aaModTabLink:link, a.aaModTabLink:visited {
color: #FFFFFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.aaModTabLink:hover, a.aaModTabLink:focus {
color: #FFFFFF;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
/* Footer links */
a.aaFooter:link, a.aaFooter:visited, a.aaFooter:hover, a.aaFooter:focus, a.aaFooter:active{
color: #666666;
}
/* Shopping bar links */
a.aaShopBarLink:link, a.aaShopBarLink:visited{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:none;
}
a.aaShopBarLink:hover, a.aaShopBarLink:focus{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:underline;
}
a.aaShopBarLink:active{
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:none;
}

/* Splash page links */
a.aaSplashPgLink {text-decoration: none; color: #ffffff; font-size: 11px}
a.aaSplashPgLink:link {text-decoration: none; color: #ffffff}
a.aaSplashPgLink:visited, a.aaSplashPgLink:hover, a.aaSplashPgLink:active, a.aaSplashPgLink:focus {color: #ffffff}

a.aaPopupLink {
	background-image: url(pop-up00.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
        font-weight: normal;
	_zoom: 1;  /*force hasLayout for IE - fixes missing icon problem when link wraps */
}


/* #######################################  Shopping Bar Styles  ############################################# */
.aaShopBarBox{	
background:#eef2fb;
border-color:#00007c;
border-style:solid;
border-width:1px;
color:#00007c;
height: 1%;
padding: 3px 3px 3px 3px;
text-align:center;
}
.aaShopBarText{	
color:#00007c;
font:bold 12px/17px arial,helvetica,sans-serif;
display:inline;
}
.aaShopBarBtn{	
background:#6a8ad4;
border-color:#3E74AA #00007c #00007c #3E74AA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
cursor:pointer;
display:inline;
margin-left: 3px;
padding:0px 8px;
text-align:center;
}

/* #######################################  Text Styles  ############################################# */
.aaStandoutText  {
color: #ffffcc;
font-weight: bold;
}
.aaBold {
font-weight: bold;
}
.aaSmText {
font-size: 10px;
}
.aaSmTextBold {
font-size: 10px;
font-weight: bold;
}
.aaNote{
color:#006600;
font-weight:normal;
}
.aaErrorMsg{
color:#CC0000;
font-size:12px;
font-weight:bold;
}
.aaAlert{
color:#CC0000;
font-size:10px;
font-weight:normal;
}

.aaPageTitle{ 
border-style: solid;
border-bottom-color: #00007C;
border-width: 0px 0px 1px 0px;
color: #0000CC;
font-size:16px;
font-weight: bold;
}					
.aaSupSM{
vertical-align:top;
font: bold 10px Arial, Helvetica, sans-serif;
}
.aaSupReg{
vertical-align:top;
font: bold 11px Arial, Helvetica, sans-serif;
}

.aaRedText {
color: #CC0000;
}

.aaLgText {
	font-size:12px;
}

.aaLgTextBold {
	font-size:12px;
	font-weight: bold;
}
.textEmGray { 
  color: #666666; 
  font-style: italic;
}

/* The following 2 selectors can be used to prevent bad wrapping on words such as voucher(s) or tickets(s) in IE */
.aaNoWhtSpcWrap {white-space: nowrap;}
.aaHiddenWhtSpc {font-size:1px;}

/* The following selector can be used to align an unordered list flush with the left margin of its container */
ul.noIndentList  {padding-left: 12px; margin-left: .1em; _margin-left: .3em; margin-top: 3px;}
ul.noIndentList  li {padding-left: 0px /* bullet-gap */; margin-left: 0; }

/***** START --- ALERT AND INFORMATIONAL MESSAGE STYLES ********/
/* The following selector can be used to create an IMPORTANT INFORMATION Note*/
ul.aaImportantInformation {
	margin: 10px; 
	padding: 6px 6px 6px 25px; 
	background-image: url(informat.gif); 
	background-position: 6px 6px; 
	background-repeat:no-repeat; 
	list-style:none; 
	background-color:#F2FFF2; 
	border: 1px solid #C6E8B8; 
	color: #006600; 
	text-align:left; 
	font-size: 12px; 
	width: 500px
}

div.aaInformational  {
	background-color: #f2fff2;
	background-image: url(informat.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border: #c6e8b8 1px solid;
	padding: 6px;
	padding-bottom: 0px;
	margin: 10px 0 10px 70px;
	width: 450px;
	color: #006600;
	text-align: left;
	}
div.aaInformational p {
	padding-bottom: 6px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	color: #006600;
	}
div.aaInformational ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	}
div.aaInformational ul li {
	padding-bottom: 5px;
	list-style-type: square;
	font-weight: normal;
	}

div.aaAlertInformation {
	background-image: url(alert_ba.gif);
	background-repeat: no-repeat;
	background-color: #FEF9D9;
	background-position: 6px 6px;
	border: #EAD098 1px solid;
	padding: 6px;		
	font-size: 12px;
	margin: 10px 0 10px 70px;
	width: 450px;
	text-align: left;
	}
div.aaAlertInformation p {
	padding-left: 20px; 
	padding-top: 3px; 
	margin: 0px;
	color: #DC6801;
	font-weight: bold;
	}
	
div.informationMsg{
	background:#F2FFF2 url(informat.gif) no-repeat scroll 8px 6px;
	_background:#F2FFF2 url(informat.gif) no-repeat scroll 8px 8px; /*IE WORKAROUND FOR DOCTYPE ISSUE & OPINION LABS*/
	border:1px solid #C6E8B8;
}
div.alertMsg{
	background: #FEF9D9 url(alert_ba.gif) no-repeat scroll 8px 6px;
	_background: #FEF9D9 url(alert_ba.gif) no-repeat scroll 7px 10px; /*IE WORKAROUND FOR DOCTYPE ISSUE & OPINION LABS*/
	border: 1px solid #EAD098;
	font-weight: bold;
	}
div.informationMsg, div.alertMsg{
	margin:10px 0px;
	padding:6px 6px 6px 25px;
	text-align:left;
}
div.informationMsg ul, div.alertMsg ul {
	margin:0px 0px 0px 5px;
	padding:0px;
}
div.informationMsg ul li, div.alertMsg ul li {
	color: #006600;
	padding: 0px;
	font-size: 12px;
	line-height: 1.5em;
	/* SWITCHING MARGIN AND PADDING VALUES TO CORRECT BULLET ALIGNMENT ON SINGLE LINE LI
        margin: 0px;
	padding: 0px 0px 6px;
        */
	padding: 0;
	margin: 0 0 6px 0;
	list-style-type: square;
}
div.alertMsg ul li {
	color: #DC6801;
	list-style-type: none; /* Fixes bullet bleedthru in IE due to DOCTYPE issues */
}

div.informationMsg ul li:first-child, div.alertMsg ul li:first-child  {
	list-style-type:none;
}

div.messageContainerTopLevel {
	width: 450px;
}

/***** STOP --- ALERT AND INFORMATIONAL MESSAGE STYLES ********/

.aaCompoundNote{
	color:#006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: 500px;
	text-align: left; 
}
.aaCompoundNote ul{
	color:#006600;
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
}
.aaCompoundNote ul li{
	list-style-position:outside;
	margin-left: -17px;
	_margin-left: -15px;
}

/* #######################################  Form Element Styles  ############################################# */
/* When using the shorthand version of font it is possible to specify font-size and line-height in a single statement */
/* Example: font: bold 10px/12px Arial is the same as specifying font-size: 10px and line-height: 12px.

/* Text Box */
input.aaGNavSearchBox{
border: none;
font-size: 9px;
height: 14px;
line-height: 13px;
padding: 0px;
}

/* Buttons */
/* The following are common to all buttons */
input.aaBtnStdCold, input.aaBtnSmCold, input.aaBtnLgCold, input.aaBtnAutoCold, input.aaBtnColdPrint, input.aaBtnColdOutlook {
background:#cccccc;
border-color:#3E74AA #000000 #000000 #3E74AA;
border-style:solid;
border-width:1px;
color:#000066;
cursor:pointer;
font:bold 10px/12px verdana,helvetica,sans-serif;
height: 17px;
text-align:center;
padding:0px;
margin-left: 9px; /* spacing required between buttons */
}
input.aaBtnStdHot, input.aaBtnSmHot, input.aaBtnLgHot, input.aaBtnAutoHot, input.aaBtnHotPrint, input.aaBtnHotSearch, input.aaBtnPrintAutoHot {
background:#cc0000;
border-color:#FF3333 #660000 #660000 #FF3333;
border-style: solid;
border-width:1px;
color:#FFFFFF;
cursor:pointer;
font:bold 10px/12px verdana,helvetica,sans-serif;
height: 17px;
text-align:center;
padding:0px;
margin-left: 9px; /* spacing required between buttons */
}
input.aaBtnStdDisabled, input.aaBtnSmDisabled, input.aaBtnLgDisabled, input.aaBtnAutoDisabled {
background:#cccccc;
border-color:#b4b4b4 #666666 #666666 #b4b4b4;
border-style: solid;
border-width:1px;
color:#FFFFFF;
cursor:default;
font:bold 10px/12px verdana,helvetica,sans-serif;
height: 17px;
text-align:center;
padding:0px;
margin-left: 9px; /* spacing required between buttons */
}
/* Specialty Buttons */
input.aaBtnColdPrint{
background:#cccccc  url(a_print0.gif) no-repeat 2px;
padding-left:17px;
width: 120px;
}
input.aaBtnHotPrint {
background: #cc0000 url(b_print0.gif) no-repeat 2px;
padding-left:17px;
width: 120px;
}
input.aaBtnColdOutlook {	
background:#cccccc  url(a_outloo.gif) no-repeat 2px;
padding-left:17px;
width: 135px;
}
input.aaBtnHotSearch{
font:bold 10px/12px Arial,helvetica,sans-serif;
height:15px;
}

input.aaBtnTbCold {
background:#cccccc;
border-color:#3E74AA #000000 #000000 #3E74AA;
border-style:solid;
border-width:1px;
color:#000066;
cursor:pointer;
font:bold 10px/12px verdana,helvetica,sans-serif;
height: 17px;
text-align:center;
padding:0px;
}
input.aaBtnTbHot {
background:#cc0000;
border-color:#FF3333 #660000 #660000 #FF3333;
border-style: solid;
border-width:1px;
color:#FFFFFF;
cursor:pointer;
font:bold 10px/12px verdana,helvetica,sans-serif;
height: 17px;
text-align:center;
padding:0px;

}
/* SET STANDARD BUTTON WIDTH */
input.aaBtnStdCold, input.aaBtnStdHot, input.aaBtnStdDisabled{
width: 81px;
}
/* SET SMALLER BUTTON WIDTH  */
input.aaBtnSmCold, input.aaBtnSmHot, input.aaBtnSmDisabled{
width: 63px;
}
/* SET LARGER BUTTON WIDTH  */
input.aaBtnLgCold, input.aaBtnLgHot, input.aaBtnLgDisabled{
width: 105px;
}
/* SET AUTO BUTTON WIDTH  */
input.aaBtnAutoCold, input.aaBtnAutoHot, input.aaBtnAutoDisabled, input.aaBtnPrintAutoHot{
width: auto;
overflow: visible;
padding: 0px 10px 0px 10px;
}

/* SET AUTO SIZED PRINT BUTTON UNIQUE PROPERTIES  */
input.aaBtnPrintAutoHot {
background: #cc0000 url(b_print0.gif) no-repeat 8px 6px;
border-width: 2px;
padding-left: 30px;
font-size: 11px;
line-height: 14px;
margin-left: 0px;
height: 27px;
text-align: left;
}

/* THE FOLLOWING OVERRIDE THE BASE STYLES FOR IE BROWSERS ONLY - HACK!!!!! 
* html input.btnStdCold, * html input.btnSmCold, * html input.btnLgCold, * html input.btnAutoCold,
* html input.btnStdHot, * html input.btnSmHot, * html input.btnLgHot, * html input.btnAutoHot, 
* html input.btnColdPrint, * html input.btnHotPrint, * html input.btnColdOutlook{
font:bold 10px/12px verdana,helvetica,sans-serif;
}
*/

/********************* ALIGNMENT & DEFAULT VALUES ******************/

.aaAlignMiddle {
	vertical-align: middle;
}

.aaAlignMiddleRadio {
	vertical-align: middle;
	margin-bottom: 3px;
	_margin-bottom: 0px;
}

.aaAlignMiddleSelect {
	font:normal 11px arial,helvetica,sans-serif;
	vertical-align: middle;
	
}

.aaText {	
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
}

.aaPageTitleNodec{ 
	color: #0000CC;
	font-size:16px;
	font-weight: bold;
	padding-bottom: 10px;
	}					

/**************************** TABULAR DATA ******************************/

.aaTbHeading {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #b0c7e7;
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #00007C;
	border-bottom: 2px solid #00007C;
}

.aaTbHeadingNoBor {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #b0c7e7;
	padding: 3px;
	border-bottom: 2px solid #00007C;
	vertical-align: top;
}

.aaTbHeadingSplit {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #b0c7e7;
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #00007C;
	border-bottom: 1px solid #00007C;
}

.aaTbHeadingSplitNoBor {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #b0c7e7;
	padding: 3px;
	border-bottom: 1px solid #00007C;
	vertical-align: top;
}

.aaTbHeadingLg {
	font:bold 12px arial,helvetica,sans-serif;
	color: #000000;
	padding: 3px;
	border-right: 1px solid #00007C;
	border-bottom: 1px solid #00007C;
	vertical-align: top;
}

.aaTbHeadingLgNoBor {
	font:bold 12px arial,helvetica,sans-serif;
	color: #000000;
	padding: 3px;
	border-bottom: 1px solid #00007C;
	vertical-align: top;

}


.aaTbAvgItmHeading {
	font:bold 12px arial,helvetica,sans-serif;
	color: #000066;
	background-color: #b0c7e7;
	padding: 3px;
	border-bottom: 1px solid #00007C;
	vertical-align: top;
}

.aaTbHeading2 {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #d6e2f0;
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #00007C;
	border-bottom: 2px solid #00007C;
}

.aaTbHeading2NoBor {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #d6e2f0;
	padding: 3px;
	border-bottom: 2px solid #00007C;
	vertical-align: top;
}

.aaTbTotItmHeading {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #d6e2f0;
	padding: 3px;
	vertical-align: top;
	border-right: 1px solid #00007C;
}

.aaTbTotItmHeadingNoBor {
	font:normal 11px arial,helvetica,sans-serif;
	color: #000000;
	background-color: #d6e2f0;
	padding: 3px;
	vertical-align: top;
}

.aaTbText {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	border-right: 1px solid #00007C;
	border-bottom: 1px solid #00007C;
	/*vertical-align: middle; */
}

.aaTbTextNoBor {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	border-bottom: 1px solid #00007C;
	/*vertical-align: middle; */
}

.aaTbTextDoubleLn {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	/*vertical-align: middle; */
	border-right: 1px solid #00007C;
	border-bottom: 2px solid #00007C;
}

.aaTbTextDoubleLnNoBor {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	border-bottom: 2px solid #00007C;
	/*vertical-align: middle; */
}

.aaTbTextNoBot {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	border-right: 1px solid #00007C;
	/*vertical-align: middle; */
}

.aaTbTextNoBotNoBor {
	font:normal 10px arial,helvetica,sans-serif;
	padding: 3px;
	/*vertical-align: middle; */
}


.aaTbBtnCell {
	margin-top: 10px;
	text-align: center;
}

.aaTbHeadingLnBot {
	font:normal 11px arial,helvetica,sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 0px 0px 1px 0px;

}

.aaTbTextLnBot {
	font:normal 10px arial,helvetica,sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 0px 0px 1px 0px;

}
/* Tabular Data Padding */
.aaTbPad {
	padding: 3px;
}

.aaTbPadNoBot {
	padding: 3px 3px 0px 3px;
}

/* Alternating color rows */
.aaTbRowBg1{
 	background-color: #EEF2FB;
}

.aaTbRowBg2{
	background-color: #FFFFFF;
}

/* #######################################  Module Styles  ############################################# */
.aaModSm{
background: #00007C url(modCorne.gif) no-repeat bottom left;
color: #FFFFFF;
padding: 2px 3px 3px 1px;
width: 378px;
}
.aaModLg{
background: #00007C url(modCorne.gif) no-repeat bottom left;
color: #FFFFFF;
padding: 2px 3px 3px 1px;
width: 636px;
}
.aaModBg{
background-color:#EEF2FB;
color:#000000;
}
.aaModTitle{
color:#000066;
font-size: 13px;
font-weight: bold;
padding: 5px 5px 5px 3px;
}
.aaModHeading{
background-color:#D6E2F0;
color: #000066;
font-size: 12px;
font-weight: bold;
line-height:16px;
height: 16px;
padding: 2px 5px 2px 3px;
vertical-align:middle;
}
.aaModSection{
font-size: 10px;
font-weight: normal;
padding: 5px;
}
.aaModBtnRow{
background-color:#EEF2FB;
color:#000000;
padding: 4px;
text-align: right;
}
.aaModSubHeading{
color: #000000;
font-size: 11px;
font-weight: bold;
}
.aaModDrop{    
color:#000000;
text-decoration:none;
font-family:arial,helvetica,sans-serif;
font-size:11px;
}
.aaModNote{
color:#006600;
font-size:10px;
font-weight:normal;
}
.aaModErrorMsg{
color:#CC0000;
font-size:12px;
font-weight:bold;
}
.aaModAlert{
color:#CC0000;
font-size:10px;
font-weight:normal;
}
.aaModOutlineB{ /*temp*/
background: #00007C url(modCorne.gif) no-repeat bottom left;
color: #FFFFFF;
padding: 2px 3px 2px 1px;
width: 378px;
}

.aaModSpacerTop {
	height: 5px;
}

.aaModBgB{ /*temp*/
background-color:#EEF2FB;
color:#000066;
}

.aaBtnRow{
background-color:#FFFFFF;
color:#000000;
padding: 4px 0px 4px 4px;
text-align: right;
}

.aaNoGapEffect{
word-spacing: -3px;
}

.aaModErrorBang { 
background-image: url(bang0000.gif);
background-repeat: no-repeat;
padding-left: 17px;
color:#CC0000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:13px;
}



/* ####################  Background Styles  ####################### */
.aaSplashBg {
  background-color: #2A89BF;
  background-image: url(MCLASpla.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

.aaSplashFeatBg{
  background-image: url(MCLASpla.gif);
  background-position: top;
  background-repeat: no-repeat;
}

.aaIntlSplashBg {
  background-color: #2A89BF;
  background-image: url(globalSp.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

.aaIntlSplashFeatBg{
  background-image: url(globalSp.gif);
  background-position: top;
  background-repeat: no-repeat;
}

.aaFeatBg {
	background-color: #b0c7e7;
	
}

.aaTextWhite {
color: #FFFFFF;
}

.aaTextWhiteBold {
color: #FFFFFF;
font-weight: bold;
}

.aaGNavRow{
background-color: #020586;
color: #FFFFFF;
height: 20px;
line-height: 20px;
}
.aaLNavRow{
background-color:#A5C3FF;
border: solid 1px #00007C;
line-height:20px;
}

.aaBgWhite {
background-color: #FFFFFF;
color: #000000;
}
.aaBgGrey {
 background-color: #666666;
}

/* Tab Borders and Backgrounds */
.aaModTabOn{
background:#00007c;
color:#FFFFFF;
display:inline;
font:bold 12px arial,helvetica,sans-serif;
padding-left:5px;
padding-right:5px;
text-align:left;
}
.aaModTabOnBg{
background-color: #00007C;
}
.aaModTabOnLtCnr{
background: #00007C url(moduleTa.gif) no-repeat top left;
}
.aaModTabOnRtCnr{
background: #00007C url(moduleTb.gif) no-repeat top right;
}
.aaModTabOff{
background:#6a8ad4;
}
.aaModTabOffBg{
background-color: #6A8AD4;
display:inline;
padding: 0px;
margin: 0px;
}
.aaModTabOffLtCnr{
background: #6A8AD4 url(moduleTa.gif) no-repeat top left;
}
.aaModTabOffRtCnr{
background: #6A8AD4 url(moduleTb.gif) no-repeat top right;
}

.aaModTabCnrSpacer {
width: 4px;
height: 16px;
}

.aaModTabSpacer{
width:2px;

}

/* ############ START STYLES FOR LISTS ############## */
.aaConUL {	
margin: 2px 0px 10px 25px; 
padding: 0px;
font-family:arial,helvetica,sans-serif;
color:#000000;
text-decoration:none;
font-size: 11px;
font-weight:normal;
}
.aaConLI {	
margin: 0px 0px 6px 3px; 
padding: 0px;
font-family:arial,helvetica,sans-serif;
color:#000000;
text-decoration:none;
font-size: 11px;
font-weight:normal;
}

/* ########################  Padding Styles  ######################## */
/* Zero padding - can be used to selectively remove padding if needed */
.aaPad0		{padding: 0px;}
.aaPadT0	{padding-top: 0px;}
.aaPadR0	{padding-right: 0px;}
.aaPadB0	{padding-bottom: 0px;}
.aaPadL0	{padding-left: 0px;}
/* Equal padding all sides */
.aaPad5 	{padding: 5px;} 
.aaPad10 	{padding: 10px;}
.aaPad15 	{padding: 15px;}
.aaPad20 	{padding: 20px;}
/* Unequal padding each side */
.aaPadL5B3 	{padding: 0px 0px 3px 5px;}
.aaPadL5B5 	{padding: 0px 0px 5px 5px;}
.aaPadL5T8 	{padding: 8px 0px 0px 5px;}
.aaPadL4R5	{padding: 0px 5px 0px 4px;} 
.aaPadTLR10 	{padding: 10px 10px 0px 10px;}
.aaPadLR5TB10 	{padding: 10px 5px 10px 5px;}
.aaPadLR5 		{padding: 0px 5px 0px 5px;}
.aaPadLR5T8 	{padding: 8px 5px 0px 5px;}
.aaPadL10R5 	{padding: 0px 5px 0px 10px;}
.aaPadL30R5 	{padding: 0px 5px 0px 30px;}
.aaPadLR5B10 	{padding: 0px 5px 10px 5px;}
.aaPadTLR10B5	{padding: 10px 10px 5px 10px;}
.aaPadTL4	{padding: 4px 0px 0px 4px;}
/* Top padding only */
.aaPadT2 	{padding: 2px 0px 0px 0px;}
.aaPadT4 	{padding: 4px 0px 0px 0px;}
.aaPadT5 	{padding: 5px 0px 0px 0px;}
.aaPadT6 	{padding: 6px 0px 0px 0px;}
.aaPadT8 	{padding: 8px 0px 0px 0px;}
.aaPadT10 	{padding: 10px 0px 0px 0px;}
/* Right padding only */
.aaPadR1 	{padding: 0px 1px 0px 0px;}
.aaPadR2 	{padding: 0px 2px 0px 0px;}
.aaPadR5 	{padding: 0px 5px 0px 0px;}
/* Bottom padding only */
.aaPadB2 	{padding: 0px 0px 2px 0px;}
.aaPadB4 	{padding: 0px 0px 4px 0px;}
.aaPadB5 	{padding: 0px 0px 5px 0px;}
/* Left padding only */
.aaPadL2 	{padding: 0px 0px 0px 2px;}
.aaPadL5 	{padding: 0px 0px 0px 5px;}
.aaPadL10 	{padding: 0px 0px 0px 10px;}

/********************* CONTAINERS *******************/

.aaContTitle {
	color:#00007c;
	font:bold 14px arial,helvetica,sans-serif;
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.aaContTitleLn{
border-bottom: 1px solid #000066;
}

.aaContBody{
border-right: 1px solid #000066;
border-bottom: 1px solid #000066;
padding: 10px 10px 10px 0px;
margin: 0px 0px 20px 0px;
}


.aaContTitleErr {
	color:#CC0000;
	font:bold 14px arial,helvetica,sans-serif;
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.aaContTitleLnErr{
	border-bottom: 1px solid #CC0000;
}

.aaContBodyErr{
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	padding: 10px 4px 4px 0px;
	margin: 0px 0px 20px 0px;
}
.aaContBtnRow {
	text-align: right;
	margin-top: 10px;
}
.aaContArrowLg {
	background-image:  url(arrow_of.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 2px 15px 22px; 
	margin-left: -3px;
}

.aaContArrowSm {
	background-image:  url(arrow_al.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 2px 15px 19px; 
	
}

/* #######################################  Breadcrumbs Styles  ############################################# */
#breadcrumb{
border-bottom-color:#cfcfcf;
border-bottom-style:solid;
border-bottom-width:1px;
height:20px;
margin:16px 0 2.5em 0;
position:absolute;
top:55px;
width:800px;
}
#breadcrumb * { 
font-family:arial,helvetica,sans-serif;
font-size:11px;
}
#breadcrumb li{
float:left;
list-style-type:none;
margin:0 0 1em 0;
padding:0;
white-space:nowrap;
vertical-align:middle;
height:25px;
}
#breadcrumb ul{
margin:0;
padding:0;
}
#breadcrumb a{
background-image:url(bc_nosec.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:3px 0px 3px 22px;
text-decoration:none;
background-color:#ffffff;
}
#breadcrumb a:link,#breadcrumb a:visited{ 
color:#6666CC; 
} 
#breadcrumb a:active, #activelink a:link, #activelink a:visited, #activelink a:hover, #activelink a:active{ 
background-image:url(bc_nosec.gif);
background-position: 0px -1px;
background-repeat:no-repeat;
color:#000000;
}
#breadcrumb a:active, #activelink a:link, #activelink a:hover, #activelink a:active{ 
cursor:default; 
} 
#breadcrumb a.disabled:link,#breadcrumb a.disabled:hover,#breadcrumb a.disabled:active,
#activelink a.disabled:link,#activelink a.disabled:visited,#activelink a.disabled:hover,#activelink a.disabled:active{ 
background-image:url(bc_nosec.gif);
background-position:0px 0px;
background-repeat:no-repeat;
color:#999999;
cursor:default;
}
#breadcrumb li p{
color:#6666CC;
display:inline;
left:12px;
top: 1px;
position:relative;
}
#breadcrumb .previousStepLink {
text-decoration:underline;
}

/* #######################################  NO JAVASCRIPT WARNING  ############################################# */
/* The following styles are for the "enable JavaScript" warning that appears
 * at the top of the homepage if the user does not have JavaScript enabled 
 * on their browser.  */
.aaJsWarning { 
    position: relative;
    height: 25px;
    width: 100%;
    background-color: #ffffcc;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 25px;
    text-align: center;
} 
/* This just establishes a container so that the messages and close link 
 * are aligned correctly with the content.  The parent container stretches
 * across the entire browser window (per the page spec). */ 
.aaJsWarningMsgs { 
    position: absolute;
    left: 0px;
    width: 774px;
}
.aaJsWarning a:visited, .aaJsWarning a:link { 
    color: #0000ff;
}
a.aaJsEmClose { 
    position: absolute;
    right: 0px;
    height: 25px;
    top: 0px;
}

/***************** STYLES FOR AA THINK PAGE *******************/
.aaBgGradThinkPg {
 width: 434px;
 text-align: center;
 margin-left: 12px;
 margin-right: 12px;
 background: url(grad_bg_.gif) repeat-y;
}
.aaBgThinkPgBot {
 background-color: #000066;
 text-align: center;
 margin-left: 12px;
 margin-right: 12px;
 width: 410px;
}
.aaThinkPgPlacement {
 padding-top: 120px;
}

/***************** STYLES FOR PUBLISHING CONTROL FRAGMENTS *******************/
div.pubBulletList {
	font-family: Arial, Helvetica, sans-serif;
	color:#006600;
	text-decoration:none;
	font-size: 11px;
	font-weight:normal;
}
div.pubBulletList ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	margin: 2px 0px 10px 25px; 
	padding: 0px;
	font-size: 10px;
}
div.pubBulletList ul li {
	margin: 0px 0px 6px 3px; 
	padding: 0px;
	font-size: 10px;
}
div.leftNavBanner {
	border: none;
	height: 35px;
	width: 125px;
	padding: 0;
	overflow: hidden;
	margin: 0 0 10px 0;
}
/***** START --- SPECIAL INPUT STYLES TO MIMIC HYPERLINKS ********/
input.aaNonButton{
	border: none;
	background: none;
	color: #0000cc;
	padding: 0px;
	margin: 0px;
	width: auto;
	overflow: visible;
	padding: 0px;
	cursor: pointer;
	text-decoration: underline;
}
input.aaNonButtonOn{
	border: none;
	background: none;
	color: #ff0000;
	padding: 0px;
	margin: 0px;
	width: auto;
	overflow: visible;
	padding: 0px;
	cursor: pointer;
	text-decoration: underline;
}
/***** STOP --- SPECIAL INPUT STYLES TO MIMMIC HYPERLINKS ********/

.confirmationMsg {
	position:relative;
	font-size: 12px !important;
	font-weight: bold !important;
	line-height:1.2;
	text-align: left;
	padding: 6px 6px 6px 25px;
	margin: 10px 0;
}

.confirmationMsg {
	color: #000 !important;
	border: #e0e0c6 1px solid;
	background:#fefef3 url(info_Che.gif) no-repeat 6px 6px;
}

.confirmationMsg ul  {
	list-style-type:none !important;
	margin:0 !important;
	padding:0 !important;
}

.confirmationMsg ul li  {
	margin:0 !important;
	padding:0 !important;
}

.confirmationMsg p {
	margin:0;
	padding:0;
}