/*
	-----------------------------------------------
    Form Styling
	-----------------------------------------------
*/


/* Form Element Layout
===========================================
*/
input, textarea {
	border:1px solid #a7acb0;
	font-family:Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight:normal;
  /*  width:25em;*/
}
.readOnly {
	color:#999;
}
.required em {
	color:#d80024;
}
label {
	color:#555;
    margin: 0.5em 0 0;
}
fieldset.submit {
    float: none;
    width: auto;
}
fieldset.submit input {
    background-color:#999;
    border:1px solid #ddd;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ddd;
    color:#fff;
    cursor:pointer;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 85%;
    font-weight:bold;
    padding:1px 5px;
    width:auto;
}
fieldset dt {
    clear: left;
    float: left;
    margin-bottom:1.5em;
    margin-right:1em;
    position:relative;
    text-align:right;
    width:10em;
}
fieldset dd {
    margin-bottom: 1.5em;
    margin-left:11em;
}
ul.errors {

}
ul.errors li {
    color:#d80024;
}


/* Width Styles - Select ones have 5 more pixels necessary so textboxes and selects using the same classes line up */
.inputTextXSmall 		{ width: 25px }
select.inputTextXSmall	{ width: 30px }

.inputTextSmall  		{ width: 30px }
select.inputTextSmall  	{ width: 35px }

.inputTextSM     		{ width: 44px }
select.inputTextSM     	{ width: 49px }

.inputTextMedium 		{ width: 78px }
select.inputTextMedium 	{ width: 83px }

.inputText       		{ width: 100px }
select.inputText       	{ width: 105px }

.inputTextLarge  		{ width: 140px }
select.inputTextLarge  	{ width: 145px }

.inputTextXLarge  		{ width: 180px }
select.inputTextXLarge 	{ width: 185px }

.inputTextVLarge 		{ width: 220px }
select.inputTextVLarge 	{ width: 225px }

.inputTextSLarge 		{ width: 320px }
select.inputTextSLarge 	{ width: 325px }

.inputTextFile   		{ width: 280px }
select.inputTextFile   	{ width: 285px }

/*.textArea        { width: 220px }*/	
.checkbox { 
	border:none;
	display:inline-block;
}
.submit-button {
	border-radius: 4px !important;
	cursor: pointer !important;
	padding: 5px 15px !important;
}

/* Form Validation
===========================================
- input, select, radio...
*/


/* Get a Quote
===========================================
*/
#get-a-quote {
		
}
#get-a-quote .delivery-options {
	display: none;
}
#get-a-quote.show-delivery-options .delivery-options {
	display: table-row;
}
#get-a-quote table th {
	padding: 5px;
}
#get-a-quote table td {
	padding: 5px 4px;
}
#get-a-quote input, #get-a-quote textarea {
	padding:2px 3px;
}
#get-a-quote .required em {
	color:#d80024;
	font-size:1.25em;
	font-weight:bold;
}
#get-a-quote .required {
	
}
#get-a-quote .error {
	color:#d80024;
}
#get-a-quote input.error {
	background-color:#fff6de;
	border-color:#777;
}
#get-a-quote label.error {
	color:#d80024;
	padding-left:1em;
}
#captcha {
	display: none;
}
#captcha.error {
	display: inline !important;
}
.captcha.error > div {
	border: red 1px solid !important;
}
#get-a-quote #html_element.error > div {
	background-color:#fff6de;
	border:#777 1px solid;
	padding: 3px;
}
.ui-datepicker {
	border: 1px solid black;
	box-shadow: 5px 5px 10px #888888;
}
/* Sidebar Calculator
===========================================
*/
#calculator-form fieldset {
	margin:0;
	padding:0.25em;
}
#calculator-form dl {
	margin:0;
    clear: both;
}
#calculator-form dt {
	width:80px;
	margin-right:5px;
	margin-bottom:0.5em;
}
#calculator-form dd {
	margin-left:85px;
	margin-bottom:0.5em;
}
#calculator-form input {
    /*text-align: right;*/
	width:50%;
}
#calculator-form input.submit {
	width:auto;	
}
#calculator-form label, #calculator-form select {
	/*font-size:11px;*/
}


/* Module Search Form
===========================================
*/
#search-module-form fieldset {
	margin-bottom:0;
}
#search-module-form dl, #search-module-form dt, #search-module-form dd {
	margin-top:0;
	margin-bottom:0;
}
#search-module-form dt {
	line-height:20px;
	margin-right:3px;
	width:5em;
}
#search-module-form dd {
	margin-left:0;
}
#search-module-form label {
	color:#666;
	font-size:11px;
}
#search-module-form input {
	background-color:#fff;
	color:#000;
	font-size:11px;
	height:18px;
	line-height:18px;
	padding-left:3px;
	width:10em;
}
#search-module-form select {
	border: 1px solid #c6c6c6;
	border-color: #8f8f8f #a3b4c4 #c7d2de; 
	color:#000;
	font-size:11px;
	line-height:18px;
	margin:0 2px;
	padding:1px 2px;
}
#search-module-form select:focus {
	border-color: #636d77;
}