/* FORM STYLES BY DESIGN IT - www.designithosted.com */



a {

	color:#333;

	text-decoration:none;

}



a:hover {

	color:darkblue;

	text-decoration:underline;

}



body {

	height: 100%;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	background-color:#ffffff;

}



input.buttons {

	color: #090;

  	font-family: Arial;

  	text-align: center;

 	font-size: 14px;

  	font-weight: bold;

  	/*border: 3px double #cccccc;*/

  	width: auto;

  	background: url(/img/button_bg.png) repeat-x;

  	padding: 0px 5px;

  	line-height: 18px !important;

  	line-height: 16px;

  	height: 26px !important;

  	height: 24px;

  	margin: 1px;

}



.ratemessage {

	display:block;

	width:95%;

	background-color:#FFFFCC;

	color:darkblue;

	font-size:1.0em;

	font-weight:bold;

	margin-left:0;

	margin-top:0;

	padding:4px 4px 4px 20px;

	text-align:left;

}



table.rates td {

	font-size:0.8em;

	text-align:left;

	color: #000;

	text-transform: uppercase;

}



h2.headlines {

	margin-top:0;

	margin-bottom:0;

	display:inline;

	padding:2px;

	line-height:1.2em;

	text-align:left;

	float:left;

	color:darkblue;

	font-weight:normal;

	font-size:1.4em;

	text-transform:uppercase;

}



.text {

	margin-top:10px;

	font-weight:bold;

	text-align:left;

}



fieldset {



	margin: 5px 10px 0 15px;

	padding: 5px;

	-moz-border-radius: 6px; border-radius: px;

}



fieldset ol {

	padding: 0 10px 0 10px;

	list-style: none;

	text-align:left;

}



fieldset li {

	position:relative;

	padding-bottom:0.4em;

}





legend {

	margin-left:1em;

	font-size:1.2em;

	padding:4px;

	color:#333;

	margin-top:-1px;

}



label {

	position:relative;

	clear:left;

	float:left;

	width:14em;

	margin-right:5px;

	text-align:right;

	line-height:1.4em;

	padding-right: 10px;

	font-size:0.8em;

}



label.text {

	position:relative;

	width:10em;

	margin-right:5px;

	text-align:right;

	line-height:0.8em;

	padding-right: 30px;

}



input {

	padding:2px;

	font-size:0.8em;

	border:1px solid #cccccc;

	color:#333333;

	background:#ffffff;

	margin:3px;

}



textarea {

	padding:2px;

	font-size:0.8em;

	border:1px solid #cccccc;

	color:#333333;

	background:#ffffff;

	margin:3px;

}



select {

	padding:2px;

	font-size:0.8em;

	border:1px solid #cccccc;

	color:333333;

	background:#ffffff;

	margin:3px;

}



input.radio {

	border:				none;

	background:			transparent;

}



label span {

	position: absolute;

	left: -10000px;

	top: 0px;

}



span#cost {

	display:block;

	width:98%;

	background-color:#333333;

	border-top:1px dashed #666666;

	border-bottom:1px dashed #666666;

	color:#eeeeee;

	font-size:1.0em;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	padding:5px;

}



label.required {

	background:transparent url(../images/required.jpg) no-repeat center right;

}



p span.required {

	display:inline-block;

	vertical-align:middle;

	line-height:1.8em;

	width:25px;

	text-indent:-10000px;

	overflow:hidden;

	background:transparent url(../images/required.jpg) no-repeat center right;

}



fieldset#submitform {

	background-image:none;

	border-style:none;

}



/* the div that holds the date picker calendar */

.dpDiv {

	}





/* the table (within the div) that holds the date picker calendar */

.dpTable {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	color: #505050;

	background-color: #ece9d8;

	border: 1px solid #AAAAAA;

	}





/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {

	}





/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {

	}





/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {

	}





/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {

	}





/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

	border: 1px solid #ece9d8;

	}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

	background-color: #aca998;

	border: 1px solid #888888;

	cursor: pointer;

	color: red;

	}





/* the table cell that holds the name of the month and the year */

.dpTitleTD {

	}





/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {

	}





/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {

	}





/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	color: white;

	}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

	font-size: 12px;

	color: gray;

	font-weight: bold;

	}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 

.dpDayHighlight {

	color: 4060ff;

	font-weight: bold;

	}





/* the forward/backward buttons at the top */

.dpButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 8px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

	padding: 0px;

	}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

}

#calculations {width:450px; float:left;}