/*-----------------------------------------------------------------------
| CSS for Arbitration Forums		|
========================================================================*/
/*
hex color codes used:
99cc99 - bright green
669966 - light green
006633 - green
003300 - dark green
F4F3E9 - light yellow

*/

/*-----------------------------------------------------------------------
| logged in as style 2
========================================================================*/
#user	{
	font-family: verdana;
	font-size: x-small;
	color:#666;
}

/*-----------------------------------------------------------------------
| logged in as style 2
========================================================================*/
div#right {
	float:right;
	text-align:right;
	margin:5;
}

/*-----------------------------------------------------------------------
| page narrative messages (note,info,warn,error)
========================================================================*/
div#message	{
	margin:5px;
	display:block;
	background:#fff left bottom repeat-x url(../../resources/images/message_gradient2.gif);
	border:1px solid #666;
}

div#message	h1	{
	font-family: verdana;
	font-size: 10pt;
	font-weight:bold;
	color:#fff;
	background:#006633 left top repeat-x url(../../resources/images/message_gradient1.gif);
	margin:1;
	padding:2;
	border-bottom:1px solid #666;
  display:block;
}

/* width for gecko*/
div#message	h1	{width:99.4%}

/* width for ie*/
* html div#message h1	{width:100%}

div#message p	{
	font-family: verdana;
	font-size: 9pt;
	margin:1;
	padding:2;
	padding-left:45;
	padding-bottom:26;
	vertical-align:top;
	text-align:left;
	display:block;
}

div#message p a	{color:#000; font-weight:bold;}
div#message p a:hover	{color:#006633; text-decoration:none}

div#message.note p	{color:#333; background: 3px 3px no-repeat url(../../resources/images/message_note.gif);}
div#message.info p	{color:#003366; background: 3px 3px no-repeat url(../../resources/images/message_info.gif);}
div#message.warn p	{color:#666633; background: 3px 3px no-repeat url(../../resources/images/message_warn.gif);}
div#message.error p	{color:#993333; background: 3px 3px no-repeat url(../../resources/images/message_error.gif);}

/*-----------------------------------------------------------------------
| help icon
========================================================================*/
/* help icon placement */
div#message h1 img  {
  border:none;
  float:right;
  cursor: hand;
  margin-top:1px;
  margin-right:8px;
}

/* help icon placement for ie */
* html div#message h1 img {
  margin-top:-13px;
}

/*-----------------------------------------------------------------------
| Program Header 1
========================================================================*/
#programHdr_S, #programHdr_E, #programHdr_P, #programHdr_A,
#programHdr_D, #programHdr_U, #programHdr_I  {
  font-size:13pt;
  font-weight:bold;
  font-family:tahoma;
}
/* special/e-speed */
#programHdr_S, #programHdr_E {color:#006633}

/* property - blue */
#programHdr_P {color:#000066}

/* auto  - red */
#programHdr_A {color:#990000}

/* medpay - orange */
#programHdr_D {color:#CC6600}

/* uninsured motorists - light orange */
#programHdr_U {color:#FF9900}

/* PIP - pink */
#programHdr_I {color:#FF66CC}

/*-----------------------------------------------------------------------
| Program Header 2
========================================================================*/
#programHdr2_S, #programHdr2_E, #programHdr2_P, #programHdr2_A,
#programHdr2_D, #programHdr2_U, #programHdr2_I  {
  font-size:13pt;
  font-weight:bold;
  font-family:tahoma;
  display:block;
  color:#fff;
  line-height:13pt;
  padding:2px;
  text-align:center;
}
/* special/e-speed */
#programHdr2_S, #programHdr_E {background:#006633}

/* property - blue */
#programHdr2_P {background:#000066}

/* auto  - red */
#programHdr2_A {background:#990000}

/* medpay - orange */
#programHdr2_D {background:#CC6600}

/* uninsured motorists - light orange */
#programHdr2_U {background:#FF9900}

/* PIP - pink */
#programHdr2_I {background:#FF66CC}
/*-----------------------------------------------------------------------
| submit message popup style
========================================================================*/
div#popmsgBorder	{
	border:1px solid #66CC00;
	background-color:#003300;
}

div#popmsgMsg	{
	color:#003300;
	background-color:#FFFFFF;
	border:1px solid #66CC00;
	font-family:verdana;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	padding-top:10px;
	padding-left:10px;
}

/*-----------------------------------------------------------------------
|  greenbar effect
========================================================================*/
/*dataViewOdd - for odd data rows       #ECF3EC*/
.dataViewOdd {
	background-color : #E0EBE0;
	font-family: tahoma;
	font-size: 8pt;
	padding-left: 10px;
}

/*dataViewEven - for even data rows     #e8e8e8*/
.dataViewEven {
	background-color : #FFFFFF;
	font-family: tahoma;
	font-size: 8pt;
	padding-left: 10px;
}

span#t8, span.t8	{
	font-family: tahoma;
	font-size: 8pt;
}

#tabLabel, .tabLabel{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	background-color: transparent;
	text-align: right;
	padding-right:8px;
}

#tabData, .tabData{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
	background-color: transparent;
	text-align: left;
}

div#actionMenuWrap	{
	margin-left:2;
}

/*-----------------------------------------------------------------------
|  text formatting
========================================================================*/
.gridLabel {
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: right;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.gridData {
	font-family: Tahoma;
	font-size: 8pt;
	background-color: #EBEBEB;
	color: #000000;
}

.tableHead {
	font-family : verdana;
	font-size : 10pt;
	font-weight : bold;
	background:#006633 left top repeat-x url(../../resources/images/message_gradient1.gif);
	color: #fff;
	text-align : left;
	border: 1px solid #000000;
	padding:2;
	margin:1;
}

/*---- group box for grid style summary display ----------*/
#groupBox, .groupBox	{
	margin-left:2px;
	border:1px solid #003300;
	margin:1;
	padding:1;
	width:99%;
}

#greyGroupBox
{
	width:100%;
	background-color:#eee;
}

html, body {
	color:#000;
	margin:0;
	padding:0;
	background:#fff;
}

/*thinBorderBox - thin black border for training tabs*/
.thinBorderBox {
	background-color	: #FFFFFF;
	border-top			: 1px solid #000000;
	border-right		: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	border-left			: 1px solid #000000;
	text-align			: center;
	font-family			: tahoma;
	font-size			: 9pt;
	font-weight			: bold;
}

a:link, a:visited, a:active {
	color:#006633;
	background:transparent;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	color:#000;
	background:transparent;
	text-decoration:underline;
	font-weight:bold;
}

.whtLink, .whtLink:hover, .whtLink:link, .whtLink:visited, .whtLink:active 	{
	color:#fff;
	text-decoration:none;
}

p {
	font-family:verdana;
	font-size:11px;
	color:#000;
	background:transparent;
	margin:5px;
	padding:0;
}

ul {
	font-family:verdana;
	font-size:11px;
	color:#000; background:transparent;
	margin:0em 0em 0em 0em;
}

li {
	font-family:verdana;
	font-size:11px;
	background:transparent;
	margin:0em 0em 1em .3em;
	list-style-position: outside;
	/*list-style-type: none;/*
	/*list-style-image: url(../../resources/images/somebulletimage.gif);*/
}

/*------ header for page/section,text/line --------*/
h1 {
	font-family : Arial, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	background-color :transparent;
	color: #006633;
	text-align : left;
	margin: 2;
	margin-bottom:15;
	border-bottom: 1px solid #006633;
	width:99%;
}

/*------ header for group title--------*/
h2 {
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	color:#006633;
	width:100%;
	background:transparent;
	margin:4px;
	margin-top:0px;
	margin-bottom:3px;
	text-align: left;
	white-space: nowrap;
}

/*---- div small font, for description under h1*/
#subHead {
	font-family:sans-serif, tahoma;
	font-size:12px;
	font-style:normal;
	color:#000;
	background:transparent;
	margin-left:5px;
	margin-top:1px;
	margin-bottom:10px;
}

#infoText {
	font-family:verdana;
	font-size:10pt;
	font-style:normal;
	color:#000;
	background:transparent;
	margin:20px;
	margin-left:0;
	margin-right:0;
}


#error, .error, table.form td#error	{
	font-family:verdana;
	font-size:8pt;
	font-weight:bold;
	color:red;
}

#success, .success{
	font-family:verdana;
	color: #006633;
	font-weight: bold;
	font-size: 8pt;
}

#warning, .warning{
	font-family:verdana;
	color: #cc6600;
	font-weight: bold;
	font-size: 8pt;
}


/*-----------------------------------------------------------------------
| common
========================================================================*/

/*------apply colored 3d border to following------*/
#topRow, th, .formButton, .inputSubmit, .inputButton, #assocDataBoxHeader, .assocDataBoxHeader	{
	border-top: 1px solid #003300;
	border-left: 1px solid #003300;
	border-right: 1px solid #669966;
	border-bottom: 2px solid #669966;
}

/*------apply gradient background to following ------*/
#topRow, .formButton, .inputSubmit, .inputButton, #assocDataBoxHeader, .assocDataBoxHeader	{
	background: #006633;
	background-image:  url(../../resources/images/af_gradient1.gif);
	background-position: left top;
	background-repeat: repeat-x;
}


/*------apply colored 3d border to following------*/
.subroFormButtonx	{
	border-top: 1px solid #990033;
	border-left: 1px solid #990033;
	border-right: 1px solid #990033;
	border-bottom: 2px solid #990033;
}

/*------apply gradient background to following ------*/
.subroFormButton	{
	font-family: Arial;
    font-size: 8pt;
    border-style: groove;
    color : #990033;
}
.subroFormButtonDisabled	{
	font-family: Arial;
    font-size: 8pt;
    border-style: groove;
    color : grey;
}

/*------apply gradient background to following ------*/
.getNextWorkButton	{
	font-family: Arial;
    font-size: 8pt;
    border-style: groove;
    color : #990033;
    font-weight:bold;
}


/*---- apply hand cursor to the following */
.formButton, .inputSubmit, .inputButton	{
	cursor:hand ;
	voice-family    : "\"}\"";
	voice-family    : inherit;
	cursor          : pointer;
}


/*----- common font attributes that form elements share in all states-----*/
input, textarea, .formSelect, select, td, #infoBox #infoActions  {
	font-family: verdana;
	font-size: 10pt;
	font-weight:normal;
}

/*-----------------------------------------------------------------------
| layout
========================================================================*/

/*---- form box ----------	*/
#formBox, .formBox	{
	background:#fff;
	border:1px solid #999;
	margin:5px;
	padding:5px;
	display:block;
}

/*---- form box ----------	*/
#formBoxTransparent	{
	background: transparent;
	margin:5;
	padding:5;
	display:block;
}

/*---- form box step ----------*/
#formStep	{
	background:#ECF3EC;
	border-bottom:1px solid #99c999;
	border-top:1px solid #99c999;

	margin:5;
	padding:5;
	width:98%;
}

/*---- layout for center content */
#centerContent {
	background-image:  url(../../resources/images/af_body_gradient1.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width:100%;
	height:auto;
	margin:0;
}

/*---- background for print application page building PDF */
#printApplication {
	background-image:  url(../../resources/images/af_contentbox3gray.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width:100%;
	height:auto;
	margin:0;
}

/*---- info box ----------*/
#infoBox	{
	width:98%;
	background:transparent;
	padding:5px;
	padding-top:0px;
	padding-bottom:1px;
	margin-top:0px;
}

/*---- positions div right on info box  (nav/refresh buttons)----------*/
#infoBox #infoActions {
	float:right;
	width:auto;
	background: transparent;
	margin:0;
	padding:2px;
	text-align: center;
	vertical-align: top;
	border:1px solid #006633;
	white-space: nowrap;
}

#assocDataBox, .assocDataBox {
	overflow: auto;
	border: 1px solid #999;
	padding:0px;
	margin: 0px;
	background:#fff left top no-repeat url(../../resources/images/assocDataBox_bg.jpg);
	border-top: 2px solid #999;
	border-left: 2px solid #999;
}

#assocDataBoxHeader, .assocDataBoxHeader {
	font-family: verdana;
	font-size: 10pt;
	font-weight:bold;
	color:#fff;
	padding:2px;
	margin-bottom: 1px;
}

/*---- actions popup menu button  ------------*/
.actionsMenuBox	{
	background:#006633;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight:normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 25px;
	padding-right: 5px;
	border:1px solid #000;
	color: #fff;
	width:100px;
}


/*---- message box ----------*/
#messageBox	{
	background:#fff;
	border:1px solid #999;
	margin:5;
	padding:10;
	padding-top: 3;
	padding-bottom: 3;
	width:95%;
}



/*-----------------------------------------------------------------------
| tabs
========================================================================*/

/*common attributes that tabs share in all states*/
.tabSelected, .tabDeselected, .tabSelected:hover, .tabDeselected:hover	{
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
	cursor: hand;
	voice-family    : "\"}\"";
	voice-family    : inherit;
	cursor          : pointer;
}

/*tab in up state*/
.tabSelected	{
	color: #333;
	border-top: 2px solid #006633;
	border-left:1px solid #999;
	border-bottom: 0px solid #333;
	border-right:1px solid #666;
	padding-left : 14px;
	background:#eee;
	background-image: url(../../resources/images/af_tabarrow.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
}

/*tab in down state - light grey gradient bg image*/
.tabDeselected	{
	color: #000;
	border-bottom: 1px solid #666;
	border-left : 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	padding-left : 5px;
	margin:4px;
	background:#999;
	background-image: url(../../resources/images/af_gradient3.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

/*disabled tabpage */
.tabDisabled {
	color: #999;
	border-bottom: 1px solid #666;
	border-left : 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	padding-left : 5px;
	margin:4px;
	background:#999;
	background-image: url(../../resources/images/af_gradient3.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

/*tab in up/down state hover */
.tabSelected:hover{
	font-weight:bold;
	color: #333;
	border: 1px solid #666;
	border-bottom: 0px solid #333;
	border-top: 2px solid #9CBFE4;
}

.tabDeselected:hover{
	color: #000;
	border: 1px solid #666;
	border-bottom: 0px solid #333;
	border-top: 2px solid #9CBFE4;
}

/*tabPage - light grey bevel background*/
.tabPage
{
	background: #eee;
	border-right : 1px solid #999;
	border-left : 1px solid #999;
	border-bottom: 1px solid #999;
}

/*modalPage - light grey bevel background*/
.modalPage
{
	background: #eee;
    border-top: 2px solid #006633;
    border-right : 1px solid #999;
	border-left : 1px solid #999;
	border-bottom: 1px solid #999;
}

.modalTitle,
.modalTitleLg
{
    font-size: 10pt;
	font-weight: normal;
	font-family: Tahoma, sans-serif;
    font-weight: bold;
    padding-left: 3px;
    padding-bottom: 10px;
}

.modalTitleLg
{
	font-size: 12pt;
	padding: 0px;
}

p.modalText
{
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;
    text-align: left;
    padding-top: 5px;
}


/*tabRemainder - used to make tab border complete*/
.tabRemainder
{
	border-bottom: 1px solid #666;
}

/*tabpageLabel - tab page label*/
.tabpageLabel	{
	background-color: transparent;
	font-family : Tahoma, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	text-align : right;
	color : Black;
	padding-right:8px;
}

/*tabpageElement - tab page element*/
.tabpageElement
{
	background-color: #E5E5E5;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 8pt;
	color : Black;
}

/*-----------------------------------------------------------------------
| header / footer
========================================================================*/

#headerWrapper	{
	background: #000;
	background-image: url(../../resources/images/af_header_sm_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin:0;
}

#loggedInAs	{
	background: transparent;
	vertical-align:top;
	text-align: right;
	font-size: 10px;
	font-family: arial;
	color: #99cc99;
	font-weight: normal;
	position:absolute;
	left:62%;
	width:38%;
	top:0;
	height:10;
	z-index:1;
	white-space:nowrap;
}

#footerWrapper	{
	background: #000;
	margin:0;
}

.footerTxt{
	font-size: 7pt;
	font-family: verdana;
	color: #fff;
	font-weight: bold;
}


/*-----------------------------------------------------------------------
| tooltip
========================================================================*/

.toolTip {
	position: absolute;
	visibility: hidden;
	background-color: #FFFFCC;
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	color:#0A246A;
	filter: alpha(opacity=91);
	-moz-opacity: 91%;
	width: auto;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	border:1px solid #0A246A;
	z-index:1;
}

.toolTipLink, .toolTipLink:hover, .toolTipLink:link,
.toolTipLink:visited, .toolTipLink:active	{
	text-decoration:none;
	cursor:default;
}

/*-----------------------------------------------------------------------
| form/table elements
========================================================================*/


/*----- generic table attributes -----*/
table	{empty-cells:show; }

/*----- align field label right -----*/
td	{padding:2px;	}


/*----- form table attributes -----*/
table.form	{
	padding:1;
}

/*----- align field label right -----*/
table.form td#label, .label	{
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	color:  #000;
}

/*----- align field label left -----*/
table.form td#label2	{
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color:  #000;
}

/*----- align field data left -----*/
table.form td#data	{
	vertical-align: top;
	text-align: left;
	color:  #000;
}

/*----- align field data left -----*/
table.form td#error	{
	vertical-align: top;
	text-align: left;
}


/*----- form table attributes -----*/
table.listing td	{
	padding:1;
}

/*----- align field label right -----*/
table.listing td#listingRow	{
	vertical-align: top;
	text-align: left;
	color:  #000;
	background:#fff;
	border-bottom:1px solid #669966;
	border-top:1px solid #99cc99;
}


/*---- form button appearance ------------*/
.formButton, .inputSubmit, .inputButton
	{
	font-family: sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
}


/*-----  textarea and input appearance -----*/
.inputText, textarea	{
	background-color:#fff;
	outline:none;
}


/*----- common select appearance -----*/
.formSelect {
	background-color: #fff;
}


.inputCheckbox	{}

.inputRadio	{}



/*----- common fieldset appearance -----*/
fieldset	{
	display:block;
	margin:10;
}

/*----- title of fieldset -----*/
legend	{
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	color:  #006633;
	white-space:normal;
	padding: 1px 1px;
}

/*-----------------------------------------------------------------------
| spreadsheet-style table
========================================================================*/

.wksheetHeader, .wksheetLabel {
    background      : #ccc;
    color           : black;
	font-family		: tahoma;
	font-size       : 8pt;
    font-weight     : bold;
    text-align      : center;
}

.wksheetLabel {
    text-align      : right;
}

.smallText {
    font-size       : 7pt;
    font-weight		: normal;
}

span.docImageLink {
    font-size       : 9pt;
    color           : #006633;
	background      : transparent;
	cursor          : hand ;
	voice-family    : "\"}\"";
	voice-family    : inherit;
	cursor          : pointer;
}

span.smallLink {
    font-size       : 8pt;
    color           : #006633;
	background      : transparent;
	cursor          : hand ;
	voice-family    : "\"}\"";
	voice-family    : inherit;
	cursor          : pointer;
}

/* this class def is probably not referenced anywhere */
span.demandImageLink{
    font-size       : 8pt;
    color           : #006633;
	background      : transparent;
	cursor          : hand ;
	voice-family    : "\"}\"";
	voice-family    : inherit;
	cursor          : pointer;
    height          : 25px;
    width           : 25px;
    text-align      : center;
    display         : table-cell;
    vertical-align  : top;
}

div.demandImageLink
{
    font-size       : 8pt;
    color           : #006633;
	background      : transparent;
	cursor          : hand ;
	cursor          : pointer;
    height          : 25px;
    width           : 25px;
 	float			: right;
}

div.demandImageLink img
{
	margin: 4px 0px 0px 4px;
}


/*-----------------------------------------------------------------------
| display tag lib
========================================================================*/
.ltgrn	{
	background:#ECF3EC;
}

img{
	border:none;
}
hr {
	height: 1px;
	color: #000;
	clear:both;
}

dt {
	font-weight: bold;
}

.clear {
	clear: both;
}

table.listing {
	border: 1px solid #666;
	width: 95%;
	margin: 10px 0 10px 0;
}

table.listing th, table.listing td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
	font-size : 8pt;
}

table.listing th	{
	background-color: #006633;
	font-family : verdana;
	font-size : 8pt;
	text-align : left;
	color:white;
}

table.listing tr th	{
	background:#006633 left top repeat-x url(../../resources/images/message_gradient1.gif);
}

table.listing thead tr {
	padding:3;
}

table.listing th.sorted {
	background-color: #669966;
	color:white;
}

table.listing th a, table.listing th:link, table.listing th:active, table.listing th a:visited {
	color: white;
}

table.listing th a:hover {
	text-decoration: underline;
	color: white;
}

table.listing th.sorted a, table.listing th.sortable a {
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	color:white;
}
table.listing th.sortable a {
	background-image: url(../images/arrow_off.gif);
}
table.listing th.order1 a {
	background-image: url(../images/arrow_up.gif);
}
table.listing th.order2 a {
	background-image: url(../images/arrow_down.gif);
}

table.listing tr.odd, tr.odd  {
  background-color: #fff;
}

table.listing tr.tableRowEven, tr.even {
  background-color: #F4F3E9;
}

ul#showsource {
	float: right;
	background-color: transparent;
	padding: 2px 4px 2px 4px;
	margin: 5px;
	width:100%;
	list-style-type: none;
}

table.listing td.tableColNull {
	background-color: #eee;
	color: #666;
}

table.listing td.tableColCenter {
	background-color: #eee;
	color: #666;
	text-align : center;
}

table.listing td.tableColRight{
	background-color: #eee;
	color: #666;
	text-align : right;
}

table.listing table.sublist {
	margin: 0 0 0 0;
	width: 100%;
}
table.listing table.sublist td, table.sublist th {
	width: 50%;
}

div.exportlinks {
	font-family:verdana;
	font-size:8pt;
	padding: 2px 4px 2px 4px;
	margin: 0px 0 10px 0;
	width: 100%;
	background:#ECF3EC;
	border-bottom:1px solid #99c999;
	border-top:1px solid #99c999;
}

span.export {
	padding: 0 4px 1px 4px;
	display:inline; display:inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(../images/ico_file_excel.png);
	background-repeat:no-repeat;
}
span.csv {
	background-image: url(../images/ico_file_csv.png);
	background-repeat:no-repeat;
}
span.xml {
	background-image: url(../images/ico_file_xml.png);
	background-repeat:no-repeat;
}

span.pagebanner {
	padding: 2px 4px 2px 4px;
	font-family:verdana;
	font-size:8pt;
	display:block;
	background:#ECF3EC;
	border-bottom:1px solid #99c999;
	border-top:1px solid #99c999;
}

div.pagebanner {
	padding: 2px 4px 2px 4px;
	font-family:verdana;
	font-size:8pt;
	background:#ECF3EC;
	border-bottom:1px solid #99c999;
	border-top:1px solid #99c999;
}

span.pagelinks {
	padding: 2px 4px 2px 4px;
	font-family:verdana;
	font-size:8pt;
	display:block;
	margin:5;
}

/*-----------------------------------------------------------------------
| display tag lib - sublisting
========================================================================*/

table.sublisting td	{
	padding:1px;
}

/*----- align field label right -----*/
table.sublisting td#listingRow	{
	vertical-align: top;
	text-align: left;
	color:  #000;
	background:#fff;
	border: 0px;
}

table.sublisting {
	border: 0px;
	width: 100%;
	margin: 0px 0 0px 0;
}

table.sublisting th, table.sublisting td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
	font-size : 8pt;
}

table.sublisting th	{
	background-color: #99bb99;
	font-family : verdana;
	font-size : 7pt;
	text-align : left;
	color: black;
}

table.sublisting tr th	{
	border: 0px;
}

table.sublisting thead tr {
	padding:0px;
	border: 0px;
}

table.sublisting th.sorted {
	background-color: #eeeeee;
	color:black;
}

table.sublisting th a, table.sublisting th:link, table.sublisting th:active, table.sublisting th a:visited {
	color: black;
}

table.sublisting th a:hover {
	text-decoration: underline;
	color: black;
}

table.sublisting th.sorted a, table.sublisting th.sortable a {
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	color:black;
}
table.sublisting th.sortable a {
	background-image: url(../images/arrow_off.gif);
}
table.sublisting th.order1 a {
	background-image: url(../images/arrow_up_blk.gif);
}
table.sublisting th.order2 a {
	background-image: url(../images/arrow_down_blk.gif);
}

table.sublisting tr.odd {
  background-color: #fff;
}

table.sublisting tr.tableRowEven, tr.even {
  background-color: #F4F3E9;
}

table.sublisting td.tableColNull {
	background-color: #eee;
	color: #666;
}

table.sublisting td.tableColCenter {
	background-color: #eee;
	color: #666;
	text-align : center;
}

table.sublisting td.tableColRight{
	background-color: #eee;
	color: #666;
	text-align : right;
}

/*-----------------------------------------------------------------------
| display tag lib - subro
========================================================================*/

table.subroListing
{
	border				: 0px solid #666;
	width				: 100%;
	margin				: 10px 0 10px 0 !important;
	border				: 1px solid #cccccc;
}
table.subroListing th, table.subroListing td
{
	padding				: 2px 4px 2px 4px !important;
	text-align			: left;
	vertical-align		: top;
    font-family			: arial;
	font-size			: 8pt;
	font-weight			: normal;
	border				: 0px;
}
table.subroListing th
{
	border				: 1px solid #cccccc;
	border-top			: 0px;
}
table.subroListing thead tr
{
	background-color	: #e8e8e8;
}
table.subroListing th.sorted
{
	background-color	: #cccccc;
}
table.subroListing th a, table.subroListing th:link, table.subroListing th:active, table.subroListing th a:visited
{
	color				: black;
}
table.subroListing th a:hover
{
	text-decoration		: underline;
	color				: black;
}
table.subroListing th.sorted a, table.subroListing th.sortable a
{
	background-position	: right center;
	background-repeat	: no-repeat;
	display				: block;
	width				: 100%;
}
table.subroListing th.sortable a
{
	background-image	: url(../images/arrow_off.png);
}
table.subroListing th.order1 a
{
	background-image	: url(../images/arrow_up_blk.gif);
}
table.subroListing th.order2 a
{
	background-image	: url(../images/arrow_down_blk.gif);
}
table.subroListing tr.odd
{
  background-color		: #fff;
}
table.subroListing tr.tableRowEven, tr.even
{
  background-color		: #F4F3E9;
}
table.subroListing td.tableColNull
{
	background-color	: #eee;
	color				: #666;
}
table.subroListing td.tableColCenter
{
	background-color	: #eee;
	color				: #666;
	text-align			: center;
}
table.subroListing td.tableColRight
{
	background-color	: #eee;
	color				: #666;
	text-align			: right;
}

table.demandListing
{
	border				: 1px solid #666;
	width				: 100%;
	margin				: 10px 0 10px 0;
	padding				: 2px 2px 2px 2px;
	text-align			: left;
	vertical-align		: top;
	font-size			: 8pt;
}

/*-----------------------------------------------------------------------
| calendar
========================================================================*/

/* the main calendar div */
div#calendar	{
	z-index:+999;
	position:absolute;
	visibility:hidden;
	background:#F4F6E6;
	border:1px solid #000;
	font-family:arial;
	font-size:10px;
}

/* the table inside the div */
table#main	{
	font-family:arial;
	font-size:10px;
	background:left top repeat-x url(../../resources/images/calendar/bg.gif);
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #F5F2B6;
	border-right:1px solid #F5F2B6;
}

/* the header(month/year background) */
table#main tr#head	{
	background:left top repeat-x url(../../resources/images/calendar/head.gif);
	height:30px;
	vertical-align:top;
}

/* the font for the month/year */
table#main tr#head td span#caption	{
	padding:2px;
	padding-right:0px;
	padding-left:0px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}
/* Today is... footer */
table#main tr td#todayIs {
	border-top:1px solid #006633;
	background:left top repeat-x url(../../resources/images/calendar/foot.gif);
	padding:5px;
	text-align:center;
}
table#main tr td#todayIs, table#main tr td#todayIs a	{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
}

/* head function backgrounds*/
span#spanLeft, span#spanRight, span#spanMonth, span#spanYear, span#spanClose	{
	border-top:1px solid #006633;
	border-left:1px solid #006633;
	border-right:1px solid #99cc99;
	border-bottom:1px solid #99cc99;
	background: #669966 left top repeat-x url(../../resources/images/calendar/span_bg.gif);
	cursor:pointer;
	height:22px;
	padding-top:1px;
}

span#spanClose	{
	padding:0px;
}

/* head function backgrounds hover*/
span#spanLeft:hover, span#spanRight:hover, span#spanMonth:hover, span#spanYear:hover, span#spanClose:hover	{
	background: #99cc99 left top repeat-x url(../../resources/images/calendar/span_bg2.gif);
}

/* month/year dropdown over*/
.mOver, .yOver	{
	background:#F5F2B6;
	cursor:pointer;
}

/* month/year dropdown out*/
.mOut, .yOut	{
	background:transparent;
}

/* month/year dropdowns*/
div#selectMonth, div#selectYear	{
	z-index:+999;
	position:absolute;
	visibility:hidden;
	background:#FDFCE9;
	border:1px solid #666;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}

div#selectMonth table	{
	padding:3px;
}

div#selectYear table	{
	text-align:center;
	width:43;
	padding:3px;
}
div#selectMonth table tr td, div#selectYear table tr td	{
	font-family:arial;
	font-size:10px;
}

/* calendar day font*/
table#day tr td, table#day tr td a	{
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
}

/*-----------------------------------------------------------------------
| ajaxtags - autocomplete
========================================================================*/

.autocomplete {
	position: absolute;
	color: #333;
	background-color: #fff;
	border: 1px solid #666;
	font-family: Arial,sans-serif;
	overflow: hidden;
}

.autocomplete ul {
	padding: 0;
	margin: 0;
	list-style: none;
    overflow: auto;
}

.autocomplete li {
	display: block;
	white-space: nowrap;
	cursor: pointer;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #fff;
}

.autocomplete li.selected {
	background-color: #cef;
	border-top: 1px solid #9bc;
	border-bottom: 1px solid #9bc;
}

/*---------- Demand Summary Header ------------------*/

.headerEmptyRow {
    background-color: black;
	border-bottom:1px solid white;
}
table.summaryHeaderTable
{
    background-color : black;
    border : 1px solid black;
}

.summaryHeaderLabel {
	font-weight : bold;
	font-size: 11px;
    font-family:arial;
	text-align : right;
	
}

.summaryHeaderText {
    font-family:arial;
	font-size: 10px;
	color: black;
	text-align : left;
}

.summaryHeaderTextBold {
    font-family:arial;
	font-size: 11px;
	font-weight: bold;
	color: blue;
	text-align : left;
}

td.summaryAlertLabel {
    font-family:arial;
	font-size: 12px;
	font-weight:bold;
	color: red;
	background-image: url(../../resources/images/af_gradient3.gif);
}
td.summaryAlertText {
    font-family:arial;
	font-size: 11px;
	color: black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
    background-color : white;
}
.alertLink {
    font-family:arial;
	font-size: 10px;
	color: red;

}
td.summaryAlertLink {
	color: red;
    font-family:arial;
	font-size: 10px;
    background-color : white;
	text-align : left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.summaryActionText
{
    color: black;
    font-family:arial;
	font-size: 10px;
    background-color : white;
	text-align : right;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.headerEmptyRow {
    background-color: black;
	border-bottom:1px solid white;
}

.summaryHeaderFrame
{
    padding :0;
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;
    background-color: white;
}

.summaryAlertFrame
{
    padding :0;
    background-color: black;
}

.summaryContentTable
{
   border : 10px solid white;
}

.summaryHeader	{
	color: #000;
	border-bottom: 1px solid #666;
	border-left : 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	padding-left : 5px;
	margin:4px;
	background:#999;
	background-image: url(../../resources/images/af_gradient3.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
.summaryBg
{
 	background-image: url(../../resources/images/summary_bg_gray_shading.JPG);
	background-position: left top;
	background-repeat: repeat-x;
}

.negCommentContainer
{
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;
}
.negotiationHeader
{
    font-family:arial;
    color: black;
    background-color : white;
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;
}
.negEntryPane, .negEntryPaneR
{
	font-family			: Arial;
	font-size			: 12pt;
	font-weight			: bold;
	color				: black;
	background-color	: #CFCEC4;
    border				: 0px;
    border-bottom		: 1px solid #999999;
    padding				: 1px 1px 1px 1px;
}
.negEntryPaneR
{
	background-color	: #C2C2C2;
}
.negEntryText
{
	font-family				: Arial;
	font-size				: 8pt;
    color					: black;
	text-align				: left;
}
#subroInfoText {
	font-family:verdana;
	font-size:10pt;
	font-style:normal;
	color:#000;
	background:transparent;
	margin:5px;
	margin-left:0;
	margin-right:0;
}

.titleBar {
    font-family:arial;
	font-size: 8px;
}

.ContentBox2 {
	width: 185px;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

.negStepPaneSummaryInfo {
 	font-family : Arial;
	font-size : 7pt;
	color: navy;
	text-align : right;
}

.negStepPaneSummaryInfoData {
 	font-family : Arial;
	font-size : 8pt;
	color: black;
	text-align : right;
}

.negStepPaneSummaryInfoLabel {
 	font-family : Arial;
	font-size : 8pt;
	color: navy;
	text-align : right;
}

.negEntryHeader
{
	font-family			: Arial;
	font-size			: 8pt;
	background-color	: #e8e8e8;
	color				: black;
	text-align			: left;
	border-bottom		: 1px solid #999999;
	padding				: 1px 1px 1px 1px;
}
.negEntryHeaderText
{
	font-family : Arial;
	font-size : 7.5pt;
	color: black;
	text-align : left;
    font-weight : bold;
}
.negotiationLabel
{
	font-weight : bold;
    font-family:arial;
	font-size: 10px;
    width:60%;
	text-align : left;
}
.negotiationDataRed
{
	font-weight : bold;
    font-family:arial;
	font-size: 11px;
    width:60%;
	text-align : right;
    color : red;
}

.negotiationLabel2 {
	font-weight : bold;
    font-family:arial;
	font-size: 10px;
    width:60%;
	text-align : center;
}
.negotiationData {
    font-family:arial;
	font-size: 11px;
    width:40%;
	text-align : right;

}

.negotiationDataLeft {
    font-family:arial;
	font-size: 10px;
    width:40%;
	text-align : left;
	font-weight : bold;
}
.negotiationTotalOverridden
{
    color : navy;
    font-family:arial;
	font-size: 11px;
    width:40%;
	text-align : right;
	font-weight : bold;
}

.ataChanged {
    color : navy;
	font-weight : bold;
    font-family:arial;
	font-size: 11px;
    width:40%;
	text-align : right;
}

.negotiationLabelChanged {
    color : navy;
    font-family:arial;
	font-weight : bold;
    font-size: 11px;
    width:40%;
	text-align : left;
}

.negotiationCommentData {
    font-family:arial;
	font-size: 10px;
    width:85%;
	text-align : left;

}
.negotiationCommentLabel {
	font-weight : bold;
    font-family:arial;
	font-size: 10px;
    width:15%;
	text-align : left;

}



#negotiationFormContainer
{
	margin				: 8px 2px 2px 2px;
}
.negotiationContainer
{
    padding				: 0px;
    border				: 1px solid #999999;
}
.negRow
{
	background			: #F4F3E9;
	border				: 1px solid #999999;
	margin				: 0px 0px 0px 0px;
	padding				: 0px;
	display				: block;
}
.negCell
{
	margin				: 0px;
	padding				: 6px 6px 6px 6px;
	width				: 25%;
}



.equation
{
	text-align : right;
    font-family:arial;
	font-size: 12px;
	font-weight:bold;
    color : black;
}

.overrideMessage
{
 	border-top: 1px solid navy;
	border-right: 1px solid navy;
	border-bottom: 1px solid navy;
	border-left: 1px solid navy;
	text-align : center;
    font-family:arial;
	font-size: 11px;
    color : black;
    background-color : #FFE1ED;
}

.equation2
{
 	border-top: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	text-align : right;
    font-family:arial;
	font-size: 11px;
	font-weight:bold;
    color : black;
}


table.searchHeaderTable
{
    background-color : white;
    border : 1px solid black;
}

td.searchHeaderLabel {
    font-family:arial;
	font-size: 10px;
	font-weight:bold;
	color: black;
	text-align : right;
    background-color : white;
}
td.searchHeaderText {
    font-family:arial;
	font-size: 10px;
	color: black;
	text-align : left;
    background-color : white;
}

td.searchAlertLabel {
    font-family:arial;
	font-size: 11px;
	font-weight:bold;
	color: black;
	background-image: url(../../resources/images/af_gradient3.gif);
}
td.searchAlertText {
    font-family:arial;
	font-size: 10px;
	color: black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
    background-color : white;
}
.alertLink {
    font-family:arial;
	font-size: 10px;
	color: red;

}
td.searchAlertLink {
	color: red;
    font-family:arial;
	font-size: 10px;
    background-color : white;
	text-align : left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.searchActionText
{
    color: black;
    font-family:arial;
	font-size: 10px;
    background-color : white;
	text-align : right;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.searchHeaderFrame
{
    padding :0;
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;
    background-color: white;
}

.searchAlertFrame
{
    padding :0;
    background-color: black;
}

.searchContentTable
{
   border : 10px solid white;
}

.searchHeader	{
	color: #000;
	border-bottom: 1px solid #666;
	border-left : 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	padding-left : 5px;
	margin:4px;
	background:#999;
	background-image: url(../../resources/images/af_gradient3.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
.detailContainer
{
    background-color : white;
    border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.detailLabel {
	font-weight : bold;
    font-family:arial;
	font-size: 11px;
    width:17%;
	text-align : left;
}

.errorLabel {
    color: #f00;
    font-weight : bold;
    font-family:arial;
	font-size: 11px;
    width:17%;
	text-align : left;
}

.sameAsInsured
{
    font-family:arial;
	font-size: 11px;
	text-align : left;
}
.detailMainLabel {
	font-weight : bold;
    font-family:arial;
    color : black;
    font-size: 12px;
    width:20%;
	text-align : center;
    border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
    background-color : #FFFFCC;
}
.detailData {
    font-family:arial;
	font-size: 11px;
    width:33%;
	text-align : left;

}
.demandDetailHeader {
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
	background-image: url(../../resources/images/af-light-gray-gradiant.jpg);
	background-position: left top;
	background-repeat: repeat-x;
    background-color : white;
    color: maroon;
	text-align : left;
	border: 1px solid #000000;
	padding: 4px 4px 4px 5px;
}

.demandDetailHeader2 {
	font-family : Arial;
	font-size : 8pt;
	background-image: url(../../resources/images/af-light-gray-gradiant.jpg);
	background-position: left top;
	background-repeat: repeat-x;
    background-color : white;
    color: maroon;
	text-align : left;
	border: 1px solid #000000;
	padding: 4px 4px 4px 5px;
}
.demandDetailHeaderNoPadding
{
	font-family				: Arial;
	font-size				: 8pt;
    background-color		: #CFCEC4;
    color					: black;
	text-align				: left;
	border					: 1px solid #999999;
	padding					: 0px 2px 0px 0px;
}
.demandDetailHeaderTextOnly
{
	font-family				: Arial;
	font-size				: 8pt;
    color					: black;
	text-align				: left;
}
.demandDetailHeader
{
	font-family				: arial;
    background-color		: white;
    border					: 1px solid black;
}
.demandListLinks
{
	text-align				: left;
    font-size				: 10px;
}
.negotiationOverridden
{
    background-color		: #FBE2EA;
}

.headerBarLink
{
    font-family:arial;
    color: white;
    font-size : 8pt;
}
.headerBarLink a:hover
{ color:yellow; text-decoration:underline;
}

.headerBarLink a
{
    color:white; text-decoration:none;
}

.headerBarText
{
    font-family:arial;
    color: white;
    font-size : 8pt;
}

#attachmentFormContainer, #documentGroupContainer
{
	margin				: 5px 2px 2px 2px;
	xxbackground-color		: red;
}
.attachmentForm
{
}

span.evidenceOriginatedOtherParty
{
    color:blue;
    font-size: 11px;
    font-family: arial;

}

.mainAttachmentContainer, .documentSection
{
	color				: black;
    background-color	: #F4F3E9;
    border				: 1px solid #999999;
	margin-top			: 3px;
}
.documentSection
{
	width				: 100%;
}

.attachementType
{
    font-family:arial;
    color: maroon;
    font-size : 8pt;
}

#attachmentTypeContainer
{
   font-family:arial;
    color: black;
    xxbackground-color : red;
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;

}
.attachmentTypeLabel
{
    font-family			: arial;
    color				: black;
    font-size			: 8pt;
}
.attachmentLabel
{
    font-family			: arial;
    color				: black;
    font-size			: 10pt;
}
.attachmentRadioLabel
{
    font-family			: arial;
    color				: navy;
    font-size			: 8pt;
}
.attachmentRemovalLink
{
    font-family:arial;
    color: maroon;
    font-size : 8pt;
}
.subroLink
{
    font-family:arial;
    color: maroon;
    font-size : 8pt;

}
.subroLegend
{
    font-family:arial;
    color: black;
    font-size : 10pt;
	font-weight : normal;
}

.newAttachment
{
    background-color	: #ffffff;
	border				: 1px solid #999999;
	margin				: 5px;
	padding				: 5px;
	display				: block;
	font-family			: arial;
    color				: black;
}



.inactiveEvidence
{
	color				: grey;
}


/*----------
.sortable
{
	font-family			: Arial;
	font-size			: 8pt;
	font-weight			: bold;
    background			: #eee left top repeat-x url(../../resources/images/af-light-gray-gradiant.jpg);
	text-align			: left;
	border				: 1px solid #000000;
	padding				: 2px 2px 2px 2px;
}
----------*/

.messageForm
{
   font-family:arial;
    color: black;
    background-color : white;
    border-left : 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom : 1px solid black;

}

.attachementType
{
    font-family:arial;
    color: maroon;
    font-size : 8pt;
}

#messageTypeContainer
{
    background-color	: #F4F3E9;
	border				: 1px solid #999999;
	margin				: 8px 2px 2px 2px;
	padding				: 5px;
	display				: block;
	font-family			: arial;
    color				: black;
}

.messageTypeLabel
{
    font-family:arial;
    color: maroon;
    font-size : 8pt;

}
.messageLabel
{
    font-family:arial;
    color: black;
    font-size : 10pt;
}

.caption
{
    color: black;
    font-family:arial;
	font-size: 10px;
    background-color : white;
	text-align : right;
}


.demandDetailAutoComplete {
	position: absolute;
	color: #333;
	background-color: #eeeeff;
	border: 1px solid #666;
	visibility: hidden;
	font-family: Arial;
	overflow: hidden;
}

.legend {
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
}

.inputField {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: arial;
	BACKGROUND-COLOR: #eeeeff
}

.requiredField {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: arial;
	BACKGROUND-COLOR: #eeeeff
}

.requestedField {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: arial;
	BACKGROUND-COLOR: #eeeeff
}

.changedInputField, .changedInputFieldRed {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: Verdana, Geneva, ms sans serif;
    text-align : right;
    BACKGROUND-COLOR: #FFFFCC
}

.changedInputFieldRed {
	COLOR: RED;
}

.overrideMessage {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: arial;
    text-align : center;
    BACKGROUND-COLOR: #FFFFCC
}

.overrideMessage {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: Verdana, Geneva, ms sans serif;
    text-align : center;
    BACKGROUND-COLOR: #FFFFCC
}

.inputFieldNumeric {
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: Verdana, Geneva, ms sans serif;
	BACKGROUND-COLOR: #eeeeff;
	text-align : right;
}

.inputFieldNumericRed
{   COLOR : red;
    BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-TOP: #555555 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #555555 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;
	FONT-FAMILY: Verdana, Geneva, ms sans serif;
	BACKGROUND-COLOR: #eeeeff;
	text-align : right;
}

.subroListing {
    FONT-SIZE: 10px;
    FONT-FAMILY: arial;
}

.mainHeader	{
	text-align: right;
	font-size: 10px;
	font-family: arial;
	color: #99cc99;
	font-weight: normal;
}

td.fieldHeight {
	   height     : 22px;
    }

.subroLoginId {

    font-size: 8px;
	font-family: arial;
	color: white;

}

/*-----------------------------------------------------------------------
| subro search / filter
========================================================================*/

table.subroFilterBox, .subroFilterControl, .subroFilterLabel, .subroFilterButton {
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    text-align: left;
}

.subroFilterLabel {
    font-weight: bold;
}

.subroFilterControl {
    vertical-align: top;
}

.subroFilterButton {
    width: 35px;
    text-align: center;
}

.subroLabelLeft {
	font-weight : bold;
    font-family:arial;
	font-size: 11px;
	text-align : left;

}

.subroLabelRight {
	font-weight : bold;
    font-family:arial;
	font-size: 11px;
	text-align : right;

}

.subroDataRight {
    font-family:arial;
	font-size: 10px;
	text-align : right;

}

.subroDataLeft {
    font-family:arial;
	font-size: 10px;
	text-align : left;

}

.subroTitle {
    font-family:arial;
	font-size: 14px;
	text-align : center;
}

.genericLabel
{
    font-weight : bold;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    text-align : left;
}
.genericData
{
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    text-align : left;
}

/** heading for old style green headings **/
/** we need this to accommodate the old style on included JSP in docket details **/
.heading {
	background: #006633 left top repeat-x url(../../resources/images/message_gradient1.gif);
	overflow:hidden;
	margin:0px 0 0;
}
.heading div {
	background:url(../../resources/images/message_gradient1.gif) no-repeat 100% 0;
	border-width: 1px;
	border-color: black;
}
.heading h2 {
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 10px;
	background: url(../../resources/images/message_gradient1.gif) no-repeat;
}
/** end heading **/



a.iconLink:link, a.iconLink:visited {
    font-family			: Arial, Verdana, sans-serif;
    font-size			: 8pt;
    text-decoration		: none;
    font-weight			: normal;
    color				: black;
    cursor				: pointer;
    padding				: 5px 8px 6px 7px; /* Links */
}
a.iconLink:hover {
    text-decoration		: underline;
}
a.iconLink:active {
    text-decoration		: none;
}
a.iconLink img {
    margin				: 0 3px -3px -5px !important;
    border				: none;
    width				: 16px;
    height				: 16px;
}


/*-----------------------------------------------------------------------
| ADEP - add demand entry point styles for lightbox
========================================================================*/
.demandDetailPage
{
	background-image:  url(../../resources/images/af_body_gradient1.gif);
	background-position: left top;
	background-repeat: repeat-x;
	width:100%;
	margin:0;
}

div.lightboxModalStyle2 .addDemand .titlebar
{
	background: url(../../resources/images/af_gradient3.gif) #999 repeat-x left top;
	padding:4px;
}

div.lightboxModalStyle2 .addDemand .addDemandContent
{
	/*padding: 1em 2em 1em 2em; */
	padding:0px 0px 10px 0px;
	width:100%;
}

div.lightboxModalStyle2 .addDemand .lossStateAndClaim 
{
	margin:10px 0px 0px 0px;
	height:140px;
	visibility: hidden
}
div.lightboxModalStyle2 .addDemand .note 
{
	color:#666666; 
	font-size:11px; 
	line-height: .88em;
}
div.lightboxModalStyle2 .addDemand .reqimg 
{
	vertical-align:middle; 
	padding:5px 3px 3px 0px;
	margin-right:5px;
}
div.lightboxModalStyle2 .addDemand .notearea 
{
	width:310px;
	float:left;
	margin-left:5px;
}
div.lightboxModalStyle2 .addDemand .formItemRow 
{
	height:30px;
	margin-top:10px;
	overflow: auto
}
div.lightboxModalStyle2 .addDemand .stateList 
{
	font-size: 12px; 
	margin-left:205px; 
	margin-right:0px; 
	margin-bottom: 0px; 
	font-weight: bold;
}

div.lightboxModalStyle2 .addDemand .relatedsGrid
{
	margin: 15px 0px 0px;
}

div.lightboxModalStyle2 .addDemand .relatedsGrid .matchingDate
{
	white-space: nowrap;
}

div.lightboxModalStyle2 .addDemand .relatedsGrid .icon
{
	padding: 4px;
}

div.lightboxModalStyle2 .selResponderCompConfirm .titlebar
{
	background: url(../../resources/images/af_gradient3.gif) #999 repeat-x left top;
	padding:4px;
}


/*** displaytag style: docket details ***/

table.listing2 {
	border				: 1px solid #000;
	width				: 100%;
	margin				: 10px 0 10px 0;
	font-family			: tahoma;
}
table.listing2 caption {
	margin-bottom		: 5px;
	padding-left		: 2px;
	font-size			: 9pt;
	font-weight			: bold;
	text-align			: left;
}
table.listing2 th, table.listing2 td {
	padding				: 2px 2px 4px 2px;
	text-align			: left;
	vertical-align		: middle;
	font-size			: 9pt;
}
table.listing2 td {
	padding				: 3px 4px 5px 4px;
	xtext-align			: left;
	xvertical-align		: middle;
	font-family			: tahoma;
	font-size			: 8pt;
}
table.listing2 th {
	border				: 1px solid #999;
	background-color	: #cccccc;
	xfont-family 		: ariel;
	xfont-size 			: 8pt;
	xtext-align 			: left;
	color				: #000000;
}
table.listing2 tr th {
	xbackground			: #006633 left top repeat-x url(../../resources/images/message_gradient1.gif);
}
table.listing2 thead tr {
	padding				: 5px;
}
table.listing2 th.sorted {
	background-color	: #444;
	color				: black;
}
table.listing2 th a, 
table.listing2 th:link, 
table.listing2 th:active, 
table.listing2 th a:visited {
	color				: black;
}
table.listing2 th a:hover {
	text-decoration		: underline;
	color				: black;
}
table.listing2 th.sorted a, 
table.listing2 th.sortable a {
	background-position	: right center;
	background-repeat	: no-repeat;
	display				: block;
	width				: 100%;
	color				: black;
}
table.listing2 th.center  {
	text-align			: center;
}
table.listing2 th.sortable a:hover {
	text-decoration		: none;
	background-image	: url(../images/arrow_off.png);
}
table.listing2 th.order1 a {
	background-image	: url(../images/arrow_up_blk.gif);
}
table.listing2 th.order2 a {
	background-image	: url(../images/arrow_down_blk.gif);
}
table.listing2 tr.odd, table.listing2 tr.odd  {
	background-color	: #ffffff;
}
table.listing2 tr.tableRowEven, table.listing2 tr.even {
	background-color	: #E0EBE0;
}

/*** rich text fields: contentions & damages dispute ***/
div.richTextDisplay p {
    padding : 0;
}

div.richTextDisplay ul {
    padding             : 0 40px;
    margin              : 10px 0 10px 0;
}

div.richTextDisplay ul li {
    padding             : 1px 0;
    margin              : 1px 0;
}

div.richTextDisplay ol {
    padding             : 0 40px;
    margin              : 10px 0 10px 2px;
}

div.richTextDisplay ol li {
    padding             : 1px 0;
    margin              : 1px 0;
}