/*
 *    These styles are for the trailer search form tag.
 *
 * SIR 5663, 03/27/2007, Brandon Herron - Initial Creation.
 *
 */

/*
 *  The main container of the form
 */
.searchTrailerFormMainLayout {
	border: 1px solid #000000;
	background-color: #f0f0f0;
}

/* ================== General formatting styles =================== */
/*
 *  form field (label and entry) container
 */
.searchTrailerFormMainLayout.field {
	padding-right: 5px;
	padding-left: 15px;
	float: none;
	clear: left;
}

/*
 *  form label containers
 */
.searchTrailerFormMainLayout .field .formLabel {
	white-space: nowrap;
	text-align: left;
	padding-right: 5px;
	float: left;
	display: block;
}

/*
 *  form label containers for an error
 */
.searchTrailerFormMainLayout .field span .formLabelError {
	width: 135px;
	text-align: right;
	padding-right: 5px;
	float: left;
	display: block;
}

/*
 *  The drop down selection containers
 */
.searchTrailerFormMainLayout .dropDownContainer {
	
}

/*
 *  The drop down boxes
 */
.searchTrailerFormMainLayout .dropDownContainer select {
	width: 200px;
}

/*
 *  The button containers
 */
.searchTrailerFormMainLayout .buttonContainer {
	padding-left: 10px;
	text-align: right;
}

/*
 *  The input buttons
 */
.searchTrailerFormMainLayout .buttonContainer input {
	vertical-align: center;
}

/* ================ Sectional Styles ===================== */

/*
 *  Preferred Trailerlication section container
 */
.searchTrailerFormMainLayout .addPrefferedContainer {
	width: 100%;
	padding-top: 10px;
	/*
	 *  draws a padded grey bar at the bottom of this container
	 */
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: thin solid #e0e0e0;
}

/*
 *  The search section container
 */
.searchTrailerFormMainLayout .searchContainer {
	padding-top: 10px;
}

/*
 *  The search by name row
 */
.searchTrailerFormMainLayout .searchContainer .searchByNameContainer {
	width: 100%;
}

/*
 *  Search by name text entry box container
 *  SIR 5791, 05/01/2007, Redmond Abutin, adde padding to align the textboxes
 */
.searchTrailerFormMainLayout .searchContainer .searchByNameContainer .searchByNameEntry {
	padding-right: 35px;
}

/*
 *  Search by name text entry box
 */
.searchTrailerFormMainLayout .searchContainer .searchByNameContainer .searchByNameEntry input {
	width: 200px;

}

/*
 *  The search type divider container ('    or    ')
 */
.searchTrailerFormMainLayout .searchContainer .searchTypeDividerContainer {
	width: 180px;
	text-align: center;
	FONT: 12px Arial, Helvetica, sans-serif; 
	COLOR: #000000;
	vertical-align: center;
}

/*
 *  The search by id row
 */
.searchTrailerFormMainLayout .searchContainer .searchByIdContainer {
	width: 100%;
	
}

/*
 *  The search by id text entry box container
 *  SIR 5791, 05/01/2007, Redmond Abutin, adde padding to align the textboxes
 */
.searchTrailerFormMainLayout .searchContainer .searchByIdContainer .searchByIdEntry {
	padding-right: 42px;
}

/*
 *  Search by id text entry box
 */
.searchTrailerFormMainLayout .searchContainer .searchByIdContainer .searchByIdEntry input {
	width: 100px;
	
}

/*
 *  The search results section container
 */
.searchTrailerFormMainLayout .searchResultsContainer {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

/*
 *  The search results drop down selection container
 */
.searchTrailerFormMainLayout .searchResultsContainer .dropDownContainer {
	
}

/*
 *  The search results drop down box
 */
.searchTrailerFormMainLayout .searchResultsContainer .dropDownContainer select {
	width: 200px;
}