html,body 
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 7.5pt;
	font-weight:normal;
	height: 100%;
	margin: 0 auto;
 background-position:h
}

h1 
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#236db8;
	font-size:3;
}
.h1_t
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#616161;
	font-size:12px;
	font-weight:bold;
	background-image:url(../../images/bg-lightblue.png); 
	background-position:bottom;
	border-width:thin;
	border-style:solid;
	border-color:#e7e7e7;
	padding:3px;
	margin-left:3px;
	margin-bottom:5px;
	margin-top:15px;
	height:16px;
}
h2 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:Green;
	font-size:3;
}
h3 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#236db8;
	font-size:3;
}
.tranHeading
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#236db8;
	font-size:3;
	font-weight:bold;
}
.wizHeader
{
	font-size:14px;
	padding-top:10px;
	border-width:thin;
	border-style:solid;
	border-color:gray;
}
.wizstep
{
	border-width:thin;
	border-style:solid;
	border-color:gray;
	border-top:0;
}
.wizsidebar
{
	border-style:solid;
	border-color:Gray;
	border-width:thin;
}
.tranHeading1
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#236db8;
	font-size:3;
}
.twtotals
{
	 border-style:solid; 
	 border-width:thin; 
	 background-position:bottom; 
	 border-color:Gray; 
	 color:Black; 
	 background-image:url(../../images/bg-blue3.png); 
	 background-repeat:repeat-x; 
	 margin:5px;
	 padding:10px;
}
.tableheader
{
	background-position:top;
	background-image:url(../../images/bg-gray3.png); 
	background-repeat:repeat-x; 
	color:White;
	padding:5px;
}
.tableheader1
{
	background-color:#464646;
	color:White;
	padding:5px;
}
.tranContent
{
}
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}
.photo-border {
	border:1px solid #cecece;
	padding:4px;
}
.PageUpdateProgress
{
	background-color:White;
	border-color:Green;
	border-style:solid;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 200px;
	left: 45%;
}
.jobleg
{
	font-weight:normal;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
}
.jobleg:hover
{
	cursor:pointer;
}

.vehicletype:hover
{
	background-color:#6B696B;
	color:White;
	cursor:pointer;
}
.vehicletypeselected
{
	background-color:#6B696B;
	color:White;
}

.jobheader
{
	background-color:#6B696B;
	color:White;
	height:30px;
	text-align:center;
}
.job
{
	font-weight:bold;
	font-size:14px;
	width:210px;
	margin-right:20px;
	text-align:left;
	background-color:#CCCC99;
}
.charge
{
	text-align:right;
	font-size:16px;
	color:Black;
}
.chargePostcodes
{
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
	color:Blue;
	border-color:Black;
	border-width:thin;
	border-style:solid;
	padding:10px;
	width:240px;
}
.charge:hover
{
}
.inputShort
{
	width:180px;
}

div.divHref:hover
{
	cursor:pointer;
	background-color:Silver;
	color:Black;
}
.PoweredByEitheror
{
	float:right; 
	white-space:nowrap; 
}
.PoweredByEitheror img
{
	border:0;
	height:30px; 
	margin-right:20px;
}
.menuitemselected
{
}
.menuitem
{
}

.menuitem:hover
{
}
.menudrop
{
	text-align:center;
}
.menuitemdrop
{
	padding-left:20px;
	padding-right:20px;
}
.menuitemdrop:hover
{
	padding-left:20px;
	padding-right:20px;
}
.menu
{
	text-align:center;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
div.labelbold
{
	font-weight:bold;
	font-family:Trebuchet MS;
}
div.label
{
	float:left; 
	width:150px;
}
div.labelshort
{
	float:left; 
	padding-left:3px;
	width:60px;
}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
.content
{
	padding:20px;
}
.bodywrapper
{
	margin-left:auto;
	margin-right:auto;
    width:780px;
    padding-top:10px;
}
.topbutton
{
	height:30px;
	background-image:url(images/bkgrnd1.png) top left repeat-y; 
	padding-left:10px;
	padding-right:10px;
	font-size:18px;
}
.topbuttonsurround
{
	padding-left:2px;
	padding-right:2px;
	float:left;
	padding-bottom:20px;
}
A.topbutton
{
	vertical-align:middle;
}
A.topbutton:hover
{
	vertical-align:middle;
	text-decoration: underline;
}
.Details
{
	
}
A.Details
{
}
A.Details:hover
{
}
.modalPopup {
	background-color:white;
	border-width:thin;
	border-style:solid;
	border-color:Green;
}
.modalBackground 
        {
    background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;  
        }
#master_content .eosAccordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .eosAccordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.ItemRowStyle
{
	border: 1px solid #2F4F4F;
    color: Black;
    background-color: #B0C4DE;
    padding-left:15px;
    border-style:solid;
}

.AlternatingRowStyle
{
	border: 1px solid #2F4F4F;
    color: Black;
    background-color: #E6E6FA;
    padding-left:15px;
    border-style:solid;
}
.powered
{
	background-color:Transparent;
	filter:alpha(opacity=20);
}
.powered:hover
{
	background-color:Transparent;
	filter:alpha(opacity=90);
}
.HeaderStyle
{
	border: 1px solid #2F4F4F;
    color: White;
    background-color: #330066;
    border-style:solid;
    font-size:medium;
}
.HeaderStyle H1
{
    color: White;
}
.HeaderStyle1
{
	border: 1px solid Silver;
    color: White;
    background-color: Orange;
    border-style:solid;
    font-size:small;
}

.TableStyle
{
	border-color:Silver;
	border-width:1px;
	border-style:solid;
	
}

.eosAccordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #330066;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.eosAccordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.headerbackgound
{
	color:White;
	padding-right:20px;
}
.tabledata
{
	color:Navy;
	font-size:x-small;
	cursor:pointer;
}
.smalllink
{
	color:Navy;
	font-size:smaller;
}
.smalllink:hover {
  color:Navy;
  font-size:smaller;
  text-decoration: underline;
}
div.btnNext
{
margin: 0px 20px 0px 20px;
display: none;
}

.pin
{
    font-weight:bold;font-size:8pt;
    color:White;overflow:hidden;
    cursor:pointer;text-decoration:none;
    text-align:center;background:#330066;
    border:1px solid #FF0000;
    z-index:5
}
ul.pmenu
{
	position:absolute;
	margin: 0;
	padding: 1px;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border: 1px solid #ccc;
	background:white;
	display:none;
	z-index:10;
}

ul.pmenu li
{ position: relative; }

/* Styles for Menu Items */
ul.pmenu li a
{
	display: block;
	text-decoration: none;
	color: black;
	padding: 2px 5px 2px 20px;
}

ul.pmenu li a:hover
{
	background:#335EA8;
	color:white;
}

  .VE_Panel_el
  {
  overflow:hidden;
  z-index:31;
  border:1px solid #cbcbcb;
  padding:0;
  margin:0;
  background:white;
  }

  .VE_Panel_title
  {
  position:absolute;
  padding-top:2px;
  padding-left:5px;
  overflow:hidden;
  z-index:32;
  font-family:Verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:rgb(230,250,255);
  text-transform:uppercase;
  cursor:default;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
  .VE_Panel_title_blue{background:#0030cc}

  .VE_Panel_cb
  {
  padding-left:1px;
  width:18px;
  height:18px;
  color:white;
  text-align:center;
  font-size:7pt;
  font-family:Verdana;
  font-weight:bold;
  overflow:hidden;
  cursor:pointer
  }

  .VE_Panel_cb_blue{background:#001d7a;border:solid 2px #0030cc}

  .VE_Panel_tb
  {
  height:18px;
  padding-top:3px;
  padding-left:2px;
  font-family:Verdana,sans-serif;
  font-size:8pt;
  overflow:hidden
  }

  .VE_Panel_tb_blue{background:#ccd8ff}
  .VE_Panel_tb td
  {
  font-family:Verdana,sans-serif;
  font-size:8pt
  }

  .VE_Panel_tb a{color:#000080}
  .VE_Panel_tb a:hover{color:#ff9900}

  .VE_Panel_body
  {
    padding:5px;
    font-family:Verdana,sans-serif;
    font-size:8pt;
    overflow:auto
  }
.tabs
{
	color:White;
	width:100%;
	text-align:center;
}
.footerbackgound
{
	color:White;
	padding-left:20px;
	font-size:x-small;
}

.popuptitleHeader
{
	 width:100%; 
	 font-weight:bold;
	 background-color:Gray;
} 

.account
{
	src : url([Images/account.jpg]);
}

.track
{
	background-image: url(.../images/track.jpg);
}

A {
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}
.page_link
{
	color:Blue;
  font-size:small;
}
A.page_link {
}

A.page_link:hover {
}

gridview 
{
	
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; 
	background-image:none;
	background-repeat: repeat;
	display:none;
}

.rounded
{
	
}
.roundPanrl
{
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
.tablelegend
{
	background-color:Silver;
	color:#6B696B;
}
.tablefooter
{
	background-color:#CCCC99;
	
}
.tablepager
{
	background-color:Silver;
	text-align:right;
}
.tablerowalt
{
	padding:3px;
	background-color:White;
}

div.tablerowalt:hover {
  background-color:Black;
}

.tablerow
{
	padding:3px;
	background-color:White;
}



h3.tableheader
{
	color:White;
}

div.tablerow:hover {
  background-color:Black;
}

td.Details
{
	white-space:nowrap;
}

input.Details
{
	 width:auto;
}

.popupHover {
	background-image:url(~/images/thread.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.mainrounded
{
margin-left:auto; 
margin-right:auto;
}


/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #cccccc;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #E9F2F7;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #F7F7DE;
    border: 1px  #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}