/* CSS Document */

.formField {
	border:1px solid #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-size:16px;
	width:60%
}

input.formField {
	height:20px;
}

.submitButton {
	border:#000000 1px solid;
	background-color:#99CC33;
	color:#333333;
	font-size:16px;
	height:25px;
	padding-left:5px;
	padding-right:5px;
}

.resetButton {
	border:#000000 1px solid;
	background-color:#990000;
	color:#FFFFFF;
	font-size:16px;
	height:25px;
	padding-left:5px;
	padding-right:5px;
}

.formField:focus, #MainContent input.formField:hover, #MainContent textarea.formField:focus, #MainContent textarea.formField:hover {
	border:1px dashed #333333;
}

label {
	font-weight:bold;
}

#ProductContent {
	float:right; 
	width:54%;
}

#ProductDetails {
	width:46%; 
	text-align:center; 
	float:left;
}

.productListing {
	width:75px;
	padding:10px;
	float:left;
}
.productHeader {
	width:100%;
	font-weight:bold;
	float:left;
}
.productTitle {
	float:left;
}
.productNumber {
	float:right;
}
.productListingImage {
	border:#000000 thin solid;
	margin:5px;
}
.productListingDetail {
	float:left;
}


/* --- CALENDAR --- */
#CalendarHeader {
}
#CalendarHeader .month {
	font-size: 24px;
	color: #151B79;
	font-family:Arial, Helvetica, sans-serif;
}
#Calendar {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color:#000000;
}
#Calendar a{
	color:#151B79;
	text-decoration:Underline;
}

#Calendar a:hover{
	color:#7E83CF;
	text-decoration:underline;
}

#Calendar td {
	padding-right: 1px;
	font-size: 10px;
	vertical-align: top;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color:#ffffff;
}
#Calendar .weekdays td {
	font-size: 13px;
	background: #151B79;
	color: #ffffff;
}
#Calendar .cellback {
	height: 60px;
	width: 1px;
	float: left;
}
* html #Calendar .cellback {
	margin-left: -5px;
}
/*End Calender */