/*

	FORM STYLES
	Contains styles for form builder page (form.aspx) and for all other forms site-wide.

	STYLES FOR FORMS BUILT WITH DIV BASED MARKUP HAS BEEN REMOVED.
	TO BE FOUND IN forms-deprecated.css

    
	[WEBSITE FORM STANDARDS] 
    the markup for forms across the site is the following:
	
<ul>
  <li> 
     <label> 
	 <input> 
  </li>
  <li>
    <ul class="double_column">    // this split the content of the list element in two floating sub lists
		<li>
		   <label> 
		   <input> 
		</li>
		<li>
		   <label> 
		   <input> 
		</li>
    </ul>
  </li>
  <li>  
     <label> 
	 <div class="inline_list">  // this is used to display inline checkboxes and radioboxes
		    <checkbox><label> 
		    <checkbox><label>   
	 </div>
  </li>

</ul>


***********************************/


.form_wrap ul {
	overflow:hidden;
	zoom:1;
	list-style:none;
	padding:0;
	margin:0;
	list-style-position:outside;
}

.form_wrap ul li {
	margin:0 0 20px;
	overflow:hidden;
	zoom:1;
	min-height:30px;
}

.form_wrap ul li label {
/*	font-weight: bold;*/
	margin-bottom:2px;
	display:block;
	float:none;
	width:auto;
}

ul li ul.double_column li ul li label,
.form_wrap ul li ul li label {
	margin: 0 20px 0 0;
	font-weight:normal;
}

.form_wrap .select {
	margin: 0 0 30px;
	overflow: hidden;
}

ul li ul.double_column li ul li,
.form_wrap ul li ul li {
	height:auto;
	min-height:0;
	margin-bottom:10px;
	width: 263px;
}

.form_wrap .select .form_group_content ul li {
	float:none;
	min-height:20px;
	_height:20px;
	margin-bottom:5px;
}

.form_wrap .select .form_group_content ul li label {
	color: #333333;
	float: left;
	font-size: 12px;
	margin: 0 10px 3px 0;
	width: 526px;
	line-height:1.2em;
}

/* default double column markup */

.double_column {
	overflow:hidden;
	zoom:1;
	padding:0;
	margin:0;
	width: 570px;
}

 ul.double_column li {
	float:left;
	margin:0 20px 20px 0;
	width:262px;
}

ul.double_column li label {
/*	font-weight:bold;*/
}

.double_column li label,
.double_column li ul li {
	float:none;
	width:auto;
}

.double_column li ul li {
	float:none;
	width:auto;
}

.form_wrap ul.double_column li textarea,
.form_wrap ul.double_column li .input_type_text,
.form_wrap ul.double_column li select {
}







/* default double column markup */


ul.multi_date li {
	float:left;
	margin:0 20px 0 0;
	width:120px;
}



.form_wrap ul.multi_date li .input_type_text{
	width:108px;
}




/* default inline form elements*/


.form_wrap ul li .inline_list label {
	float: left;
	font-weight: normal !important;
	margin: 0 20px 0 0;
	width: auto !important;
}

.form_wrap ul li .inline_list br {
	display:none;
}

.form_wrap fieldset {
	border: none;
	margin: 0;
	padding:0;
}

.form_wrap legend {
	display:none;
}

.form_wrap .head {
	margin:0 0 20px;
}

.form_wrap .input_type_text,
.form_wrap .input_type_password,
.form_wrap input[type=text],
.form_wrap input[type=password],
.form_wrap select,
.paging .display select,
.form_wrap textarea {
	border:solid 1px #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	width:250px;

	-moz-box-shadow: 2px 2px 7px -2px #CCCCCC inset; /* FF3.5 - 3.6 */
	/* -webkit-box-shadow: 2px 2px 7px -2px #CCCCCC inset; */ /* Saf3.0+, Chrome */
	/* box-shadow: 2px 2px 7px -2px #CCCCCC inset; */ /* Opera 10.5, IE9, FF4+, Chrome 10+ */
	font-size: 13px;
}

.form_wrap .input_type_text.labeler,
.form_wrap .input_type_password.labeler,
.form_wrap input[type=text].labeler,
.form_wrap input[type=password].labeler,
.form_wrap select.labeler,
.form_wrap textarea.labeler {
	color:#adadad;
}

.form_wrap .input_type_text:focus,
.form_wrap .input_type_password:focus,
.form_wrap input[type=text]:focus,
.form_wrap input[type=password]:focus,
.form_wrap select:focus,
.form_wrap textarea:focus {
	border:solid 1px #c0c0c0;
}

.form_wrap .input_type_text,
.form_wrap .input_type_password,
.form_wrap input[type=text],
.form_wrap input[type=password],
.form_wrap textarea {
	padding: 7px 5px 6px;
}

.form_wrap select {
	padding: 6px 1px 4px;
	width: 250px;
}

.form_wrap input_type_checkbox,
.form_wrap input_type_radio,
.form_wrap input[type=checkbox],
.form_wrap input[type=radio] {
	display:inline;
	width:15px;
	/* float:left; */
	margin: 3px 3px 0 0;
}

label{
	margin-right:20px;
}


/* forms inside of lead panels on pages such as news.aspx and jobs.aspx, news_list.aspx, events_list.aspx */



/* side forms on pages such as blogs.aspx */



/* captcha */


.id_captcha .input_type_text,
.id_captcha input[type=text] {
	width:115px;
}


.id_captcha  span {
	margin:0 !important;
	margin-right:20px !important
	

}
.id_captcha  span:first-child {
	margin:0 !important;
	float:none !important;

}
.id_captcha  span img  {
	border: 1px solid #e6e6e6 !important;
    height: auto !important;
    margin-top: 18px;
    width: 112px !important;

}



.required {
	color:#F00;
}

/* validation errors */
.validation_error {
	background:#FFF url(/images/validartion_error.png) no-repeat 0 0;
	width:17px;
	height:17px;
	text-indent:-9999px;
	position:absolute;
	top:2px;
	right:2px;
}

/* front end dual list control 

two multiple select boxes next to each other with buttons to swap elements between them

*/
.duallist_control .duallist_wrap ul li {
	float:left;
}

.duallist_control .duallist_wrap ul li.id_02 {
	margin:0 10px;
}

.duallist_control .duallist_wrap ul li.id_02 input {
	float:left;
	clear:left;
	margin:0 0 2px;
	width:40px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

.duallist_control .duallist_wrap ul li select {
	width:200px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.rednote {
	color:#F00;
	font-size:11px;
}

.form_wrap fieldset ul.duallist_control {
	margin:0 0 7px;
}

.form_wrap fieldset ul.duallist_control li {
	margin:0 0 5px;
}

.form_wrap fieldset ul.duallist_control li ul li {
	margin:0;
}

/* image/avatar upload */
.image_upload ul {
	float:right;
	width:305px;
}

.image_upload ul li img {
	display:block;
	margin:0 0 10px;
}

/* multi date selectors */
.form_wrap fieldset .multi_date_selector ul li {
	margin:0 0 5px;
}

.form_wrap fieldset .multi_date_selector ul li label {
	display:block;
	margin:0;
}

.form_wrap fieldset .multi_date_selector ul li select {
	width:180px;
}

.form_wrap hr {
	margin:20px 0;
	background-color:#e6e6e6;
	border:none;
	color:green;
	height:1px;
}




/* pagetool popup forms */


.dialog .form_wrap fieldset.user_input label {
	width:100px;
}

.dialog .form_wrap fieldset.user_input input.input_type_text,
.dialog .form_wrap fieldset.user_input textarea {
	width:250px;
}

.form_captcha fieldset {
	border:none;
}

.form_captcha fieldset input {
	border:solid 1px #CCC;
	width:80px;
	padding:2px;
}

.subnote {
	margin:5px 0 0;
}

.subnote p {
	font-size:11px;
}



/***************************************************

	SITE-WIDE BUTTON REPLACEMENT.
	Default button class should be applied to all buttons which you wish to apply image replacement to. 
	Default class contains the common height of all common buttons on the given website, for example; 32px.
	Width of any given button should be defined inside of its individual button class, inside of the 'button array' below.
	
	for  small search buttons with only magnifying glass icon, add class "search", and use GO as value text - it will be displayed in ie7-8
	for bigger search buttons add class "search" AND "searchbig", result is magnifying glass next to value text (should be "SEARCH")
	
******************************************************/




button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
 padding: 0;
 border: 0 none;
}

.body .input_type_submit.search,
.body input[type=submit].search,
.body .btn.search {
	background-color: #f8f8f8;
	background-image: url(/images/search.png);
	background-image: url(/images/search.png), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Saf4+, Chrome */
	background-image:  url(/images/search.png), -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Saf5.1+ */
	background-image:  url(/images/search.png), -moz-linear-gradient(top, #ffffff, #e8e8e8); /* FF3.6 */
	background-image:  url(/images/search.png), -ms-linear-gradient(top, #ffffff, #e8e8e8); /* IE10 */
	background-image:  url(/images/search.png), -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10+ */
	background-image:  url(/images/search.png), linear-gradient(top, #ffffff, #e8e8e8);
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding: 6px 15px 4px;
	width:auto !important;
}

.body .input_type_submit.search:hover,
.body input[type=submit].search:hover,
.body .btn.search:hover {
	background-color: #eeeeee;
	background-image: url(/images/search.png);
	background-image:url(/images/search.png), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	/* Saf4+, Chrome */
  background-image: url(/images/search.png), -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: url(/images/search.png), -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: url(/images/search.png), -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: url(/images/search.png), -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: url(/images/search.png), linear-gradient(top, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	text-shadow: 0 1px 0 #eee;
}

.body .input_type_submit.search,
.body input[type=submit].search,
.body .btn.search {
	background-image: url(/images/search.png), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Saf4+, Chrome */
	background-image:  url(/images/search.png), -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Saf5.1+ */
	background-image:  url(/images/search.png), -moz-linear-gradient(top, #ffffff, #e8e8e8); /* FF3.6 */
	background-image:  url(/images/search.png), -ms-linear-gradient(top, #ffffff, #e8e8e8); /* IE10 */
	background-image:  url(/images/search.png), -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10+ */
	background-image:  url(/images/search.png), linear-gradient(top, #ffffff, #e8e8e8);
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	    height: 31px;
}

.body .input_type_submit.search.searchbig,
.body input[type=submit].search.searchbig,
.body .btn.search.searchbig {
	background-position: 7px center, center center;
	background-repeat: no-repeat;
	padding-left: 27px;
	text-indent:0;
}

/* default button style */
.body .input_type_submit,
.body input[type=submit],
.body .btn {
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #e8e8e8); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #e8e8e8); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #e8e8e8);
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #c9c9c9;


	color: #333;
	padding: 8px 0;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	line-height:18px;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 6px 8px 4px;
	text-align: center;
	text-transform: uppercase;
}

.body a.btn {
	text-decoration:none;
}

.body .input_type_submit:hover,
.body input[type=submit]:hover,
.body .btn:hover {
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
	/* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(top, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	text-shadow: 0 1px 0 #eee;
}

.body .input_type_submit:active,
.body input[type=submit]:active,
.body .btn:active {
	border: 1px solid #c0c0c0;
	border-bottom: 1px solid #aaa;
	-webkit-box-shadow: inset 0 0 5px 2px #c5c5c5, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 5px 2px #c5c5c5, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 5px 2px #c5c5c5, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 5px 2px #c5c5c5, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 5px 2px #c5c5c5, 0 1px 0 0 #eeeeee;
}

.body .btn_site_search,
.body input[type=submit].btn_site_search {
	background: url(/images/searchfield.png) no-repeat scroll -221px 0 transparent;
	width:29px;
	height: 27px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	border:none;
	padding:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}