@charset "utf-8";
/* CSS Document */

#buttons {
	background: #FFFFFF;
	width: 850px;
	height: 950px;
}

p, div, img, ul, li, ol, form, textarea, input, select, h1, h2, h3, h4, h5, h6, table, form, td{

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



.clear{
clear: both;
height: 0px;
}



/*---------------------------------------------------  Form Styles ------------------------------------------ */

/*----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------- form.css --------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.generalFormWrapper{
border: #D6DCE1 1px solid;
padding: 18px 22px 22px 22px;
padding-bottom: 35px;
}

.generalFormWrapper input, textarea, select{
border: #B1BDC7 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #596166;

}

.generalFormWrapper option{
font-size: 11px;
color: #596166;
}



.generalFormWrapper textarea{
overflow: auto;
}


.largeFormWrapper{
padding: 0px 15px 15px 15px;
padding-bottom: 35px;
}

.largeFormWrapper input, textarea, select{
border: #B1BDC7 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #596166;

}

.largeFormWrapper option{
font-size: 11px;
color: #596166;
}

.largeFormWrapper textarea{
overflow: auto;
}

.specialFormWrapper input, textarea, select{
border: #B1BDC7 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #596166;

}

.specialFormWrapper option{
font-size: 11px;
color: #596166;
}



.specialFormWrapper textarea{
overflow: auto;
}

.formrow{
	clear: both;
	margin-bottom: 10px;
}

/*----------------------- Double Row Styles ------------------------*/
.formDoubleRow{
clear: both;
margin-bottom: 20px;
}

.formFieldItemDouble{

}

.formFieldItemDouble .error{

}

.formFieldItemDouble1{
margin-right: 35px;
}

.formFieldNameDouble{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}

.rowDouble{
float: left;
/*add two pixels for borders*/
width: 215px;
margin-right: 5px;
}

.textFieldDouble{
padding: 5px;
width: 190px;
}

.textFieldinput{
padding: 0px;
width: 190px;
height:20px;
font-size:12px;
}

.selectFieldDouble{
padding: 5px;
width: 229px;
}


.selectDouble{
float: left;
width: 222px;
padding: 5px;
}

/* ---------------- End Double Row Styles -------------------------- */


/*----------------------- Triple Row Styles ------------------------*/
.formTripleRow{
clear: both;
margin-bottom: 20px;
}

.formFieldItemTriple{

}

.formFieldItemTriple1{
margin-right: 35px;
}

.formFieldNameTriple{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}

.rowTriple{
float: left;
margin-right: 25px;
width: 187px;
}

.textFieldTriple{
padding: 5px;
width: 175px;
}

.selectTriple{
float: left;
width: 125px;
padding: 5px;
}

.rowCalendarButton{
padding-left:23px;
float: left;
	width: 187px;
	margin: 0 0 0 30px;
	height: 30px;
}
.rowInstallation{
	float: left;
	width: 187px;
	margin: 0 0 0 8px;
}

/* ---------------- End Triple Row Styles -------------------------- */

.formImage-VerifyRow{
clear: both;
margin-bottom: 20px;
}

.formFieldNameImage-Verify{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}

.rowImage-Verify{
	float: left;
	/*add two pixels for borders*/
width: 320px;
	margin-right: 25px;
}

.textImage-Verify{
padding: 5px;
width: 222px;
}

.selectImage-Verify{
padding: 5px;
width: 229px;
}

.selectImage-Verify{
float: left;
width: 222px;
padding: 5px;
}

.textFieldVerify{
padding: 5px;
width: 135px;
}


.formVerifyRow{
clear: both;
margin-bottom: 20px;
}

.formFieldNameVerify{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}

.rowVerify{
	float: left;
	/*add two pixels for borders*/
width: 230px;
	margin-right: 25px;
}

.textVerify{
padding: 5px;
width: 222px;
}

.selectVerify{
padding: 5px;
width: 229px;
}

.selectVerify{
float: left;
width: 222px;
padding: 5px;
}


.checkboxitem{
float: left;
margin-left: 20px;
margin-top: 2px;
padding: 0px!important;
border: none!important;
}

.checkboxField{

}

.checkboxname{
float: left;
font-weight: bold;
font-size: 13px;
color: #596166;
}

.formfieldname{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}
.formfieldname{
font-weight: bold;
font-size: 13px;
padding-bottom: 8px;
color: #596166;
}
.formfieldmessage{
font-weight: bold;
font-size: 13px;
color: #596166;
}

.formfielderror{
float: right;
padding: 4px;
font-weight: bold;
background: #A5C525;
color: #ffffff;
border: #B1BDC7 1px solid;
font-size:11px;
margin-left:20px;

}

.formfielderrorDouble{
float: right;
padding: 4px;
font-weight: bold;
background: #A5C525;
color: #ffffff;
border: #B1BDC7 1px solid;
font-size:11px;
margin-left:20px;
margin-top: 25px;

}


.textfield, .textareaMedium, .textareaSmall, .textareaLarge{
width: 480px;
padding: 5px;

}

.dateField{
width: 300px;
float: left;
padding:5px;

}

.imageField{
width: 300px;
float: left;
padding:5px;
}

#image_error{
width: 300px;
float: left;
}

.addCategoryField{
width: 375px;
float: left;
padding:5px;

}

.browseBtn{
float: left;
padding-left: 20px;
padding-top: 2px;
}

.browseBtn img{
cursor: pointer;

}

.calField{
width: 300px;
float: left;
padding:5px;

}

.calBtn{
float: left;
padding-left: 10px;
padding-top: 0px;
}

.formfielditem{
width: 492px;
float: left;

}

.selectfield{
width: 490px;
padding: 5px;
}

.selectfield option{

}




.textareaLarge{
height: 350px;
padding: 5px!important;
}

.textareaBlog{
height: 425px;
padding: 5px!important;
}

.textareaMedium{
height: 200px;
padding: 5px!important;
}

.textareaSmall{
	height: 50px;
	padding: 5px!important;
}

.submitBtnRight{
text-align: right;
}


.submitBtnRight input{
text-align: right;
margin-left: 15px;
border: none!important;
}

.submitBtnLeft{
	text-align: left;
	width: 100px;
	float: left;
	margin: 25px 0 0 18px;
	height: 40px;
}

.submitBtnLeft input{
text-align: left;
margin-right: 15px;
border: none!important;
}

.fileInput{
border: none!important;
}


.subText{
color: #838C92;
font-size: 11px;
font-weight: bold;
clear: both;
padding-top: 8px;

}

.subText a{
color: #8CAD00;
}

.subText a:hover{
text-decoration: underline;
}





.requiredFormLabel{
	background: url(images//amber-circle.gif) top left no-repeat;
	padding-left: 23px;

}
.messageFormLabel{


	width: 100px;
	float: left;
	height: 18px;

}



.formHint{

font-size: 11px;
padding-left: 5px;
color: #858E94;

}