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

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

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

.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: 260px;
}

.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;
}

/*----------------------- 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: 10px;
	padding-bottom: 8px;
	color: #596166;
}

.rowImage-Verify{
	float: left;
	/*add two pixels for borders*/
	width: 260px;
	margin: 5px 0 0 0;
}

.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: 10px;
	padding-bottom: 8px;
	color: #596166;
}

.rowVerify{
	float: left;
	/*add two pixels for borders*/
	width: 230px;
	margin: 5px 0 0 0;
}

.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: 10px;
	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(../graphics/kdd-consultants.gif) top left no-repeat;
	padding-left: 23px;
}
.messageFormLabel{
	width: 100px;
	float: left;
	height: 18px;
}

.formHint{
	font-size: 11px;
	padding-left: 5px;
	color: #858E94;
}
#required-fields {
	width:150px;
	float: left;
	margin: 10px 0 0 0;
}
.submitbutton {
	width:60px;
	height:30px;
	float:left;
	margin: 5px 0 0 0;
}
#required {
	width:120px;
	height:20px;
	float:left;
	margin: 5px 0 0 0;
}