/* CSS Document */

body{
	margin:0;
	padding:0;
	line-height: 1.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mainContainer{
	margin:auto;
	width: 98%;
	padding: 0px;
	padding-top: 4px; 
	background-color: #ffffff;
}
#middleColumn {
	position:absolute;
	left:100px;
	top:110px;	
	width: 598px;
	line-height: 1.50em;
	font-size:12px;
	text-align:left;
}
/*b{font-size: 110%;}*/
em{color: red;}

h3{text-align:center;}

#logged{
	text-align:center;
	color: blue; 
	font-size: 10px;
	font-weight: normal;
	font-style:italic;
	margin: 1px;
}
#headWrapper{
	float: left;
	width: 100%;
	color: #3366CC;
	background-color:#fff;
}
#summaryDetails{
	float:left;
	width:98%;
}
#forms{
	position:absolute;
	left:200px;
	top:108px;	
	width:400px;
}
#bids0 {
	vertical-align:text-top
}
.field{
	text-align:right;
	padding-left:3px;
	padding-right:3px;
	font-weight:normal;
	background-color: #e8e7e7;	
}
.data{
	text-align:left;
	padding-left:3px;
	padding-right:3px;
	font-weight:normal;	
	font-size: 11px;
	background-color: #e8e7e7;			/*light gray*/	
}
.dataC{
	text-align:center;
	padding-left:3px;
	font-weight:normal;	
	background-color: #e8e7e7;			/*light gray*/	
}
.fieldDk{
	text-align:right;
	padding-right:3px;
	font-weight:normal;
	background-color: #CCCCCC;			/*dark gray*/
}
.dataDk{
	text-align:left;
	padding-left:3px;
	font-weight:normal;	
	background-color: #CCCCCC;
}
#footer{
	clear: left;
	width: 100%;
	background: white;
	color: #000;
	font-weight:normal;
	font-size: 11px;
	text-align: center;
	padding: 4px 0;
}
#footer a{				/* hyper link text color */
color:#666;
}

.bevelmenu{
font: bold 12px arial;
padding: 4px 0;
margin: 0;
width: 100%;
background-color: #FFF;		/*medium blue  #5589DF*/
							/*border-style: ridge;*/
border-color:#000;			/*  #CCC   ??? */
text-align: left;
}
.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: ##3366CC;
background-color:#B7CEFF;	/*medium blue  #5589DF*/
border: 2px solid #5589DF;  /*medium blue  #5589DF*/
}
.bevelmenu li a:hover{		/* HOVER */
color: white;
background-color: red;	
border-style: outset;
}
html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

.whitebar{
	width: 100%;	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: center;
	background-color: #FFFFFF;
}
.bluebar {
	width: 100%;	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: center;
	background-color: #B7CEFF;
}
.dkbluebar{
	width: 100%;	
	color: #FFFFFF;
	font-weight:bold;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	background-color: #3366CC;
	border-width: 0px;
}
.lightestgraybar{	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: left;
	background-color: #e8e7e7;
}
.ltgraybar{
	width: 100%;	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: left;
	background-color: #F8F8F8;
}
.ltgraybarT{
	width: 100%;	
	color: #000;
	font-weight:normal;
	font-size: 11px;
	text-indent: 3px;
	text-align: left;
	background-color: #F8F8F8;
}
.ltgraybarC{
	width: 100%;	
	color: #000;
	font-weight:normal;
	font-size: 10px;
	text-indent: 3px;
	text-align: center;
	background-color: #e8e7e7;
}
.graybar{
	width: 100%;	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: left;
	background-color: #A6A6A6;
}
.graybarC{
	width: 100%;	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: center;
	background-color: #A6A6A6;
}
.greenbar{
/*	width: 100%;*/	
	color: #000;
	font-weight:bold;
	font-size: 11px;
	text-indent: 3px;
	text-align: center;
	background-color: #BDD050;
	border-width: 0px;
	padding-bottom:2px;
}
.orangebar{
	/*width: 100%;*/		
	color: #000;
	font-weight:bold;
	font-size: 11px;;
	text-indent: 3px;
	text-align: center;
	background-color: #FFC427;
	padding-bottom:2px;
}