/* GENERIC STYLES */
body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  margin: 0em;
  padding: 0em;
}

th,
td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

A {
	color: #FF6600;
	text-decoration: underline;
	font-weight:bold;}
	

a:hover {
	color: #FF6600;
	text-decoration: none;}

.indent {
  margin-left: 2em;}

.small-indent {
  margin-left: 1em;}

form {
  margin: 0;}

li {
  list-style-type: square;}

img {
  border: none;}


dl dt {
  font-weight: bold;
  margin-bottom: 0.2em;}

dl dd {
  margin-bottom: 1em;}


h1 { font-size: 20pt; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 10pt; }

label	{
cursor: hand;
}
  
.errors {color: #BF0900;}

/* TABLE STYLES - USE THESE WHEN DEVELOPING */
.table-title { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   color: #333333;
   background-color: #B6C4DE; 
   text-decoration: none;}
     
.table-title a{
   color: #ffffff;
   text-decoration: none;} 
    
.table-title a:hover{ 
   color: #ffffff;
   text-decoration: underline;}
   
.table-subtitle {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #E5EBF4;}
   
.table-subtitle-alt {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #CED9EA;
   text-decoration: none;}
   
.table-grey {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #F4F7FB;}
   
.table-greydark {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #666666;}
   
.table-grey-login {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #AEBBD4;} 
      
.table-black {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #ffffff;
   background-color: #000000;}
   
.table-white {  
   font-family:  Verdana, Tahoma, Verdana, Arial, sans-serif;
   background-color: #ffffff;}

 
 .table-greydark {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #666666;}
   
  .table-grey-login {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #AEBBD4;} 
   
  .table-orange-login {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #FE8C08;} 
   
   .table-orange-head {  
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #000000;
   background-color: #FFCE86;} 
   
    .table-white {  
   font-family:  Verdana, Tahoma, Verdana, Arial, sans-serif;
   background-color: #ffffff;}
  
 .help {  
   font-weight: bold;
   color: #ffffff;
   font-size: 11px;}
   
.helpbox_bgd {
	background-color: #71AE39}

.helpbox_border {
	border: #71AE39 1px solid;
	background-color: #FFFFFF;
	padding:0px 15px 0px 15px;}
	
.helpbox_td {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;}
	
A.helpbox_links {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #71AE39;
}	

.accountbox_bgd {
	font-family: Verdana, Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #9CADCE;
	padding: 4px 0px 4px 8px;}
	
.accountbox_bgd_alt {
	font-family: Verdana, Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #54668A;
	padding: 4px 0px 4px 8px;}	

.accountbox_border {
	border: #AEBBD4 1px solid;
	background-color: #E5EBF4;
	padding:10px 10px 10px 10px;}
   
  /* FONT STYLES - USE THESE WHEN DEVELOPING */

.TD-alt {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #768698;}
	
.TD-altheaders {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif
	font-size: 14px;
	color: #768698;
	font-weight: bold;}	
		

.text-white_alt {
    font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: normal; 
    text-decoration: none;}

.text-large-alt {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 12pt;
   color: #768698;
   font-weight: bold;} 
   
.text-title {
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-size: 12px;
   color: #000000;
   font-weight: bold; 
   text-decoration: none;}
   
.text-title-login {
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-size: 14px;
   color: #000000;
   font-weight: bold; 
   text-decoration: none;}
   
.text-login {
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-size: 11px;
   color: #000000;
   font-weight: bold; 
   text-decoration: none;}
   
.text-title-product {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   color: #333333;
   font-weight: bold; 
   text-decoration: none;} 
   
.text-content-product {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   color: #666666;
   text-decoration: none;} 
   
.text-content-product-darker {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   color: #333333;
   text-decoration: none;}    
   
.text-subtitle { 
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 10pt;
   color: #ff9900;
   font-weight: bold;}
   
.text-subtitle-alternate { 
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 10pt;
   color: #BB4D7E;
   font-weight: bold;}

.text-large {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 12pt;
   color: #000000;
   font-weight: bold;}
   
.text-small { 
   font-famliy: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 0.28cm;}
   
A.text-small { 
   font-famliy: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 0.28cm;
   text-decoration: bold;}  
   
A.text-small:hover { 
   font-famliy: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 0.28cm;
   text-decoration: bold;}
   
.text-extrasmall {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; 
	font-size:10px; 
	font-weight:normal; 
	text-decoration: none;}
	
.text-extrasmallgrey {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; 
	font-size:10px; 
	font-weight:normal; 
	text-decoration: none;
	color: #666666;}
	
.text-white_alt {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   color: #FFFFFF;
   font-size: 10pt;
   font-weight: normal; 
   text-decoration: none;} 
	
.nobold {
	font-weight: normal;}

.rightfeature {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 60%;
	color: #666666;
	line-height: 10pt;}

.rhs-content {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 10pt;}

.text-error-message {
   font-famliy: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #CC0000;
   text-decoration: none;}
   
.text-highlight {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; 
   font-size:11px; 
   font-weight: bold;
   color: #CC0000;
   text-decoration: none;}
 
 .header-page-title{
   	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
    font-weight: bold;
	color: #000000;}
	
.header-underline{
    background-color: #FF6600;} 
 
/**********************

  WRAPPER - HEADER

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

.header-bgd {
  background-color: #F1F3FA;}

.header-nav-bgd {
  background-color: #AEBBD4;
  margin: 0;
  padding: 0;}

.header-nav-login {
  background-color: #E4E8F5;
  color: #000000;
  font-family: Verdana, Tahoma, Verdana, Arial;
  font-weight: bold;
  font-size: 12px;}

.header-text {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Tahoma, Verdana, Arial;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding: 0;}
  
.header-nav-login a,
.header-text a { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
   text-decoration: none} 

.header-nav-login a:hover,
.header-text a:hover{ 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 12px;
   color: #000000;
   text-decoration: underline} 

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

  WRAPPER - MENU

********************/
.menu-title { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 12px;
   line-height: 21px;
   color: #000000;
   background-color: #FFFFFF;
   text-decoration: none;
   padding-left: 8px;
   padding-right: 8px;}
   
.menu-title-sub { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 12px;
   line-height: 21px;
   color: #666666;
   background-color: #FFFFFF;
   text-decoration: none;
   padding-left: 20px;
   padding-right: 8px;}
   
.menu-title a {
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 11px;
   line-height: 21px;
   color: #000000;
   text-decoration: none} 
   
.menu-title-sub a { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 11px;
   line-height: 21px;
   color: #666666;
   text-decoration: none} 
   
.menu-title a:hover{ 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 11px;
   line-height: 21px;
   color: #000000;
   text-decoration: underline}
   
.menu-title-sub a:hover {    
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: bold;
   font-size: 11px;
   line-height: 21px;
   color: #666666;
   text-decoration: underline}
   
.menu { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 11px;
   line-height: 15.4px;
   color: #666666;
   background-color: #FFFFFF;
   text-decoration: none;
   padding: 1px 8px 8px 21px;}
   
.menu-sub { 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 11px;
   line-height: 15.4px;
   color: #666666;
   background-color: #FFFFFF;
   text-decoration: none;
   padding: 1px 8px 8px 32px;}  
    
.menu a,
.menu-sub a{ 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 11px;
   line-height: 15.4px;
   color: #666666;
   text-decoration: none}
   
.menu a:hover,
.menu-sub a:hover{ 
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 11px;
   line-height: 15.4px;
   color: #666666;
   text-decoration: underline}
   
.menu-border {
	BORDER-RIGHT: #AEBBD4 1px solid;}

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

  WRAPPER - FOOTER

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

tr.bottomarea {
  background-color: #E5EBF4;
  border: solid 1px #AEBBD4;
}

tr.bottomarea td.boxout {
  border-bottom: solid 1px #AEBBD4;
  border-right: solid 1px #AEBBD4;
  border-top: solid 1px #AEBBD4;
  color: #444444;
  font-size: 8pt;
  vertical-align: top;
}

tr.bottomarea td.boxout div.boxout-title {
  background-color: #FFFFFF;
  border-left: solid 1px #AEBBD4;
  border-bottom: solid 1px #AEBBD4;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  text-align: center;
  float: right;
}

tr.bottomarea td.boxout div.info {
  clear: both;
  padding: 1em;
}

tr.bottomarea td.boxout div.info div.line {
  padding-bottom: 0.2em;
}

tr.bottomarea td.boxout div.info div.line span.title {
  color: #000000;
}

tr.bottomarea td.legal   { }
tr.bottomarea td.telfax  { }
tr.bottomarea td.email   { }
tr.bottomarea td.address { }

tr.bottomarea td.boxout div.info div.line a{
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 10px;
   color: #ff6600;
   text-decoration: underline}
   
tr.bottomarea td.boxout div.info div.line a:hover{
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 10px;
   color: #ff6600;
   text-decoration: none}

.footer-bgd {
  background-color: #E5EBF4;
  border-bottom: solid 1px #AEBBD4;
  border-top: solid 1px #AEBBD4;
}

.footer {
   font-family: Verdana, Tahoma, Verdana, Arial;
   font-weight: normal;
   font-size: 11px;
   background-color: #E5EBF4;
   color: #666666;
   text-decoration: none}
   
/* Top Menu MY ACCOUNT */

div.menuholder {
/* 
  background-position: center right;
  background-repeat: repeat-y;
*/ 
  border-bottom: solid 1px #C3CFE0;}
  
/* 
div.menuholder div.logo {
  background-image: url("/images/top/metronet-logo.gif");
  background-repeat: no-repeat;
  float: right;
  height: 36px;
  margin-right: 1em;
  margin-top: 0.5em;
  }
*/ 

table.topmenu {
  text-align: left;}

table.topmenu td {
  background-color: #E5EBF4;
  border-bottom: solid 1px #B6C4DE;
  border-left: solid 1px #B6C4DE;
  border-right: solid 1px #B6C4DE;
  border-top: solid 3px #B6C4DE;
  font-weight: bold;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  text-align: center;}
  
table.topmenu td a{
 color:#666666;}

table.topmenu td.current {
  background-color: #FFFFFF;}

td.accinfo {
  padding-left: 2em;}

td.accinfo td {
  font-weight: normal;}

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

   MY ACCOUNT 
   
*********************/

/* tables */

div th	{
background: transparent none;
color: #000000;
}

table.newborder, .newborder th 	{
	padding: 5px;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	

}

.newborder th   {
	text-align: center;

	border-bottom: 1px solid #B6C4DE;
}

.newborder td	{
	font-size: 12px;

}

td.newborder	{
border-top: 1px solid #B6C4DE;
width: 1px;
margin: 0;
padding: 0;
}

/* status message colours */
.status-green {
color: #47B42A;
}
.status-red	{
color: #990000;
}
.status-amber	{
color: #FF9900;
}

/* service header colours */

.service-green	{
text-align: left;
font-size: 12px;
color: #388014;

}

p.service-green	{
font-weight: bold;
text-align: left;
font-size: 12px;
color: #388014;
}


/* invoice details */

.d_invoice	{
width: 597px;
border: 1px solid #E4EFF4;
background: #F8FBFE none;
padding: 10px;
}

.taddress_l	{
font-size: 12px;
font-style: italic;
text-align: left;
}

.taddress_r	{
font-size: 12px;
font-style: italic;
text-align: right;
}

table.t_invoice_info	{
padding: 4px;
margin: 0 0 20px 0;
}

.t_invoice_info	td {
font-size: 12px;
padding: 4px;
border: 1px solid #E4EFF4;
background: #FFFFFF none;
text-align: center;
}

.t_invoice_details	{
font-size: 12px;
margin-bottom: 40px;
}

.th_invoice	{
text-align: left;
font-size: 12px;
}

.t_amount	{
font-size: 12px;
text-align: right;
}

.t_invoice_position	{
font-size: 12px;
}

.newborder2	{
text-align: center;
border-bottom: 1px solid #BDBDBD;
}

.t_plusnet_info	{
margin-bottom: 20px;
}

.t_plusnet_info td {
font-size: 12px;
padding: 8px;
border: 1px solid #E4EFF4;
background: #FFFFFF none;
text-align: center;
}

/* contact details */

.redstar	{
font-size: 14px; 
font-weight: bold;
color: #FF0000;
}

/* slave create */

.msgbox	{
font-size: 12px;
padding: 10px 10px 20px 10px;
border: 1px solid #E4EFF4;
background: #F8FBFE none;
}

/* firewall settings */

.fwsettings dt	{
font-weight: bold;
}

.fwsettings dd	{
padding: 0 0 0 5px;
margin: 0 0 20px 22px;
padding: 0;
}


.notop {
  margin-top: 0;}
  
.header-underline{
    background-color: #FF6600;}
	
.header-page-title{
   	font-family: Verdana, Tahoma, Verdana, Arial;
	font-size: 18px;
    font-weight: bold;
	color: #333333;}
	
	

/*Summary page*/

.servicecategory {
  color: #388014;}

table.contact-summary td,
table.contact-summary th {
  padding-right: 2em;
  font-size: 12px;
  text-align: left;
  vertical-align: top;}

.section-title {
  color: #BF0900;}


/*Contact details*/
table.contact-details th {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  text-align: left;}

table.contact-details td {
  padding: 2px;
  padding-right: 2px;
  text-align: left;
  vertical-align: top;}

table.contact-details td input,
table.contact-details td textarea,
table.contact-details td select,
table.mailbox-order td input,
table.ripe td input,
table.ripe td select,
input.typical-style,
select.typical-style,
textarea.typical-style {
  background-color: #E5EBF4;
  border: solid 1px #C3CFE0;}

table.contact-details td.options {
  padding-top: 1em;
  text-align: right;}

table.contact-details td.options input,
div.primary-billing-area input,
table.mailbox-order td input.submitbutton,
/*input.submitbutton {
  background-color: #C3CFE0;
  border-bottom: solid 2px #A3C3DA;
  border-right: solid 2px #A3C3DA;
  border-left: solid 2px #E5EBF4;
  border-top: solid 2px #E5EBF4;}*/


table.contact-details tr.spacer td.submitarea {
  text-align: center;}

/*table.contact-details tr.spacer td.submitarea input {
  background-color: #C3CFE0;
  border-bottom: solid 2px #A3C3DA;
  border-right: solid 2px #A3C3DA;
  border-left: solid 2px #E5EBF4;
  border-top: solid 2px #E5EBF4;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;}*/

table.contact-details tr.spacer td hr {
  background-color: #C3CFE0;
  color: #C3CFE0;
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 80%;}


	
 
/* Order Tracker Summary  */  
.text-green {
	font-family:Verdana,Geneva,Arial,sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color: #009933;
	text-decoration: none;}
	
.text-orange {
	font-family:Verdana,Geneva,Arial,sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color: #FF6600;
	text-decoration: none;}
	
.text-red {
	font-family:Verdana,Geneva,Arial,sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	color: #CC0000;
	text-decoration: none;}
	
/************************

       ADSL Stats

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

table.data-summary th,
table.data-summary td {
  padding-right: 3em;
  text-align: left;}

table.data-summary td.data-amount {
  padding-right: 1em;}

table.data-summary tr.totals td {
  border-top: solid 1px black;}

table.data-summary tr.totals td.total {
  font-weight: bold;
  text-align: right;}

table.data-summary td.bytes {
  color: #000000;}

table.data-summary td.kb {
  color: #248F0B;}

table.data-summary td.mb {
  color: #2867BD;}

table.data-summary td.gb {
  color: #D21010;}

table.data-summary td.tb {
  color: #981A1A;
  font-weight: bold;}

table#holder td#range-selector-holder div {
  background-color: #DDE4EE;
  border: solid 1px #B3C3D9;
  padding: 0.5em;}

table#holder td#range-selector-holder table#stats-date-range td,
table#holder td#range-selector-holder table#stats-date-range th {
  text-align: left;
  vertical-align: middle;}

table#holder td {
  vertical-align: top;}

table#holder td#stats-data {}

table#holder td#months-links-holder {
  padding-left: 5em;}

table.months-links td,
table.months-links th {
  text-align: left;}

table.months-links td {
  font-size: 8pt;}

div.months-links-holder {
  float: right;}

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

       Listing

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

table.invoice-list th,
table.invoice-list td {
  padding-right: 2em;
  text-align: left;}


/*********************** 
                                         
  Rendering an invoice 
 
***********************/

table.invoice-prices {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;}

table.invoice-prices th.title {
  border-bottom: solid 1px #BBBBBB;
  color: #555555;
  font-weight: bold;
  padding-right: 3em;
  text-align: left;}

table.invoice-prices td.title {
  padding-right: 3em;
  text-align: left; }

table.invoice-prices th.withsubs {
  width: 100%;}

table.invoice-prices td.price {
  text-align: right;
  vertical-align: bottom;}

table.invoice-prices tr.subtotal td {
  border-top: solid 1px #BBBBBB;}

div.invoice-surround {
  background-color: #F5F9FB;
  border: solid 2px #E4EFF4;
  margin-left: 1em;
  margin-right: 1em;
  padding: 2em;}

div.invoice-surround address.customer {
  float: left;}

div.invoice-surround address.metronet {
  float: right;}

table.invoice-info {
  clear: both;}

table.invoice-info td {
  background-color: #FFFFFF;
  border: solid 1px #E4EFF4;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;}

table.regnums td {
  text-align: center;}

.invoice-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;}

div.warning {
  background-color: #FDD;
  border: 1px solid red;
  color: red;
  padding: 0.8em;
  margin: 0.5em;}


/****************************
 
Colours for invoices status 

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

.status-paid {
  color: #388014;}

.status-unpaid {
  color: #000000;}

.status-overdue {
  color: #BF0900;}

.status-void {
  color: #777777;}

/*Orders*/

input.orderbutton {
  background-color: #C3CFE0;
  border-bottom: solid 2px #A3B3DA;
  border-right: solid 2px #A3B3DA;
  border-left: solid 2px #E5EBF4;
  border-top: solid 2px #E5EBF4;
  width: 8em;}



div.errors {
  background-color: #F7E0E0;
  border: solid 1px #E4A3A3;
  color: #DC0000;
  margin-bottom: 1em;
  padding: 1em;}

div.order-note {
  background-color: #E9F7E0;
  border: solid 1px #A2D185;
  color: #45891D;
  font-weight: bold;
  padding: 1em;}

table.orderprices {
}

table.orderprices th {
  border-bottom: solid 2px #C8DCEA;
  padding-right: 5em;
  text-align: left;}

table.orderprices td {
  padding-right: 2em;}

table.orderprices td.price {
  padding-left: 1em;
  padding-right: 0;
  text-align: right;
  vertical-align: bottom;}

table.orderprices tr.subtotal td {
  border-top: solid 1px black;}

table.paymentdetails td input,
table.paymentdetails td textarea,
table.paymentdetails td select {
  background-color: #E5EBF4;
  border: solid 1px #C3CFE0;}

div.jump-to-holder {
  background-color: #E5EBF4;
  border: solid 1px #C3CFE0;
  float: right;
  margin: 1em;
  padding: 1em;}

div.jump-to-holder div.title {
  font-size: 8pt;
  font-weight: bold;}

table.ip-requirements th,
table.ip-requirements td,
table.explanation td,
table.explanation th {
  vertical-align: top;
  white-space: nowrap;}

div.order-type-heading {
  border-bottom: solid 1px #D2D2D2;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-align: left;}
  
div.order-type-heading.first {
  margin-top: 0;}

table.order-links td {
  padding-right: 5em;
  padding-left: 2em;}

table.order-links td img {
  vertical-align: left;}

table#ecoli-check-holder td {
  vertical-align: top;}


/* BORDER STYLES - USE FOR BOXED LAYOUT */
.border-line {
	PADDING: 4px;
	BORDER: solid 1px #999999;
	BACKGROUND-COLOR: #ffffcc}
	
.border-dash {
	PADDING: 4px;
	BORDER: dashed 1px #660066;
	BACKGROUND-COLOR: #ededed}
	
.border-dot {
	PADDING: 4px;
	BORDER: dotted 2px #660066;
	BACKGROUND-COLOR: #ededed}
	
.border-double {
	PADDING: 4px;
	BORDER: double 3px #660066;
	BACKGROUND-COLOR: #ededed}
	
.announcement-box{
	border: #CCCCCC 1px solid;
	background-color: #FFFFCC}
	
.announcement-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;}
			
/*FORMS */
.form-field {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color:#000000;
	BACKGROUND-COLOR: #E7EBF7;
	BORDER: #9CADCE 1px solid;}
	
.form-field-white {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none; 
	color:#000000; 
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #FF6600 1px solid;}
	
.form-button {
	font-family:Verdana, Tahoma, Verdana, Arial, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration: none; 
	color:#FFFFFF;
	background: #FF6600; 
	BORDER: #ededed 1px solid; 
	cursor: pointer;}
	
.form-menu {
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Tahoma, Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: #E7EBF7}
	
.form-menu-white {
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Tahoma, Verdana, Arial, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF}
	
.coolbox {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Tahoma, Verdana, Arial, sans-serif; 
	FONT-SIZE: 9px; 
	FONT-WEIGHT: normal}
	
/*Fancy Proxy Popups*/
.proxydetails a:hover {
  text-indent:0;
  position:relative;
}

.proxydetails a span {
  display:none;
  position:relative;
}

.proxydetails a:hover span {
  display:block;
  border:1px solid #CFDFEB;
  position:absolute;
  margin-left:2em;
  margin-top:1em;
  width:80%; 
  left:2em;
  top:1em;
  color:#000000;
  background-color:#F2F7FC;
  z-index:100;
  text-align:justify;
}

.proxy table {
  width: 100%;
  border-collapse: collapse;
}

.proxy th {
  padding: 4px;
  border: 1px solid #B6C4DE;
}

.proxy td {
  padding: 4px;
  border: 1px solid #B6C4DE;
}


	

	
/* CONNECT VIEW MY USAGE */
.connect-usage-blue {
	background-color: #F2F5FF;
	border-bottom: solid #CCCCFF 1px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;}
.connect-usage-tablebackground {
	background-color: #F2F5FF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;}
.connect-usage-title  {
	background-color: #3399CC;
	border-bottom: solid #ffffff 1px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;}
.connect-usage-days {
	background-color: #3399CC;
	border-bottom-style: solid #3399CC 1px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;}
.connect-usage-currentuse {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;}
.connect-usage-currentuse:hover {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;}
.connect-usage-currentuse_today {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF3333;
	text-decoration: none;}
.connect-usage-currentuse_today:hover {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF3333;}
.connect-usage-alert {
	background-color: #FFFFFF;
	border: 1px solid #FF3333;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;}
.connect-usage-alert:hover {
	background-color: #FFFFFF;
	border: 1px solid #FF3333;
	padding: 1px;
	margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;}
.connect-usage-dropdown_table {
	background-color: #F2F5FF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    font-weight: bold;}
.connect-usage-menu  {
    color : #000000;
    background-color: #D0E1FF;
    border-color : #3399CC;
    font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
    font-size: 8pt;
    font-weight: normal}
.connect-usage-key {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;}
.connect-usage-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;}
.connect-usage-normal_text {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;}
.connect-usage-alert_header {
	color: #FF3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;}
.connect-usage-normal_text_bold {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold}
.connect-usage-normal_text_bold_red {
	color: #FF3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;}
	
/* FORUM STYLESHEET VALUES */
.mainmenu		{ font-size : 11px; font-weight: normal; color : #000000 }
a.mainmenu		{ text-decoration: none; font-weight: normal; color : #FF6600;  }
a.mainmenu:hover{ text-decoration: underline; font-weight: normal; color : #FF6600; }

td.divider { background-image:   url(/central/forums/templates/portalSkin/images/divider.gif);	background-color: #FFFFFF; border: #FFFFFF; border-style: solid; height: 12px; }

.forumline	{ background-color: #FFFFFF; border: 1px solid #cccccc; }

th	{ color: #FFFFFF; font-size: 11px; font-weight : bold; background: #B6C4DE none; height: 25px; }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image:   url(/central/forums/templates/portalSkin/images/cellpic1.gif);	background-color:#FFFFFF; border: #FFFFFF; border-style: solid; height: 28px; }

td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #E5EBF4; }
td.row3	{ background-color: #E5EBF4; }
td.row3Right { background-color: #E5EBF4; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

.postdetails { font-size : 10px; color : #000000; }

.quote {
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #444444; line-height: 125%;
        background-color: #FFFFFF; border: #D1D7DC; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.code {
        font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #444444; line-height: 125%;
        background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000;}
a.cattitle		{ text-decoration: none; color : #FF6600; }
a.cattitle:hover{ text-decoration: underline; }




/* BBC Newsfeeds styles this is realley annoying! */

.bbc {
	color: #000000;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;}
.bbc a{
	color: #000000;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration: none;}
.bbc a:hover{
	color: #000000;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration: underline;}

.bbc_footer {
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;}
.bbc_footer a{
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration: none;}
.bbc_footer a:hover{
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration:underline;}

.bbc_footer_sport {
	color: #FFCC00;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;}
.bbc_footer_sport a{
	color: #FFCC00;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration: none;}
.bbc_footer_sport a:hover{
	color: #FFCC00;
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-decoration:underline;}

/* Voting Poll */	
.poll{
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 9pt;}

/* Upgrade */	
.upgrade_headerbg {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 12px;
   color: #000000;
   background-color: #AEBBD4;
   font-weight: bold;}  
   
.upgrade_footerbg {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
   font-size: 12px;
   color: #000000;
   background-color: #FEF3E4;
   font-weight: bold;}
 
.upgrade_subbg {
   font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; 
   font-size:11px; 
   font-weight:normal; 
   text-decoration: none;
   color: #333333;	
   background-color: #F1F3FA;}
   


/* hides the homepage web spiders content */
.dom {
	display: none;
	color: #FFFFFF;}
	

/* Sales Journey table styles */

.sales-box-header {
	background-color: #AEBBD4;
	font-family: Verdana, Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* House Moves */
#questions{
width:400px; 
}

#questions h2{
width: 380px;
background:#AEBBD4;
padding: 3px 10px 3px 10px;
font-size:12px;
color:#000000;
font-weight:bold;
margin:0;
}

#questions p{
font-size:12px;
margin: 0 0 15px 0;
}


* html #questions h2{
width: 400px;
}

.questionblock{
width: 378px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #DEDDE6;
padding: 10px;
margin: 0 0 20px 0;
}
* html .questionblock{
width: 400px;
}



.continueheader{
width: 158px;
float:left;
background:#F4F7FB;
padding: 3px 10px 3px 10px;
font-size:12px;
color:#AEBBD4;
font-weight:bold;
margin:0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #DEDDE6;
}
* html .continueheader {
width: 180px;
}


.continueheadergrey{
width: 158px;
float:left;
background:#DEDDE6;
padding: 3px 10px 3px 10px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
margin:0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #DEDDE6;

}
* html .continueheadergrey {
width: 180px;
}

#continue{
width: 158px;
float:right;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #DEDDE6;
margin: 0 ;
padding:10px;
font-size:11px;
}
* html #continue {
width: 180px;
}

#moveprogress {
width: 580px;
border-width: 1px 1px 6px 1px;
border-style: solid;
border-color: #DEDDE6;
float:left;
padding:10px 10px 0 10px;
margin:0 0 30px 0;
}
* html #moveprogress {
width:600px;
}

#moveprogress .current {
color:#B94286;
font-weight:bold;
display: inline;
padding: 0 15px 20px 15px;
text-align:center;
background-repeat: no-repeat;
background-image:url(images/membercentre/house_moves/housemoves_v1_sliced_arrow.gif);
background-position: bottom center;
}


#moveprogress ul {
padding:10px 0 19px 0;
margin: 0;
text-align:center !important;
}


#moveprogress li {
display: inline;
padding: 0 15px 0 15px;
text-align:center;
color:#999999;
font-weight: bold;
}

#moveprogress li a{
font-weight: bold;
}

#moveprogress li a:hover{
font-weight: bold;
}

.housemoves_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	height: auto;
	width: auto;
	background: #F4F7FB;
	border: 1px solid #AEBBD4;
}

.housemoves_input_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0;
	height: auto;
	width: 120px;
	background: #FFFFFF;
	border: 2px solid #AEBBD4;
}

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

   Misc

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

th.tablename,
td.tablename {
  text-align: left;
  background-color: #FFFFFF;}

th.tablevalue,
td.tablevalue {
  text-align: left;}

h4.highlighted {
  background-color: #E5EBF4;
  border-bottom: solid 1px #C3CFE0;
  border-top: solid 1px #C3CFE0;
  font-size: 14px;
  padding: 0.4em;}

span.required {
  font-size: 8pt;
  color: #BF0900;}

.warning {
  color: #BF0900;}

table.information th,
table.information td {
  vertical-align: top;
  white-space: nowrap;}
  
  /****************************

  Search

****************************/
  
.dSearchResList{
margin:20px 0 0 0;
}
.dSearchResList h2{
padding:0;
margin:4px 0 4px 0;
background:#fff none;
font-size:12px;
}
.dSearchResList p{
margin:0;
}
.dSearchResList p.pSearchDetails{
margin:4px 0 20px 0;
}
.dSearchResList span.pSearchColour{
color:#9b9b9b;
}

.dSFResL{
float:left;
}
.dSFResR{
float:right;
}

.dSFResH{
padding:4px;
background: transparent none;
color:#000;
}

/* search form title bars */
.h1search{
margin:7px 0 10px 0;
padding:0 0 5px 0;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
}

#dSearchForm fieldset,#dSearchFormSmall fieldset{
border:1px solid #dedede;
padding:10px;
background:#FFFFCC none;
}
#dSearchForm legend,#dSearchFormSmall legend{
display:none;
visibility:hidden;
}
#dSearchForm input,#dSearchFormSmall input{
border:1px solid #999;
}
#dSearchForm select{
border:1px solid #999;
}
#dSearchForm label,#dSearchFormSmall label{
font-size:12px;
}
#dSearchForm .iGSearchButton,#dSearchFormSmall .iGSearchButton{
border:1px solid #70859e;
margin:0 0 0 4px;
padding:2px 4px 1px 4px;
background:#fff none;
font-size:10px;
}
#dSearchForm a{
font-size:12px;
text-decoration:none;
}
#dSearchForm h2{
font-size:12px;
}


/* search form and results page */

#dSearchTree ul{
margin:20px 0 20px 0;
padding:0;
}
#dSearchTree	ul li{
padding:3px;
display:inline;
list-style-type:none;
font-size:12px;
}

/* forgotpassword page */

.alt_border_right {
border-right: 1px solid #B6C4DE;
}

/* P72565 */
input.readOnly {
background:none #DEDFE1;
}

.close_text h1 {
  font-size:20px;
  color:#AE1C6D;
}

.close_text li {
  width:auto !important;
}