/* Added three changes to BODY, #MAIN & #FOOTER; seach for "BP" to see these, with comments */
body
{
 padding: 0px;
margin: 0px;
border:0px;
color: #494949;
background-color: #ffffff;
font: 70% arial, "microsoft sans serif", sans-serif;
/* Changed from HIDDEN so that viewport isn't restricted for users 18-Jan-2008 BP */
overflow: hidden;
/* overflow: hidden;*/
scrollbar-shadow-color: #a2a2a2;
scrollbar-arrow-color: gray;
scrollbar-darkshadow-color: #434750;
scrollbar-base-color: #eeeeee;
}
.help {position:relative; vertical-align:top; float: right; width: 14px; height: 14px; margin-top: 2px; margin-right: 4px; cursor: hand; z-index: 999; padding: none; }
img { border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; }
table { font-size: 1em; }
select { background-color: #ffffff; font-size: 1em; }
textarea { border: 1px solid #666; padding: 2px; font: 1em arial, "microsoft sans serif", sans-serif; }
input { font-size: 1em; }
ul { list-style-type: square; font-size: 1em; }
li { list-style-type: square; font-size: 1em; }
.fakelink, a:link { color: #113388; font-size: 1em; text-decoration: none; }
a:hover { color: #113388; font-size: 1em; text-decoration: none; }
a:visited { color: #113388; font-size: 1em; text-decoration: none; }
a:hover { color: blue; text-decoration: none; }
.fakelink { color: #113388; font-size: 1em; text-decoration: none; cursor:hand}
.fakelink:hover { color: blue; text-decoration: none; }
.info { color: #3366cc; font-size: 1em; }
.info_large { color: #3366cc; font-size: 1.2em; }
h1 { padding-top: 5px; color: black; font-weight: bold; font-size: 1.4em; }
h2 { margin-bottom: 3px; padding-top: 5px; color: black; font-size: 1.3em; }
h3 { margin-bottom: 3px; padding-top: 5px; color: black; font-size: 1.1em; }
span.spanlink{cursor:hand; text-decoration:underline}
span.importantlink{cursor:hand; text-decoration:underline; font-weight:bold;color:#C60000;}
span.important {text-decoration:none; font-weight:bold;color:#C60000;}
.button { border-right: #3c3c3c 1px solid; border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid; 	border-bottom: #3c3c3c 1px solid; background-color: #adadad;
	text-align: center; cursor: hand; }
.hidden {display:none}
#overlay{ position:absolute; z-Index:100; top:0; left:0; width:100%; background-image: url(/duetrsrc/images/$file/overlay.png); }
* html #overlay{ background-color: #000; background-color: transparent; background-image: url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/duetrsrc/images/$file/overlay.png", sizingMethod="scale"); }
/*
.section td, .tableform th { border: 2px solid #e2e2e2; background: #e2e2e2; padding: 2px; padding-left: 5px; }
.section caption { border:none; border-bottom:1px solid #757B8A; padding-bottom: 3px; color: black; font-weight: bold; font-size: 1em; text-align: left; background-color: #b5b7bd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDFE0, endColorstr=#757B8A); }
*/
.homeLeft {float:left; width:48%; margin:0px 0px 10px; }
.homeRight {float:right; width:48%; margin:0px 2px 10px 0px; }
.section .caption { border:none; border-bottom:1px solid #757B8A; padding-bottom: 3px; color: black; font-weight: bold; font-size: 1em; text-align: left; background-color: #b5b7bd;
background: url(/DuetSprite.png) repeat-x 0px -200px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDFE0, endColorstr=#b5b7bd); }
.gridCaption { border:none; padding: 3px; color: black; font-weight: bold; font-size: 1em; text-align: left; }
.section {width:100%; margin:0px; margin-bottom: 15px; background-color:#DEDFE0; border:1px solid #757B8A; border-collapse:collapse;}
.section caption {padding: 3px 3px 3px 10px; border:1px solid #757B8A; color: black; font-weight: bold; font-size: 1em; text-align: left; background-color: #b5b7bd; 
background: url(/DuetSprite.png) repeat-x 0px -200px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDFE0, endColorstr=#757B8A);
}
.section caption div {padding:3px; height:100%; font-size:1.4em;}
/* Removed extraneous comma after th here, which caused display bug in Gecko (14-Aug-BP) */
.section tbody th {height:22px; w__idth:200px; padding:2 0 0 2; color: black; background-color: #c6c9d1; font-weight: normal; text-align: left; vertical-align:top; }
.cellHeader {color: black; background-color: #c6c9d1; font-weight: normal; text-align: left; margin:0px 5px; padding:0px 5px;}
.section tbody th, .section tbody td {border:none}
.section th p {position:absolute; margin: 0px; float: left; width: 100%;} /* white-space:nowrap; padding-top: 4px; padding-bottom: 4px; }*/
.section th#req { border-right: 2px solid #f1701a; }
 .section th {background-image:url(/Underline_left_1px(2).gif); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; }
.section td {background-image:url(/Underline_right_1px(2).gif); background-repeat: no-repeat; background-attachment: fixed; background-position: left bottom; }
th.noline, td.noline, .noline th, .noline td {background-image:none; }
th.nolinesingle, td.nolinesingle {background-image:none; }
.gridbox th, .gridbox td, #datepicker th, #datepicker td {background-image:none}
.section input { border: 1px solid #666; padding: 1px; font-size: 1em; xheight: 15px; }
.section input.date { border: 1px solid #666; padding: 1px; font-size: 1em; width:60px; xheight: 15px; }
.section input.noborder { border:none;}
.section input.button { height:18px;}
input.numberRight {text-align:right;}
.numberRight input {text-align:right; width:100%}
.numberRight {text-align:right;}
.section select { border: 1px solid #666; padding: 2px; font-size: 1em; xheight: 15px; }
.readArea{overflow:auto; border: 1px solid #666; padding:1px; font-size: 1em; width:100%; height:100px; }
.sectionTable {border:1px solid #757B8A; border-collapse:collapse; margin: 10px; }
.sectionTable caption {padding: 3px 3px 3px 10px; border:1px solid #757B8A; font-weight: bold; font-size: 1em; text-align: left; background-color: #bec7de;
	background: url(/DuetSprite.png) repeat-x 0px -400px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bec7de, endColorstr=#97a4ca); }
.sectionTable thead th {height:22px; vertical-align:middle; font-weight:strong; color: black; background-color: #97a4ca; text-align: left; border:none;
	background: url(/DuetSprite.png) repeat-x 0px -400px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bec7de, endColorstr=#97a4ca);}
.sectionTable thead .help {margin-top: 0px;}
.sectionTable tbody th {color: black; background-color: #bec7de; font-weight: normal; text-align: left; border:none;}
.sectionTable th p {position:absolute; margin: 0px; float: left; width: 100%;}
.sectionTable th#req { border-right: 2px solid #f1701a; }
.sectionTable td {border:none;}
.sectionTable input { border: 1px solid #666; padding: 1px; font-size: 1em; xheight: 15px; }
.innerTable {width:100%; border:0px; border-top:1px solid #757B8A; border-bottom:1px solid #757B8A; border-collapse:collapse; margin: 0px}
.innerTable tbody th {w___idth:200px;  color: black; background-color: #c6c9d1; font-weight: normal; text-align: left; }
.innerTable th p {position:absolute; white-space:nowrap; margin: 0px; float: left; width: 100%;}
.innerTable td {border:none;}
.innerTable input { border: 1px solid #666; padding: 1px; font-size: 1em; xheight: 15px; }
/*
.sectionTable th.QuoteReturn { color: #ffffff; background-color: #a3d145;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3D145, endColorstr=#57AC2D); }
.section td.QuoteReturn, .sectionTable td.QuoteReturn { color: black; background-color: #AAFF7F; }
*/
.section th.QuoteReturn, .sectionTable th.QuoteReturn, .innerTable th.QuoteReturn { color: #ffffff; background-color: #a3d145;
background: url(/DuetSprite.png) repeat-x 0px -100px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3D145, endColorstr=#57AC2D);  text-align:center; }
.section td.QuoteReturn, .sectionTable td.QuoteReturn, .innerTable td.QuoteReturn {padding-left:2px; text-align:right; color: black; background-color: #AAFF7F; }
.section td.QuoteReturn, .sectionTable td.QuoteReturn, .innerTable td.QuoteReturn {border:solid 1px #57AC2D; background-image:none; }
table.quoteTable {width:100%; border:1px solid #757B8A; border-collapse:collapse; margin-bottom: 12px; }
table.quoteTable caption {padding:5px;  color: #ffffff; font-weight: bold; font-size: 1em; text-align: left; background-color: #a3d145; 
background: url(/DuetSprite.png) repeat-x 0px -100px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A3D145, endColorstr=#57AC2D); }
table.quoteTable th {font-weight:strong; color: black; background-color: #A3D145; text-align: left; border:none; }
table.quoteTable td {color: black; background-color: #AAFF7F; font-weight: normal; text-align: left; border:none;
border:solid 1px #57AC2D;
}
table.quoteTable th p {position:absolute; white-space:nowrap; margin: 0px; float: left; width: 100%;}
div.gridContainer{margin:10px;}
div.gridContainer .gridAction{margin-top:5px;}
div.gridbox_allianz{border:1px solid #757B8A;}
div.gridbox_allianz .dhx_sub_row{background-color:transparent;}
div.gridbox_allianz .xhdr{background: url(/DuetSprite.png) repeat-x 0px -300px;}
div.gridbox_allianz table.hdr{background: url(/DuetSprite.png) repeat-x 0px -400px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bec7de, endColorstr=#97a4ca); }
div.gridbox_allianz table.hdr td{border-right:1px solid #97a4ca; border-left:1px solid #bec7de; border-top:1px solid #FDFDFD; border-bottom:1px solid #B5B5B5; background-color:transparent; font-family:Tahoma; font-size:11px; font-weight:bold; color:#055A78; vertical-align:top; text-align:left;}
/*
div.gridbox_allianz table.hdr td{border-right:1px solid #B5B5B5; border-left:1px solid #FDFDFD; border-top:1px solid #FDFDFD; border-bottom:1px solid #B5B5B5; background-color:transparent; font-family:Tahoma; font-size:11px; font-weight:bold; color:#055A78; vertical-align:top; text-align:left;}
*/
div.gridbox_allianz table.hdr td div{width:auto; NO___padding-left:10px;}M
div.gridbox_allianz table.hdr .filter{padding-left:0px; text-align:center;}
div.gridbox_allianz table.obj td{border:none; border-left:1px solid #EDEDED; border-bottom:1px solid #EDEDED; font-family:Tahoma; font-size:11px;}  /*** padding-right:4px; padding-left:4px;} ***/
/*** div.gridbox_allianz table.row20px tr td{padding-right:4px; padding-left:4px;} */
/*** div.gridbox_allianz .dhx_combo_edit{font-family:Tahoma; font-size:11px;}*/
div.gridbox_allianz table.obj tr.rowselected td{background-color:#E2F2FE; color:black;} /*old bg #9ac2e5   C4DBF0  E1ECF7*/
div.gridbox_allianz table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {background-color:#E2F2FE;}
div.gridbox table.obj td.editable{background-color:white !important;}
/*** div.gridbox_allianz .odd_allianz{background-color:#EDEDED;} */
div.gridbox_allianz div.ftr td{height:20px; padding:0px; padding-left:10px; padding-right:5px; border-top:0px solid gray; border-right:0px solid gray; background-color:#ffffcc; font-style:italic; font-family:arial; font-size:12px;}
.dhx_combo_edit {	BORDER-TOP-WIDTH: 0px;	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	FONT: 11px arial;	OVERFLOW: hidden;	WIDTH: 100%;	PADDING-TOP: 0px;	BORDER-RIGHT-WIDTH: 0px}
#header p { margin: 2px; }
#actionbar { position: relative; width:100%; padding:1px; margin-bottom:10px; border: 1px solid #757B8A; background-color: #b5b7bd; background: url(/DuetSprite.png) repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDFE0, endColorstr=#757B8A); }
#actionbar h1{ MARGIN: 0px; padding-left:4px; font-size:1.1em; POSITION: relative; float:left;}
#actionbar h2 { MARGIN: 0px; padding:6 0 0 4; font-size:1em; font-weight:normal; POSITION: relative; float:left;}
#actionbar ul#buttons {MARGIN: 0px; text-align: right; padding:6px 6px; z-index:10;}
#actionbar ul#buttons LI { DISPLAY: inline; }
#actionbar ul#buttons LI A { PADDING: 3px 9px 3px 9px; color:#444; TEXT-DECORATION: none;}
#actionbar ul#buttons LI A:HOVER { PADDING: 3px 8px 3px 8px; COLOR:#000; background-color: #6E90CA; border: 1px solid #757B8A; }
#actionbar ul#buttons LI.active A, #actionbar ul#buttons LI.active A:hover { PADDING: 3px 8px 3px 8px; COLOR:#FFFFFF; background-color: #284666; border: 1px solid #757B8A; cursor:none;}
/*
#actionbar ul#buttons LI { DISPLAY: inline;  margin-right:4px;}
#actionbar ul#buttons li a#default:hover {color:#444; background-color: #f1701a; }
#actionbar ul#buttons li a#default {color:white; XXX_background-color: #aa4c0d; XXX_color:#C60000; font-weight:bold; color: #aa4c0d; }
#actionbar ul#buttons li a.default:hover {color:#444; background-color: #f1701a; }
#actionbar ul#buttons li a.default {color:white; font-weight:bold; color: #aa4c0d; }
#actionbar ul#buttons li a { background: url(/gloss.png) repeat-x left center;}
#actionbar ul#buttons li a { 
    background-image: none;   
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gloss.png', sizingMethod = 'scale');   
}
*/
#actionbar ul#buttons li a.default:hover, #actionbar ul#buttons li a#default:hover {color:#C60000; background-color: #F9BC93; }
#actionbar ul#buttons li a.default, #actionbar ul#buttons li a#default {color:white; background-color: #f1701a; color:#444; xxxfont-weight:bold; xxxcolor: #aa4c0d; }
#warning ul {margin-top:5px;}
#hided {
position: absolute; left: 0px; top: 0px; width:100%; height:100%; background-color:black; z-index; 999; border: 0px;
Filter: Alpha(Opacity=25);
/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/duetrsrc/images/$file/overlay.png", sizingMethod="scale"); */
}
/*
#header { position: relative; width:100%; padding:1px; margin-bottom:10px; border: 1px solid #757B8A; background-color: #b5b7bd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDFE0, endColorstr=#757B8A);}
#header h1, #Header h2 { MARGIN: 0px; padding-left:4px; font-size:1.1em; POSITION: absolute;}
#header ul#buttons {MARGIN: 0px; text-align: right; padding:6px 6px; }
#header ul#buttons LI { DISPLAY: inline; }
#header ul#buttons LI A { PADDING: 3px 9px 3px 9px; color:#444; TEXT-DECORATION: none;}
#header ul#buttons LI A:HOVER { PADDING: 3px 8px 3px 8px; COLOR:#000; background-color: #6E90CA; border: 1px solid #757B8A; }
#header ul#buttons LI.active A, #Header ul#buttons LI.active A:hover { PADDING: 3px 8px 3px 8px; COLOR:#FFFFFF; background-color: #284666; border: 1px solid #757B8A; cursor:none;}
*/
/*
#header { overflow: visible; position: relative; height: 50px; }
#header p { margin: 2px; }
#header h1 { padding-left: 4px; padding-bottom: 2px; margin: 0px; border-left: #ffffff 2px solid; padding-top: 2px; color: #ffffff; background-color: #c6c9d1;
					font-weight: bold; font-size: 14px; line-height: 18px; left: 0px; position: absolute; top: 2px; }
#header ul#buttons {	margin: 0px 0px 6px; width: 100%; font-size: 1em; line-height: 18px; text-align: right; color: #ffffff; background-color: #c6c9d1;
					border-right: #ffffff 2px solid; border-top: #ffffff 2px solid; border-bottom: #ffffff 2px solid; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; }
#header ul#buttons li { padding-right: 0px; padding-left: 0px; padding-bottom: 5px; margin-right: -3px; padding-top: 5px; display: inline; }
#header ul#buttons li a { padding: 5px 12px 5px 12px; border-left: #ffffff 2px solid; color: #ffffff; background-color: #878e91; text-decoration: none; }
#header ul#buttons li a:hover { color: #ffffff; background-color: #5e6366; }
#header #active { border-left: #ffffff 1px solid; }
#header ul#buttons li a#default { background-color: #f1701a; }
#header ul#buttons li a#default:hover { background-color: #aa4c0d; }
*/
div.tableform_sub { width: 80%; left: 70px; position: relative; }
.tableform_sub caption { padding-bottom: 5px; color: #426bb3; font-weight: bold; font-size: 1em; text-align: left; }
#schedule table{width:100%}
/*	Prevent quote table from 'losing' scrollbars to the right-hand side (15-Jan-2008 BP) */
/*	Doesnt actually, just interfers with the formatting and gives a double border effect - unwanted by management (15-Feb-2008 PDF) */
div.tableform		{width: 99.9%;}
/* div.tableform table.quoteTable, div.tableform table.section {width: 97.5%;} */
/*div.tableform #pdf,*/
/*	end of width tweaks*/
/* buttons - these are the dark grey rounded ones used on forms */
a.button:link { padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; display: inline-block; color: #ffffff; font-size: 11px; }
a.button:visited { padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; display: inline-block; color: #ffffff; font-size: 11px; }
a.button:hover { color: #ffffff; background-color: #abc0e0; }
.button { border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; }
a.w180:link { width: 180px; background: url(/duetrsrc/css/$file/btn180_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w180:visited { width: 180px; background: url(/duetrsrc/css/$file/btn180_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w180 { width: 180px; background: url(/duetrsrc/css/$file/btn180_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w180:hover { background: url(/duetrsrc/css/$file/btn180_dn.gif) no-repeat 50% top; }
a.w160:link { width: 160px; background: url(/duetrsrc/css/$file/btn160_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w160:visited { width: 160px; background: url(/duetrsrc/css/$file/btn160_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w160 { width: 160px; background: url(/duetrsrc/css/$file/btn160_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w160:hover { background: url(/duetrsrc/css/$file/btn160_dn.gif) no-repeat 50% top; }
a.w130:link { width: 130px; background: url(/duetrsrc/css/$file/btn130_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w130:visited { width: 130px; background: url(/duetrsrc/css/$file/btn130_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w130 { width: 130px; background: url(/duetrsrc/css/$file/btn130_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w130:hover { background: url(/duetrsrc/css/$file/btn130_dn.gif) no-repeat 50% top; }
a.w90:link { width: 90px; background: url(/duetrsrc/css/$file/btn90_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w90:visited { width: 90px; background: url(/duetrsrc/css/$file/btn90_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w90 { width: 90px; background: url(/duetrsrc/css/$file/btn90_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w90:hover { background: url(/duetrsrc/css/$file/btn90_dn.gif) no-repeat 50% top; }
a.w70:link { width: 70px; background: url(/duetrsrc/css/$file/btn70_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w70:visited { width: 70px; background: url(/duetrsrc/css/$file/btn70_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w70 { width: 70px; background: url(/duetrsrc/css/$file/btn70_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w70:hover { background: url(/duetrsrc/css/$file/btn70_dn.gif) no-repeat 50% top; }
a.w60:link { width: 60px; background: url(/duetrsrc/css/$file/btn60_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w60:visited { width: 60px; background: url(/duetrsrc/css/$file/btn60_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w60 { width: 60px; background: url(/duetrsrc/css/$file/btn60_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w60:hover { background: url(/duetrsrc/css/$file/btn60_dn.gif) no-repeat 50% top; }
a.w50:link { width: 50px; background: url(/duetrsrc/css/$file/btn50_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w50:visited { width: 50px; background: url(/duetrsrc/css/$file/btn50_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w50 { width: 50px; background: url(/duetrsrc/css/$file/btn50_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w50:hover { background: url(/duetrsrc/css/$file/btn50_dn.gif) no-repeat 50% top; }
a.w40:link { width: 40px; background: url(/duetrsrc/css/$file/btn40_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w40:visited { width: 40px; background: url(/duetrsrc/css/$file/btn40_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w40 { width: 40px; background: url(/duetrsrc/css/$file/btn40_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w40:hover { background: url(/duetrsrc/css/$file/btn40_dn.gif) no-repeat 50% top; }
a.w30:link { width: 30px; background: url(/duetrsrc/css/$file/btn30_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w30:visited { width: 30px; background: url(/duetrsrc/css/$file/btn30_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
input.w30 { width: 30px; background: url(/duetrsrc/css/$file/btn30_up.gif) no-repeat 50% top; color: #ffffff; height: 21px; }
a.w30:hover { background: url(/duetrsrc/css/$file/btn30_dn.gif) no-repeat 50% top; }
.w100 { width: 100px; color: #ffffff; }
.w120 { width: 120px; color: #ffffff; }
.w150 { width: 150px; color: #ffffff; }
/* defines header dark blue areas and all it contains */
#masthead { width: 100%; left: 2px; position: absolute; top: 2px; height: 94px; XX_width: 955px; }
#masthead #grey { width: 100%; background-color: #dedfe0; left: 0px; position: absolute; top: 0px; height: 22px; }
#masthead #logo { width: 162px; background: url(/duetrsrc/css/$file/logo.gif) no-repeat; left: 0px; position: absolute; top: 10px; height: 59px; }
#masthead #global_nav { width: 100%; text-align: right; left: 0px; position: absolute; top: 3px; }
#masthead #blue { width: 100%; background-color: #113388; left: 0px; position: absolute; top: 22px; border-top: 2px solid white; height: 70px; }
#masthead #title { XX_width: 100%; padding-right: 12px; color: #ffffff; font-size: 13px; text-transform: uppercase; text-align: right; XX_left: 0px; position: absolute; top: 72px; right:0px}
#masthead #global_nav ul { margin: 0px 4px 0px 0px; white-space: nowrap; font-size: 1em; }
#masthead #global_nav li { display: inline; list-style-type: none; }
#masthead #global_nav a { padding-right: 8px; padding-left: 8px; padding-bottom: 2px; padding-top: 2px; }
#masthead #global_nav a:hover { color: #ffffff; background-color: #819bcc; text-decoration: none; }
#masthead #tabbar {position: absolute; left:162px; top: 63px; padding-right: 12px; color:white;}
/*
#tabbar LI {BACKGROUND: url(/nav_left.gif) #024 no-repeat 0px 100%; height:100%; padding-left:10px; padding-right:10px; margin-right:5px; }
#tabbar A {BACKGROUND: url(/nav_right.gif) no-repeat 100% 100%; COLOR: #cff}
#tabbar A:hover {COLOR: #fff}
#tabbar LI.current {BACKGROUND: url(/nav_c_left.gif) #169 no-repeat 0px 100%}
#tabbar LI.current A {BACKGROUND: url(/nav_c_right.gif) no-repeat 100% 100%; COLOR: #fff}
*/
/* WiP
#masthead #tabbar {position: absolute; left:162px; bottom:2px; padding-right: 12px; color:white;}
#masthead #tabbar li {display: inline; list-style-type: none; float:left;
xxheight:30px;
}
/*#tabbar {BACKGROUND: url(/nav_shadow.gif) #003a66 repeat-x}*/
#tabbar LI {BACKGROUND: url(/nav_left.gif) #024 no-repeat; height:100%; margin-left:5px; xxpadding-left:10px; cursor:hand;}
#tabbar A {BACKGROUND: url(/nav_right.gif) no-repeat 100% 0%; COLOR: #bbb; d:cff; height:100%; padding:6 9; }
#tabbar A:hover {COLOR: #fff}
#tabbar LI.current {BACKGROUND: url(/nav_c_left.gif) #169 no-repeat}
#tabbar LI.current A {BACKGROUND: url(/nav_c_right.gif) no-repeat 100% 0%; COLOR: #fff ; height:100%; }
*/
#printmasthead { display: none; }
#printmasthead #logo { display: none; }
/* header navigation bar */
#navigation1 { width: 100%; background: url(/duetrsrc/css/$file/navigation1top.gif) repeat-x top; left: 2px; position: absolute; top: 94px; height: 26px; XX_width: 955px; }
#navigation1 #admin { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; color: #c0c0c0; left: 6px; position: absolute; top: 6px; }
#navigation1 #admin p { padding: 0px; margin: 0px; }
#navigation1 #helpline { font-weight: bold; color: white; text-align: right; position: absolute; top: 6px; right: 0px; width: 80%; padding-right: 12px; }
#navigation1 { background-color: #757b8a; overflow: hidden; }
#navigation1 #flags ul { margin-left: 0px; white-space: nowrap;  }
#navigation1 #flags li { display: inline; list-style-type: none; }
#navigation1 #flags a { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; color: #ffffff; font-weight: bold; text-decoration: none; }
#navigation1 #flags a:link { border-right: #113388 1px solid; border-top: #113388 1px solid; border-left: #113388 1px solid; border-bottom: #113388 1px solid; color: #ffffff; text-decoration: none; }
#navigation1 #flags a:visited { border-right: #113388 1px solid; border-top: #113388 1px solid; border-left: #113388 1px solid; border-bottom: #113388 1px solid; color: #ffffff; text-decoration: none; }
#navigation1 #flags a:hover {	border: #ffffff 1px solid;	color: #ffffff; background-color: #ffffff; text-decoration: none; }
#navigation1 #greeting {position:absolute; margin-left:162px; border:white 2px solid; padding:3px 10px 5px 6px; color:black; background-color:#c6c9d1; font-weight:bold;}
/*
#navigation1 ul { margin-top: 0px; padding-left: 0px; margin-left: 162px; padding-top: 5px; white-space: nowrap; font-size: 11px; }
#navigation1 li { display: inline; list-style-type: none; }
*/
#navigation1 a { border-top: 2px solid white; border-bottom: #ffffff 2px solid; color: #ffffff; font-weight: bold; text-decoration: none; padding: 3px 10px 5px 6px; }
#navigation1 a.notactive {	padding: 3px 12px 6px 8px; border-top: #113388 2px solid; border-bottom: #ffffff 2px solid; color: #ffffff; font-weight: bold; text-decoration: none; }
#navigation1 a:link { color: #ffffff; text-decoration: none; }
#navigation1 a:visited { color: #ffffff; text-decoration: none; }
#navigation1 a:hover { xborder: 2px solid #ffffff; border-bottom: white 2px solid; color: black; background-color: #c6c9d1; text-decoration: none; padding: 3px 10px 5px 6px; }
#navigation1 a.active { xborder: white 2px solid; padding: 3px 10px 5px 6px; color: black; background-color: #c6c9d1; text-decoration: none; }
#navigation1 a.active:visited { color: black; }
#navigation1 a.active { color: black; }
#navigation1 #tabs {position:relative; margin-top: 0px; padding-left: 0px; padding-top: 5px; white-space: nowrap; font-size: 11px; }
#navigation1 #tabs li { display: inline; list-style-type: none; }
#left { width: 162px; left: 2px; overflow: hidden; position: absolute; top: 120px; height: 490px; }
#left #mainnavigation ul { padding-left: 0px; margin-left: 0px; list-style-type: none; }
#left #mainnavigation a { padding-right: 7px; padding-left: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom: #ffffff 2px solid; width: 100%; display: block; background-color: #b5b7bd; }
#left #mainnavigation a:link { color: #ffffff; text-decoration: none; }
#mainnavigation a:visited { color: #ffffff; text-decoration: none; }
#left #mainnavigation a:hover { color: #ffffff; background-color: #757b8a; }
#left #mainnavigation li.sub1 ul li a { padding-left: 18px; }
#left #mainnavigation li.sub2 ul li a { padding-left: 36px; }
#left #mainnavigation li.sub3 ul li a { padding-left: 54px; }
#left #mainnavigation li.sub4 ul li a { padding-left: 72px; }
#left #mainnavigation #active { font-weight: bold; }
#left #mainnavigation li.orange a { background-color: #c60000; }
#left #mainnavigation li.orange a:hover { background-color: #8c0000; }
#left #mainnavigation li.green a { background-color: #216f2c; }
#left #mainnavigation li.green a:hover { background-color: #216f2c; }
#left #metanavigation ul { padding-left: 0px; margin-left: 0px; list-style-type: none; }
#left #metanavigation a { padding-right: 7px; padding-left: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom: #dedfd0 1px solid; width: 100%; display: block; background-color: #ffffff; }
#left #metanavigation a:link { color: #4a4b4c; text-decoration: none; }
#metanavigation a:visited { color: #4a4b4c; text-decoration: none; }
#left #metanavigation a:hover { color: #4a4b4c; background-color: #dedfe0; }
#left .grouplogo { padding-left: 11px; padding-bottom: 7px; padding-top: 7px; }
#left #securepage { position: relative; left: 4px; background: url(/ico_secpage.gif) no-repeat left 2px; padding-left: 15px; color: #999 }
/*	Changed this to a more fluid layout, with a max-width
	restriction; IE doesn't support max-width, hence the IE
	expression 18-Jan-2008 BP
*/
#footer
{
	left: 2px;
	width: 100%;
	max-width: 955px;
	width: expression(document.body.clientWidth > 955? "955px":"100%" );
	position: absolute;
	top: 640px;
	height: 40px;
	color: #4a4b4c;
	background-color: #dedfe0;
	padding: 14px 0 0 130px;
	font-size: 1em;
}
/* ORIGINAL CODE
#footer { width: 825px; background-color: #dedfe0; left: 2px; position: absolute; top: 640px; height: 40px; }
#footer { padding-left: 130px; padding-top: 14px; color: #4a4b4c; font-size: 1em; }
*/
#footer ul { display: inline; white-space: nowrap; }
#footer li { margin-right: 19px; display: inline; list-style-type: none; }
#footer a { padding-right: 8px; padding-left: 8px; padding-bottom: 3px; padding-top: 3px; color: #333436; text-decoration: none; }
#footer a:link { color: #333436; text-decoration: none; }
#footer a:visited { color: #333436; text-decoration: none; }
#footer a:hover { color: #ffffff; background-color: #878787; }
#servername { color: #1c43a6; font-size: 1em; left: 6px; position: absolute; top: 14px; }
#debug { font-size: 1em; width: 100%; padding-right: 12px; position: absolute; text-align: right; top: 14px; color: #b4b5b5; }
#debug a { color: #b4b5b5; }
#debug a:visited { color: #b4b5b5; }
#debug a:link { color: #b4b5b5; }
#QUICKSEARCH { position: absolute; top: 7px; right: 100px;}
#QUICKSEARCH a { color: white; }
#main
{
	left: 166px;
	position: absolute;
	top: 120px;
	/* Changed this to a more fluid layout, with a max-width
	restriction; IE doesn't support max-width, hence the IE
	expression 18-Jan-2008 BP (modified width from 100% on 21-Jan)
	*/
	width: 99.9%;	/* works for INTERNET security setting */
	max-width: 791px;
/*	width:expression(document.body.clientWidth > 791? "791px": "700px" ); */
	width:786px;
	height: 516px;
	background-color: #eee;
	overflow: hidden;
	padding: 8px 10px 4px 4px;
}
/*	ORIGINAL CODE
#main
{
	padding: 4px;
	width: 786px;
	background-color: #eeeeee;
	left: 166px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	height: 512px;
}
*/
#main_hud { padding: 4px; width: 100%; background-color: #eeeeee; left: 2px; overflow: hidden; position: absolute; top: 120px; height: 100%; }
#main_narrow { width: 410px; left: 0px; position: absolute; top: 0px; height: 100%; overflow-y: auto; }
#main_popup { border-right: #ffffff 4px solid; padding: 4px; width: 100%; background-color: #eeeeee; left: 4px; overflow: hidden; position: absolute; top: 4px; height: 512px; }
#info, #feedback { width: 100%; background-color: #eeeeee; left: 0px; overflow: hidden; position: absolute; top: 0px; height: 100%; padding: 0px; padding-bottom:4px; }
#info p, #info H1, #info li {padding-left:10px;}
#body_icons {padding-left:10px}
#content { border-top: 3px solid #eeeeee; overflow: auto; position: relative; height: 420px; }
#content_hud { border-top: 3px solid #eeeeee; overflow: auto; position: relative; height: 100%; }
#validation { border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; background-color: #fcd106; position: relative; }
#validation p { padding: 4px; padding-left: 25px; color: black; font-weight: bold; font-size: 1em;  background: url(/duetrsrc/css/$file/ico_validation.gif) no-repeat 4px 3px;  }
#action { border: #999999 3px solid; padding: 6px; width: 336px; background-color: #ffffb2; left: 416px; overflow: auto; position: absolute; top: 0px; height: 100%; }
#action h1 { font-size: 1.4em; }
#action h2 { font-size: 1.2em; }
.ruler { border-collapse: collapse; }
.ruler td { padding: 2px; border-top: #eeeeee 2px solid; border-bottom: #eeeeee 4px solid; }
#formbody table { border-right: #888888 1px solid; border-top: #888888 1px solid; border-left: #888888 1px solid; border-bottom: #888888 1px solid; background-color: #eeeeee; font-size: 1em; }
#formbody td { font-size: 1em; }
#formbody table.clear { border-right: #888888 1px solid; border-top: #888888 1px solid; border-left: #888888 1px solid; border-bottom: #888888 1px solid; background-color: #eeeeee; font-size: 1em; }
#formbody td.clear { font-size: 1em; }
#formbody h4 { border-top: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; margin-top: 5px; margin-bottom: 3px; padding-bottom: 4px; padding-top: 4px;	
					color: #7e7e7e; background-color: #d1d1d1; font-size: 1.2em;	font-variant: small-caps; }
#viewbody table { font-size: 1em; border-collapse:collapse; border:1px solid #757B8A;}
#viewbody h2 { padding: 4px; margin-top: 25px; margin-bottom: 10px; color: black; background-color: #c8c8c8; font-size: 1.6em; font-variant: small-caps; }
#viewbody h3 { margin-top: 5px; margin-bottom: 13px; color: black; font-size: 1.2em; font-variant: small-caps; }
#viewbody tr.ruled { background-color: #797979; color: white; cursor: hand; }
#viewbody tr.header { padding: 4px; margin-top: 25px; margin-bottom: 10px; color: #515151; background-color: #b5b7bd; cursor: default; }
#viewbody td.header, #viewbody .nativeview th.header { padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; color: white; }
#viewbody .header a:link { color: #ffffff; }
#viewbody .header a:visited { color: #ffffff; }
#viewbody .header a:hover { color: #ffff00; }
#viewbody tr.subheader { color: #ffffff; background-color: #a7b9e2; font-weight: bold; cursor: default; }
#viewbody .header th { font-weight: normal;}
#viewbody tr.subheadernoclick { color: #ffffff; background-color: #a7b9e2; font-weight: bold; cursor: default; }
#viewbody td.subheader { padding-right: 4px; border-top: #eeeeee 15px solid; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; border-bottom: 4px solid #eeeeee; }
#viewbody td.subheadernoclick { padding-right: 4px; border-top: #eeeeee 15px solid; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; border-bottom: #eeeeee 4px solid; }
#viewbody .edgerightsub { border-right: #eeeeee 10px solid; border-top: #eeeeee 20px solid; border-bottom: #eeeeee 10px solid; }
#viewbody .edgeleftsub { border-top: #eeeeee 20px solid; border-left: #eeeeee 10px solid; border-bottom: #eeeeee 10px solid; }
#viewbody tr.colheader { padding-right: 4px; margin-top: 2px; padding-left: 4px; margin-bottom: 2px; padding-bottom: 4px; padding-top: 4px; color: #666666; font-size: 1em; }
#viewbody td.colheader, { border-top: #eeeeee 2px solid; border-bottom: #eeeeee 2px solid; }
#viewbody .edgerightcol { border-right: #eeeeee 10px solid; border-top: #eeeeee 2px solid; border-bottom: #eeeeee 2px solid; }
#viewbody .edgeleftcol { border-top: #eeeeee 2px solid; border-left: #eeeeee 10px solid; border-bottom: #eeeeee 2px solid; }
#viewbody .subheader_dn { padding: 4px; margin-top: 25px; margin-bottom: 10px;
					color: #000000; background-color: #dce7cf; font-weight: bold; font-size: 1.2em; font-variant: small-caps; }
#viewbody .edgeright { border-right: #eeeeee 10px solid; }
#viewbody .edgeleft { border-left: #eeeeee 10px solid; }
.caption { padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; color: #113388; background-color: #ff0000; font-size: 1em; text-align: right; }
.captionreq { padding: 4px; padding-right: 8px; color: #000000; font-size: 1em; text-align: right; background: url(/req.gif) no-repeat right 50%; }
.field { font-size: 1em; }
#formbody .field { border: #aaaaaa 1px solid; padding: 2px; background-color: #efefef; font-size: 1em; cursor: default; }
.fielderror select { margin-top: 4px; background-color: #ffcccc; font-size: 1em; }
.fielderror input { margin-top: 4px; background-color: #ffcccc; font-size: 1em; }
.cellna { border: #bbbbbb 1px solid; margin-top: 6px; width: 25px; background-color: #dadada; height: 18px; }
.inputerror { background-color: #ff8080; }
.inputadditional { background-color: #c0f0c0; }
.footer { color: #888888; font-size: 0.9em; text-align: right; }
.addrbook { background-position: left 50%; background-image: url(/pic_addressbook.jpg); background-repeat: no-repeat; }
.dotted { border: #aaaaaa 1px solid; padding: 4px; vertical-align: top; }
.dottedline { margin: 10px 0px; border-bottom: #000000 1px dotted; }
.calcpyearnavigation { color: #ffffff; background-color: #999999; font-weight: bold; text-align: center; text-decoration: none; }
.calcpmonthnavigation { color: #ffffff; background-color: #999999; font-weight: bold; text-align: center; text-decoration: none; }
.calcpdaycolumnheader { font-size: 8pt; font-family: tahoma; }
.calcpyearnavigation { font-size: 8pt; font-family: tahoma; }
.calcpmonthnavigation { font-size: 8pt; font-family: tahoma; }
.calcpcurrentmonthdate { font-size: 8pt; font-family: tahoma; }
.calcpcurrentmonthdatedisabled { font-size: 8pt; font-family: tahoma; }
.calcpothermonthdate { font-size: 8pt; font-family: tahoma; }
.calcpothermonthdatedisabled { font-size: 8pt; font-family: tahoma; }
.calcpcurrentdate { font-size: 8pt; font-family: tahoma; }
.calcpcurrentdatedisabled { font-size: 8pt; font-family: tahoma; }
.calcptodaytext { font-size: 8pt; font-family: tahoma; }
.calcptodaytextdisabled { font-size: 8pt; font-family: tahoma; }
.calcptext { font-size: 8pt; font-family: tahoma; }
td.calcpdaycolumnheader { border-right: #485172 0px solid; border-top: #485172 0px solid; border-left: #485172 0px solid; border-bottom: #485172 1px solid; text-align: right; }
.calcpcurrentmonthdate { text-align: right; text-decoration: none; }
.calcpothermonthdate { text-align: right; text-decoration: none; }
.calcpcurrentdate { text-align: right; text-decoration: none; }
.calcpcurrentmonthdatedisabled { color: #d0d0d0; text-align: right; text-decoration: line-through; }
.calcpothermonthdatedisabled { color: #d0d0d0; text-align: right; text-decoration: line-through; }
.calcpcurrentdatedisabled { color: #d0d0d0; text-align: right; text-decoration: line-through; }
.calcpcurrentmonthdate { color: #485172; font-weight: bold; }
.calcpcurrentdate { color: #ffffff; font-weight: bold; }
.calcpothermonthdate { color: #808080; }
td.calcpcurrentdate { border: thin solid #444444; color: #ffffff; background-color: #cfd4e3; }
td.calcpcurrentdatedisabled { border-right: #ffaaaa thin solid; border-top: #ffaaaa thin solid; border-left: #ffaaaa thin solid; border-bottom: #ffaaaa thin solid; }
td.calcptodaytext { border-right: #485172 0px solid; border-top: #485172 1px solid; border-left: #485172 0px solid; border-bottom: #485172 0px solid; }
td.calcptodaytextdisabled { border-right: #485172 0px solid; border-top: #485172 1px solid; border-left: #485172 0px solid; border-bottom: #485172 0px solid; }
a.calcptodaytext { height: 20px; }
span.calcptodaytextdisabled { height: 20px; }
a.calcptodaytext { color: #485172; font-weight: bold; }
span.calcptodaytextdisabled { color: #d0d0d0; }
.calcpborder { border-right: #485172 thin solid; border-top: #485172 thin solid; border-left: #485172 thin solid; border-bottom: #485172 thin solid; }
#caldiv table { width: 160px; }
.homehead td { border-bottom: 4px solid #eeeeee; background-color: #c6c9d1; vertical-align: middle; }
.homehead h2 { padding-right: 2px; padding-left: 2px; padding-bottom: 1px; padding-top: 1px; }
.homehead td { padding-right: 2px; padding-left: 2px; padding-bottom: 1px; padding-top: 1px; }
.tblcap { color: #113388; background-color: #f4f4f4; }
.tblfield { background-color: #fefefe; }
.tblheading { color: #ffffff; background-color: #426bb3; font-weight: bold; font-size: 1.2em; }
.tblinset { }
.tblinset td { border: #d0d0d0 1px solid; padding: 2px; }
#showdebug { border: 4px solid #929300; padding: 6px; width: 932px; color: #000000; background-color: #ffff00; z-index: 999; left: 10px; overflow: auto; position: absolute;
	top: 10px; height: 240px; display: none; }
#fn { width: 140px; }   #dp { width: 140px; }   #ar { width: 140px; }   #fr { width: 138px; }   #to { width: 138px; }
/*
.tableform table { width: 99.5%; border-collapse: collapse; margin-bottom: 12px; }
.tableform td { padding: 0px; }
.tableform th { vertical-align: top; }
.tableform caption { padding-bottom: 3px; color: black; font-weight: bold; font-size: 1em; text-align: left; }
.tableform tbody th { color: black; background-color: #c6c9d1; font-weight: normal; text-align: left; }
.tableform th p { margin: 0px; float: left; width: 82%; padding-top: 4px; padding-bottom: 4px; }
.tableform th#req { border-right: 2px solid #f1701a; }
.tableform input { border: 1px solid #666; padding: 2px; font-size: 1em; height: 20px; }
.tableform select { border: 1px solid #666; padding: 2px; font-size: 1em; xheight: 20px; }
.tableform .nob { border: 0px; }
.tableform .quotereturn { color: #ffffff; background-color: #a3d145; }
div.tableform_sub { width: 80%; left: 70px; position: relative; }
.tableform_sub caption { padding-bottom: 5px; color: #426bb3; font-weight: bold; font-size: 1em; text-align: left; }
.tableform td, .tableform th { border: 2px solid #e2e2e2; background: #e2e2e2; padding: 2px; padding-left: 5px; }
*/
/*
.internal td { background-color: #bec7de; }
.internal thead th, .internal tbody th, .tableform .internal th { background-color: #97a4ca; }
.internal caption { padding-left: 5px; background: url(/lock.gif) no-repeat right; background-color: #a7b4d3; }
*/ 
/* .internal {width:100%; border:1px solid #757B8A; border-collapse:collapse; margin-bottom: 12px;}
.internal table {XXXX_width:100%; background-color:#DEDFE0; border:1px solid #757B8A; border-collapse:collapse; margin:0px; margin-bottom: 12px; }
*/
.internal {margin-bottom: 12px; }
.internal table {border:1px solid #757B8A; background-color:#DEDFE0; border-collapse:collapse; margin:0px;}
.internal caption {padding: 3px 3px 3px 10px; background-color: #a7b4d3; text-align: left; font-weight: bold; border:1px solid #757B8A; background-color: #97a4ca;
	background: url(/DuetSprite.png) repeat-x 0px -400px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bec7de, endColorstr=#97a4ca); }
.internal caption div {padding-left: 5px;  background: url(/lock.gif) no-repeat right;} 
.internal thead th, .internal tbody th {color: black; background-color: #97a4ca; font-weight: normal; text-align: left; border:none; }
/* .internal tbody th {border-bottom:1px solid #bec7de} 
 .internal tbody th {background-image:url(/Underline_left_1px(2).gif); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom;}
*/
.internal th p {position:absolute; margin: 0px; float: left; width: 100%;}
.internal td {border:none; border-bottom:1px solid #97a4ca; background-color: #bec7de;}
.tabbedpage { border: 1px dotted #808080; padding: 10px; border-top: 0px; width: 100%; display: none; background-color: #eeeeee; height: 420px; overflow-y: auto; }
.active { display: inline; }
#tabs ul {	margin: 0px;  border-left: #808080 1px dotted; width: 100%; list-style-type: none; background: url(/duetrsrc/css/$file/tabsbg.gif) repeat-x 50% top;
	color: #ffffff;	text-align: left; }
#tabs li { margin-left: -2px; display: inline; }
#tabs a { border: #808080 1px dotted; padding-left: 11px; padding-bottom: 2px; margin-right: 5px;	padding-top: 4px;	color: #ffffff; background-color: #a7c0de;
	font-size: 1em; height: 24px; }
#tabs a:visited { border-bottom: #808080 1px dotted; background-color: #a7c0de; }
#tabs a:hover { border-bottom: #eeeeee 1px solid; color: #103286; background-color: #eeeeee; }
#tabs a.active { border-bottom: #eeeeee 1px solid; color: #103286; background-color: #eeeeee; }
#tabs a.active:visited { border-bottom: #eeeeee 1px solid; color: #103286; background-color: #eeeeee; }
.errortext { border: #aaaaaa 1px solid; padding: 6px; color: #ff0000; background-color: #ffffff; font-weight: bold; font-size: 1.1em; }
.errorfield { color: black; background-color: #fcd106; font-weight: bold; }
.pleasewait {	border: #808080 2px outset; padding: 0px; padding-top: 32px; width: 230px;	color: #ffffff; background-color: #6e8bc6;
	font-size: 11px; text-align: center; left: 400px; visibility: hidden; position: absolute; top: 300px; height: 120px; }
#viewpages { width: 100%; text-align: right; left: 0px; position: absolute; top: 27px; } 
/*#viewpages { text-align: right; left: 0px; xxxx____position:relative; float:right; }*/
.page a:link, .page a:visited { border: #000000 1px solid; padding: 1px; margin-left: 4px; width: 18px; color: #ffffff; background-color: #84a8ce; text-align: center; height: 18px; vertical-align: middle; }
.page a:hover { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; color: #ffffff; background-color: #284666; }
.page_dn { border: #000000 1px solid; padding: 1px; margin-left: 4px; width: 18px; color: #ffffff; background-color: #284666; text-align: center; height: 18px; vertical-align: middle; }
.page_dn a:link, .page_dn a:visited { color: #ffffff; }
#main #content-short { border-top: #ecf0f8 3px solid; overflow: auto; position: relative; height: 460px; }
#userstart { padding-top: 20px; text-align: center; height: 50px; }
#userstart ul { margin: 0px; white-space: nowrap; font-size: 1em; }
#userstart li { display: inline; list-style-type: none; }
#userstart a { border: #808080 1px solid; padding: 4px; margin-left: 12px; color: #ffffff; background-color: #819bcc; }
#userstart a:hover { color: #ffffff; background-color: #4162a2; text-decoration: none; }
.tabledotted caption {
padding: 5px; font-weight: bold; font-size: 1em; background: url(/duetrsrc/css/$file/table_top.gif) no-repeat left top; color: #426bb3; text-align: left
}
.tabledotted_sub caption {
	padding: 5px; font-weight: bold; font-size: 1em; background: url(/duetrsrc/css/$file/table_top.gif) no-repeat left top; color: #426bb3; height: 13px; text-align: left
}
div.tabledotted {	font-size: 1em; margin-bottom: 30px; margin-left: 8px; border-left: gray 1px dotted; width: 100%; border-bottom: gray 1px dotted; }
div.tabledotted_sub { font-size: 1em; margin-bottom: 30px; margin-left: 8px; border-left: gray 1px dotted; width: 100%; border-bottom: gray 1px dotted; }
.tabledotted tbody th {
	padding-right: 11px; padding-left: 8px; font-weight: normal; padding-bottom: 8px; border-left: #e2e2e2 6px solid; color: navy; padding-top: 8px; background-color: #d2d2d2; text-align: right
}
.tabledotted th#req { padding-right: 30px; background: url(/duetrsrc/css/$file/req_th.gif) #d2d2d2 no-repeat right 50% }
.tabledotted tbody td { background: #e2e2e2; border-left: #e2e2e2 6px solid }
.tabledotted input {
	border-right: #103286 1px solid; padding-right: 2px; border-top: #103286 1px solid; padding-left: 2px; font-size: 1em; padding-bottom: 2px; border-left: #103286 1px solid; padding-top: 2px; border-bottom: #103286 1px solid; height: 20px
}
.tabledotted .nob { border: 0px }
div.tabledotted_sub { left: 70px; width: 80%; position: relative }
.tabledotted .quotereturn { padding: 8px; color: white; background-color: #a3d145; }
.tabledotted .large { background: url(/duetrsrc/css/$file/brace.gif) #a3d145 no-repeat 20px 50% }
#pdf { XXX__width: 100%; text-align: right; left: 0px; XXX__position: relative; height: 48px; overflow-y: hidden; }
#pdf ul { white-space: nowrap; }
#pdf li { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
#pdf a { font-size: 9px; height: 40px; background: url(/pdf.gif) no-repeat center 2px; padding-right: 8px; padding-left: 8px; padding-bottom: 2px; padding-top: 34px; }
#pdf a:hover { color: #ffffff; background-color: #819bcc; text-decoration: none; }
#helpdiv {	position: absolute; left: 100px; top: 100px; width: 250px; height: 30px; z-index: 2; border: #808080 1px solid; font: 9px arial, helvetica, sans-serif; 
				padding: 4px; padding-top: 16px; background: #fefefe url(/duetrsrc/css/$file/help_header.gif) no-repeat 50% top; visibility: hidden; }
#helpshim { position: absolute; left: 0px; top: 0px; width: 250px; height: 30px; z-index:1; background-color: red; 
				filter:progid:dximagetransform.microsoft.alpha(style=0,opacity=0); visibility: hidden; filter: progid:dximagetransform.microsoft.shadow(color=gray,direction=135);  }
#searchdiv { position:absolute; 	width:350px; z-index:1; padding: 4px; color: white; left: 373px; top: 28px;  display: none;  height: 10px; overflow: hidden; background-color: #aaa; border: 2px solid white; }
#commentsdiv, #trashcommentsdiv, #brokerrefercommentsdiv, #refercommentsdiv, #sendcommentsdiv, #declinediv, #emailcommentsdiv, #claimscommentsdiv, #claimsrejectdiv { position:absolute; width:500px; z-index:1; padding: 4px; color: white; left: 170px; top: 150px;  display: none;  height: 300px; overflow: hidden; background-color: #aaa; border: 2px solid white; }
#commentsdiv textarea {font:arial, "microsoft sans serif", sans-serif;}
#referredbackdiv { position:absolute; width:500px; z-index:1; padding: 4px; color: white; left: 170px; top: 150px;  display: none;  height: 600px; overflow: hidden; background-color: #aaa; border: 2px solid white; }
/******************** CALENDAR STYLE **********************/
#datepickeriframe {
filter:alpha(opacity=0);
}
/* the div that holds the date picker calendar */
.dpDiv {
/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
filter:alpha(opacity=90);
background:pink;
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
background-color: #ece9d8;
xxbackground-color: #CCA56E;
	border: 1px solid #AAAAAA;
border-collapse: collapse;
width:183px; /*hardcoded, because in some places it gets compressed.*/
	}
.dpTable TD {
padding:2px;
border:0px; /* need to set this to remove the styling of any tables this loads within */
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8BFCF, endColorstr=#8F959F); */
	}
.dpTitleTR SPAN{
background:#8F959F;
}
.dpTitleDiv {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
width:21px !important;
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA !important;
	color: white;
	}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { }
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8 !important;
	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA !important;
	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888 !important;
	cursor: pointer;
	color: red;
	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
nowrap:true;
font-weight:bold;
padding:0px;
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8BFCF, endColorstr=#8F959F); */
filter: expression(document.getElementById("datepicker").filters.alpha ? null : "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B8BFCF, endColorstr=#8F959F)"); /*It doesnt like it if there are two filters aplied to the same element, so this code switches the filter on and off as required */
background:#A7AEBC;
	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: "Wingdings 3"; /* Verdana, Tahoma, Arial, Helvetica, sans-serif; */
	font-size: 12px;
background-color: #8F959F;
border: 1px outset #B8BFCF; text-align: center;
color: #EEEEEE;
	xbackground: #757B8A;
	xfont-weight: bold;
	padding: 0px;
	}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }
/* the close button at the bottom */
.dpCloseButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
background-color: #8F959F;
border: 1px outset #B8BFCF; text-align: center;
color: #EEEEEE;
	NO_background: #757B8A;
	font-weight: bold;
	padding: 0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #EEEEEE;
background-color: #8F959F; border: 1px outset #B8BFCF; text-align: center;
	xcolor: gray;
	xbackground: #d8e8ff;
	font-weight: bold;
	}
.autocomplete .yui-ac{position:relative;font-family:arial;font-size:100%;}
.autocomplete .yui-ac-input{position:absolute; width:100%;}
.autocomplete .yui-ac-container{position:absolute;top:1.6em;width:100%;}
.autocomplete .yui-ac-content{position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;}
.autocomplete .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}
.autocomplete .yui-ac-content ul{margin:0;padding:0;width:100%;}
.autocomplete .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;}
.autocomplete .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}
.autocomplete .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}
.yui-ac-highlight .autocomplete-result,
.yui-ac-highlight .autocomplete-query {color:#FFFFFF; }
.autocomplete-query {font-weight:bold; color:#000000; }
.autocomplete-result {color:#646464; }
/* custom styles for addressbox */
#addressAutocomplete {
    width:30em; /* set width here */
}

/* custom styles for company name and code*/
#brokerAutocomplete, #companyAutocomplete {
    width:300px; /* set width here */
}
/* custom styles for Dialogbox */
.yui-dialog .hd {
    height: 25px;
    font-size:1em!important;
}