/*
 * ChronoCMS (chronocms.com)
 * Copyright 2010 - chronocms.com
 * license : Commercial
 * Redistributions of files must retain the above copyright notice.
 */
/*================   FORMS STYLES   =================*/


@font-face {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/fontawesome/fontawesome-webfont.eot?v=3.0.1');
	src: url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
}




.ccms_form_element p { margin-bottom: 9px; }
.ccms_form_element input, textarea, input[type="file"]  {
	xxpadding: 6px !important;
	xxborder: 1px solid #d3d3d3;
	xxmargin-bottom: 5px;
	font-family: 'open sans', sans sarif;
	font-size: 13px;
	border: 1px solid #eeeeee;
	transition-property: border, box-shadow;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: linear, linear;
	transition-delay: 0s, 0s;
	margin-top: 5px !important;
	padding: 5px 10px !important;
	width: calc(95% - 22px);
	resize: none;
	background:none;
	height: 37px;
}
.ccms_form_element input[type="file"] {
	xmargin-top: 5px !important;
	xpadding: 5px 10px !important;
	xheight: 37px;
}


input[type="submit"] {
	height:35px !important;
}
@media (min-width:325px){
	#input_gender1_container_div label { width:110px !important; padding-bottom:2px; margin-top:3px; }
	#input_gender1_container_div { padding-top: 0px !important; padding-bottom: 0px !important; }
	#input_gender1_container_div input { height: 10px !important; margin: 0px 10px 0px 20px; }
}
@media (max-width:324px){
	#input_gender1_container_div label { width:100% !important; padding-bottom:2px; }
	#input_gender1_container_div input { height: 10px !important; }
}

#input_gender1_container_div{
	font-size:14px !important
}
input[type="radio"] {
	width:10px !important;
}

@media (min-width:378px) {
	#chrono_verification1_container_div label{ width:100%; }
	#chrono_verification1_container_div input{ width:170px !important; margin-right:20px }
}

.ccms_form_element select, input[type="file"] {
	color:#757575 !important
}

.ccms_form_element select > option{
	color:#333
}
.ccms_form_element select { 

	font-family: 'open sans', sans sarif;
	font-size: 14px;
	color:#101010;
	height:36px;
	border: 1px solid #eeeeee;
	transition-property: border, box-shadow;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: linear, linear;
	transition-delay: 0s, 0s;
	margin-top: 5px !important;
	padding: 5px 10px !important;
	width: calc(95% - 20px);
	resize: none;
	background:none;
	min-width: 100px;
	height: 37px;
}

.ccms_form_element input:focus, select:focus, textarea:focus, input[type="file"]:focus {
    background-color: #fcfcfc;
}

.ccms_form_element select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


.ccms_form_element label { float: left; width: 80%; line-height: 18px; margin: 6px 0 0px ;font-size:14px; font-weight: normal;color:#000;}
.ccms_form_element fieldset  { background-color:#FAFAFA; border:1px solid #EEEEEE; padding:15px; width:auto; }
.ccms_form_element fieldset legend {font-weight:bold; margin-left:-10px; padding:10px; }
.ccms_form_element { margin-bottom: 0px; position: relative; padding: 10px 0px 10px 5px; /*border-bottom: 1px solid #dddddd;*/ clear: both; }

/*.cfdiv_select select,
.cfdiv_text input, .cfdiv_text label { float: left; }*/
.cfdiv_text label { width: 150px; }


.small-message, .error-message { line-height: 18px; margin: 4px 0 0 155px; font-size: 11px; display: block; clear: both;}
.small-message { color: #999999; font-style: italic; }
.error-message { color: red;}
.required input { border-color: #cccccc; background-color: #f9f9f9;}
.form-error { background-color: #fff4f4; border: 1px solid #ffd4d4;}


.tooltipimg { position: absolute; top: 5px; right: 10px; line-height: 21px;  color: #999999; }
.tooltipimg a {display: inline-block; font-weight: bold; color: #999999; line-height: 21px; height: 20px; background-color: #eeeeee; width: 20px; text-align: center;}
.tooltipimg a:hover { color: white; text-decoration: none;}


.cfdiv_checkboxgroup label, .cfdiv_radiogroup label, 
.cfdiv_checkbox label, .cfdiv_radio label { font-weight: normal; /*margin-bottom: 5px;*/margin: 6px 0 9px; }
.full_label {width: 70% !important;}
.cfdiv_checkboxgroup label:first-child, .cfdiv_radiogroup label:first-child, 
.cfdiv_checkbox label:first-child , 
.cfdiv_radio label:first-child, 
.cfdiv_checkbox label:first-child,
.cfdiv_checkboxgroup label:first-child { font-weight: bold !important; margin-bottom: 9px;}

.ccms_form_element .button { 
	background-color: #37a8f0; 
	border: 0;
	padding: 5px 7px;
	font-size: 11px; 
	color: white;
	text-decoration: none; 
} 
  
.ccms_form_element .button:hover {
	background-color: #999999; 
 	text-decoration: none;
 	}


/* input sizes */
.small_input { width: 200px !important;}
.medium_input { width: 350px !important; }
.big_input, .title_input { width:475px !important; }
.title_input { padding: 8px 5px; font-size: 18px; margin-bottom: 15px; float: left !important;}


/* input types */
.ccms_form_element input[type="checkbox"], 
/*.ccms_form_element input[type="radio"] { border-color: transparent; margin: 8px 9px 0 0; clear: none; }*/
.ccms_form_element input[type="radio"] { padding: 0 0 0 0 !important; background-color: transparent; border-color: transparent; margin: 10px 5px 10px 5px; clear: none; }

/* fixes for radio and checkboxes*/
.cfdiv_checkboxgroup label, .cfdiv_radio label { width: auto; margin-right: 25px;  }
.cfdiv_checkboxgroup label:first-child, .cfdiv_radio label:first-child { width: 150px; margin-right: 0;}
.cfdiv_checkboxgroup label, .cfdiv_radio label,
.cfdiv_checkboxgroup input, .cfdiv_radio input { float: left; }

.label_right{float: left; margin-left: 150px !important;}


.label_over label:first-child { float: none !important;  }
.label_over label:first-child { display: block; width:95% !important; }
.label_over .small-message, .label_over .error-message {  margin-left: 0;}

.radios_over label, .radios_over input {
    float: left !important;
}
.radios_over input {
    clear: left !important;
}

/* other fixes */
.fc-tbx{
	z-index:9999;
}
.validation_label{
	display:block;
	width:100%;
}
.chrono_captcha_input{
	vertical-align:top;
}

/*.clear{
	clear:both;
	visibility:hidden;
}*/

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.multiline_start{ /*clear:none !important;*/ float: left !important;}
.multiline_add{	clear:none !important; float: left !important; padding-left: 10px !important; }
















#submit1_container_div input[type="submit"],
#submit1_container_div input[type="reset"],
#input_submit1_container_div input.button {
	width:100px;
	cursor: pointer;
	color: #4d4d49;
	text-shadow: none;
	background-image: linear-gradient(to top, #e6e6e2, #f7f7f3) !important;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #c1c1c1;
	font-size: 15px;
	text-transform: uppercase;
	font: 12px/32px 'roboto_condensedregular';
	text-decoration: none;
	text-align:center;
	padding: 0px 40px 0px 15px;
	position: relative;
	outline: none !important;
	box-shadow: 0 1px 0px rgba(0, 0, 0, 0.08);
	letter-spacing: 0.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;

}

#submit1_container_div input[type="submit"]:after,
#submit1_container_div input[type="reset"]:after,
#input_submit1_container_div input.button:after {
	position: absolute;
	content: '\f101';
	font-family: 'FontAwesome';
	font-size: 16px;
	right: 18px;
	top: 0;
	text-shadow: none;
}

#submit1_container_div input[type="submit"]:hover,
#submit1_container_div input[type="reset"]:hover,
#input_submit1_container_div input.button:hover {
	background-image: linear-gradient(to top, #f7f7f3, #e6e6e2) !important;
}