/****************************************************************************
Compare escapement page stuff:
*/
#divForm
{
  width: auto ;
  height:750px;
  background-position:center;
  background-color: #ddd ;
  font-family: Verdana, Arial, sans-serif ;
  font-size: 10px ;
  padding: 3px ;  
} 

divImgHeader
{
    position:absolute;
    top:0px;
    left:0px;
}

imgHeader
{
    position:absolute;
    top:0px;
    left:0px;
    width:895px;    
    height: 85px;
}

/* column layout */
#divLeftCol 
{
    /* left column contains divFilter, divEscSeries, divControls */
    position:absolute;
    background-color: #ddd;
    width: 178px ;
    height:750px;
    left: 10px;
    top: 90px;
    border-spacing:10px;
}

#divFilter
{
  background-color: #ddd;
  width: 178px ;
  height: 200px;
}

#divEscSeries
{
  background-color: #ddd;
  width: 178px ;
  height: 200px;
}

#divControls
{
    background-color:#ddd;
    width: 178px ;
    height: 200px;
}

#divCenterCol /* contains divInputs, divResultColumn */
{        
    height:750px; 
    position:absolute;   
    left:194px;
    top: 93px;
    width: 330px;  
}

#divInputs
{
  height:750px;
  width: 330px ;
  background-color: #ddd;  
}

#divRightCol /* compare column2, contains divInputsC2, divResultColumnC2 */
{   
    top: 93px;        
    position: absolute;
    background-color: #ddd;
    left: 525px;    
    height:750px;
    width: 330px ;
}

#divResultColumn
{
  height:800px;
  background-color: #ddd;
  position:absolute;
  left: 0px;
  top: 355px;
  width:330px; 
  /* min-width:200px;
  max-width:600px; */
}



#divInputsC2
{
  display:block; 
  height: 360px;
  width: 330px ;
}
#divResultColumnC2
{
  height:800px;
  background-color: #ddd;
  position:absolute;
  left: 0px;
  top: 355px;
  width:330px; 
  /* min-width:200px;
  max-width:600px; */
}


.detailsConfigButton
{
    border-style: outset;
    border-color: #C0C0C0;
    height: 24px;
    width: 24px;
}
.detailsConfigButtonOver
{
    border-style: outset;
    border-color: #FFCC66;
    height: 24px;
    width: 24px;
}

.colBorder
{
  float: left;
  border: solid 1px black ;
}

.colNoBorder
{
  float: left;
  border:none ;  
}


#divNotes
{
    white-space: normal;
}


.printSmall
{
    text-align: left;  
    font-size: 12px ;
    /* font-weight:bold;*/
}

.printSmall2
{
    text-align: right;  
    font-size: 12px ;
    /* font-weight:bold;*/
}




#divPleaseWait
{
    width:250px;
}

#divResultSetC2
{
    display:block;
    width: 250px ;
}

#flashcontent
{
    /* visibility:hidden;*/ 
    display:none;  /* causing an error for now- whatever. fix it later.  */
}




divPageControls
{
    background-color: #bbb;
    width: 178px ;
}



.boldLabel
{
    font-weight:bold;
}

img
{
    border:0px;
}


.colStyle
{
  float: left;
  border: solid 1px black ;
}

.colStyle2
{
  float: left;
  border:none ;
}


.ucPopStyle
{
  font-size: 10px ;
  font-family: Verdana, Arial, sans-serif ;
  background-color: #fff ;
  visibility: hidden ;
  padding: 2px ;
  position: absolute ;
  width: 100px ;
  border: solid 1px black ;
  z-index: 1000 ;
}


.button
{
    width: 75px; 
    height: 24px;
    margin: 3px;
}

.smallButton
{
    width: 75px; 
    height: 24px;
    margin: 3px;
}

body {margin: 0px ; padding: 0px ; background-color: #ccc ; }

a.menuLink {display: block ;  padding: 2px 4px ; }
a.menuLink:link {color: #000000 ;  text-decoration: none ; }
a.menuLink:visited {color: #000000 ; text-decoration: none ; }
a.menuLink:hover {color: #ffffff ; background-color: #000000 ; text-decoration: none ; }
a.menuLink:active {color: #ffffff ; background-color: #663399 ; text-decoration: none ; }

label
{
    text-align: right;  
    font-size: 10px ;
}


span
{
    cursor:default;
    font-size: 10px;
}


.tdNoWrap
{
    white-space:nowrap;
}

td
{   
     font-size: 10px;
}

select
{
    font-size: 10px;
}

.tableLabel
{
    text-align:center;
    font-weight:bold;
}

.leftColC2
{
    text-align:right;
    font-weight:bold;
    font-size:12px;
}









/*////////////////////////////////////////////////////////////////////*/

/* Basic settings */

body
{
	background-color: #DCDCE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* color: #666666;*/
	margin-left: 5px;
}
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #666666;*/
}
td.tabs
{
	background-color: #DCDCE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #666666;*/
}
td.ytabs
{
	background-color: #ffe4a7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #666666;*/
}
.menubar
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: White;
	background-color: #999999; /* #999999 */
	border:solid 1px #ddd;
	white-space:nowrap;
	width:100%;
}
table.tabopen
{
	display: block;
	position: absolute;
	background-color: #d0d0d0;
	border-collapse: collapse;
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-left: solid 0px #999999;
}
table.tab
{
	display: none;
	position: absolute;
	background-color: #d0d0d0;
	border-collapse: collapse;
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-left: solid 0px #999999;
}
table
{
    width:100%; 
	background-color: #ddd; 
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-left: solid 0px #999999;
}

table.header
{
	background-color: #dcdce1;
	border: none;
}




h1
{
	font-family: Arial;
	font-size: 16px;
	color: black;
	font-weight: lighter;
}
hr.heading
{
	color: Black;
	height: 1.5px;
	width: 66%;
}
.header
{
	font-family: Arial;
	font-size: 8px;
}
.footer
{
	font-family: Arial;
	font-size: 8px;
}

td.requiredfield
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.pushbtn
{
	font-family: Verdana;
	height: 20px;
	font-size: 10px;
	color: black;
	border-style: outset;
	border-color: #ffffff;
	background-color: #d0d0d0;
}


th
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/* color: #e0711a;*/
}
h2
{
	/* color: #6365CE;*/
	text-decoration: none;
	font-size: medium;
}
h3
{
	font-family: Arial;
	font-size: 11px;
}
.black8bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 8px;
	/* color: #666666;*/
	text-decoration: none;
}
.black9
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -.5px;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
.black10
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -.5px;
	font-size: 10px;
	/* color: #666666;*/
	text-decoration: none;
}
.black12
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -.5px;
	font-size: 12px;
	/* color: #666666;*/
	text-decoration: none;
}
.black10bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 10px;
	/* color: #666666;*/
	text-decoration: none;
}
.black12bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 12px;
	/* color: #666666;*/
	text-decoration: none;
}
.blue10bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 10px;
	color: #006db6;
	text-decoration: none;
}
.blue12bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 12px;
	color: #006db6;
	text-decoration: none;
}
.black14bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 14px;
	/* color: #666666;*/
	text-decoration: none;
}
.white14bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
.red8
{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.5px;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.red12bold
{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.5px;
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}
.headerstuff1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.5px;
	font-size: 10px;
	/* color: #6365CE;*/
	text-decoration: none;
}

a:link, a:link:visited
{
	color: #006db8;
	text-decoration: none;
	font-weight: bold;
}

a:link:hover
{
	color: #878c7c;
	text-decoration: underline;
	font-weight: bold;
}

a.headerlinks, a:visited.headerlinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5px;
	font-size: 11px;
	color: black;
	text-decoration: none;
}
a.headerlinks:hover
{
	color: #878c7c;
	text-decoration: none;
}
a.linktitle, a.linktitle:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #006DB8;
	text-decoration: none;
}
a.linktitle:hover
{
	/* color: #666666;*/
	text-decoration: none;
}
a.product, a.product:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	/* color: #666666;*/
	text-decoration: none;
}
a.product:hover
{
	color: #878c7c;
	text-decoration: none;
}
a.general, a.general:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	/* color: #666666;*/
	text-decoration: none;
}
a.general:hover
{
	color: #006DB8;
	text-decoration: none;
}


a.menu, a.menu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a.menu:hover
{
	color: white;
	text-decoration: underline;
}
a.submenu, a.submenu:active, a.submenu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 6px;
}
a.submenu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #FFFFFF	;
	text-decoration: underline;
	margin-left: 6px;
}

.noprint
{
    visibility:visible;
}