/* Top elements */
* { margin:0; padding: 0; }

/* commented out so can customise the colours by client*/
body {
	background-color: #999;
 	color: #333; 
 	font: 70%/1.3  Verdana, 'Trebuchet MS', arial, sans-serif;
 	text-align: center; 
 	margin: 15px 0;
}  
    
.popup {
	background-color: #FFF;
 	color: #333; 
 	font: 70%/1.3  Verdana, 'Trebuchet MS', arial, sans-serif;
 	/*text-align: center; */
 	margin: 15px 0; 
}

/* links */
a	{ 
	color: #069;
	/*background: inherit;*/
	text-decoration: none;
}
a:hover { 
	color: #006699;
	/*background: inherit;*/
	text-decoration: underline;
}
/*changes to stop outlining on a
 
/* Text styles */
h1, h2, h3, h4{
	font-weight: bold;
	color: #036;
}
h1 {
	font-size: 1.5em;	
}
h2 {
	font-size: 1.3em;
	
}
h3 {
	font-size: 1.1em;
}

h4, h5 {
	font-size: 1.0em;
}

h1, h2, h3, h4, h5 { 
	margin: .9em 0px .3em 0px; 
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child { 
	margin-top:0px;
}

h1.arrow, h2.arrow, h3.arrow{
	padding: 0em 0 .3em 25px;
	margin-bottom:0.75em;
	margin-top:0;
	background:url(../images/square_arrow.gif) no-repeat 0% .1em;		
}

p { 
	margin: 0 0 .6em 0; 
}


ul, ol {
	margin: 10px 0px;
	padding: 0 15px;
	color:#036;
}


/* images */

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}



/*****************************
      LAYOUT 
******************************/
div.wrap {
   margin: 0 auto ;
   padding:0;	
   text-align: left;
   background-color:#FFF;
   width: 830px;  	
}

div.content-wrap {
  clear:both;
  margin:0; 
  padding:20px 2% 25px 2%;
  width: 100%;
  min-height:300px;
  background:#FAFAFA;
}

div.popup-wrap {
   margin: 0 auto ;
   padding:0;	
   text-align: left;
   background-color:#FFF;
   width: 300px;  	
}

/*****************************/
/* header */

div.header img.logo {
	margin: 30px 20px 20px 2%;
}

div.login{
	float: right;
	text-align: right;
	margin-top:16px;
	margin-right:2%;
}

div.login, div.login a {
	Color:#FFF;	
}


/*****************************/
/* Navigation */
div.main-nav {
	width: 100%;
	height: 24px;
	background: #000;
   font: bold 1.0em ;
   padding-left:2%;
} 
div.main-nav ul {		
	margin:0;
   padding:0px 0px 0px 0px;
   list-style:none;
}
div.main-nav li {
	display:inline;
   margin:0;
   padding:0;
}
div.main-nav a {
	float:left;
   background: url(../images/main-nav/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
div.main-nav a span {
	float:left;
   display:block;
   background: url(../images/main-nav/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 8px;
   color: #CCC;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.main-nav a span {float:none;}
/* End IE5-Mac hack */

div.main-nav a:link {
	color:#FFF;
}
div.main-nav a:hover span {
	color:#FFF;
}
div.main-nav a:hover {
	background-position:0% -42px;
}
div.main-nav a:hover span { background-position: 100% -42px;}
div.main-nav .current a { background-position:0% -42px; }
div.main-nav .current a span { background-position:100% -42px; color: #FFF;}


/*****************************/
/* sidebar and sidemenu */
div.sidebar {
	float: left;
	width: 20%;
	margin: 0 0 10px 0; 
	background-color: inherit;	
} 

ul.sidemenu {
	list-style:none;
	margin:0px;
	padding:0;		
}
ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
	list-style-type:none;
}


ul.sidemenu li.current a, ul.sidemenu li.current span  {  /* If there is no link - use 'span' instead of 'a' */
	font-weight:bold;
	color: #555;
	border-left:5px solid #036;
}

ul.sidemenu a, ul.sidemenu span{  /* If there is no link - use 'span' instead of 'a' */
	display: block;
	color: #333;
	text-decoration:none;	
	padding: 2px 5px 2px 10px;
	background: #f2f2f2;
	border-left: 5px solid #CCC;	
}

* html body ul.sidemenu a { height: 18px; }

ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #e2e2e2;
	color: #036;
	border-left:5px solid #036;
}




/*****************************/
/* main content */
div.main-content {
	float: left;
	width: 76%;
	margin: 0; padding: 0;
	background-color: inherit;
	overflow:hidden;
}

div.main-content-full {
	float: left;
	width: 96%;
	margin: 0; padding: 0;
	background-color: inherit;
	overflow:hidden;
}

div.icon-holder{
	height:70px;
    float: none;
}

div.col-a{
	width:67%;
	float: left;	
}
div.col-a.wide{
	width:100%;
	float: left;	
}

div.col-b{
	width: 30%;
	float: right;
}


div.popup-content {
	float: left;
	width: 100%;
	margin: 0; padding: 0;
	background-color: #fff;
    margin-top: 0px;
}



/*****************************/
/* footer */
div.footer{ 
	clear: both;
	background: #000;
	margin: 0;
	padding:3px 2% 3px 2%;
	
}
div.footer *{ 
	color: #999;
	font-size: 92%;			
}
div.footer a { 
	color: #FFF; 
}
div.footer-col-a {
	width: 40%;
	float: left;
	text-align: left;
	margin: 0; 
}
div.footer-col-b {
	width: 60%;
	float: right;
	text-align: left;
	margin: 0;
}


/*****************************/
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */

.hide  { display: none; }
.gray  { color: #CCC; }
.pale  { color: #CCC; }
.italics { font-style: italic; }
.inactive { color: #CCC; }
.no-space-above {margin-top:0;}

.clear {
clear:both;
display:block;
height:1%;
overflow:hidden;
}






/*****************************/
/* form elements */
form {
	margin-bottom:50px;
	clear:both;
}


.form-title {
	font-weight:bold;
	width:5%;
	color:#555;
	text-align:left;
}

.form-title-wide {
	font-weight:bold;
	width:25%;
	color:#555;
	text-align:left;
}

.support{
	width:350px;
}

label {
	display:block;
	display:inline;
	margin:0px 0px 5px 5px;
}
input[type=text],input[type=password] {
	width:120px;	
}

textarea {
	/*width:100%;*/
	width:93%;
	height:100px;
	display:block;
}

input[type=text],input[type=password], textarea {
	background:#FDFDFD;
	padding:3px 3px;
	color:#333;
	border:1px solid #DDD;
	font-family: inherit;
}

input[type=submit],select,.pointer    { cursor:pointer; }

input.submit { 
	color: #000;
	cursor: pointer;
}

input.submit-right { 
	color: #000;
	cursor: pointer;
    float:right;
}

input.small-button { 
	margin: 0; 
	font:  10px Arial, Sans-serif; 
	border: 0px;
	padding: 0px; 
	color: #333;
	background:#FFF;
}
input.no-submitLogo
{
	cursor: default;
}
input.submitLogo
{
	cursor:pointer;
}
input.no-submit
{
	margin: 0 10px 0 0; 
	font: 12px Arial, Sans-serif; 
	border: 1px solid #DFDFDF; 
	padding: 2px 3px; 
	background: #fff url(images/buttonbg.gif) repeat-x left bottom; 
	color: #DBDBDB; 
	float:left; 
	cursor: default;
}

input.small-button  {
    color: #000;
    cursor: pointer;
}

input.small-button-disabled { 
	margin: 0; 
	font:  10px Arial, Sans-serif; 
	border: 0px;
	padding: 0px; 
	color: #333;
	background:#FFF;
}

input.small-button-disabled  {
    color: #000;
    cursor: auto;
}


input.small-text {
	width:70px;	
}

input.tiny-text {
	width:40px;	
}

input.medium-text
{
	width:110px;
}

input.wide-text {
	width:170px;	
}

input.huge-text {
	width:370px;	
}

.dropdownlist {
  font-family: Arial, Sans-serif; 
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  width: 200px;
  margin-bottom: 5px;
}

.dropdownlist-short {
  font-family: Arial, Sans-serif; 
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  width: 100px;
  margin-bottom: 5px;
}

.dropdownlist-mini {
  font-family: Arial, Sans-serif; 
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  width: 75px;
  margin-bottom: 0px;
  margin-top: 2px;
}

div.ajax__calendar_container table td, div.ajax__calendar_container table th  {
    padding:0;
}

/*****************************/
/* table elements */

div table{
	font-family: Tahoma, arial, sans-serif;
}

td, th { width:25%;} /* to equalize all columns */

td.spacer, th.spacer { /* used to push all other columns over*/
	width:90%;
}

td.text-right {
	text-align:right;	
}

div.form-table-wrap{
	border:1px solid #F0F0F0;
	margin:.5em 0;
	background:#FAFAFA;
	padding:3px 10px;
}

table.form{
	width:100%;
	}


table.form td {
	border-top:1px dashed #F0F0F0;
	vertical-align:top;
}

table.form tr:first-child td {
	border-top:0px dashed #F0F0F0;
	vertical-align:top;
}
	
table.form td, table.form th {
	padding:10px 15px 10px 0px;
}


table.data-table {
	font-size:100%;
	width:100%;
	border-collapse:collapse;
	text-align:left;
	margin:10px 0 5px 0;
}

table.data-table th {
	font-weight:bold;
	color:#036;
	border-bottom:1px solid #DDD;
	padding:3px 4px;
}

table.data-table td {
	border-bottom:1px dashed #DDD;
	padding:3px 4px;
}

table.data-table tbody tr:hover td { color:#009; }
table.data-table tbody tr:hover  { background:#FBFBFB; }


.submenu{  
    font-weight: bold;
    text-align: center;
	color: #333;
	text-decoration:none;	
	background: #f2f2f2;
	padding: 2px 5px 2px 2px;
}

.submenu-selected  
{
    font-weight: bold;
    text-align: center;
	color: #036;
	text-decoration:none;	
	background: #e9e9e9;
	padding: 2px 5px 2px 2px;
}

.submenu-selected-tall
{
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 25px;
	color: #036;
	text-decoration:none;	
	background: #e9e9e9;
	padding: 2px 5px 2px 2px;
}

.submenu a:hover 
{
    background: #e2e2e2;
}

.submenu-selected a:hover 
{
    background: #e2e2e2;
}

.submenu-bg
{
	background: #FAFAFA;
	padding: 2px 5px 2px 2px;
}


std.table           { display: table; background-color: Gray; }
std.tr              { display: table-row }
std.thead           { display: table-header-group }
std.tbody           { display: table-row-group }
std.tfoot           { display: table-footer-group }
std.col             { display: table-column }
std.colgroup        { display: table-column-group }
std.td, std.th      { display: table-cell; width: auto; }
std.caption         { display: table-caption }
std.th              { font-weight: bolder; text-align: center }



/*****************************/
/* Address list col-b */

div.address-wrap {
	color:#333;
}
div.page-nav {
	padding:5px 0;
}

div.dvAddresses {   
min-height: 100px; 
display: block;
font-size:10px;
font-family:Tahoma, Arial, sans-serif;
margin:0 0 5px 0;
}

div.dvAddresses table  {
	width:100%;
	border-collapse:collapse;
}
div.dvAddresses table tr td{
	border-bottom:1px dashed #DDD;
	border-top:1px dashed #DDD;
}
.validationError
{
	color:Red;
	font-weight:normal;
}
.Error
{
	color:Red;
	font-weight:normal;
}