/* --------------------------------- FORM ----------------------------- */
form {
	width:100%;
	margin:0px 0 15px 0; /* set margin left and right below */
	}

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */
form h2 { margin-top: 13px;}

input, textarea, select { 
	background-color:#ffffff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #d0d4d3;
	color:#231f20;
	width:550px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	margin: 2px 0px 10px 0px;
	}
	table input, table textarea {
		width: 450px;
		}
label input {
	margin-left: 3px;
	}	
	
input:focus, textarea:focus, select:focus {border:1px solid #6f84c2;}
label { 
	width:660px; 
	position:relative; 
	display:block; 
	text-align:right; 
	font-size:1.0em;
	font-weight: bold;
	vertical-align: top;
	}

select { width:250px; height: 21px; padding-top: 0px;} /* fixes display issue - 5px larger than input field */

textarea { height:80px; overflow:auto; }

input.radio-check, #group-sales input.radio-check,
.left-left-half input.radio-check, 
.left-right-half input.radio-check{
	width: 12px;
	background-color: none !important;
	border: none;
	outline:none;
	margin: 3px 2px 5px 0px;
}
.left-left-half input.radio-check {margin-left: 100px;}
form .left-left-half span {margin-left: 120px; font-size: 11px; display:block; margin-top: -5px;}
form .left-right-half span {margin-left: 20px; font-size: 11px; display:block; margin-top: -5px;}
label.radio-check {float: left; width: 375px; margin: 3px 35px 5px 0px;}


/* ------------------------ submit button form elements ------------------------ */

input.submit, #group-sales input.submit { 
	width:70px;
	height:20px;
	cursor:pointer; 
	padding:0;
	text-transform: uppercase;
	background-color: #6f84c2 !important;
	border: none;
	height: 26px;
	color: #ffffff;
	}
form p.details {font-size: 10px; text-align: right; margin: -9px 0px 10px 0px;}
form .left-right-half p.details {margin-right: 35px;}
#reset, #group-sales #reset {background-color: #515151 !important;}

.left-right-half label {width: 300px;}

.left-left-half label,
label.select{
	width: 332px;
	}
#cc-month {width: 100px;}
#cc-year {width: 80px;}

#security-code {width: 184px;}

.db-month {width: 100px;}
.db-day {width: 50px;}
.db-year {width: 120px;}


select.select-left { margin-left: 100px; width:559px; }

.left-left-half input {width: 222px;}	
.left-right-half input {width: 234px;}	

label.show select { width: 255px; margin-left: 5px;}

.label-input-left {
	display: block;
	float: left;
	width: 400px;
}
.label-input-right {
	display: block;
	float: left;
	width: 260px;
}
.label-input-left input { width: 290px;}
.label-input-left select { width: 295px;}
.label-input-right input { width: 160px;}
.label-input-right select { width: 165px;}

.form-btns {margin: 10px 0px 0px 104px;}

