/* Form Elements
===================================================================== */

.formWrapper table {
	zwidth: 100%;
	}

.formWrapper table td {
	padding: 0.75em 0;
	}
	
.formWrapper table td.label {
	text-align: right;  vertical-align: middle;
	padding-right: 15px;
	font-size: 10px;
	width: 45%;
	}

.formWrapper table td.field {
	text-align: left; vertical-align: middle;
	width: 55%;
	}		

.formWrapper table td.field input {
	text-align: left;
	width: 97%;
	padding-left: 2px;
	}

.formWrapper table td.checkbox {
	vertical-align: middle;
	text-align: left;
	padding: 9px 0 4px 0;
	}
	
.formWrapper table td.radio {
	width: 17px;
	}			

.formWrapper table td.radiolabel {
	padding-right: 10px !important;
	}
	
.formWrapper table td.submit {
	padding-top: 0 !important;
	padding-bottom: 5px !important;
	vertical-align: top !important;
	}				


.formWrapper table td.checkbox input {
	text-align: left;
	margin-bottom: -1px;
	background: none !important;
	}

.formWrapper table td.checkbox label {
	font-size: 10px;
	padding-left: 3px;
	}
	
.formWrapper table td.output {
	text-align: left;
	padding: 9px 15px 4px 0;
	text-transform: uppercase;
	font-size: 10px;
	}	

input.date {
	width: 13% !important;
	}


input, textarea {
	font-size: 10px;
	}
	
select {
	width: 75%;
	}
	
	select option {
		padding-left: 8px;
		}	

select.small {
	width: 18.6%;
	}
	
select.medium {
	width: 55%;
	}
	
a.submit, input.submit, .red input.submit {
	background: white left top repeat-x url(../img/structure/button_bg.jpg) !important;
	border-style: double;
	border-color: #666666;
	border-width: 3px;
	color: #666666 !important;
	text-transform: uppercase;
	padding: 1px 6px;
	font-size: 9px !important;
	text-decoration: none;
	clear: both;
	}

input.submit, .red input.submit {
	margin-top: 5px;
	}
	
a:hover.submit, input:hover.submit {
	background-position: left 1px !important;
	color:  black !important;
	cursor: pointer;
	}
	
	
	
/* SPECIFIC FORMS
===================================================== */

.formWrapper table.multirow td {
	padding: 2px 0;
	}


.formWrapper table.multirow td.label {
	padding-right: 10px;
	vertical-align: middle;
	width: 25%;
	}
	
	div.gold td select {
		border: 1px solid #e9e2d7 !important;
		color: #68542c;
		}
		
		div.gold select.selected {
			background:#fff;
			color: #b7a890;
			}		
			
			div.gold select.selected option {
				background: white;
				}				

/* Comment Form
==================================================== */

form#commentForm {
	width: 100%;
	ztext-align: center;
	}

form#commentForm table {
	margin: 0 auto;
	}

table.clear td, table.clear th {
	background: none !important;
	border: none !important;
	padding: 5px 0;
	}
	
table.clear td.label {
	width: 25%;
	text-align: right;
	padding-right: 10px;
	}
	
td.centered {
	text-align: center !important;
	vertical-align: middle !important;
	}
	
td.radiobutton {
	width: 30px;
	text-align: center !important;
	vertical-align: middle !important;
	}	

table.list th.header, table.detail th.header {
	padding: 0 10px;
	font-size: 10px;
	text-transform: uppercase;
	height: 35px;
	color: white;
	background: #3a465e;
	font-weight: normal;
	}

/* RE-USABLE STYLES
==================================================== */

tr.pad td {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	}
	
td.tr {
	text-align: right !important;
	vertical-align: top !important;
	padding-top: 5px !important;
	}