/** search form **/

/**************************************************************************************
/* update the following classes to change the appearance of the search form
/*************************************************************************************/

/* this is the class used on the outside container element for the search form */
/* html example: <div class="Search_Form_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Search_Form_Wrapper {
	width: 140px;
	height: 60px;
	padding-top: 20px;
	float: right;	
}

/* this is the class used on the inside container element for the document list */
/* html example: <div class="Search_Form_Wrapper"><div class="Search_Form"> */
.Search_Form {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for the question */
/* html example: <div class="Label">Keyword(s):</div> */
.Search_Form .Label {
	display: none;
}

/* this is the class used on the container element for the keyword label */
/* html example: <div class="Label SearchLabel">Keyword(s):</div> */
/** overrides .Label **/
.Search_Form .SearchLabel {}

/* this is the class used on the container element for the form field */
/* html example: <div class="Field"> */
.Search_Form .Field {
	width: 125px; 
	float: left;
}

/* the form field element */
/* html example: <div class="Field"><input type="text" ... /></div> */
.Search_Form .Field input {
	width:98px;
	font-size:0.75em;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 0px 1px 0px #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow:inset 0 0 5px #000000;
	-moz-box-shadow:inset 0 0 5px #000000;
	-webkit-box-shadow:inset 0px 0px 5px #000000;
	border: 1px solid #999;
	background-color: #4D4D4D;
	background-image: url(../../images/search.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 27px;
}

/* this is the class used on the container element for the keyword form field */
/* html example: <div class="Field SearchField"> */
/** overrides .Field **/
.Search_Form .SearchField {}

/* the keyword form field element */
/* html example: <div class="Field SearchField"><input type="text" ... /></div>  */
/** overrides .Field input **/
.Search_Form .SearchField input {}

/* this is the class used on the spacer element that exists after the form field */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Search_Form .Spacer {
	float: left;
	width: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}
.Search_Form .Spacer img {
	border: 0;
	border: 0;
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for the buttons */
/* html example: <div class="Buttons">...</div> */
.Search_Form .Buttons {
	display: none;
}

/* this is the class used on the container element for the submit image */
/* html example: <div class="SubmitImage"> */
/** sets size and background image for button **/
/** use only .SubmitImage or .SubmitButton, add display: none; to other **/
.Search_Form .SubmitImage {
	display: none;
}

/* the image form element */
/* html example: <div class="SubmitImage"><input type="image" src="/images/shim.gif" alt="" border="0" /></div> */
/** should be same size as .SubmitImage **/
.Search_Form .SubmitImage input {}

/* this is the class used on the container element for the submit button */
/* html example: <div class="SubmitButton">...</div> */
/** use only .SubmitButton or .SubmitImage **/
.Search_Form .SubmitButton {}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Send Feedback" /></div> */
.Search_Form .SubmitButton input {
	color:#fff;
	background-color:#000;
	border:1px solid #e36500; 
	margin:1px; 
	padding:0; 
	font-size:0.8em;
	font-weight:normal; 
	text-decoration:none; 
	text-transform: uppercase;
}