/* General form definitions */
.componentContainer form, 
.componentContainer .formWithoutButtons, 
.componentContainer .outputForm{
	padding:5px 5px 5px 5px;
	margin:0px;
	float:left;
	position:relative;
}

/* Form, component widths for modules, panels*/
.wide_module_container .componentContainer form, .wide_module_container .componentContainer .outputForm{width:918px;}
.normal_module_container .componentContainer form, .normal_module_container .componentContainer .outputForm{width:658px;}
.half_module_container .componentContainer form, .half_module_container .componentContainer .outputForm{width:323px;}
.search_engine_module_container .componentContainer form, .search_engine_module_container .componentContainer .outputForm{width:606px;}

.wide_module_container .panel .componentContainer form, .wide_module_container .panel .componentContainer .outputForm{width:912px;}
.normal_module_container .panel .componentContainer form, .normal_module_container .panel .componentContainer .outputForm{width:652px;}
.half_module_container .panel .componentContainer form, .half_module_container .panel .componentContainer .outputForm{width:317px;}
.search_engine_module_container .panel .componentContainer form, .search_engine_module_container .panel .componentContainer .outputForm{width:600px;}


/**
  * Form label format
  */
	.componentContainer label, .componentContainer label.error, .componentContainer .label{
		font-size:100%;
		font-weight:normal;
		display:block;
		float: left;
		width: 120px;
		text-align: right;
		margin-right: 6px;
		margin-top: 8px;
		line-height:16px;
	}
	.componentContainer .label{
		width:24%;
		margin-right:0px;
	}
	.componentContainer fieldset .label{
		width:120px;
		margin-right:6px;
	}
    
    .componentContainer .labelLong{
		font-size:100%;
		font-weight:normal;
		display:block;
		float: left;
		width: 200px;
		text-align: right;
		margin-right: 6px;
		margin-top: 8px;
		line-height:16px;
	}
/**
  * error format for the label
  */
		.componentContainer label.error{}
	
/**
  * Form element definitions
  */
	.componentContainer input, .componentContainer textarea, .componentContainer select, .componentContainer input.checkbox,
	.componentContainer .output, .componentContainer .outputLong{
		font-size:100%;
		border-width:1px;
		border-style:solid;
		width:180px;
		margin-top: 8px;
		display:block;
		float: left;
	}
    
    	.componentContainer .inputShort {
		font-size:100%;
		border-width:1px;
		border-style:solid;
		width:100px;
		margin-top: 8px;
		display:block;
		float: left;
	}
	
	.componentContainer select{
		width:182px;
	}
	* html .componentContainer select{ /* need this for IE6 to render the checkbox properly */
		width:183px;
	}

	.componentContainer .tableLabel{
	  border-top-width:1px;
	  border-top-style:solid;
	  float:left;
	  font-weight:bold;
	  padding:3px 0px;
	  text-indent:15px;
	  width:30%;
	}
	
	.componentContainer .output, .componentContainer .outputLong{
		width:24%;
		border:none;
		line-height:16px;
		text-indent:5px;
	}

	.componentContainer fieldset .output{
		width:180px;
	}

	.componentContainer fieldset .output-wide{
		width:360px;
	}

	.componentContainer .outputLong{
		width:75%;
	}
	.componentContainer .tableOutput{
	  border-top-width: 1px;
	  border-left-width: 1px;
	  border-top-style: solid;
	  border-left-style: solid;
	  float:left;
	  padding:4px;
	  width:60%;
	}
	.componentContainer .bottomAsterisk{
	  float:right;
	  font-size:80%;
	  width:50%;
	}

	
/**
  * Further define each form element
  */
		.componentContainer input.checkbox{
			position: relative;
			top: 0px;
			left: 0px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: none;
			border:none;
			width:15px;
			clear:all;
		}
		* html .componentContainer input.checkbox{ /* need this for IE6 to render the checkbox properly */
			margin-top: -3px;
			margin-bottom: -1px;
		}

		.componentContainer .smallInputContainer{	/* this container is used to allow the form float to work properly */
			margin: 8px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			border: none;
			width:180px;
			float: left;
			line-height:16px;
		}
		
		.componentContainer .third .smallInputContainer{  /* 2010-05-17 - added by AA for checkboxes in third seperator divs */
			padding: 0 0 0 15px;
			width: 165px;
		}
		
		.componentContainer input.long, .componentContainer input.long_error,
		.componentContainer select.long, .componentContainer select.long_error,
		.componentContainer textarea.long, .componentContainer textarea.long_error{
			width: 488px;
		}
	  	.componentContainer input.hidden {
	  		width:0px;
	  		height:0px;
			border:0px;
			margin:0px;
			padding:0px;
			display:none;
	  	}

		.componentContainer input.submit{
			float:right;
			width:auto;
			border-top-width:1px;
			border-top-style:solid;
			border-right-width:1px;
			border-right-style:solid;
			border-bottom-width:1px;
			border-bottom-style:solid;
			border-left-width:1px;
			border-left-style:solid;
			padding: 1px 1px 1px 1px;
			font-size:100%;
			margin-top:10px;
			margin-left:5px;
		}
		.componentContainer div.privacy-policy-link-container{
			float:right;
			padding-top: 10px;
			padding-right: 10px;
		}

		.componentContainer .formFeedback{
			float:right;
			margin-top:8px;
		}
		.componentContainer .formFeedback img{
			position:relative;
			top:3px;
			margin-right:5px;
		}
		.componentContainer .successMessageContainer{
			margin:0px;
			padding:0px;
			width:100%;
			float:left;
			text-align:center;
		}
		.componentContainer .successMessageContainer .formFeedback{
			float:none;
		}

		/**
		  *  The following five styles define those needed to render a "datetime" field properly
		  */
		.componentContainer input.date{
			width:70px;
		}
		.componentContainer img.ui-datepicker-trigger{
			float:left;
			position:relative;
			top:8px;
			/*margin:8px 0px 0px 0px;*/
		}
		.componentContainer select.hour{
			width:40px;
		}
		.componentContainer .dateSpacer{
			width:7px;
			float:left;
			margin-top:9px;
			text-align:center;
			font-size:100%;
			font-weight:normal;
		}
		.componentContainer select.minute{
			width:40px;
		}

/**
  * Form elements error states
  */
	  	.componentContainer input.error, .componentContainer input.long_error,
	  	.componentContainer textarea.error, .componentContainer textarea.long_error,
		.componentContainer select.error, .componentContainer select.long_error {
   color:#000000 !important;
            
            }

/**
  * sliders
  */

/* ----- Search Drop Downs -------------------------------------------------------------- */

.searchDropDowns, .ddRange {
width:232px;
height:29px;
margin:0 0 1px 0;
padding:0;
padding:11px 0 0 0;
}

.searchDropDowns .left, .ddRange .left { /* added to overrite the current styles */
width:61px;
font-size:109%;
font-weight:bold;
margin:0;
padding:2px 0 0 8px;
float:left;
text-align:left;
}

.searchDropDowns .right, .ddRange .right { /* added to overrite the current styles */
width:151px;
font-size:109%;
margin:0;
padding:0 5px 0 0;
float:right;
text-align:right;
}

.searchDropDowns .right select, .ddRange .right select {
font-size:109%;
_height:19px;
width:65px !important;
}

.slider {
	float:left;
	width:232px; /* NSEMATT - changed from 214 */
	height:56px; /* NSEMATT - org 56px */
	position:relative;
	margin:0px 0px 1px 0px;
	padding:4px 0 0px 0;  /*NSEMATT - added*/
	font-size:109%; /* NSEMATT - org font-size:90%;*/
}

.sliderHeader {
	margin:0px 0 0px 7px; /* NSEMATT - changed from margin:0 0 0 7px; */
	padding:0; /* NSEMATT - changed from padding:3px 0 0 0; */
	font-weight:bold;
}

.sliderInside { /* acts as a warp for the slider track and grabs */
	margin:0 auto 0 auto; 
	padding:2px 0 0 0;
	width:194px;
	height:34px;
	position:relative;
	top:2px;
	left:0;
}

.track {
	width:182px;
	height:17px;
	position:relative;
	/*background-image:url(/t/resources/rpm3.0/images/search_engine/seWideSlide_track.gif);*/
	background-repeat:no-repeat;
}

.grab {
	background-image:url(/t/resources/rpm3.0/images/search_engine/seSlide_hand.gif);
	/*cursor:w-resize;*/
	opacity:0.9;
	top:-4px;
	left:0;
	width:12px;
	height:24px;
	position: absolute;
	overflow: hidden;
	border: none;
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

.leftOutput { /* the number under the slider - left side */
position:absolute;
bottom:0px; /* NSEMATT org bottom: 0px;*/  
left:4px;
/* NSEMATT */
font-size:95%;
}
		
.rightOutput { /* the number under the slider - right side */
position:absolute;
bottom:0px; /* NSEMATT org bottom: 0px;*/  
right:4px;
/* NSE MATT */
font-size:95%;
}	


/**
  * defines format for error message
  */
	.componentContainer span.error {font-weight:normal; font-size:72%; color:Red;}
	
/**
  * Fieldset
  * Note: Borders need to be !important for RPM3 as cs-styles.css removes them
  */
	.componentContainer fieldset{
		border-width: 1px !important;
		border-style: solid !important;
		padding:0px 0px 10px 0px;
		margin:0px 8px;
	}
	
	.componentContainer .innerFieldSet{
		border-width: 1px;
		border-style: solid;
		padding:0px 0px 10px 0px;
		width:637px;
	}

/**
  * Output set elements
  */

	.outputScroll {
		font-size:100%;
		width:190px;
		height:97px;
		padding:3px 3px;
		float:left;
		border-width:1px;
		border-style:solid;
		margin-right:5px;
	}

	.outputScroll .title {
		text-align:center;
	}

	.outputScroll .scroll {
		float:left;
		overflow:auto;
		height:69px;
		padding:3px 3px;
		width:184px;
	}
	.outputScroll .scroll ul { 
		margin:0 0 0 0px;
		padding:0;
		list-style:none;
	}
	

/**
  * this is the style for the legend tag (the form section title)
  */
	.componentContainer legend{
		margin:0 0 0 10px;
		padding:3px 5px 3px 5px;
		font-size:109%;
		font-weight:bold;
	} 

/**
  * this secondary legend style is used for a legend div inside a fieldset
  */
	.componentContainer .legend {
		font-size:109%;
		font-weight:bold;
		margin:0px 8px;
		padding:3px 5px;
	}

	.componentContainer .rpmPlot .legend, #searchEngineStats .legend, #searchEnginePieStats .legend {
		padding:0px;
		font-weight:normal;
	}

	.pieLabel div {
		background:#FAF7D4 none repeat scroll 0%;
		border:1px solid gray;
		font-size:90%;
		padding:1px;
		text-align:center;
		color: #000000;
		font-weight:bold;
	}

/**
  * required field indicator message
  */
	.componentContainer .requiredFieldMessage{
		font-size:100%;
		text-align:right;
		padding:2px 5px 5px 0px;
		margin:0px 0px 0px 0px;
		float:right;
	}
/**
  * required field indicator
  */
	.componentContainer .requiredFieldIndicator{}
    
    
/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
New FORMS CSS added March 05, 2010 - Matt
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------- */    

/* 
NEW FORMS CSS
-----------------------------------------------------
----------------------------------------------------- */

form {
margin:0;
padding:0;
width:100%;
}

fieldset {
margin:0;
padding:0;
border:none;
/*width:100%;*/
}

/* ----- legend (2010-04-09 AA - Renamed "legend" to "formLegend" because it conflicts with jQuery Flot graphs)--- */
.formLegend {
margin:0;
padding:0;
width:100%;
display:inline-block;
padding:4px 0 4px 0;
margin:8px 0 8px 0;
}

.formLegend span {
font-weight:bold;
margin:0px 0px 0px 8px;
display:inline-block;
}

/* ----- half width container & elements -------------------------------------------- */

.formHalf_widthR {
width:49%;
float:right;
display:inline-block;
margin:0 0 8px 0;
clear:right;

}

.formHalf_widthL {
width:49%;
float:left;
display:inline-block;
margin:0 0 8px 0;
clear:left;

}

/* ----- lable ----- */
.formHalf_widthR label,
.formHalf_widthL label {
font-weight:bold;
margin:0 0 0 8px;
}

.formHalf_widthR label .requiredField,
.formHalf_widthL label .requiredField {
font-size:10px;
font-style:italic;

color:#e78309;
}

/* ----- FORM ERROR ----- */
.formHalf_widthR .form_error,
.formHalf_widthL .form_error {
background-color:#fffcdc;
border:1px solid #ffde00;
color:#000;
}

/* ----- regular input ----- */
.formHalf_widthR .inputReg,
.formHalf_widthL .inputReg {
width:99%;
}

/* ----- radio buttons ----- */
.formHalf_widthR .radioBtn_container,
.formHalf_widthL .radioBtn_container {
width:49%;
float:left;
display:inline-block;
margin:8px 0 0 0;
padding:0 0 4px 0;
}

.formHalf_widthR .radioBtn,
.formHalf_widthL .radioBtn {
width:20px;
padding:0;
margin:0;
display:inline-block;
}

/* ----- check boxes ----- */
.formHalf_widthR .checkbox_container,
.formHalf_widthL .checkbox_container  {
width:50%;
float:left;
display:inline-block;
margin:8px 0 0 0;
padding:0 0 4px 0;
}

.formHalf_widthR .checkbox,
.formHalf_widthL .checkbox {
width:16px;
padding:0;
margin:0 4px 0 0;
display:inline-block;
}

/* ----- textarea ----- */

.formHalf_widthR .textarea,
.formHalf_widthL .textarea {
width:100%;
height:100px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* ----- drop downs ----- */
.formHalf_widthR .dropDown,
.formHalf_widthL .dropDown {
width:99%;
}

/* ----- captcha ----- */

#cs-wrapper form#propertyFinderForm div.cs-captcha-image-container, 
#cs-wrapper form#referAClientForm div.cs-captcha-image-container,
#cs-wrapper form#homeEvaluationForm div.cs-captcha-image-container,
#cs-wrapper form#contactForm div.cs-captcha-image-container{
  display:inline-block;
  width:auto;
  float:left;
  padding-top:4px;
}
#cs-wrapper form#propertyFinderForm div.cs-captcha-input-container,
#cs-wrapper form#referAClientForm div.cs-captcha-input-container,
#cs-wrapper form#homeEvaluationForm div.cs-captcha-input-container,
#cs-wrapper form#contactForm div.cs-captcha-input-container {
  display:inline-block;
  float:left;
  width:auto;
  padding-left:5px;
}

#cs-wrapper form#propertyFinderForm div.cs-captcha-input-container input[type="text"],
#cs-wrapper form#referAClientForm div.cs-captcha-input-container input[type="text"],
#cs-wrapper form#homeEvaluationForm div.cs-captcha-input-container input[type="text"],
#cs-wrapper form#contactForm div.cs-captcha-input-container input[type="text"] {
  width:60px;
  margin-top:9px;
}

#cs-wrapper img.cs-captcha-image{
  vertical-align:top;
}

#cs-wrapper form.cs-form input.cs-captcha{}

#cs-wrapper .cs-captcha-image-container{
	display:inline-block;
	zoom: 1;
        *display: inline;	/* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	width: 50%;
	text-align: left;
	vertical-align: top;
}
#cs-wrapper .cs-captcha-input-container{
	display:inline-block;
	zoom: 1;
        *display: inline;	/* IE Hack. See http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	width: 50%;
}


/* ----- full width container & elements -------------------------------------------- */
.formFull_width {
width:99%;
display:inline-block;
margin:0 0 8px 0;
}

/* ----- full width lables ----- */
.formFull_width label {
margin:0 0 0 8px;
font-weight:bold;
}

.formFull_width label .requiredField {
font-size:10px;
font-style:italic;

color:#e78309;
}

/* ----- full width checkbox ----- */
.formFull_width .checkbox_container  {
display:inline-block;
margin:8px 0 0 0;
padding:0 0 4px 0;
}

/* ----- full width radio btns ----- */
.formFull_width .radioBtn_container {
float:left;
display:inline-block;
margin:8px 0 0 0;
padding:0 0 4px 0;
}

/* ----- full width inputs ----- */
.formFull_width .inputReg {
width:100%;
}

/* ----- full width textarea ----- */

.formFull_width .textarea {
width:100%;
height:100px;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* ----- Dive Wrap and styles for 2 inputs on one line with prefix ----- */

.form_twoInputsWrap {
 display:inline-block;
 width:100%;
}

.form_twoInputsWrap .inputReg, .form_twoInputsWrap .dropDown {
 width:40%;
}

/* ----- Div Wrap and styles for inputs with prefix ----- */

.form_inputPrefixWrap {
 display:inline-block;
 width:100%;
}

.form_inputPrefixWrap .inputReg, .form_inputPrefixWrap .dropDown {
 width:90%;
}

/* ----- submit buttons ----- */
.submitBtn_container {
text-align:center;
}

.submitBtn {
font-size:14px !important;
background-color:#F7941D;
border-color:#f9b461 #d27e19 #d27e19 #f9b461;
color:white;
border-style:solid;
border-width:1px;
margin:8px 8px;
padding:3px 6px;
width:auto;
cursor: pointer;
font-weight:bold;
}

#websiteManager_general_other_options label {
width:230px !important;
}

#websiteManager_general_other_options label sup {
 padding:0;
 /*vertical-align: top; position: relative; top: -0.5em;*/
 vertical-align: top; font-size: 0.6em;
}