/*
 * ChronoCMS (chronocms.com)
 * Copyright 2010 - chronocms.com
 * license : Commercial
 * Redistributions of files must retain the above copyright notice.
 */
/*================   FORMS STYLES   =================*/
#Tema_Zakaz{
	background-color: #cc0099!important;
}
#Tema_Zakaz:hover{
 border: 1px solid #99cc00;  box-shadow: 0 0 5px rgba(  204, 0,153, 1);
    -webkit-box-shadow: 0 0 5px rgba(204, 0,153, 1); 
    -moz-box-shadow: 0 0 5px rgba(204, 0,153, 1);
    border:1px solid rgba(204, 0,153, 0.8);  

	}

#submitt {
	width: 97%!important;
	padding: 4%!important;
	color: #000!important;
	background-color: #EBEBEB!important;
	padding: 2%!important;
	border: 1px solid #d3d3d3!important;
	font-size: 18px;
	font-family: 'PFSquareMedium'!important;
text-transform: uppercase;
}




#submitt:hover{

	width: 97%!important;
	color: #FFF!important;
	background-color: #99cc00!important;
}


.ccms_form_element p { margin-bottom: 9px;    font-family: 'PFRegalRegular';}
.ccms_form_element a, { color: #0F0;}

.ccms_form_element input, textarea, input[type="file"]  { font: 14px 'PFRegalRegularIT'!important; padding: 2%!important;  border: 1px solid #d3d3d3; margin-bottom: 3px; width: 92%;       outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}
.ccms_form_element select:hover,input:hover, textarea:hover  { border: 1px solid #99cc00;  box-shadow: 0 0 5px rgba(153,  204, 0, 1);
    -webkit-box-shadow: 0 0 5px rgba(153,  204, 0, 1); 
    -moz-box-shadow: 0 0 5px rgba(153,  204, 0, 1);
    border:1px solid rgba(153,  204, 0, 0.8);  }
.ccms_form_element select { 	font: 14px 'PFRegalRegularIT'!important;background-color: #99cc00 !important;  color:#FFF;!important; float:left ;padding: 2% 0 2% 2px!important; border: 1px solid #d3d3d3; margin-bottom: 23px; width: 97%; margin: 0 auto; }
/*.ccms_form_element select { min-width: 163px; }*/
.ccms_form_element label   { float:left; margin: 0px 0 0px ;  font-family: PFRegalMedium; }
.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; }

.panel{
	width: 96%!important;
   margin-top: 4px!important;
   font-family: 'PFRegalRegular';
	}
	.panel:hover{

	}
.panel h3 a {	
		color: #566363!important;	
	   font-family: 'PFRegalRegular';
	}
.panel h3 a:hover {		
background:none!important;
background-image:none;
	   color:  #99cc00!important;

	}	
	
.ccms_form_element { margin-bottom: 2px; position: relative;  /*border-bottom: 1px solid #dddddd;*/ clear: both;}
.cfdiv_textarea { margin-bottom: -6px; position: relative;  /*border-bottom: 1px solid #dddddd;*/ clear: both;}
 
 .cfdiv_select select,
.cfdiv_text input, .cfdiv_text label { float: left; } 	
.cfdiv_text label {padding: 8px 0px 0px 0px; width: auto;  display: inline-block; line-height: 11px; }


.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;
}
.serial_container_div{
	    margin-bottom: 0px!important;
    padding: 0px 0 0px 0px!important;}
/* other fixes */
.fc-tbx{
	z-index:9999;
}
.validation_label{
	display:block;
	width:100%;
}
.chrono_captcha_input{
	float: right!important;
	 display: block;
		width:80px!important;
	vertical-align:top;
	margin: 0px 3%  1px 0!important;

}

/*.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; }