/**** Positioning of main Divs ****/
div#MainBody {
margin-left: auto; 
margin-right: auto;    
margin-top: 24px;    
margin-bottom: 50px;
	width:844px;
	text-align: left;
/*width: 50em;
	position:absolute;
	left:9px;
	top:24px;*/
	/*border: 2px solid grey;*/
	/*height:274px;*/
	z-index:0;
}
div#MenuSpaceSafari {

	position: absolute;
	width: 100%;/*493px;*/
	height: 20px;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
  border-bottom: thin  solid #1aa5ef;
	z-index: 4;
}
div#MenuSpace {
	position: absolute;
	width: 497px;
	height: 49px;
	margin-top: 52px;
	margin-left: 350px;
	/*float: right;*/
	z-index: 3;
}
#MainWhite {
	position: relative; 
	width: 844px; 
	z-index: 1;
	background-color: #FFFFFF;
}
/*height:274px;*/ 
/*border: 2px solid orange;*/
	/*left:0px;
	top:0px;*/
div#LogoSpace {
	position: absolute;
	width: 298px;
	height: 95px; /*float: left;*/
	z-index: 2;
	margin-top: -24px;
	margin-left: 20px;
}
div#Favourites {
	position: absolute;
	width: 400px;/*298px;*/
	height: 95px; /*float: left;*/
	z-index: 2;
	top: -93px;
	left: 490px;/*730px;*/
}
div#Beta {
	position: absolute;
	width: 150px;
	height: 20px; 
	z-index: 20;
	margin-top: 5px;
	margin-left: 22px;
}
/*float: left;*/
	/*border: 2px solid grey;*/
#MainFooter {
	position: relative;
	left: 0px;
	top: 0px;
	width: 844px;
	height: 60px;
	z-index: 4;
	background-color: #FFFFFF;
	background-image: url(../images/dpo_22.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	text-align: center;
}
#MainFooter p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#MainFooter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	text-decoration: none;
}
#MainFooter a:hover{
	text-decoration: underline;
}
#Spacer {
	position:relative;
	/*left:16px;
	top:0px;*/
	width:8px;
	height:84px;
	z-index:8/*;
	background-color: #FF66CC;*/
}
#Workspace {
	position:relative;
	left:3px;
	/*top:83px;*/
	width:837px;
	/*height:152px;*/
	/*border: 2px solid #e2e930;*/
	z-index:5;
	background-image: url(images/dpo_15.png);
}
#WorkSpaceContainer {
	position:relative;
	left:16px;
	/**/top:0px;
	width:807px;
	/*border: 2px solid red;*/
	z-index:7;
}
#PostFooter {
	position:relative;
	left:0px;
	top:0px;
	width:844px;
	z-index:6;
}

/* Style spec's for tooltip  */
/*div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#ffff99; border:1px solid #336; 
  width:260px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
  filter : alpha(opacity=85);
}
div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }*/
#dhtmltooltip{
	position: absolute;
	width: 300px;
	border: 1px solid #f7941d;
	padding: 2px 4px 2px 4px;
	background-color: #FFFFCC;
	visibility: hidden;
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	font-size: 11px; /*Remove below line to remove shadow. Below line should always appear last within this CSS
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

/**** Common html definitions ****/
body {
	background-color: #59c4f6;
	background-image: url(../images/dpo_02.png);
	background-repeat: repeat-x;
	text-align: center; /*	background-color: White;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2ba8d3;
	font-size: 12px;*/
}
body.upload {
	background-color: #c7edfb;
	background-image: none;
	text-align: center; /*	background-color: White;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2ba8d3;
	font-size: 12px;*/
}
body.chatform {
	text-align: center; 
  background-color: White;
	background-image: none;
	margin-left: 0px;
	margin-top: 0px;
}
body.popup {
	text-align: center; 
  background-color: #1AA5EF;
	background-image: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #f7941d;
	margin-bottom: 2px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #1aa5ef;
	margin-bottom: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #b5df01;
	margin-bottom: 0px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url("dpobullet.gif");
	margin-left: 10px;
	padding-left: 15px;
}
li {
	padding-bottom: 10px;}

ol{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* General Links */
a {
	color: #1aa5ef;
	text-decoration: underline;
}
a:hover{
	color: #fbc328;
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

/* Tables */
th{
	color: black; /*#fcad46;lime:#b5df01;*/
	background-color: ##B5DF01; /*border-bottom: 1px solid #fbc328;*/
	border-bottom: 1px solid #b5df01;
	/*border-left: 1px solid silver;*
/*border-top: 1px solid #fbc328;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	font-weight: bold;
	}
td{
	/*background-color: #fef9ea;
	border-bottom: 1px solid White;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	/*#5a5a5a;padding-left: 5px;
	padding-right: 5px;*/
}
td.headrow{
	color: White; /*#fcad46;*/
	background-color: #1AA5EF; /*border-bottom: 1px solid #fbc328;*/
/*border-top: 1px solid #fbc328;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	/*background-image: url(../images/dpo_02L.png);*/
}
td.specialofferrow{
	color: Red; /*#fcad46;*/
	background-color: Yellow; /*border-bottom: 1px solid #fbc328;*/
/*border-top: 1px solid #fbc328;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	/*background-image: url(../images/dpo_02L.png);*/
}
td.standard{
	background-color: white;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	/*padding-left: 5px;
	padding-right: 5px;*/
}
td.bottomrow{
	color: black;
	background-color: white;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*padding-left: 5px;
	padding-right: 5px;*/
}
td.dividerrow{
	color: black;
	background-color: white;
	border-top: 1px solid #b5df01;/*#f3f3f3;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*padding-left: 5px;
	padding-right: 5px;*/
}
td.vanilla{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	color: black;
}

td.TabOn{
	background-color: #1aa5ef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}
td.TabOff{
	background-color: #f3f3f3;
	border-left: 1px solid #f7941d;
	border-right: 1px solid #f7941d;
	border-top: 1px solid #f7941d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;/*white;*/
	padding-left: 5px;
	padding-right: 5px;
}
td.TabOver{
	background-color: #1aa5ef;
	border-left: 1px solid #f7941d;
	border-right: 1px solid #f7941d;
	border-top: 1px solid #f7941d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
  cursor: pointer;
}
td.SOTabOff{
	background-color: yellow;
	border-left: 1px solid #f7941d;
	border-right: 1px solid #f7941d;
	border-top: 1px solid #f7941d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: red;/*white;*/
	padding-left: 5px;
	padding-right: 5px;
}
td.homebox{
	background-color: white;
	border-left: 1px solid #1aa5ef;
	border-right: 1px solid #1aa5ef;
	border-top: 1px solid #1aa5ef;
	border-bottom: 1px solid #1aa5ef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;/*white;*/
	padding-left: 5px;
	padding-right: 5px;
}
td.StyleA{
	background-color: white;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	/*padding-left: 5px;
	padding-right: 5px;*/
}
td.StyleB{
	background-color: #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;/*white;*/
	/*padding-left: 5px;
	padding-right: 5px;*/
}
tr.StyleA{
	background-color: white;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	/*padding-left: 5px;
	padding-right: 5px;*/
}
tr.StyleB{
	background-color: #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;/*white;*/
	/*padding-left: 5px;
	padding-right: 5px;*/
}
td.bluesectionhead{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* Form tags and classes */
form{
	background: #fef9ea;
	border: 0px solid #e2e930;
	padding-left: 5px;
	padding-right: 5px;
}
form.chatform{
	background: #fef9ea;
	border: 0px solid #e2e930;
	padding-left: 0px;
	padding-right: 0px;
}
textarea,select,option{
	border: 1px solid #e2e930;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
	padding-left: 3px;
	padding-right: 3px;
	background: White;
	z-index: 50;
}
select.checkwell{
	border: 1px solid #e2e930;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: Red;
	padding-left: 3px;
	padding-right: 3px;
	background: #ffff99;
	z-index: 50;
}
option.checkwell{
	border: 1px solid #e2e930;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
	padding-left: 3px;
	padding-right: 3px;
	background: #ffff99;
	z-index: 50;
}
.checkbox{
	border: none;	
}
.radiobutton{
	border: none;	
}
.buttonold{
	border: none;
	background-color: #f7941d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bold;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
  cursor: pointer;
}
input.button{
   font-weight:normal;
   color:#FFFFFF;
   background-color:#FF9933;
}

/* Navigation tabs */
.linktab{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2ba8d3;
	text-align: center;
	font-weight: bold;
}
a.linktab{
	text-decoration: none;
	color: #2ba8d3;
}
a.linktab:hover{
	text-decoration: none;
	color: #e2e930;
}
a.linktabactive{
	text-decoration: none;
	color: #fbc328;
}


/**** Generic class definitions ****/
.PageTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fbc328;
	text-align: left;
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
	text-align: center;
}
.alert {
	background: white url(../images/alert.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	font-size: 14px;
	text-align: left;
	padding: 9px 40px 9px 50px;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #F7941D;
	border-bottom: 1px solid #F7941D;
	border-left: 1px solid #F7941D;
	border-right: 1px solid #F7941D;
	color: black;
}
.info {
	background: white url(../images/info.gif) no-repeat center;
	background-position: 10px 50%; /* x-pos y-pos */
	font-size: 14px;
	text-align: left;
	padding: 9px 40px 9px 50px;
	margin: 3px 3px 3px 3px;
	border-top: 1px solid #1AA5EF;
	border-bottom: 1px solid #1AA5EF;
	border-left: 1px solid #1AA5EF;
	border-right: 1px solid #1AA5EF;
	color: black;
}
.alertsolid {
	background: #F7941D url(../images/alert.png) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 3px 20px 3px 30px;
	border-top: 1px dashed #F7941D;
	border-bottom: 1px dashed #F7941D;
	color: White;
}
.infosolid {
	background: #1AA5EF url(../images/info.png) no-repeat center;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 3px 20px 3px 30px;
	border-top: 1px solid #1AA5EF;
	border-bottom: 1px solid #1AA5EF;
	color: White;
}

.alertold {
	background: #fff6bf url(../images/alert.png) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 3px 20px 3px 30px;
	border-top: 1px dashed #F7941D;
	border-bottom: 1px dashed #F7941D;
	color: Red;
}
.infoold {
	background: #D5F2F9 url(../images/info.png) no-repeat center;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 3px 20px 3px 30px;
	border-top: 1px solid #1AA5EF;
	border-bottom: 1px solid #1AA5EF;
	color: GrayText;
}
td.basketsummary {
	border-bottom: 1px solid #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Black;
}
/* classes for validator */
.tfvHighlight
	{color: #FFC000;}
.tfvNormal
	{color: Gray;}
.inputHighlighted
	{color: #FFC000;}
.inputNormal
	{color: Gray;}
	
.greenheader{
	color: #e2e930;
	font-weight: bold;
}	


/*Default style for Contracting table SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:pointer;
font-weight: bold;
}

.contract-bar{
	color: white; 
	background-color: #1aa5ef;/*#D5F2F9;*/
  border: 1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
  padding: 3px;
}

div.contract-bar{
  width: 100%;
}

.icongroup1{
  width: 100%;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
  padding: 0px;
}