body {
	font-family:Helvetica, Arial, sans-serif;
	background-image:url(images/background.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#657077;
	margin:40px;
	font-size:10pt;
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:600px;
}

#tabbed_box_1 a.showAll {
    font-size:100%;
    color: #fff;
    margin-top:10px;
    text-decoration:none;
}.tabbed_box h1 {
	font-size:150%;
	color:#fff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h2 {
	font-size:110%;
	color:#eee;
	letter-spacing:-1px;
	margin-bottom:10px;
	margin-top:-23px;
	text-align:right;
}

.tabbed_box h2 a {
    color:#fff;
    text-decoration:none;
}

.tabbed_area {
	border:1px solid #494e52;
	background-color:#636d76;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.png);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.png);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	background-image:url(images/content_bottom.png);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}

/* Hide three other tabs */
#content_2, #content_3, #content_4 { display:none; }

.content ul {
	margin:0px;
	padding:0px 10px 0px 10px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:100%;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}

.alertMessage, .errorMessage {
	background: #fff6bf url(images/icon_exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.infoMessage, .systemMessage, .info {
	background: rgb(248, 250, 252) url(images/icon_information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid rgb(181, 212, 254);
	border-bottom: 2px solid rgb(181, 212, 254);
}

.statusMessage {
	background: url(images/icon_loading.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-weight:bold;
	font-size:120%;
}

fieldset { border:0; }
fieldset legend { font-weight:bold; border:0; }

form.contact label { font-weight:bold; }
form.contact label.error { color:#f00; padding:2px; border:solid 1px #f00; margin-left:10px; }
form.contact input.text { width: 350px; }
form.contact select { width: 200px; }
form.contact textarea { width: 350px; height:300px;  }
form.contact input.button { width:100px; }

form.login label { font-weight:bold; }
form.login label.error { color:#f00; padding:2px; border:solid 1px #f00; margin-left:10px; }
form.login input.text { width: 350px; }
form.login input.button { width:100px; }

form.payment label { font-weight:bold; }
form.payment #payment_amount { width: 165px; font-size:150%; text-align:right; }
form.payment #payment_ref { width: 165px; font-size:150%; text-align:right; }

table.profile { width:100%; }
table.profile tr th { width: 175px; background-color:#eee; text-align:left; font-weight:bold; padding:5px; }
table.profile tr td { text-align:left; padding:5px; }

table.invoices { width:100%; }
table.invoices tr th { background-color:#eee; text-align:left; font-weight:bold; padding:5px; border-bottom:solid 2px #000; }
table.invoices tr td { text-align:left; padding:5px; border-bottom:dotted 1px #ccc;}
table.invoices tr td.decimal { text-align:right; width:85px;}

table.invoiceHeader { width:100%; }
table.invoiceHeader tr th { background-color:#eee; text-align:left; font-weight:bold; padding:5px; border-bottom:solid 2px #000; }
table.invoiceHeader tr td { text-align:left; padding:5px; border-bottom:dotted 1px #ccc;}
table.invoiceHeader tr td.decimal { text-align:right; width:85px; }

table.invoiceItems { width:100%; }
table.invoiceItems tr th { background-color:#eee; text-align:left; font-weight:bold; padding:5px; border-bottom:solid 2px #000; }
table.invoiceItems tr td { text-align:left; padding:5px; border-bottom:dotted 1px #ccc;}
table.invoiceItems tr td.decimal { text-align:right; width:85px;}

table.invoiceFooter { width:100%; }
table.invoiceFooter tr th { width: 75px; background-color:#eee; text-align:left; font-weight:bold; padding:5px; }
table.invoiceFooter tr td { text-align:left; padding:5px; }