* {font-family: Tahoma; font-size: 11pt}

H1 {
	font-family: Tahoma;
	font-size: 16pt;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

H2 {
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

H3 {
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

H4 {
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

H6 {
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 2px;
	text-decoration:underline;
}

/* Text for time, trucks and employees in calendar - day view */
caltremp {
	font-family: Tahoma;
	font-size: 8pt;
	/*font-weight: bold;*/
	padding: 0px;
}

calteam {
	font-family: Tahoma;
	font-size: 7pt;
	padding: 0px;
}

A {
	color: #36c;
}

A:hover {
	background-color: #ccc;
	color: white;
}

A.toolbar {
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
	color:black
}

A.toolbarhead {
	font-family: Arial;
	font-size:12pt;
	font-weight:bold;
	color:White;
}

TABLE.std {
	border-collapse: collapse;
}


TABLE.main {
	border-collapse: collapse;
}

TABLE.std TD,TH {
	border: 1px solid #aaa;
	padding: 3px;
	font-size: 9pt;
}

TABLE.std TH {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #777;
	color: #fff;
}

#mainToolbar {
	color: black;
	background-color: #eee;
	border: 1px solid #aaa;
}

#mainToolbar A {
	color: black;
}

#systemToolbar {	
	background-color: #eee;
	border: 1px solid #aaa; 
}

TABLE.std TR.even {
	background-color: #eee;
}

TABLE.std TR.even:hover {
	background-color: #66c;
	color: #fff;
	cursor: pointer;
}

TABLE.std TR.even:hover A {
	background-color: #66c;
	color: #fff;
	cursor: pointer;
}
TABLE.std TR.odd {
	background-color: #ddd;
}

TABLE.std TR.odd:hover {
	background-color: #66c;
	color: #fff;
	cursor: pointer;
}

TABLE.std TR.odd:hover A {
	background-color: #66c;
	color: #fff;
	cursor: pointer;
}

TABLE.std TD.footer,TR.footer {
	background-color: #bbb;
}

TABLE.std EM {
	font-size: 9pt;
}

TABLE.std A {
	font-size: 9pt;
}

INPUT,SELECT,TEXTAREA,OPTION {
	font-size: 9pt;
}

.error {
	color: #1111CC;
	font-size: small;
}

DIV.error {
	background-color: #CCCCCC;
}

.error LI {
	font-size: small;
}

.breadcrumb {
	color: black;
	font-size: small;
}

.notice {
	color: #1111CC;
}

TABLE.block {
	border-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #eeeeee;
}

TABLE.block TD {
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
}

TABLE.block STRONG {
	font-size: 8pt;	
}

SPAN.hint {
	font-size: 9pt;
	color: darkblue;
}
SPAN.required {
	font-weight: bold;
}

SPAN.pagetitle {
	font-size: 12pt;
	font-weight: bold;
}

SPAN.reqformlabel {
	font-size: 11pt;
	font-weight: bold;
}

SPAN.fieldlabel {
	font-size: 11pt;
	font-weight: bold;
}

SPAN.optformlabel {
	font-size: 11pt;
}

SPAN.formerror {
	font-size: 11pt;
	color: #903;
}

SPAN.buttonlabel {
	font-size: 9pt;
}


HR {
	height: 1px;
}

LI {
	list-style: square;
}

TABLE.plain TD {
	border: 0px	
}

DIV.help {
	border: solid #ddd 1px;
	visibility: hidden;
	background-color: #eee;
}

DIV.control {
	border: solid #ddd 1px;
	background-color: #eee;
	font-size: 9pt;
}

DIV.control TD {
	font-size: 9pt;
}

DIV.control STRONG {
	font-size: 9pt;
}

FORM {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* 
//
//
Below css taken from default.css (from cm-prototype) 
//
//
*/

img.products {
  float:left;
  width:100px;
  height:100px;
  margin-right:10px;
  cursor:move;
}

div.products {
  cursor:move;
}

div.cart {
  float:left;
  width:250px;
  height:100px;
  border:1px solid #E8A400;
  background-color:white;
}

div.drophover {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}

.container {
	border-collapse: collapse;
	border: 1px solid #AAAAAA;
}

.container .header {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #339;
	color: #fff;
	padding: 3px;
	border: 1px solid #AAAAAA;
}

.container td {
	font-size: 9pt;
	background-color: #FFFFFF;
	padding: 3px;
}

.calendar .header {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #339;
	color: #fff;
	padding: 3px;
}

.calendar {
	font-size: 4pt;
	border: none;
	border-collapse: collapse;
}

.calendar td {
	vertical-align: top;
	text-align: center;
	font-size: 4pt;
}

.calendar .td-special{
	vertical-align: middle;
	text-align: center;
	font-size: 7pt;
}

.calendar .calendar-time-label {
	font-size: 7pt;
	background-color: #ddd;
	border: 1px solid #aaa;
	font-weight: normal;
	color: #111111;
	text-align: right;
	width:30;
}

.calendar .calendar-day {
	margin: 0px;
}

.calendar .calendar-day table {
	margin: 0px;
	width: 100%;
	vertical-align: top;
}

.calendar .calendar-unit {
	font-size: 7pt;
	background-color: #ddd;
	color: #111111;
	text-align: center;
}

.calendar .calendar-dayofmonth-label {
	font-size: 8pt;
	font-weight: bold;
	background-color: #ccc;
	border: 1px solid #aaa;
	color: #333;
	text-align: right;
	text-align:center;
}

.calendar .calendar-dayofweek-label {
	font-size: 8pt;
	font-weight: bold;
	background-color: #ccc;
	border: 0.5px solid #aaa;
	color: #333;
	text-align: center;
}

.calendar .unit1 {
	background-color: #CC9999;
}
.calendar .unit2 {
	background-color: #CCCCFF;
}
.calendar .unit3 {
	background-color: #99CCCC;
}
.calendar .unit4 {
	background-color: #FFCC99;
}
.calendar .unit5 {
	background-color: #FFFF99;
}

.tabular {
	border-collapse: collapse;
}

.tabular .header {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #339;
	color: #fff;
	padding: 3px;
}

.tabular td {
	font-size: 9pt;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	padding: 3px;
}

.tabular .label {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #ccc;
	color: #333;
	padding: 3px;
}

TABLE TH.label {
	font-weight:bold;
	text-align:left;
	font-size: 8pt;
	background-color: #cccccc;
	color: #000000;
	padding: 3px;
}

TABLE TH.labeloptional {
/*	font-weight:bold;*/
	text-align:left;
	font-size: 8pt;
	background-color: #cccccc;
	color: #666666;
	padding: 3px;
}

/*for auto-completion fields*/

div.auto_complete {
            width: 350px;
            background: #fff;
}
		  
div.auto_complete ul {
            border:1px solid #888;
            margin:0;
            padding:0;
            width:100%;
            list-style-type:none;
}
div.auto_complete ul li {
            margin:0;
            padding:3px;
			list-style-type:none;
			font-size:10px;			
}
div.auto_complete ul li.selected { 
            background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
            color: #800; 
            margin:0;
            padding:0;
}

div.daycalendar {
	overflow:auto;
	height:78%;
	width:75%;
	position:absolute;
	top:82;
	left:10;
	
	background-color:#cccccc;
	border-collapse:collapse;
	border-color:#cccccc;
	border:none;
}

div.weekcalendar {
	/*overflow:auto;
	height:85%;
	width:90%;*/
	background-color:#cccccc;
	border-collapse:collapse;
	border-color:#cccccc;
	border:none;
}

div.null {
	border-collapse:collapse;
	border-color:#cccccc;
	border:none;
	height:0;
	width:0;
}

div.null_job {
	border:none;
	border-collapse:collapse;
	border-color:#cccccc; 
	background-color:#cccccc;
}