body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	/*color:#003399;	*/
	color: #333333;
}

img{
	border: 0px;
}

#headerId{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 87px;
	background-color:#808080;
}

#headerTitle
{
    position: absolute;
	left:18px; top:18px; 
	visibility: visible;
    z-index: 1;
}
#badgeLayer { 
	position: relative; top: 0px; left: 514px; width: 183px; height: 90px; visibility: visible; z-index: 2  
}

#pageHeader{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 760px;
	height: 110px;
    background: fixed #fff url( "images/loading.gif" ) 50% 50% no-repeat;
}

#emptyHeader{

	width: 100%;
	height: 150px;
}


#eventDescription{
	width: 600px;
}

#campaignTitle{
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 15px;
	 font-weight: 700;
}

#carSection{
/*	position: absolute;
	top: 260px;
	width: 600px;
	height: 40px;
*/
}

#carSection label{
	padding-left: 3px;
}

#carSelector{
     border: 1px solid; 
	 width: 120px; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 11px;
	 /*color: #003399;*/
	 color: inherit;
	 margin-left: 10px;
	 vertical-align: middle;
}

#calendar, #calendarTable{
	width: 490px;
}

.weekdays{
	background-color: #003399;
	text-align: center;
	font-size: 9px;
}

.calendarMonth1, .calendarMonth2{
	color: #FFFFFF;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	font-size: 18px;
	height: 30px;
	vertical-align:middle;
	text-align: center;
	background-color:#000099;
}

.calendarMonth2{
	background-color:#000099;
}

#calendarLeft{
	float: left;
}

#calendarRight{
	float: right;
}

#calendarTable{
	color:#FFFFFF;
}

#calendarTable th{
	background-color: #003399;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 30px;
	vertical-align:middle;
}

.availableHour, .occupiedHour{
	background-color: #FFFFFF;
	border: 1px solid black;
	color:#003399;	
	text-align: center;
	padding-left: 5px;
	width: 68px;
}

.availableHour a:link, .availableHour a:visited, .availableHour a:hover{
	color: #003399;
/*	color: #0066FF;*/
}

.availableHour a:link, .availableHour a:visited{
	text-decoration: none; 
}

.availableHour a:hover{
	text-decoration: underline;
}

.occupiedHour{
	background-color: #999999;
/*	border: 1px solid black;*/
	color:#FFFFFF;
/*	text-align: right;
	padding-right: 10px;
	width: 68px;*/
}

/* ******************** */

#dynamicImage{

}

#pageFooter{
	position: absolute;
	top: 460px;
	left: 10px;
	width: 760px;
	display: none;
}

#pageFooter hr{
	color: inherit;
	height: 1px;
}

#resevationHeader{
	position: absolute;
	top: 150px;
	left: 100px;
	width: 760px;
/*	height: 110px;*/
}
#resevationHeader img{
	float: left;
	padding-left: 30px;
	clear: none;
}

#reservationShortInfo{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:inherit;
	font-weight: bold;
	position: absolute;
	left : 155px;
	top : 0px;
	width: 300px;
	padding-bottom: 0px;
}

#reservationShortInfo label{
	float: left;
	width: 90px;
	display: block;
}


#reservationForm{
	position: absolute;
	top: 220px;
	left: 100px;
	width: 500px;
	padding-bottom: 20px;
}

#reservationForm p{
/*	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#003399;*/
	font-size: 9px;
}

#reservationForm p#declarationTitle{
/*	font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#003399;*/
}

br{
	clear: left;
}

.formLabel{
	font-family: arial,helvetica,sans serif; 
	font-size: 11px; 
	color: inherit;
	float: left;
	width: 115px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 25px;
	text-align: right;
}

.formInput{
     border: 1px solid; 
	 width: 160px; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 11px; 
	 color: inherit;
	 padding-left: 2px;
	 -moz-border-radius: 3px;
}

.formSelect{
     border: 1px solid; 
	 width: 165px; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 11px; 
	 color: inherit;
	 /*color: #003399;*/
}

.formSelect2{
     border: 1px solid; 
	 width: 350px; 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 11px; 
	 color: inherit;
	 /*color: #003399;*/
}

.formZip1, .formZip2, .formZip3, .formAge, .formCarNumber{
	border:1px solid; width:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; 
	color: inherit;
    padding-left: 2px;
	-moz-border-radius: 3px;
}
.formZip2{
	width:25px;
}
.formZip3{
	width:90px;
}
.formAge, .formCarNumber{
	width:60px; 
}

.formConfirmation{
	float: right;
}

.formConfirmationLabel{
	font-family: arial,helvetica,sans serif; 
	font-size: 11px; 
	color: inherit;
	float: right;
	padding-top: 2px;
	padding-right: 8px;
}

#formSubmit{
	font-family: arial,helvetica,sans serif; 
	font-size: 11px; 
	background-color: #FFFFFF;
	border: 1px solid #003399;
	color: inherit;
	float: right;
	margin-right: 180px;
	margin-left : 20px;
	padding-left: 5px;
	padding-right: 5px;
    -moz-border-radius: 3px;
}

#reservationComplete{
	position: absolute;
	left: 50px;
	top: 230px;
}

#continueInfo{
	position: absolute;
	left: 50px;
	top: 492px;
}

#continueInfo a:link, #continueInfo a:visited{
	color: #990066;
	text-decoration: none;
}

#reservationError{
	position: absolute;
	left: 50px;
	top: 240px;
	color: #CC0000;
}

#reservationError a, #reservationError a:visited{
	text-decoration: none;
	color: black;
}

#registeredTable{
	position: absolute;
	top: 270px;
	left: 50px;
	width: 500px;
	padding-bottom: 20px;
}

#continueInfo a, #continueInfo a:hover, #continueInfo a:visited{
	/*color: #0066FF;*/
	color: black;
}

#continueInfo a:hover{
	text-decoration: underline;
}

.registeredLabel{
	/*border: 1px solid #003399;*/
	font-size: 11px; 
	float: left;
	width: 90px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	margin-top: 1px;
	text-align: right;
	font-weight: bold;
	margin-right: 1px;
}
.registeredValue{
	/*border: 1px solid #003399;*/
	font-size: 11px; 
	float: left;
	width: 280px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
	margin-top: 1px;
}