/*------------------------------------------
---------------------------------------
All header tags live in typography.css
header tags: h1, h2, h3, etc.
---------------------------------------
--------------------------------------------*/
form
{
	margin: 0;
}
.formhead
{
	color: #eb7c00;
	display: block;
}
.formspart.white
{
	background-color: #FFF;
}
.formspart
{
	background-color: #f7f7f7;
	color: #525051;
	padding: 20px;
	position: relative;
	clear: both;
	font-size: 14px !important;
}
.formspart_space
{
    margin-top: 10px;
}
.formspart_break
{
	height: 1px;
	width: 100%;
	background-color: #fff;
	clear: both;
}
.formspart.leftcol
{
	background-color: #fff;
	color: #525051;
	position: relative;
	clear: both;
	font-size: 11px;
	padding: 0;
}
.forms_buttonspace
{
	display: block;
	padding: 10px 0 20px 0;
}
.arrow_callout
{
	height: auto;
	position: absolute;
	right: 10px;
	font-weight: normal;
	color: #eb7c00;
	width: 120px;
	line-height: 16px;
	font-size: 11px;
}
.step_number_img
{
	position: relative;
	top: 4px;
	margin-right: 5px;
}
.forms_restraintxt
{
	width: 540px;
	height: auto;
	margin-bottom: 10px;
}
.charleft
{
	display: inline-block;
}
.leadin_activate
{
	margin-left: 25px;
}
.form_loadingspace
{
	height: 100px;
}
.editor-field
{
	display: block;
}
/*------------------------------------*\
		New Input Fields - cleaner
\*------------------------------------*/
.cleanforms input
{
	padding: 0;
	border: 0;
	height: 16px;
	margin-top: 1px;
}
.cleanforms input:focus
{
	outline: 0px;
}
.cleanforms select:focus
{
	outline: 0px;
}
.formoutershell_520
{
	border: 1px #a1a1a1 solid;
	background-color: #fff;
	height: 18px;
	width: 500px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
}
.search.formoutershell_420
{
	background: #fff url('../images/searchbutton_04.gif') no-repeat right center;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 408px; /* this number + left padding + right padding = total width */
	padding: 0 2px 0 10px;
	margin: 0;
	float: left;
}
.formoutershell_420
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 400px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
}
.formoutershell_400
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 380px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
}
.formoutershell_400 label.label_watermark
{
	padding: 0;
	margin: 0;
	color: #777;
	height: 18px;
	line-height: 16px;
	font-size: 11px;
}
.formoutershell_360
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 340px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
	display: block;
}
.formoutershell_360_block
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 100px;
	width: 340px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
	display: block;
}
.formoutershell_280
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 260px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
	float: left;
	display: block;
}
.formoutershell_200
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 180px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
}
.formoutershell_dropdown_200
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 180px; /*padding: 0px 0px 0px 10px;*/
}
.formoutershell_dropdown_200 select
{
	background: transparent;
}
.formoutershell_180
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 160px; /* this number + left padding + right padding = total width */
	padding: 0 10px;
	margin: 0;
}
.formoutershell_dropdown_180
{
	background-color: #fff;
	border: 1px #a1a1a1 solid;
	height: 18px;
	width: 160px; /*padding: 0px 0px 0px 10px;*/
}
.formoutershell_dropdown_180 select
{
	background: transparent;
}

select.clearformstyles
{
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent;
}
select.clearformstyles option
{
	padding: 0 0 0 10px;
	margin: 0;
}

.clearformstyles
{
	background: none;
	border: none;
	width: 100%;
}
.search.clearformstyles
{
	/*background: transparent ('../../Piln.Web/Content/images/searchbutton_04.gif') no-repeat fixed right top;*/
	border: none;
	width: 95%;
}
/*------------------------------------*\
					 Text Input Fields
\*------------------------------------*/
.required_flag
{
	color: #FF0000;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
	clear: both;
	vertical-align: top;
}
.required_flag_nocount
{
	color: #FF0000;
	display: inline-block;
	font-size: 14px;
	margin-left: 12px;
	clear: both;
}
.requirementerrors
{
	color: #ff0000;
	font-size: 11px;
	line-height: 13px;
	padding-left: 10px;
}
.requirementerrors_notchecked
{
	color: #ff0000;
	font-size: 11px;
	line-height: 13px;
	padding-left: 10px;
	display: none;
}
.charactercount
{
	font-size: 10px;
	color: #a1a1a1;
}
.textinput_content
{
	color: #525051 !important;
}
.textinput_box
{
	border: 1px solid #a1a1a1;
}
.textinput_box_profile
{
	width: 280px;
}
.textinput_box_profile_other
{
	width: 220px;
	margin: 4px 0 0 2px;
}

.textinput_box_label
{
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.textinput_box_profile_profsum
{
	width: 400px;
}
.textinput_box_resources
{
	width: 520px;
}
.textinput_box_resources360
{
	width: 360px;
}
.textinput_box_resources.block
{
	width: 520px;
	height: 100px;
	line-height: 14px;
	padding: 3px 0 3px 10px;
}
.textinput_box_resources360.block
{
	width: 360px;
	height: 100px;
	line-height: 14px;
	padding: 3px 0 3px 10px;
}
.textinput_box_resources_special
{
	width: 498px;
}
.textinput_box_resources_keywords
{
	width: 405px;
}
.textinput_box_social
{
	width: 400px;
}
.textinput_box_radialcued
{
	margin-left: 25px;
	margin-top: 4px;
}
.side-by-side
{
	width:350px; float:left;
}
/*-------------------------*\
			watermark styles
\*-------------------------*/
.textinput_watermark
{
	color: #a1a1a1;
}
.label_watermark, /* NOTE: Must have same font and margin/padding as associated input/textarea. */ .textinput_box
{
	padding-left: 10px;
	margin-bottom: 5px;
	height: 18px;
	line-height: 18px;
	font-size: 11px !important;
}
.label_watermark
{
	margin-left: 1px; /* Same as textinput_box border */
	color: #777;
}

/*------------------------------------*\
							Text counter
\*------------------------------------*/

.textcounter_original
{
	padding-left: 6px;
}
.textcounter_warning /* warningStyle displays when user is warningNumber (usually 20) characters from the limit. */
{
	color: red; /* example */
}
/*------------------------------------*\
							Drop Downs
\*------------------------------------*/

.dropdown_box
{
	font-size: 11px !important;
	border: 1px solid #a1a1a1;
	padding-left: 7px;
	padding-right: 1px;
	margin-bottom: 5px;
	height: 20px;
}
.dropdown_box_profile
{
	width: 293px;
}

.dropdown_box_resources
{
	width: 500px;
}
/*------------------------------------*\
							multi-columns
		 for checkboxes & radial btns
\*------------------------------------*/

.list_three_column ul
{
	width: 550px;
	list-style: none;
	height: auto;
	padding: 0;
}
.list_three_column ul li
{
	width: 33%;
	margin-bottom: 5px;
	float: left;
}
.list_three_column input
{
	float: left;
	display: block;
	margin: 0 3px 0 0;
}
.list_three_column label
{
	float: left;
	display: inline-block;
	line-height: 14px;
	width: 85%;
	margin: 2px 0 0 4px;
}
.list_two_column ul
{
	width: 550px;
	list-style: none;
	height: auto;
	padding: 0;
	margin-top: 3px;
}
.list_two_column ul li
{
	width: 50%;
	margin: 0 0 8px 0;
	float: left;
}
.list_two_column input
{
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 2px 0;
}
.list_two_column label
{
	float: left;
	display: inline-block;
	line-height: 14px;
	width: 85%;
	padding: 0;
	margin: 1px 0 0 4px;
}

.list_one_column ul
{
	width: 540px;
	list-style: none;
	height: auto;
	padding: 0;
	margin: 5px 0 0 0;
}
.list_one_column ul li
{
	width: 100%;
	margin-bottom: 4px;
	float: left;
	display: inline-block;
}
.list_one_column
{
	width: 540px;
	height: auto;
	float: left;
	margin: 0 0 15px 0 !important;
	padding: 0;
}
.list_one_column_narrow
{
	width: 200px;
}
.list_one_column input
{
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 1px 0;
}
.list_one_column label
{
	float: left;
	display: inline-block;
	margin: 0 0 4px 4px;
	width: 95%;
}
.list_one_column select
{
	margin: 0 0 0 16px;
	width: 135px !important;
}

/* used on community-search pages */
.grid_4 .list_one_column ul
{
	width: 220px;
	list-style: none;
	height: auto;
	padding: 0;
	margin: 5px 0 0 0;
}
.grid_4 .list_one_column ul li
{
	width: 100%;
	margin-bottom: 5px;
	float: left;
	display: inline-block;
}
.grid_4 .list_one_column
{
	width: 220px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.grid_4 .list_one_column input
{
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 1px 0;
}
.grid_4 .list_one_column label
{
	float: left;
	display: inline-block;
	margin: 0 0 0 4px;
	width: 87%;
}
/*--- child button location on a form --- */
.leadinbtn_right_resources
{
	width: 520px; /* This needs to be the exact width of the form field which this button relates to */
}
.leadinbtn_right_resources span
{
	float: right;
}
/*--- used on admin profile pages - indents items ---*/
.checkbox-sublist
{
	margin-left: 22px;
	margin-top: 5px;
}
.sublist
{
	margin: 0 0 12px 12px;
}
.radial_activatefield, .radial_activatefield2 /* used when a radial activates an input field */
{
	margin-bottom: 10px;
}

.radial_activatefield label
{
	width: 230px;
	display: inline-block;
}
.radial_activatefield h3
{
	width: 250px;
}
.radial_activatefield2 span
{
	margin-right: 10px;
}
.radial_activatefield2 label
{
	width: 290px;
	display: inline-block;
}
/*.radial_activatefield input
{
		padding: 0;
		margin: 0;
}*/
.radial_activatefield span
{
	/*padding-right: 10px;*/
	width: 45px;
	display: inline-block;
}
/* -----------------------------------------------------------
		Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	font-size: 11px;
	color: #ff0000;
	line-height: 12px;
	display: inline;
	height: auto;
	width: 170px;
	text-align: right; /*background-image: url('../images/semiwhitebg.png');*/
	padding: 2px;
    width:auto;

}
field-validation-error.field-validation-valid_onpopup, .field-validation-valid_onpopup
{
	font-size: 11px;
	color: #ff0000;
	line-height: 12px;
	display: block;
	height: auto;
	width: auto;
	text-align: left; /*background-image: url('../images/semiwhitebg.png');*/
	padding: 2px 0 0 5px;
	position: static;
	display: inline-block;
}
.field-validation-valid
{
	display: none;
}

.input-validation-error
{
}
.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}
.validation-summary-valid
{
	display: none;
}
/*---------------------------------------
Add Video Popup
---------------------------------------*/
.add_vid_popup
{
	width: 560px;
	height: auto;
	padding: 20px;
	font-size: 14px;
}
.add_vid_popup h4
{
	font-size: 16px;
	font-weight: bold;
}
.add_vid_popup input[type=text]
{
	width: 440px;
	border: 1px solid #a1a1a1;
	padding-left: 10px;
	margin-bottom: 20px;
	color: #a1a1a1;
}

/*---------------------------------- *\
					accordion styles
\*-----------------------------------

.ui-accordion h3
{
		border-style: none;
		background-color: #a1a1a1; 
		font-size: 14px;
		line-height: 16px;
		height:25px;
}

.ui-accordion h3.ui-state-active
{
		border: 1 none;
		background-color: #e67f00;
		background-image: url('../images/active_corner_orange_03.gif');
		background-position: right;
		background-attachment: scroll;
		background-repeat: no-repeat;
}
These styles live in nav.css - conflicts between the two locations causing a mixed bag of results
*/