body, tr, th, td, div, span, ol, ul, h, p, blockquote, input, textarea, select {
	font-family:MS Sans Serif, Arial, Sans-Serif;
	font-size: xx-small;
	}
body {
	background-color:threedface;
	margin:5px;
	}
form, input, textarea, select { margin:0; }
th, td { vertical-align:top; }
a { color:highlight; }

.constrainedText { width:140px; height:35px; }
.constrainedText span { display:block; width:130px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
			
.Disabled { filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); }

.hiddenText Label { display:none; }
.invalidMessage { padding-left:24px !important; background-image:url(/img/Icons/warning.gif); background-position:left center; background-repeat:no-repeat;}

.homePage		{ height:100%; background-color:window; border:2px inset; }
.homePage td	{ padding:5px; border-bottom:1px solid threedface; }

/* MAIN container and navigation ************************************* */
.main { position:relative; width:890px; height:800px; margin-left:auto; margin-right:auto; }
.mainContent	{ height:100%; position:absolute; top:0; left:165px; }
.mainNav 		{ height:100%; position:absolute; top:0; left:0; width:160px; text-align:left; background-color:window; border:inset 2px; }
.mainNav ul 		{ list-style-type: none; margin:2px 0 0 0; padding:0; }
.mainNav li 		{ list-style-type: none; padding:0; margin:0; line-height:normal; vertical-align:top; background-color:window; color:threedshadow; line-height:110%; }
.mainNav .liOpened 	{ padding:0 6px 6px 6px; font-weight:bold; background-color:threedface; color:menutext; }
.mainNav a 			{ display:block; width:99.9%; padding:1px 6px; margin:0; border-bottom:1px solid threedface; color:windowtext; text-decoration:none; line-height:120%;  }
.mainNav a:hover 	{ border-bottom:1px solid highlight; background-color:highlight; color:highlighttext; }
.mainNav li li 		{ font-weight:normal; }
.mainNav .EditorItemSelected a { background-color:highlight; color:highlighttext; font-weight:bold; }

/* LIST VIEW - data containing table *********************************** */
.borderUnCollapse { border-collapse:separate !important; border:2px solid red !important; }
.DataGridDiv { width:100%; background-color:threedface; border:2px outset; padding:5px;  }
.listView {
	width:100%;
	background-color:window;
	border:inset 1px;
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:separate !important;
	padding:3px 5px; /* if the style is used on tag different than table */
	}
.listView TD {
	padding:3px 5px; 
	color:windowtext;
	border:none;
	border-bottom:1px solid threedface;
	}
.listView TR.listViewHeader TD, td.listViewHeader {
	border-collapse:separate !important;	
	padding:1px 5px;
	background-color:threedface;
	border:outset 1px;
	border-collapse:collapse;
	vertical-align:bottom;
	}
.listViewHeader A {
	display:block;
	width:100%;
	color:threeddarkshadow;
	text-decoration:none;
	font-weight:bold;
	}
span.SortDirection {
	line-height:100%;
	color:threeddarkshadow;
	}
.noRecords {
	display:block;
	padding:10px 5px;
	margin-top:-12px;
	}

.Issue {
	display:inline !important;
	text-decoration:underline !important;
	}

.FieldLabel { font-weight:bold; line-height:100%; }
.FieldLabel INPUT, .FieldLabel IMG { vertical-align:middle; }
.Button { height:22px;margin-left:5px; }

.EditorItem {  }
.EditorItemOdd {  }
.EditorItemOver {  color:highlighttext; background-color:#0066FF; }
.EditorItemOddOver {  color:highlighttext; background-color:#0066FF;  }
.EditorItemError { color:red; display:block; background-image:url(/VAM/Appearance/ValErrorIcon.gif); background-repeat:no-repeat; background-position: left center; padding-left:16px; height:20px; }

.EditorItem A:link, .EditorItem A:visited,
.EditorItemOdd A:link, .EditorItemOdd A:visited {
	display:block; width:100%; color:windowtext; text-decoration:none;
	}
.EditorItemOver A:hover, .EditorItemOver A:active,
.EditorItemOddOver A:hover, .EditorItemOddOver A:active {
	color:highlighttext; background-color:highlight;
	}
.EditorItemOver td { color:highlighttext; background-color:#0066FF;  }
.EditorItemOddOver td { color:highlighttext; background-color:#0066FF;  }

.EditorItemOdd { background-color:infobackground; border-bottom:1px solid threedface; }

.EditorItemSelected TD {  background-color:highlight; color:highlighttext;  }
.EditorItemSelected A:link, .EditorItemSelected A:visited  { display:block; width:100%; color:highlighttext; text-decoration:none; }
.EditorItemOpened TD { background-color:#FFE9A7; }
.EditorItemOpened input, .EditorItemOpened select { background-color:#FFFFFF;  }

tr.EditorItem A onMouseOver.style='color:red';


/* .EditorItem td span, .EditorItemOdd td span { max-width:150px; overflow:hidden; } */
LABEL { font-weight:bold; color:threeddarkshadow; }
LABEL.FIELDSET { font-weight:bold; padding:1px 3px; line-height:14px; background-color: threedface; position:relative; top:7px; left:8px; }
FIELDSET { padding:10px; }
FIELDSET table { width:100%;  }

/* PAGE HEADER  ************************************************************ */
.headerpanel {
	font-weight:bold;
	margin:5px 0 10px 0;
	padding:3px 3px 3px 40px;
	border-style:outset;
	border-width:1px;
	background-color:buttonshadow;
	color:threeddarkshadow;
	font-size:120%;
	}
.headerpanel DIV {
	color:highlighttext;
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=2, Color='threeddarkshadow', Positive='true');
	}
.headerpanel IMG	{
	font-size:100%;
	position:absolute;
	left:10px;
	top:0;
	text-align:center;
	}


/* RECORD PAGE NAVIGATION ************************************************** */
.recordPageNavTab { padding-right:4px;float:left; clear:right; border:2px outset; background-color:threedface; border-top:0; font-size:90%; position:relative; top:-2px;  }
.recordPageNavTab A { display:inline-block; margin:0 1px 2px 1px; }
.recordPageNavTab A:link, .recordPageNavTab A:visited { padding:3px 5px; color:threeddarkshadow; padding:0 3px; }
.recordPageNavTab select { margin:0 3px 3px 3px; }
.recordPageNav { float:left; clear:left; }
.recordPageNav A:link, .recordPageNav A:visited { padding:3px 5px; color:threeddarkshadow; padding:0 3px; }


/* LEGEND ****************************************************************** */
table.legend { border:1px outset window; }
.legend th, .legend td { font-family:Verdana, Arial, Sans-Serif; font-size:90%; }
.legend th { background-color:buttonshadow; padding:0 5px 1px 5px; color:captiontext; text-transform:lowercase; text-align:left; }
.legend td { background-color:window; padding-right:12px; border-bottom:1px solid threedface; vertical-align:middle; }
.legend .icon  { padding:0 !important; width:24px; height:22px; }
.legend .legendDivider { background-color:threedface; border:none; }


/* ICONS ******************************************************************* */
/* icon column headers */
.iconHeader 		{ width:5px; padding:0 8px !important; text-align:center; background-image:url(/img/Icons/icon.gif); background-position:center center; background-repeat:no-repeat; cursor:default; }
.iconaHeader 		{ width:5px; padding:0 8px !important; text-align:center; background-image:url(/img/Icons/icona.gif); background-position:center center; background-repeat:no-repeat; cursor:default; }
.iconSelectHeader 	{ width:22px; padding:0 !important; text-align:center; vertical-align:middle; background-image:url(/img/Icons/icons.gif); background-position:center center; background-repeat:no-repeat; cursor:default; }
.iconButtonHeader	{ width:22px; padding:0 !important; text-align:center; vertical-align:middle; background-image:url(/img/Icons/iconl.gif); background-position:center center; background-repeat:no-repeat; cursor:default; }
/* buttons containig cell */
.iconButton 		{ width:22px; padding:0 !important; text-align:center; vertical-align:top; }
/*.iconButton input 	{ width:16px; height:16px; margin:0; padding:0; font-size:8px; font-family:Verdana; font-weight:bold; }*/

.doubleButton 	{ width:50px !important; text-align:left !important; }
.verticalMiddle td { vertical-align:middle !important; }
.toPrintQueBwButton { background-image:url(/img/Icons/toPrintQueBwButton.gif); background-repeat:no-repeat; background-position: left center; padding-left:5px; height:24px;  }
.toPrintQueCoButton { background-image:url(/img/Icons/toPrintQueCoButton.gif); background-repeat:no-repeat; background-position: left center; padding-left:5px; height:24px;  }

/*
.link { background-image:url(/img/Icons/link.gif); padding-left:24px !important; background-position: -2px 0px; background-repeat:no-repeat;  }
.EditorItemSelected .link { background-image:url(/img/Icons/linkActive.gif); padding-left:24px !important; background-position: -2px 0px; background-repeat:no-repeat;  }
*/

/* icon containing cell */
.icon 			{ width:5px; padding:5px 9px !important; text-align:center; border:none; border-bottom:1px solid threedface; background-position: center top; background-repeat:no-repeat; }
div.icon 		{ width:5px; padding:5px 9px !important; text-align:center; border:1px dotted red; background-position: center top; background-repeat:no-repeat; }

/* icons  */
.TDactivity 	{ background-image:url(/img/Icons/activity.gif); }
.TDtask 		{ background-image:url(/img/Icons/task.gif); }
.TDasstNeeded 	{ background-image:url(/img/Icons/assistance.gif); }
.TDcontact 		{ background-image:url(/img/Icons/phone.gif); }
.TDchanged 		{ background-image:url(/img/Icons/changed.gif); }
.TDcourse_ivr 	{ background-image:url(/img/Icons/coursePhone.gif); }
.TDcourse_web 	{ background-image:url(/img/Icons/courseWeb.gif); }
.TDvalid_ivr 	{ background-image:url(/img/Icons/validationPhone.gif); }
.TDvalid_web 	{ background-image:url(/img/Icons/validationWeb.gif); }
.TDcorrect		{ background-image:url(/img/Icons/answerTrue.gif); }
.TDincorrect	{ background-image:url(/img/Icons/answerFalse.gif); }
.TDpayment 		{ background-image:url(/img/Icons/payment.gif); }
.TDovernight 	{ background-image:url(/img/Icons/overnight.gif); }
.TDstandard 	{ background-image:url(/img/Icons/standard.gif); }
.TDexpedited 	{ background-image:url(/img/Icons/expedited.gif); }
.TDdownload	    { background-image:url(/img/Icons/download-cert.gif); }
/* icons inside tabs */
.iconTab		{ display:block; background-position:left center; background-repeat:no-repeat; padding-left:12px;  }
.tabLocked		{ background-image:url(/img/Icons/lockClosed.gif); }
.tabUnlocked	{ background-image:url(/img/Icons/lockOpen.gif); }

.alert, TR.alert TD	{ color:#CC3300; border-bottom:1px solid #CC3300; }

/* ACCOUNT INFO specific styles ********************************************* */
.accountInfoPage table { margin-bottom:-15px; width:100%; }
.accountInfoPage th { text-align:left; padding:0 1px; font-size:110%; background-color:window; border:0px solid; border-right:1px solid buttonface;  }
.accountInfoPage .empty { background-color:threedface;  }
.accountInfoPage td { text-align:left; padding:1px 0 10px 0; color:threeddarkshadow; }
.order { background-color:#FFFFFF;padding:10px;border-style:inset;border-width:1px; }

/* 09JUL2009 RFM - DEFECT #2446 - no fucking idea why these styles arent' being included so hardwired after 2 hours of attempts */
.DES_CalControl 
{
	background-color:White;
}
.DES_PHOverallLtYellow 
{
	background-color:InfoBackground;
}