﻿body
{
	margin: 0;
	padding: 10 px;
	font-family : Georgia, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	line-height: 1.6em;
	color: #000;
	background: #fff;
}

h1 {font-size: 150%; line-height: 1.5em;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 105%;}
h1.compact {margin-bottom: 0; display: inline;}
h4.compact {margin-bottom: 0; display: inline;}
h6.compact {margin-bottom: 0; display: inline;}

p {margin-top: 0;}
td {font-size: 9pt;}
div.tablewrap {width: 100%;}

div.center10 {width: 10%}
div.center20 {width: 20%}
div.center30 {width: 30%}
div.center40 {width: 40%}
div.center50 {width: 50%}
div.center60 {width: 60%}
div.center70 {width: 70%}
div.center80 {width: 80%}
div.center90 {width: 90%}

div.boxedin {border: 1px solid #000; padding: 1px;}
div.error {padding: 10px 10px 20px 52px; background: #ddd url('/images/alert_32.gif') no-repeat 10px 10px;}

span.required {font-size: 120%; font-weight: bold; color: red;}

img.paypalverify {
	float: right; 
	position: relative; 
	clear: both;
}

.dockclass
{
	position: relative; 
	float: right;
	background: #eee; 
	padding: 10px;
	border: 1px solid #000;
	width: 200px;
}

input, select {
	font-size: 9pt; 
	font-family : Verdana, Arial, Helvetica, Sans-Serif; 
	border: 1px solid #000;
}


table
{
	border-collapse: collapse;
	width: 100%;
}

tr.groupheader td, td.groupheader
{
	font-weight: bold;
	border: 1px solid #000;
	padding: 2px;
	background: #99FF99;
}

tr.columnheader td, td.columnheader
{
	font-weight: bold;
	text-align: center;
	background: #333;
	color: #fff;
	border: 1px solid #eee;
	padding: 1px 1px 1px 4px;
}

tr.columnheader td a, td.columnheader a{color: #fff;}


tr.columnheader.left td, td.columnheader.left {text-align: left;}
tr.columnheader.right td, td.columnheader.right {text-align: right;}

tr.columnheader.split td
{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;	
	background: #ddd;	
	color: #000;
}

tr.uline td {border-bottom: 1px solid #000;}

td.data 
{
	text-align: right;
	border-right: 1px solid #ccc;
}

tr.line0 td {background: #fff;}
tr.line1 td {background: #eee;}

tr.attention td {background: #F6C6D1;}

tr.totals td
{
	font-weight: bold;
}

td.mon, td.wed, td.fri{background: #fff;}
td.tue, td.thu, td.sat{background: #CCFFCC;}

table.invoice {width: 80%;}
table.invoice tr.itemline td {border-bottom: 1px solid #000;}
table.invoice tr.totalline td {font-weight: bold; font-size: 12px;}

#wrap
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 100%;
	border: 1px solid #000;
	background: #fff;	
}

.logo
{   
	margin: 0;
	padding: 0;
	color: #fff;
	background: url('/images/bluecolumns.jpg') no-repeat;	
	height: 147px;
}


.logo a {color: #fff; text-decoration: none;}

.logo.goldcols {background: url('/images/goldcolumns.jpg') no-repeat;}
.logo.abe {background: url('/images/abe.jpg') no-repeat;}
.logo.george {background: url('/images/george.jpg') no-repeat;}

.titlestrip {
	font-size: 110%;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding: 1px 1px 1px 6px;
}

#content
{
	background: #fff;
	margin: 0;
	padding: 10px;
	vertical-align: top;
	clear: both;
}

/*-----------------------------*/
/*-----[ menu bar ]------------*/
/*-----------------------------*/
ul#navlist {
	float: left;
	position: relative;	
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff;
	}

ul#navlist li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	}
	
ul#navlist a {
	float: left;
	padding: 0 12px;
	text-decoration: none;
	color: #000;
	border: 0;	
	}
	
ul#navlist li#start1 {
	background: #000; 
	color: #fff; 
	padding: 0 30px 0 0; 
	font-weight: bold; 
	font-size: 110%;
	}

ul#navlist li.highlight{
	font-weight: bold;
	background: url('/images/menuback.gif') repeat-x;}	

ul#navlist li.splitter {width: 20px; padding: 0; background: url('/images/menuslant_light.gif') no-repeat;}
ul#navlist li.splitter.darklight{background: url('/images/menuslant_darklight.gif') no-repeat;}
ul#navlist li.splitter.lightdark{background: url('/images/menuslant_lightdark.gif') no-repeat;}

				
.zero {color: red; font-weight: bold;}

.reportoption
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}


.reportoption li
{
	float: left;
	padding: 2px;
	margin: 0;
	border-right: 1px solid #ccc;
}

div.warning {display: inline; height: 25px; font-size: 12px; margin: 10px; color: red; padding-left: 20px; background: url('/images/bang.gif') no-repeat 1px 1px;}

/* ------------------------------------------------ */
/* ---[ footer ]----------------------------------- */
/* ------------------------------------------------ */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 84%;
	background: #003366 url('/images/footerbg.gif') repeat-x;
	color: #fff;
	border-top: 1px solid #000;
	}
#footer span {
	margin: 0;
	padding: 3px 0 3px 25px;	
	}
