/*================   ESTILOS DE LAS FORMAS   =================*/



*{ outline:none;}



.ccms_form_element p, #preview-panel p { margin-bottom: 9px;}

.ccms_form_element input, .ccms_form_element  textarea, .ccms_form_element  input[type="file"]  , 

#preview-panel input, #preview-panel  textarea, #preview-panel  input[type="file"]

{

	padding: 4px;  border: 1px solid #d3d3d3; margin-bottom: 3px; 

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	min-width:150px;

}

.ccms_form_element select, #preview-panel select { 

	padding: 3px; border: 1px solid #d3d3d3; min-width: 150px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

}

.ccms_form_element select:focus,.ccms_form_element input:focus,.ccms_form_element textarea:focus, #preview-panel select:focus,#preview-panel input:focus,#preview-panel textarea:focus{ 

	 border: 1px solid #000; 

	

}

/*.ccms_form_element select { min-width: 163px; }*/

.ccms_form_element label, #preview-panel label { float: left; width: 150px; line-height: 18px; margin: 3px 0 6px ; font-weight: bold; padding:5px; text-align:left; padding-top:0px;}

.ccms_form_element fieldset, #preview-panel fieldset  {

background-color:#FAFAFA;

border:1px solid #EEEEEE;

padding:15px;

width:auto; }

.ccms_form_element fieldset legend , #preview-panel fieldset legend {font-weight:bold; margin-left:-10px; padding:10px; }



.ccms_form_element { margin-bottom: 20px; position: relative; padding: 1px 0px 1px 5px; /*border-bottom: 1px solid #dddddd;*/ clear: both;}



.cfdiv_select select,

/*.cfdiv_text input, .cfdiv_text label { float: left; }*/

.cfdiv_text label, #preview-panel select, #preview-panel 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%;}

.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; margin-bottom: 9px;}



.ccms_form_element .button, #preview-panel .button { 

	background-color: #37a8f0; 

	border: 0;

	padding: 5px 7px;

	font-size: 11px; 

	color: white;

	text-decoration: none; 

} 

  

.ccms_form_element .button:hover,.ccms_form_element .button:focus, #preview-panel .button:hover,#preview-panel .button:focus {

	background-color: #999999; 

 	text-decoration: none;

 	}





/* input sizes */

.small_input { width: 200px;}

.medium_input { width: 350px; }

.big_input, .title_input { width:475px; }

.title_input { padding: 8px 5px; font-size: 18px; margin-bottom: 15px; float: left;}





/* 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"] , 

#preview-panel input[type="checkbox"] , #preview-panel input[type="radio"] { padding: 0 0 0 0; background-color: transparent; border-color: transparent; margin: 10px 10px 10px 10px; 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;}





.label_over label:first-child { float: none;  }

.label_over label:first-child { display: block; width:95%; }

.label_over .small-message, .label_over .error-message {  margin-left: 0;}



.radios_over label, .radios_over input {

    float: left;

}

.radios_over input {

    clear: left;

}



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

	float: left;

        margin-right: 10px;

		 max-width:470px ;

 

}

.multiline_add{

	clear:none;

	float: left;

        margin-right: 10px;

		 max-width:470px ;

}

.ccms_form_element input[type="text"], .ccms_form_element  input[type="password"],

#preview-panel input[type="text"] , #preview-panel input[type="password"]

{

	width:300px;

	height:32px;

}

.ccms_form_element  select, #preview-panel select

{

	margin:0px;	 

	width:310px;

	min-height:30px;

}

#preview-panel select

{

  height:auto;

}

.ccms_form_element  textarea, #preview-panel textarea

{

	width:95%;

	height:100px;

}

.ccms_form_element input[type="text"], .ccms_form_element  input[type="password"], .ccms_form_element  select, .ccms_form_element  textarea,

#preview-panel  input[type="text"], #preview-panel  input[type="password"], #preview-panel  select, #preview-panel  textarea

{

	font-size:16px;

}

.ccms_form_element input[type="button"], .ccms_form_element  input[type="submit"], .ccms_form_element  input[type="reset"],

#preview-panel input[type="button"], #preview-panel  input[type="submit"], #preview-panel  input[type="reset"]

{

	font-size:16px;

	cursor:pointer;

	color:#1F1F1F;

	border:#1F1F1F solid 1px;

	background-color:transparent;

        margin-right:10px;

        margin-top:10px;

}

.ccms_form_element input[type="checkbox"], .ccms_form_element  input[type="radio"] , 

#preview-panel input[type="checkbox"], #preview-panel  input[type="radio"]

{

	padding: 4px;  border: 1px solid #d3d3d3; margin-bottom: 3px; 

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	

}

.ccms_form_element input[type="button"]:hover, .ccms_form_element  input[type="submit"]:hover, .ccms_form_element  input[type="reset"]:hover,

#preview-panel input[type="button"]:hover, #preview-panel input[type="submit"]:hover, #preview-panel input[type="reset"]:hover,

.ccms_form_element input[type="button"]:focus, .ccms_form_element  input[type="submit"]:focus, .ccms_form_element  input[type="reset"]:focus,

#preview-panel input[type="button"]:focus, #preview-panel input[type="submit"]:focus, #preview-panel input[type="reset"]:focus

{

	font-size:16px;

	cursor:pointer;

	color:#008080;

	border:#008080 solid 1px;

}

.formasonlineform

{

	border: none;	

}

.formasonlinemessage

{

	border: 1px solid #7f7f7f; 

	background-color: #caff95; 

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;	

	height: auto; 

	padding: 5px; 

	width: auto; 

	text-align: center;	

}

.fileinput

{

	visibility:hidden; height:1px; overflow:hidden; max-height:1px; margin-top:-15px; position:relative;

	max-width:200px;	

}

.formasonlinelist input, textarea, input[type="file"]  

{

	padding: 4px;  border: 1px solid #d3d3d3; margin-bottom: 3px; 

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	min-width:150px;

}

.formasonlinelist input[type="button"], .formasonlinelist  input[type="submit"], .formasonlinelist  input[type="reset"]

{

	font-size:16px;

	cursor:pointer;

	color:#1F1F1F;

	border:#1F1F1F solid 1px;

	background-color:transparent;

        margin-right:10px;

        margin-top:10px;



}

.formasonlinelist input[type="button"]:hover, .formasonlinelist  input[type="submit"]:hover, .formasonlinelist  input[type="reset"]:hover

{

	font-size:16px;

	cursor:pointer;

	color:#008080;

	border:#008080 solid 1px;

}

.formasonlinelist table td, .formasonlinelist table th

{

 padding-left:5px;

 padding-right:0px;

 padding-bottom:0px;

 padding-top:0px;

 font-size:14px;

 text-align:left;

}



.formasonlinelist table

{

 -webkit-border-radius: 10px;

 -moz-border-radius: 10px;

 border-radius: 10px;

 border:#008080  solid 1px;

 margin-top:10px; 



}

.formasonlinelist table th

{

 background-color:#CCFFFF;

}

.ccms_form_element .filelink,

#preview-panel .filelink

{

  cursor:pointer;

  

}

.formasonlinelist th a

{

	text-align:left;	

	text-decoration:none;

    font-size:14px;

	padding:0px;

}

.formasonlineform

{

	width:100%;

	min-width:300px;

}

.list-footer

{

	text-align:center;	

}

.list-footer ul li

{

	margin-left:10px;

	list-style:none;

	background-image:none ;

}

.list-footer ul li a

{

	background-image:none;

} 

.multiple

{

	min-height:100px;	

}

.multiple2

{

	min-height:100px;	

	min-width:500px;	

	max-width:500px;	

}



.multiple3

{

	min-height:200px;	

	min-width:500px;	

	max-width:500px;	

}

.row_0 .cell, .row_1 .cell

{

 border-bottom:solid 1px #666;	

}

.formasonlinelist table td

{

	padding:0px;

	font-size:12px;

} 

.formasonlinelist table th a

{

	font-size:12px;

} 

.formasonlinelist table th

{

	padding:2px;

	font-size:12px;

} 

.consecutivo

{

 font-size:20px;

 color:#000;

 line-height:22px;

}

.ccms_form_element input[type="checkbox"],

#preview-panel input[type="checkbox"]

{



  width:25px;

  padding: 0px;

  margin:0px;

  max-width:25px;

  border:none;

  text-align:left;

  background-position:left center;

}

select.multiple4

{

	min-height:50px;	

	min-width:310px;	

	max-width:310px;

	font-size:11px;	

}

.panel h3

{

	height:50px;	

}

.panel h3 span

{

	height:40px;

	color:#6C6C6C;

	font-family:Arial;

	background-color:#E6E6E6;

	padding:5px;

	margin-bottom:10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;	

	border:#424242 solid 1px;

	font-size:12px;

}

.panel h3 span:hover

{

	height:40px;

	color:#000;

	font-family:Arial;

	font-size:12px;

}