/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: #e5e5e5;
	text-align: center;
	min-width: 1100px;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

input { padding: 2px; }

span.help {
  font-size: 10px;
  color: #666;
}

p {
	font-size: 12px;
	line-height: 16px;
}

small {
	font-size: 10px;
	line-height: 13px;
	}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 20px 0 5px 0px;
	color: #333;
	font-size: 14px;
	padding: 0;
}

h3 {
	margin: 20px 0 0 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 14px;
	padding: 0;
}

a:link, a:visited {
color: #ff0000;
}

a.admin:link, a.admin:visited {
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

a:hover, a.admin:hover {color: #FFFFFF; background-color: #FF0000;}

/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
  padding: 0 23px 0 30px;
  margin: 0 auto;
}

.Container {
	margin: 12px auto 0 auto;
	text-align: center;
	min-width: 750px;
	}

.ClearAll {
	clear: both;
	}

#DashContentFrame {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 69%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

#Footer {
	clear: left;
	font-size: 9px;
	color: #666;
	margin: 4px 0 20px 20px;
	text-align: left;
	padding-bottom: 15px;
}

#Footer a:link, #Footer a:visited {
	color: #666;
}

#Footer a:hover {
	color: #fff;
	background: #666;
}

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#Header {
	/*width: 100%;*/
	background: #036;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
    position: relative;
    background-image: url("../images/headerbg.gif");  
	}	

#Header h1 /* client name */ {
	padding: 0 0 10px 0;
	margin: 7px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	text-align: left;
	}	

#Header h3 {
	padding: 0 30px 0 32px;
	margin: 7px 0 0 0;
	font-size: 9px;
	font-weight: normal;
	font-family: verdana;
	text-align: left;
}

#Header h3.global {
  position: relative;
  float: right;
  text-align: right;
  width: 300px;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 0 1px 30px;
	height: 25px;
	padding: 0;
	min-width: 900px;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs a:link, #Tabs a:visited {
float: left; /* for IE6 */
font-size: 12px;
font-weight: normal;
padding: 4px 8px 5px 8px;
margin: 0;
text-decoration: none;
background-color: #621300;
color: #fff;
border: 1px solid #430E01;
border-bottom: 1px solid #430E01;
}

#Tabs a:link.highlight, #Tabs a:visited.highlight
{
  background-color: #D46348;   
}

#Tabs a:hover, #Tabs a:hover.highlight {
color: #fff;
background-color: #1D64AD;
border-bottom: 1px solid #1D64AD;
}


/*-------------------------------------------------
SECTION HEADER
-------------------------------------------------*/

.SectionHeader {
  padding-top: 0px;
	margin: 0 0 30px 0;
}

div.Left .SectionHeader,
div.Full .SectionHeader {
  text-align: center;
}

.SectionHeader h1 {
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	margin: 0;
	font-size: 16px;
	color: #000;
}

/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.Right h1 {
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #000;
}

.Right p {
  font-size: 11px;
  line-height: 14px;
}


/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION 
-------------------------------------------------*/

.col {
	padding: 0 20px;
	text-align: left;
}

div.Left .col
{
  padding: 15px 10px 10px 20px;
  background: #fff;
}

div.Left .bottom,

div.Right .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}

/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

.basic_form {
  font-family: verdana, sans-serif;
  background-color: #DEDEDE;
  padding: 3px;
}

.basic_form p.blockintro {
	color: #666;
	font-size: 11px;
  line-height: 14px;
  margin: 0;
}

.basic_form dl {margin: 2px;}

.basic_form dt {
  width: 150px;
  margin: 8px 5px 0px 8px; padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
  position: relative;
  font-size: 11px;
}

.basic_form dd {
  margin: 0px 0px 0px 163px;
  font-size: 10px;
}

.basic_form dd select {margin: 3px 0px 3px 0px;}
.basic_form dd input, .basic_form dd select {background:#fff url(../images/fieldbg.gif) repeat-x top; }
.basic_form dd input.radio {background: none; margin: 5px 5px 8px 0px;}

.basic_form dt.required, .basic_form dd label.required, .basic_form dt.requiredlargespaced, .basic_form dt.requiredsmallspaced
{
    font-size: 11px;
    font-weight: bold;
}

.basic_form dd input {
  vertical-align: middle;
}

.basic_form dd input.companylarge {width: 150px;}
.basic_form dd input.companysmall {width: 30px;}
.basic_form dd input.namesmall {width: 80px; }

.basic_form dd input.large {width: 300px;}
.basic_form dd textarea.large {width: 300px; height: 150px;}

.basic_form dd.largespaced, .basic_form dt.largespaced, .basic_form dt.requiredlargespaced {padding-top: 20px;}
.basic_form dd.smallspaced, .basic_form dt.smallspaced, .basic_form dt.requiredsmallspaced {padding-top: 15px;}

#Header {
background-color: #851a01;
height: 71px;
/*background-image: url("images/headerbg.gif");*/
}

#Header h1 {
color: #fff;
}

#Header h3, #Header h3 a:link, #Header h3 a:visited {
color: #fff;
}

#Header h3 a:hover {
color: #fff;
background-color: #1D64AD;
}

#Header h1 a:link, #Header h1 a:visited {
color: #fc0;
text-decoration: none;
}

#Header h1 a:hover {
color: #fc0;
background-color: #036;
text-decoration: underline;
}

/* ---------------------------------------------------------------- */
#summarytable { width: 100%; border-collapse:collapse; margin: 0px; padding: 0px; }
#summarytable th {padding: 2px; font-weight: normal; font-size: 11px; vertical-align:bottom; border-bottom: solid 1px #BBBBBB; text-align:left;}
#summarytable td {padding: 2px; font-size: 11px; border-bottom: solid 1px #DDDDDD; vertical-align: middle;}
#summarytable td.amount {text-align:right; padding-right: 3px;}
.progressoutline {border: solid 1px #CDCDCD; width: 50px; height: 5px; line-height: 2px; }
.progressoutline img {border: 0px;}
.progressoutline a:hover {background-color: #FFFFFF;}
.summaryfilter {float:left; margin-right: 6px; }
.summaryfilter a {font-size: 11px; }
.summaryfilter form {padding: 2px 0px 0px 6px;}
#summarysearch {text-align:right;}
.summaryinfo {position:absolute; width:140px; height:120px; border: solid 1px #000000; display: none; margin-left: 15px; padding: 3px; background-color: #FFFFFF;}
.summaryinfo2 {position:absolute; width:140px; height:80px; border: solid 1px #000000; display: none; margin-left: 15px; padding: 3px; background-color: #FFFFFF;}
.summaryinfo3{position:absolute; width:140px; height:60px; border: solid 1px #000000; display: none; margin-left: 15px; padding: 3px; background-color: #FFFFFF;}
.infoimage {float:left;}

#summarystats {background-color: #FFFFFF; margin-left: 10px; padding: 10px;}
#summarystats h2 {margin-top: 0px;}
#summarystats table {width: 100%;}
#summarystats table td {font-size: 12px; padding: 3px 0px 10px 0px;}
#summarystats table td.right {text-align:right; padding-right: 10px;}

.ratetable { border-collapse: collapse; margin: 0 auto; margin-bottom: 20px;  }
.ratetable td { background-color: #e0e0e0; border: solid 2px #ffffff; font-size: 12px; text-align: center; padding: 8px; vertical-align: middle;}
.ratetable td img {border: 0px;}
.ratetable th { background-color: #e0e0e0; border: solid 2px #ffffff; font-size: 12px; font-weight: bold; text-align: center; padding: 8px;}

.actionstable { border-collapse: collapse; width: 100%; margin-bottom: 30px;}
.actionstable th {font-weight: bold; border: solid 1px #AAAAAA; padding: 4px; font-size: 11px; }
.actionstable td {border: solid 1px #AAAAAA; padding: 4px; font-size: 11px;}

.statstable { border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.statstable th {font-weight: bold; border: solid 1px #AAAAAA; padding: 4px; font-size: 11px; }
.statstable td {border: solid 1px #AAAAAA; padding: 4px; font-size: 11px;}

.accounthistorytable { border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.accounthistorytable th {font-weight: bold; border: solid 1px #AAAAAA; padding: 4px; font-size: 11px; }
.accounthistorytable td {border: solid 1px #AAAAAA; padding: 4px; font-size: 11px;}

td.suspended {color: #0000FF;}

div.Right .col ul li {font-size: 11px;}

#termsandconditions {text-align:left; padding: 10px; margin: 0px;}

.successmessage {font-weight: bold; color: #055E09; text-align: center;}

.actionrequiredlinks a {font-size: 11px; margin: 10px; font-weight: bold;}

#account_tabs {text-align:center;}
#account_tabs a {font-size: 12px; background: #981D01; color: #FFFFFF; padding: 5px 20px 5px 20px; margin: 0px; border: solid 1px #000000;}
#account_tabs a.greyed {color: #9E9C9C; }
#account_tab_content {border: solid 1px #CCCCCC; padding: 10px; clear: both;}

#tutorial h1 {color: #5F0B00; font-size: 26px; font-weight: bold;}
#tutorial h1 a {color: #5F0B00; font-size: 26px; text-decoration:none;}
#tutorial h1.center {text-align:center;}
#tutorial h1.centernounderline {text-align:center; border-bottom: none; margin-top: 10px;}

.tutoriallinks {text-align:right;}
.tutoriallinks a {font-size: 12px; font-weight: bold;}

p.largecentred {font-size: 16px; text-align:center; font-weight: bold;}
p.warningsection {border: solid 2px #FF0000; padding: 10px; font-size: 13px; }

div.addressfield {margin: 0px; padding: 5px 0px 0px 0px; float: right; font-size: 0.82em; line-height: 13px; letter-spacing: 0px;}

#adddebtform label {font-size: 14px;}
.adddebtstep {font-weight:bold; font-size: 11px; text-align: right;}
.adddebtlink {font-weight:bold; font-size: 11px; text-align: right; color: #FF0000;}

#replytonoteform textarea {width: 350px; height: 200px;}
#formFields {margin-left: 0px; padding: 0px;}

p.actionhistory {border-bottom: solid 1px #DDDDDD; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; margin-bottom: 0px;}
a.actionhistory {font-size: 11px; margin: 0px 10px 0px 10px;}

#currencyconverter {background-color: #FAF8F6; }
#currencyconverter table {width: 440px;}
td.ccdark {background-color: #860000; vertical-align: top; }
td.ccdark p {color: #FFFFFF; }
td.cclight {background-color: #A53B3B; vertical-align: top; }
span.ccsmalllighttext {font-size: 10px; color: #FFFFFF; }
td.ccresult { color: #FFFFFF; font-size: 18px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-align: center;}
p.cccredit { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; margin-top: 5px;}

form.simplecentred {font-size: 12px; text-align:center;}