/* general utility classes available for use */

.hidden { display: none; }

.inputfield {
	background: url("images/search-bar_background.png") repeat-x #FFF;
	border: 1px solid #666;
}
.searchbuttonoffset {
	border: 0px;
	position: relative;
	top: 5px;
}

.backgroundWhite { background:#FFF; }
.backgroundLightGray { background:#e7e7e7; }
.backgroundBlack { background:#000; }
.backgroundGray333 { background:#333; }
.backgroundGray666 { background:#666; }
.backgroundGray999 { background:#999; }

.width5em { width: 5em; }
.width10em { width: 10em; }
.width15em { width: 15em; }
.width20em { width: 20em; }
.width25em { width: 25em; }
.width30em { width: 30em; }
.width35em { width: 35em; }
.width40em { width: 40em; }
.width45em { width: 45em; }
.width50em { width: 50em; }

.width100 { width: 100px; }
.width200 { width: 200px; }
.width300 { width: 300px; }
.width400 { width: 400px; }
.width500 { width: 500px; }
.width600 { width: 600px; }
.width700 { width: 700px; }
.width800 { width: 800px; }


.textAlignLeft { text-align:left; }
.textAlignCenter { text-align: center; }
.textAlignRight { text-align:right; }

.positionRelative { position: relative; }
.positionAbsolute { position: absolute; }

.photoRight {
	border: 1px solid #000;
	background: #FFF;
	padding: 10px;
	margin: 0px 0px 10px 10px;
	float:right;
}
.photoLeft {
	border: 1px solid #000;
	background: #FFF;
	padding: 10px;
	margin: 0px 10px 10px 0px;
	float:left;
}


.clearBoth { clear:both; }
.clearRight { clear: right; }
.clearLeft { clear: left; }