img, fieldset { border: none; }
* { font-family: verdana; }
table { font-size: 11px; }
input, select, button { margin-bottom: 3px; margin-right: 3px; }
h1, h2, h3, h4, h5 { margin: 0px 0px 5px 0px; font-size: 120%; }
h1, h2 { font-size: 140%; }
h3, h4, h5 { font-size: 125%; }
h5 { margin-top: 10px; }
form, fieldset { margin: 0; padding: 0; }

/* IDs */
#body { font-family: verdana; vertical-align: top; }
#body td { font-size: 11px; vertical-align: top; padding: 0px; }
#body a { color: red; }
#title { font-size: 18px; padding-bottom: 8px; }
#sidemenu { vertical-align: top; }
#ajbigcalendar { width: 424px; height: 640px; }
#ajbigcalendartd { width: 454px; height: 670px; }
#ajdaypicker { display: none; text-align: center; }
#ajdaypicker label { display: block; clear: right; }

/* content carrying elements */
#sidemenu .box { width: 170px; }
#sidemenu a { display: block; color: red; margin-bottom: 2px; padding: 2px; }
#sidemenu a.active { background-color: black; }
#sidemenu a:hover { background-color: yellow; }
#body { width: 100%; }

/* tooltip */
#rhtooltip { background: url('/lib/images/tooltip.png') left top no-repeat; position: absolute; display: none; width: 190px; padding-left: 10px; border-right: 1px solid #823434; }
#rhtooltip p { padding: 2px 5px 2px 5px; margin: 0px; text-align: left; }
#rhtooltip div { border-bottom: 1px solid #823434; }

/* curtain */
.curtain { z-index: 50; display: table-cell; text-align: center; position: absolute; top: 0px; left: 0px; 
	height: 1000px; width: 100%; background: url('http://www.racehall.com/grafik/gradient.png'); }
.curtain form { margin: 0px; display: inline; }
.curtain h2 { margin: 0 auto 0 auto; }
.curtain table td {  }
.curtain table { border: none; }
.curtain a:hover {  }

/* classes */
.list { width: 100%; }
.p1, .p2, .p3, .p4, .p5, .i1, .i2, .i3 { /*background-image: url('/lib/images/shine.png');*/ }
.p1 { background-color: #008e3c; } /* free */
.p2 { background-color: #3e5f83; } /* still some free */
.p3 { background-color: #8f2727; } /* full */
.p4 { background-color: #e8d31d; } /* unconfirmed */
.p5 { background-color: #3a372e; } /* overtime */
.i1 { background-color: #e1e1e1; } 
.i2 { background-color: #b7b7b7; } 
.i3 { background-color: #8d8d8d; } 
.off { background-color: #ffffff; }
.taken { background-color: #3c403b; color: white; }
.confirmed { background-color: #e0d18c; }
.cancelled { background-color: #e08c8c; }
.type { padding: 2px; }
.faded { display: table-cell; text-align: center; }
.product img.p { padding: 4px; background-color: silver; border: 1px solid gray; margin-bottom: 5px; display: block; clear: right; }

.topalign { vertical-align: top; }
.rightalign { text-align: right; }
.centeralign { text-align: center; }
.bottomalign { text-align: bottom; }
.marginright { margin-right: 5px; }
.marginleft { margin-left: 3px; }
.floatright { float: right; }

.warning { color: #9e2222; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.large { font-size: 18px; }
.price { font-weight: bold; white-space: nowrap; }
.machine { font-family: courier; }

.icon { margin-right: 3px; margin-top: 3px; margin-bottom: -1px; }
.icon16 { margin-right: 3px; margin-top: 0px; margin-bottom: -4px; }

.topborder { border-top: 1px solid black; }
.bottomborder { border-bottom: 1px solid black; }
.doublebottomborder { border-bottom: 3px double black; }

.year td { width: 8.33%; border: 1px solid; border-top: none; border-left: none; background-color: #e6e6e6; }
.year td { border-color: #626262; }
.year td.weekend { background-color: silver; }
.year td.unused { background-color: transparent; border-bottom: none; }
.year td.selected { background-color: blue; }
.year td span { color: #939393; }
.year td div { padding: 1px 2px 1px 2px; }
.year .head div { font-weight: bold; text-align: center; }

/* style for week calendar */
.hours { width: 424px; border: none; }
.hours td { color: black; font-size: 9px; padding: 0px;  }
thead td, td.hours { text-align: center; font-weight: bold; text-transform: uppercase; }
thead a:link, td#body thead a:visited, thead td { color: #9e2222; }
td.right { text-align: right; }
tr.hours td { padding: 0px; vertical-align: middle; }
tr.hours td.hours { font-size: 22px; }
tr.hours a { color: black; width: 34px; height: 11px; display: block; text-align: center; padding-top: 0px; }

.full { }
.full .hl { color: #9e2222; }
.full tr.hours a { width: 54px; height: 18px; }
tr.hours td.hours { width: 80px; vertical-align: middle; }
.full tr.hours td.hours { width: 61px; text-align: center; font-weight: normal; background-color: #e6e8eb; }
.full tr.hours td.hours span { font-size: 10px; float: right; display: block; clear: right; padding-bottom: 1px; line-height: 1.1em; }
.full tr.days td { padding-top: 2px; padding-bottom: 0px; font-size: 9px; }
table tr.browse td { background-color: #e6e8eb; padding: 3px 3px 5px 3px; }

/* style for step indicator */
table.steps { margin-bottom: 10px; }
table.steps td { width: 14%; padding: 3px 0px 0px 0px; vertical-align: top; border-top: 1px solid silver; }
table.steps td.active { color: black; font-weight: bold; border-top: 3px solid black; }
table.steps td.e { border: none; width: 25px; }

/* boxes */
.box { margin: 0px 8px 8px 0px; width: 100%; border: none; }
.box .box td { background: transparent; }
.box table { border: none; }
.box h3 { letter-spacing: 1.5px; }

/* style for month calendar */
.calendar { margin: 0px; }
.calendar tr td { color: black; padding: 3px; }
.calendar .highlight { color: black; background-color: #acb8ac; }
.calendar .today { background-color: #809ecc; text-align: center; }
.calendar .day, 
.calendar .today { font-weight: bold; }

/* style for day calendar */
/*.day td { border-bottom: 1px solid silver; }*/

/* table common */
td { padding: 0px; }
tr.a td, #sidemenu a { background-image: url('/lib/images/grayed.png'); }
tr.b td { background-image: url('/lib/images/lighten.png'); }

/* table custom */
#body table.reservations tr td { padding: 2px; }

/* color picker */
#dhtmlgoodies_colorPicker{
	position:absolute;
	width:250px;
	padding-bottom:1px;
	background-color:#FFF;
	border:1px solid #317082;
	
	width: 252px;	/* IE 5.x */
	width/* */:/**/250px;	/* Other browsers */
	width: /**/250px;	
			
}

#dhtmlgoodies_colorPicker .colorPicker_topRow{
	padding-bottom:1px;
	border-bottom:3px double #317082;
	background-color:#E2EBED;
	padding-left:2px;
	
	width: 250px;	/* IE 5.x */
	width/* */:/**/248px;	/* Other browsers */
	width: /**/248px;	
	
	height: 20px;	/* IE 5.x */
	height/* */:/**/16px;	/* Other browsers */
	height: /**/16px;	
			
}

#dhtmlgoodies_colorPicker .colorPicker_statusBar{
	height:13px;
	padding-bottom:2px;
	width:248px;
	border-top:3px double #317082;	
	background-color:#E2EBED;
	padding-left:2px;
	clear:both;
	
	width: 250px;	/* IE 5.x */
	width/* */:/**/248px;	/* Other browsers */
	width: /**/248px;	
	
	height: 18px;	/* IE 5.x */
	height/* */:/**/13px;	/* Other browsers */
	height: /**/13px;	
					
}

#dhtmlgoodies_colorPicker .colorSquare{
	margin-left:1px;
	margin-bottom:1px;
	float:left;
	border:1px solid #000;
	cursor:pointer;
	
	width: 12px;	/* IE 5.x */
	width/* */:/**/10px;	/* Other browsers */
	width: /**/10px;	
	
	height: 12px;	/* IE 5.x */
	height/* */:/**/10px;	/* Other browsers */
	height: /**/10px;	
			
}

.colorPickerTab_inactive,.colorPickerTab_active{

	height:17px;
	padding-left:4px;
	cursor:pointer;	
	
	
}
.colorPickerTab_inactive span{
	background-image:url('/lib/images/colorpicker/tab_left_inactive.gif');
}

.colorPickerTab_active span{
	background-image:url('/lib/images/colorpicker/tab_left_active.gif');

}
.colorPickerTab_inactive span, .colorPickerTab_active span{
	line-height:16px;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	padding-top:1px;
	vertical-align:middle;
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	padding-left:6px;
	-moz-user-select:no;
}	
.colorPickerTab_inactive img,.colorPickerTab_active img{
	float:left;
}
.colorPickerCloseButton{
	width:11px;
	height:11px;
	text-align:center;
	line-height:10px;
	border:1px solid #317082;
	position:absolute;
	right:1px;
	font-size:12px;
	font-weight:bold;
	top:1px;
	padding:1px;
	cursor:pointer;	
	
	width: 15px;	/* IE 5.x */
	width/* */:/**/11px;	/* Other browsers */
	width: /**/11px;
	
	height: 15px;	/* IE 5.x */
	height/* */:/**/11px;	/* Other browsers */
	height: /**/11px;

		
}
#colorPicker_statusBarTxt{
	font-size:11px;
	font-family:arial;
	vertical-align:top;
	line-height:13px;

}
form{
	padding-left:5px;
}

.form_widget_amount_slider{
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	position:absolute;
	bottom:0px;
	
	width: 5px;	/* IE 5.x */
	width/* */:/**/3px;	/* Other browsers */
	width: /**/3px;
	
	height: 5px;	/* IE 5.x */
	height/* */:/**/3px;	/* Other browsers */
	height: /**/3px;
			
}
.colorSliderLabel{
	width:15px;
	height:20px;
	float:left;
	font-size:11px;
	font-weight:bold;
}
.colorSlider{
	width:175px;
	height:20px;
	float:left;
}
.colorInput{
	width:45px;
	height:20px;
	float:left;
}	
.colorPreviewDiv{
	width:186px;
	margin-right:2px;
	margin-top:1px;
	border:1px solid #CCC;
	height:20px;
	float:left;
	cursor:pointer;
	
	width: 188px;	/* IE 5.x */
	width/* */:/**/186px;	/* Other browsers */
	width: /**/186px;
	
	height: 22px;	/* IE 5.x */
	height/* */:/**/20px;	/* Other browsers */
	height: /**/20px;
			

}
.colorCodeDiv{
	width:50px;
	height:20px;
	float:left;
}