body{ background:url("/images/bodybgh.png") 0 0 repeat-x; }
#mainBody{width:900px;}


ul.tabRow{ text-align:left; margin: 0 0 0 20px; list-style: none; padding: 0; }
.tabRow li{ text-align: left;	list-style: none; float: left; background: url(/images/tabs.gif) right -108px no-repeat; margin: 0 3px 0 0; position: relative; top: 2px; left: 0px; }
.tabRow li a{ display: block; background: url(/images/tabs.gif) left -72px no-repeat; color: white; text-decoration: none; padding: 0.6em 1em 0.25em;}
.tabRow a:hover { color: #ddd; }
.tabRow .selected, .tabRow .editselected { font-weight: bold; background: url(/images/tabs.gif) right -36px no-repeat; top: 0; left: 0;}
.tabRow .selected a, .tabRow .editselected a { background: url(/images/tabs.gif) left 0 no-repeat; color: white; }
.tabRow .edit{ background: url(/images/tabs.gif) right -180px no-repeat;}
.tabRow .edit a{ background: url(/images/tabs.gif) left -144px no-repeat; }
.tabRow .cancel{ background: url(/images/tabs.gif) right -252px no-repeat;}
.tabRow .cancel a{ background: url(/images/tabs.gif) left -216px no-repeat; }

.title{ font-size: 20pt; margin: 0px; padding:4px; clear: left; text-align: left; }
.tabRow form {padding: 0; margin:-2px -2px 1px -2px}
.tabRow input {padding: 0 0 0 3px; margin: 0; border: 0;}

/* The drop down menu style */
.nav{ display: block; clear: right; font-size: 9pt; text-align:left;}
.nav img{ position: relative; top: 2px; }
.nav ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 6;}
.nav li { float: left; position: relative; z-index: 2; margin: 2px;}
.nav li ul { display: block; display: none; position: absolute; left: 0;}
.nav ul li ul li{	margin: -1px 0 0 0; position: relative; width: 7em; clear: left;}
.nav li:hover ul, .nav li.over ul { display: block; }
.nav ul li a,.nav ul li a:link,.nav ul li a:visited,.nav ul li a:active{ margin: 0; padding: 2px 4px; border: 1px solid #cccccc; color: black; text-decoration: none; white-space: nowrap; display: block; overflow: hidden; background-color: #EEE; background-image:url(/images/grad_hmenu.png); background-repeat: repeat-x; background-position: bottom;}
.nav ul li a:hover{ border: 1px solid #bbbbff; color: inherit; background-color: #eeeeff;text-decoration: none; background-color: #ffffff; background-image: none; }

.section_warning,.section_action,.section_informative{ float: right; clear: both; width: 300px; margin: 15px 0 15px 0;}
.section_warning img,.section_action img,.section_informative img{	float: left; padding-right: 2px;}
.section_action{border: 1px solid #9C9;	background-color: #CFC;}
.section_warning{border: 1px solid #F66; background-color: #FCC;}
.section_informative{ overflow:visible; background: url("/images/info-box-middle.gif"); margin: 10px 20px -16px 0; position:relative; z-index: 1 }
.ibox-top{ background: url("/images/info-box-top.gif") top left no-repeat; width: 300px; height: 16px; position: relative; top: -10px; z-index:2;}
.ibox-bottom{ margin: -16px 0 -16px 0; float: right; clear:none; background: url("/images/info-box-bottom.gif") bottom left no-repeat; width: 300px; height: 16px; position: relative; top: 14px; z-index:3;}
.ibox{ margin: -18px 10px -8px 10px; position: relative; z-index: 4;}

div.pageContent{ background-color:#84b3ff; width:100%; padding: 1px; position: relative; clear: both;}
div.pc1{ background-color: #77abff; padding: 1px; }
div.pc2{ background-color: #83b2ff; padding: 1px; }
div.pc3{ background-color: white; padding: 8px; height: 300px; }
html>body div.pc3{ height: auto; min-height: 300px; }
div.b-tl{ width: 16px; height: 16px; background: url("/images/pageBoxD.gif") no-repeat 0 0; position: absolute; top: 0; left: 0;}
div.b-tr{ width: 16px; height: 16px; background: url("/images/pageBoxD.gif") no-repeat -16px 0; position: absolute; top: 0; right: 0; }
div.b-bl{ width: 16px; height: 16px; background: url("/images/pageBoxD.gif") no-repeat 0 -16px; position: absolute; bottom: 0; left: 0;}
div.b-br{ width: 16px; height: 16px; background: url("/images/pageBoxD.gif") no-repeat -16px -16px; position: absolute; bottom: 0; right: 0; }
.pageContent h2.section{ border-top: 3px solid #77ABFF; border-bottom: 2px solid #D6EEFF; margin: 0 -8px; padding: 0 8px; background-color: #CBE0FF; }

.pageNums a{padding: 1px 3px 0 3px;background-color: #f6f6ff;border-bottom: 2px solid #f6f6ff;margin: 0 -1px 0 0;color: #000066;}
.pageNums a:hover{ background-color: #000066; color: #ffffff; border-bottom: 2px solid #000066;}
.pageNums a.selected{ border-bottom: 2px solid #000066; color: #000066;}
.pageNums a.selected:hover{ background-color: #f6f6ff; }

#linear{float: right; width:22em; padding-top: 15px;}
#linear select{width:12em;display:inline; }
#linear input{display:inline; margin:0; width: 3em; }
#linear div{display:inline; padding: 0;}
#linear label{display:inline; width: 5em; margin: 0; padding: 0.3em;}

p.stronginfo strong{ width: 12em; margin-bottom: 5px; float: left; clear: left;  border-bottom: 1px dotted #cccccc;}
p.stronginfo br{ clear: both; }

/* Table info styles */
table.normal{
	width: 99%;
	border-collapse: collapse;
	/* text-align: center; */
}
td{ font-size: 10pt; }
table.normal td{
	padding: 1px;
}


tr.normal td, tr.dark td, tr.null td, tr.warning td, tr.super td, tr.inactive td,
td.normal, td.dark, td.null, td.warning, td.super, td.inactive,
.issuecell, .issuecelldark {
	border: 1px dotted #CCCCCC;
	border-bottom: 1px solid #6699CC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px;
}
tr.normal td.orderby{
	background-color: #EEEEEE;
}
td.dark, tr.dark td, .issuecelldark {
	background-color: #EEEEFF;
}
tr.dark td.orderby{
	background-color: #DDDDEE;
}
td.null, tr.null td{
	background-color: #CCCCCC;
	color: #666666;
}
tr.null td.orderby{
	background-color: #BBBBBB;
}
td.warning, tr.warning td{
	background-color: #FF9999;
	color: #990000;
}
td.header, th.header, .issueheader {
	color: #0066CC;
	background-color: inherit !important;
	border-bottom: 1px solid #6699CC;
	padding-left: 2px;
}
th, th a:link, th a:active, th a:visited, th a:hover {
	font-size: 100%;
	color: #0066CC;
}
th a:hover {
	text-decoration: underline;
}
.priorityhigh, .prioritymedium, .prioritylow, .prioritydefunct{
	vertical-align: middle;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699CC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.priorityhigh {
	background-color: #FF9999 !important;
	color: #990000 !important;
}
.prioritymedium {
	background-color: #FFFFCC !important;
	color: #666600 !important;
}
.prioritylow {
	background-color: #CCFFCC !important;
	color: #006600 !important
}
.prioritydefunct {
	background-color: #CCCCCC !important;
	color: #666666 !important;
}
td.urgent, tr.urgent td{
	background-color: #FFCCCC !important;
	color: #990000 !important;
}
td.inactive, tr.inactive td{
	background-color: #DDDDDD !important;
	color: #333333 !important;
}
td.inactive h3{
	text-align: right;
	padding-top: 0px;
	padding-bottom: 5px;
}
tr.inactive td.orderby{
	background-color: #CCCCCC;
}
td.super, tr.super td{
	background-color: #EEEEFF;
	font-weight: 500;
}
tr.super td.orderby{
	background-color: #DDDDEE;
}
.pinc{width: 99%;z-index: 5;position: relative;border: none;padding: 0;}
.pinc td{border: none; background-color: #eeeeee; padding: 1px 6px; border-bottom: 1px solid #aaaaaa; vertical-align:top; }
.pinc .data{ background-color: white; border: 1px solid #aaaaaa; }


/* the look for forms */
form * {margin:0;padding:0;}
form.normal  { background:#fff; padding:1em; border:1px solid #eee; margin:1em; width:27em;}
.normal fieldset div { margin:0.3em 0; clear:both; }
label, .label { float:left; width:10em; color:#336699; text-align:right; margin-right:1em; }
legend{ color:#0b77b7; font-size:1.2em;}
legend span { width:10em; text-align:right; }
input,select,textarea, .input { padding:0.15em; border:1px solid #84b3ff; background:#EEEEFF; margin-bottom: 2px;
-moz-border-radius:0.4em; -khtml-border-radius:0.4em; }
input:hover, input:focus { border-color:#c5c5c5; background:#fafafa;} 
fieldset { border:1px solid #ddd; padding:0 0.5em 0.5em; }
.buttonpanel { text-align: center; padding: 10px; position: static; }
.input{ background-color: white; border: 0}
form .simple label{ width: auto; padding: 0; margin: 0 2px; }

.go{
	color: black;
	font-weight: bold;
	padding: 3px;
	background-color: #E8FFE8;
	background-image:url(/images/grad_help_t.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #33AA00;
	-moz-border-radius: 3px;
}
.stop{
	background-color: #EED5D5;
	font-weight: bold;
	background-image:url(/images/grad_menut.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #FF3333;
	-moz-border-radius: 3px;
}
.change, a.change{
	color: black;
	font-weight: bold;
	background-color: #ffffcc;
	background-image:url(/images/grad_change.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #aaaa00;
	-moz-border-radius: 3px;
}
.go, .stop, a.go, a.stop, .change, a.change{
	padding: 1px 5px;
	line-height: 1.6;
	color: black;
	text-decoration: none;
	white-space: nowrap;
}

a.stop:hover, a.go:hover, a.change:hover{
	background-position: 0 5px; 
}
.go img, .stop img, .change img{
	position: relative;
	top: 3px;
}


.commentsTop{
	float: right;
}
.commentsBox, .commentsBoxC{
	border-top: 1px dotted #336699;
	background-color: #ffffff;
	clear: both;
	overflow: auto;
	width: 100%;
}

.commentsBoxC{
	border-top: 1px dotted #ff7777;
	background-color: #fff6f6;
}
.commentsLabel{
	width: 10.5em;
	padding: 0.25em;
	margin-right: 0.5em;
	float: left;
	background-color: #eeeeff;
	border-right:  1px solid #336699;
	border-bottom: 1px solid #336699;
	margin-bottom: 5px;
	-moz-border-radius: 0 0 10px 0;
}
.commentsBoxC .commentsLabel{
	background-color: #ffeeee;
	border-right:  1px solid #ff7777;
	border-bottom: 1px solid #ff7777;
}
.commentsCheckbox{
	float: right;
	padding: 5px;
	clear: none;
}
.address, .addressadmin{
	border: 1px solid #aaaaaa;
	width: 25em;
	padding: 5px;
}
.address p, .addressadmin p{
	margin: 0;
	border: 0;
	padding: 0;
}
.addressTable{
	border: 1px solid #aaaaaa;
	padding: 5px;
}
.normallyHidden{
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
	padding: 5px;
	margin: 0;
}
.addressadmin{
	background-color: #eeeeee;
}

.faq, .container{
	background-color: #ffffff;
	border: 1px solid #336699;
	margin: 15px 2px;
	padding: 2px;
}
.faq h4, .container h3{
	background-color: #ffffff;
	margin: -1em 0 0 10px;
	float: left;
	padding: 1px 3px;
	border: 0;
}
.container{
padding: 2px 10px 10px 10px;
}
.container h3{
margin-bottom: 15px;
}
.faq .faqfooter{
	font-size: 80%;
	color: #777777;
	margin: 0;
}

.invoice_header td{
	font-weight: bold;
	background-color: #DDDDFF;
}
.invoice{
	border-collapse: collapse;
}
.invoice td{
	border: 1px solid grey;
}

div#search { height: 26px; display: block; float: right; width: 210px; padding-top: 3px;}
span#search_left { background: url("/images/search_left.gif") no-repeat; cursor: text; width: 3px; height: 23px; display: block; position: relative; float: left; top: 0; font-size: 2px;}
input#search_box { background: #fff url("/images/search.png") 5px no-repeat; border: 1px solid #024570; border-left: 0; padding: 3px; padding-left: 25px; width: 110px; height: 15px; float: left; top: 0; }
input#search_button { background: url("/images/search_btn.gif") 100% 0% no-repeat; font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif; color: #fff; border: 0; padding: 2px 6px 4px 5px; float: left; width: 58px; height: 23px; }
#search label { margin: 0; padding: 0; border: 0; width: 3px;}
#search form{ padding: 0; }
#search fieldset{ border: 0; margin: 0; padding: 0;}
#search input{ margin: 0; -moz-border-radius:0; -khtml-border-radius:0; }
input#search_button:hover { background-position: 100% 100%; }

/*********************** Calendar ************************/

.cpYearNavigation,.cpMonthNavigation{
	background-color:#6677DD;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.cpDayColumnHeader,.cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentdate,.cpCurrentdateDisabled,.cpTodayText,.cpTodayTextdisabled,.cpText{
	font-family:arial;
	font-size:8pt;
}
td.cpDayColumnHeader{
	text-align:right;
	border:solid thin #6677DD;
	border-width:0 0 1px 0;
}
.cpCurrentMonthDate,.cpOtherMonthDate,.cpCurrentdate{
	text-align:right;
	text-decoration:none;
}
.cpCurrentMonthDateDisabled,.cpOtherMonthDateDisabled,.cpCurrentdateDisabled{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.cpCurrentMonthDate{
	color:#6677DD;
	font-weight:bold;
}
.cpCurrentdate{
	color: #FFFFFF;
	font-weight:bold;
}
.cpOtherMonthDate{
	color:#808080;
}
td.cpCurrentdate{
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1px;
	border:solid thin #000000;
}
td.cpCurrentdateDisabled{
	border-width:1px;
	border:solid thin #FFAAAA;
}
td.cpTodayText,
td.cpTodayTextdisabled{
	border:solid thin #6677DD;
	border-width:1px 0 0 0;
}
a.cpTodayText,
span.cpTodayTextdisabled{
	height:20px;
}
a.cpTodayText{
	color:#6677DD;
	font-weight:bold;
}
span.cpTodayTextdisabled{
	color:#D0D0D0;
}
.cpBorder{
	border:solid thin #6677DD;
}

#dateDiv{
	position: absolute;
	background-color: white;
	z-index: 20;
}

.dateField{
	background-image: url("http://img.motortrace.com/icon/down.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 20px;
}
a.selectDate{
	padding: 10px 20px;
	position: relative;
	left: -40px;
	text-decoration: none;
}