/* FORM STYLES */

.cssForm legend {
	display:none;
	}

.cssForm div{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 85px; /*width of left column containing the label elements*/
	height: 1%;
	text-align: left
	}

.cssForm div.column {
	clear:none;
	margin:0;
	padding:0;
	height:auto;
	border:none;
	}

.cssForm label{
	float: left;
	margin-left: -85px; /*width of left column*/
	width: 75px; /*width of labels. Should be smaller than left column to create some right margin*/
	text-align:left;
	padding:.25em 0;
	font-weight:bold;
	color:#fff;
	}

.cssForm input,
.cssForm select,
.cssForm textarea {
  box-sizing:border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing:border-box;
}

.cssForm input[type="text"], 
.cssForm input[type="file"], 
.cssForm input[type="password"], 
.cssForm textarea, 
.cssForm select, 
.cssForm input[type="checkbox"], 
.cssForm input[type="radio"] {
	border:1px solid #663300;
	padding:.25em;
	}

.cssForm input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 140px;
	}

.cssForm select,
.cssForm textarea {
	width:148px;
}

.cssForm .noFormat {
	float:none;
	margin:0;
	padding:0;
	}

.cssForm input[type="text"]:focus, 
.cssForm input[type="file"]:focus, 
.cssForm input[type="password"]:focus, 
.cssForm textarea:focus, 
.cssForm input[type="checkbox"], 
.cssForm select:focus, 
.cssForm input[type="radio"]   {
	border-color:#663300;
	}

.cssForm .sendMessageButton,
.cssForm .searchButton,
.cssForm .makeReservationButton,
.giftCardButton,
.cssForm .submitButton,
.cssForm .sendRequestButton,
.makeReservationButton {
	height: 35px;
	background-color: transparent;
	background-position: 0 -35px;
	background-repeat:no-repeat;
}

.cssForm .sendMessageButton {
	background-image:url(../pix/button_sendMessage.png);
	width:161px;
	}

.cssForm .submitButton {
	background-image:url(../pix/button_submit.png);
	width:100px;
	}

.makeReservationButton {
	background-image:url(../pix/button_makeReservation.png);
	width:243px;
}

.giftCardButton {
	background-image:url(../pix/button_buyGiftCard.png);
	width:243px;
}
	
.cssForm .sendRequestButton {
	background-image:url(../pix/button_sendRequest.png);
	width:161px;
	}
	
.cssForm .searchButton {
	background-image:url(../pix/button_search.png);
	width:96px;
	}
			
.cssForm .sendMessageButton:hover,
.cssForm .searchButton:hover,
.cssForm .makeReservationButton:hover,
.giftCardButton:hover,
.cssForm .submitButton:hover,
.cssForm .sendRequestButton:hover,
.makeReservationButton:hover {
	background-position: 0 0;
}

#blogBody #sideBar_narrow .cssForm input[type="text"] {
	width:100px;
}

#blogBody .cssForm .searchButton {
	background-position: 0 -43px;
	margin-top:.5em;
	margin-left:-7px;
}

#blogBody .cssForm .searchButton:hover {
	background-position: 0 -8px;
}

.cssForm fieldset {
	border:none;
	margin:25px 0;
	}

.cssForm legend {
	margin-bottom:1em;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
    }
    
.error {
  color: #ff0000;
  clear:both;
  display:none;
  }

.good {
	color:green;
	height: 17px;
	width: 16px;
	background: url(../pix/good.png) center center no-repeat;
}
    
.errorlist {
    margin: 0;
    padding: 0;
	display:none;
    }
	
/* END FORM STYLES */