/*
	The primary blocks on every page:  the navbar, the pageContent, the pageFooter,
	and the pageBody which contains all of these.  Also the title bar displayed at
	the top of the pageContent.
*/
DIV#pageBody {
	padding-bottom: 5px;
	width: 800px;
}

DIV#navbar {
	width: 120px;
	float: left;
	padding-top: 5px;
	padding-left: 3px;
}

DIV#pageContent {
	width: 670px;
	float: right;
	padding-top: 10px;
}

DIV#pageFooter {
	padding-top: 5px;
	margin-left: 125px;
	text-align: center;
	clear: both;
	color: #999999;
	font-style: italic;
	font-size : 11px;
}

DIV#titlebar {
	width: 670px;
	height: 18px;
	background-image: url("../images/titlebar1.jpg");
	background-repeat: no-repeat;
	font-size: larger;
	font-weight: bold;
	margin-top: 5px;
}

/* The place order button appearing to the right of the title bar. */
DIV#titlebarbutton {
	position: absolute;
	left: 713px;
}

/* The program title for program information pages. */
.programTitle {
	font-weight: bold;
	font-size: large;
	color: black;
}

/* FAQs */
div.faqLabel {
	float: left;
	width: 60px;
	font-weight: bold;
}

div.faqExpandCollapseIcon {
	margin-left: 2px;
	margin-right: 2px;
	float: left;
}

div.faqTextCollapsed {
	text-padding: 10px;
	width: 580px;
	overflow: hidden;
	text-overflow: ellipsis;
	horizontal-align: left;
	white-space: nowrap;	
}

div.faqTextExpanded {
	text-padding: 10px;
	text-align: left;
	margin-left: 60px;
}

SPAN.label-error
{
  color: Red;
}

/*
	Used for images which serve as buttons.
*/
.imageButton {
	cursor: pointer;
}

label.error {
	color: red;
	font-style: oblique;
}

.field-error
{
  color: White;
  background-color: Red;
}

SPAN.cartLink {
	margin-top: 4px;
	padding: 3px;
	border: thin solid #8888EE;
	color: #8888EE;
	text-decoration: none;
	vertical-align: middle;
}

SPAN.userIdentification {
	text-align: right;
	color: #9999FF;
}

A.cartlink {
	text-decoration: none;
}

DIV.error  {
	font-weight : bold;
	color : Red;
	border-color : Red;
	border-style : solid;
	padding : 4px;
	width : 90%;
	text-align : left;
	border-width : 2px;
}

DIV.message  {
	font-weight : bold;
	color : Blue;
	border-width : 1px;
	border-color : Blue;
	border-style : solid;
	padding : 4px;
	width : 90%;
}

DIV.warning  {
	font-weight : bold;
	color : #ffa500;
	border-color : #ffa500;
	border-style : solid;
	padding : 4px;
	width : 90%;
	text-align : left;
	border-width : 2px;
}

SPAN.error  {
	font-weight : bold;
	color : Red;
}

SPAN.message  {
	font-weight : bold;
	color : Blue;
}

TABLE.inputerror TD.message
{
  font-weight: bold;
  font-size: smaller;
}

TABLE.content
{
	background-color: #ffffcc;
  	border-color : Black;
	border-style : solid;
	border-width : thin;
	border-top-width : 0px;
	border-bottom-width : 2px;
	border-right-width : 2px;
	border-left-width : 0px;
	font-size : smaller;
	clear: both;
	width: 700px;
}


TABLE.tabs TD
{
  padding: 0px;
}

BODY
{
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}

body, td {
  font-family: Arial, Lucida Grande, Tahoma, Verdana, sans-serif;
  font-size: 12px;
}

th {
  font-family: Arial, Lucida Grande, Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  background-color: #89BAF7;
}

TH.orderFieldLabel {
	text-align: left;
}

INPUT { 
  font-family: Arial, Lucida Grande, Tahoma, Verdana, sans-serif;
  font-size: 12px;
}

TABLE.requestDebug
{
	width: 700px;
  	border-color : Black;
	border-style : solid;
	border-width : thin;
	border-top-width : 0px;
	border-bottom-width : 2px;
	border-right-width : 2px;
	border-left-width : 0px;
	background-color: #839cd1;
	padding: 0;
}

TABLE.requestDebug TR.control
{
    font-weight: bold;
    font-size: 9pt;
	color : White;
	background-color : #330066;
}

TABLE.requestDebug FORM
{
  margin: 0;
}

DIV.described-object-title
{
  font-size: large;
  font-weight: bold;
  color: white;
  background-color: black;
}

TABLE.described-object  
{
  border: 1px solid black;
  width: 100%;
}


TABLE.described-object TR.section TH
{
  color: white;
  background-color: black;
  text-align: center;
}

TABLE.described-object TR.odd
{
  background-color: silver;
}

TABLE.described-object TR.even
{
  background-color: #839cd1;
}

TABLE.described-object TH
{
  text-align: right;
  width: 1px; /* Will stretch to fit. */
}

TABLE.form TR
{
   vertical-align: top;
}

TABLE.form TH
{
   font-weight: bold;
   text-align: right;
}

TABLE.form TR.column-header TH
{
	font-weight: bold;
	text-align: center;
}

TABLE.palette TH
{
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #330066;
  text-align: center;
}

TABLE.palette SELECT
{
  font-weight: bold;
  background-color: #839cd1;
  width: 200px;
}

TABLE.palette TD.controls
{
   text-align: center;
   vertical-align: middle;
   width: 60px;
}

TABLE.form
{
  font-size: 9pt;
}

A.nav
{
  font-family: Trebuchet MS,sans-serif;
  text-decoration:none;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

PRE
{
  font-family: Arial, Lucida Grande, Tahoma, Verdana, sans-serif;
  font-size: 7pt;
}

UL 
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

IMG
{
  border: none;
}

.activeSubLink {
	FONT-SIZE: 7pt; CURSOR: pointer; COLOR: #ff0000; BACKGROUND-COLOR: #dddddd; 
	width: 82px; 
	max-width: 82px;
	min-width: 82px;
	padding-left: 30px;
	text-indent: -15px;
}

.inactiveSubLink {
	FONT-SIZE: 7pt; CURSOR: pointer; COLOR: #ff0000; BACKGROUND-COLOR: #eeeeee;
	width: 82px; 
	max-width: 82px;
	min-width: 82px;
	padding-left: 30px;
	text-indent: -15px;
}

.currentSubLink {
	FONT-SIZE: 7pt; CURSOR: pointer; COLOR: #ff0000; BACKGROUND-COLOR: #dddddd;
	width: 82px; 
	max-width: 82px;
	min-width: 82px;
	padding-left: 30px;
	text-indent: -30px;
}

/* 
	Identifies the currently selected dealer, for when a CSR is acting as a proxy for that dealer.
*/
.dealerIdentification {
		color: blue; font-weight: bold;
}

/*
	Style for the customer service link appearing on all pages below the navbar buttons.
*/
.customerService {
		font-size: 7pt;
		color: #3333FF;
		line-height: 15px;
}

/*
	The styles for the small login form.
*/
TABLE.smallLoginForm {
		border: 3px;
		border-color: blue;
		border-style: double;
}

TABLE.smallLoginForm LABEL {
	font-size: 7pt;
}

TABLE.smallLoginForm TD {
	font-size: 6pt;
}

TABLE.smallLoginForm TH {
	color: white;
}

TABLE.smallLoginForm INPUT {
	font-size: 7pt;
}

/*
	The styles for the regular size login form.
*/
TABLE.loginForm {
		border: 3px;
		border-color: blue;
		border-style: double;
}

/*
	Alternating row styles for data tables.
*/
.detailsRow1 {
		background-color: #FFFFFF;
}

.detailsRow2 {
	background-color: #DDDDDD;
}

.columnTotals {
	font-weight: bold;
	border-top: solid;
}

/*
	Style for data tables.
*/
TABLE.details TD {
		font-size: 11px;
		word-wrap: break-word;
		text-overflow: ellipsis;
}

/*
	Styles used for Outstanding Cores page.
*/
.coreGreen {
	border-bottom-color: #00FF00;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	white-space: nowrap;
	height: 20px;
}

.coreYellow {
	border-bottom-color: yellow;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	white-space: nowrap;
	height: 20px;
}

.coreRed {
	border-bottom-color: red;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	white-space: nowrap;
	height: 20px;
}

#eyebrow {font-family: arial,verdana,sans serif; font-size:9px; text-align:right; color:#fff; background-color:#013F79; margin:0; padding:12px 0px 0 0;}
#eyebrow ul {list-style:none;display:inline; padding:0 6px 0 0;margin:0;}
#eyebrow ul li {list-style:none;display:inline; padding:0px;margin:0;}
#eyebrow .eye-line {position:relative; top:4px; left:0px; padding:0 15px 0 15px; margin:0;}
#eyebrow a {color:#fff; background-color:#013F79; text-decoration:none; }
#eyebrow a:active,#eyebrow a:hover  {color:#FFBD17; background-color:#013F79; text-decoration:none; }

/* These styles used for alert messages. */
.alert_message_scroll , .alert_message_static {
	font-size: 16pt;
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
	padding: 4px;
	margin: 3px;
	width: 650px;
}

.alert_message_static {
	color: #4455EE;
	border-color: #4455EE;
}

.alert_message_scroll {
	color: #FF1111;
	border-color: #FF1111;
}

/* The message appearing on the order detail screen indicating that the order is awaiting TAC approval. */
#awaiting_tac_approval_message {
	font-style: italic;
	font-weight: bold;
	border: thin solid black;
	padding: 2px;
}

/*floating window */
.dhtmlgoodies_floatingWindow{
	position:absolute;
	width:224px;
	padding-bottom:1px;
	background-color:#ECE9D8;
	border:1px solid #7480DC;
	left:50px;
}

.dhtmlgoodies_floatingWindow .floatingWindow_topRow{
	padding-bottom:1px;
	padding-top:1px;
	width:100%;
	border-bottom:3px double #ECE9D8;
	background-color:#B2B2B2;
	white-space:nowrap;
	overflow:hidden;

	/* CSS HACK */
	height: 20px;	/* IE 5.x */
	height/* */:/**/16px;	/* Other browsers */
	height: /**/16px;
	
}

.dhtmlgoodies_floatingWindow .floatingWindow_statusBar{
	height:13px;
	padding-bottom:1px;
	width:100%;
	border-top:1px solid #ACA899;	
	background-color:#ECE9D8;
	clear:both;
	
	/* CSS HACK */
	height: 17px;	/* IE 5.x */
	height/* */:/**/13px;	/* Other browsers */
	height: /**/13px;		
	
}

.dhtmlgoodies_floatingWindow .floatingWindow_moveBar{
	height:7px;
	background-color:#006BF8;
	border-top:2px solid #006BF8;
	border-right:2px solid #006BF8;
	border-left:2px solid #006BF8;
	position:relative;
	cursor:move;
	
	/* CSS HACK */
	height: 9px;	/* IE 5.x */
	height/* */:/**/7px;	/* Other browsers */
	height: /**/7px;			

}


.floatingWindowTab_inactive,.floatingWindowTab_active{
	height:17px;
	padding-left:4px;
	cursor:pointer;	
}
.floatingWindowTab_inactive span{
	background-image:url('/aeweb/images/skin2_tab_left_inactive.gif');
}

.floatingWindowTab_active span{
	background-image:url('/aeweb/images/skin2_tab_left_active.gif');

}
.floatingWindowTab_inactive span, .floatingWindowTab_active span{
	line-height:16px;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	padding-top:1px;
	vertical-align:middle;
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	padding-left:6px;
	/*-moz-user-select:no;*/
}	
.dhtmlgoodies_floatingWindow .floatingWindow_statusBar img{
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:nw-resize;
}
.floatingWindowTab_inactive img,.floatingWindowTab_active img{
	float:left;
}
.floatingWindowCloseButton{
	text-align:center;
	line-height:10px;
	border:1px solid #5e5e5e;
	position:absolute;
	right:1px;
	font-size:12px;
	font-weight:bold;
	top:10px;
	padding:1px;
	background-color: #ECE9D8;
	
	/*cursor:hand;*/	
	cursor/* */:/**/pointer;	/* Other browsers */
	cursor: /**/pointer;	
			
	/* CSS HACK */
	width: 15px;	/* IE 5.x */
	width/* */:/**/11px;	/* Other browsers */
	width: /**/11px;	
	
	/* CSS HACK */
	height: 15px;	/* IE 5.x */
	height/* */:/**/11px;	/* Other browsers */
	height: /**/11px;	
			
}
#floatingWindow_statusBarTxt{
	font-size:11px;
	font-family:arial;
	vertical-align:top;
	line-height:13px;
}
.dhtmlgoodies_floatingWindow .floatingWindowContent{
	padding:2px;
	font-size:11px;
	overflow-x:hidden;
	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical;
	background-color:#ECE9D8;
}