/**
 * form.css	
 * @author Enric Calafell
 * Styles for DynamicForm based on sochi style
 * 2013.04.09
 */ 
@charset "ISO-8859-1";

.df-visible {
	
}
.df-hidden {
	display: none;
}

.df-hidden:before {
    background-color: #FFC0CB;
    color: #FF0000;
    content: "HIDDEN ELEMENT";
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 43%;
    opacity: 0.5;
}

.df-form .customizedRegularFont {
	font-family: 'form-custom-font';
}

.df-form .customizedMediumFont {
	font-family: 'form-custom-font';
}

.df-form,.confirmation {
	clear: both;
}

.df-form .df-block {
	width: 615px;
}

.df-form .df-block .df-block-desc{
	border-bottom: 3px solid #DBDBDB;
    padding-bottom: 1.5em;
}

.df-form h1 {
	font-family: 'form-custom-font';
	font-size: 2.8em;
	font-weight: bold;
	margin: 15px 0 5px;
}

.df-form .df-section {
	border-top: 0;
	border-right: 0;
	border-bottom: 3px solid #DBDBDB;
	border-left: 0;
	margin: 0;
    padding: 13px 0 22px;
    position: relative;
    clear: both;
}

.df-form .df-section>legend /*,.df-form .df-section .df-section-legend*/ {
	float: left;
	font-family: 'form-custom-font';
	font-size: 2em;
	font-weight: bold;
}

.df-form .df-section>.df-section-desc {
	float:left;
}

.df-form .df-section .df-field.df-label {
	margin-top: 0;
	min-height: inherit;
}

.df-form .df-label-content {
	margin: 0;
    padding: 32px 0 0;
}

.df-form .df-matrix {
	margin-bottom: 1em;
}

.df-form .df-matrix.cols1{
	margin-bottom: 0em;
}

.df-form .df-matrix,.df-form .df-availability {
	clear: both;
	float: left;
	width: 100%;
}

.df-form ol.df-matrix {
	display: block;
	float: left; 
	padding-left: 0;
	width: 100%;
	list-style: decimal;
}

.df-form .df-matrix .df-matrix-head .df-field .df-help {
	position: absolute;
	right: 0;
}
.df-form .df-matrix .df-matrix-head .df-field:nth-child(0) .df-help {  z-index : 510; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(1) .df-help {  z-index : 509; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(2) .df-help {  z-index : 508; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(3) .df-help {  z-index : 507; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(4) .df-help {  z-index : 506; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(5) .df-help {  z-index : 505; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(6) .df-help {  z-index : 504; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(7) .df-help {  z-index : 503; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(8) .df-help {  z-index : 502; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(9) .df-help {  z-index : 501; right: 0; }
.df-form .df-matrix .df-matrix-head .df-field:nth-child(10) .df-help { z-index : 500; right: 0; }

.df-form .df-matrix .df-matrix-head .df-help .df-elem-help {
	margin-top: -1em;
    padding-left: 0;
}
.df-form .df-matrix.cols1 .df-matrix-head {
	position: relative;
}
.df-form .df-matrix.cols1 .df-matrix-head .df-help {
	bottom: 0;
    left: 49.5%;
    margin-bottom: -2.5em;
    position: absolute;
} 

.df-form .df-matrix.cols1 .df-matrix-head .df-help .df-elem-help .icontooltip {
    /*top: 0;*/
	/*left: 40px;*/
}
.df-form .df-matrix.cols1 .df-matrix-head .df-help .df-elem-help {
	margin: 0;
}

.df-form ol.df-matrix li.df-matrix-row.df-matrix-head {
	list-style: none outside none;
}

.df-form .df-matrix .df-matrix-fields {
	
}

.df-form .df-matrix .df-field {
	min-height: inherit;
}

.df-form .df-section .df-matrix-head .df-field, .df-form .df-matrix .df-matrix-fields .df-field {
	margin-top: 0;
	margin-bottom: 0;
	min-height: inherit;
}
.df-form .df-section .df-matrix-head .df-field {
	position: relative;
}
.df-form .df-matrix .df-matrix-controls input {
	float: left;
	margin-right: 5px;
}

.df-form .df-matrix .df-matrix-row {
	margin-top: 5px;
	float: left;
	width: 99%;
}

.df-form .df-matrix .df-matrix-row.df-matrix-head{
	/*margin-top: 1.5em;*/
	margin-top: 18px;
}

.df-form ol.df-matrix li.df-matrix-row {
	/*padding-left: 2em;*/
	/*text-indent: -2em;*/
}

.df-form ol.df-matrix .df-matrix-row.df-availamultiple-row{
	margin-top: 20px;
}

.df-form ol.df-matrix li.df-matrix-row .df-matrix-li-row-container {
	width: 100%;
	display: inline-block;
	position: relative;
	top: 1.3em;
/* 	float: left; */
}

.df-form .df-matrix .df-matrix-row.df-matrix-controls {
	clear: both;
	margin-top: 10px;
	/*padding-left: 5px;*/
	padding-top: 1.5em;
}

.df-form .df-matrix .df-matrix-row.df-matrix-controls > .df-simpleButton:first-child{
	margin-left: 0;
}

.df-form ol.df-matrix li.df-matrix-row.df-matrix-controls {
	list-style: none outside none;
}

.df-form .df-matrix .df-matrix-sub-row {
	float: left;
	margin-bottom: 18px;
}
.df-form .df-matrix .df-matrix-sub-row .df-field .df-label{
	width: 90%;
}

.df-form .df-matrix .df-matrix-sub-row .df-field .df-help {
	padding-left: 3px;
}

.df-form .df-matrix .df-matrix-sub-row.df-matrix-sub-row0 {
	margin-top: 0;
}

.df-form .df-availability {
	
}

.df-form .df-availability-desc {
    float: left;
}

.df-form .df-availability .df-availamultiple-legend {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.83em 0;
}

.df-form .df-availability .df-availability-fields {
	clear: both;
}

/*  GEN BASED MATRIX CONTROL */
/* .df-form input[type="submit"],.df-form input[type="button"],button { */
/* 	background-color: #7EAA07; */
/* 	border: 1px solid #587606; */
/* 	border-radius: 3px 3px 3px 3px; */
/* 	color: #FFFFFF; */
/* 	cursor: pointer; */
/* 	font-family: verdana; */
/* 	font-size: 1.01em; */
/* 	height: 25px; */
/* 	padding: 0 12px 2px; */
/* 	font-weight: bold; */
/* } */
/*   */

/**** DEFAULT DISTRIBUTION PROPOSAL ****/
.df-form .df-section .df-field {
	float: left;
	margin-top: 18px;
	/* padding-right: 0.5%; */
	min-height: 50px;
	width: 100%;
}

.df-form .df-section .df-field .df-container-mandatory>div {
	display: inline;
	width: auto;
}

.df-form .df-section .df-field .df-container-label {
	
}

.df-form .df-section .df-field .df-errorIcon {
	width: auto;
	float: left;
/* 	margin-left: -22px; */
	position: relative;
}

.df-form .df-section .df-field .df-mandatory {
	width: 7px;
	float: left;
}

.df-form .df-section .df-field .df-label {
/* 	width: 90%; */
	width: 88%;
	float: left;
}

.df-form .df-section .df-field .df-label label{
	display: block;
	float: left;
	width: 99%;
}

.df-form .df-section .df-field .df-container-value {
	margin-top: 5px;
}

.df-form .df-section .df-field .df-value {
	clear: both;
	float: left;
	width: auto;
	/* 	padding-left: 1%; */
	position: relative;
	/*min-width: 298px;*/
}

.df-form .df-section .df-field .df-help {
	float: left;
	position: relative;
}

.df-form .df-elem-icon {
	background: none repeat scroll 0 0 transparent;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
	display: inline;
}

.df-form .df-elem-icon h4,.df-form .df-elem-icon p {
	font-size: 1em;
	margin: 0 0 5px;
	position: relative;
	z-index: 3000;
}

/**** 1 COLUMN FULL REWRITING SELECTORS ****/
.df-form .cols1 .df-field {
	clear: both;
}

.df-form .cols1 .df-field .df-container-label {
	clear: left;
	float: left;
	width: 100%;
}

.df-form .cols1 .df-field .df-errorIcon {
	
}

.df-form .cols1 .df-field .df-mandatory {
	
}

.df-form .cols1 .df-field .df-label {
	
}
.df-form .df-matrix.cols1 .df-field .df-label {
	/*width: 47%;*/
}

.df-form .df-section.cols1 .df-field .df-container-value {
	clear: left;
	float: left;
	width: 100%;
}

.df-form .df-section.cols1 .df-field .df-container-value .df-value {
    min-width: 48%;
}

.df-form .df-matrix.cols1 .df-field .df-value select {
    /*width: 298px;*/
}

.df-form .cols1 .df-field .df-help {
	width: auto;
}

/**** 2 COLUMN DISTRIBUTION PROPOSAL ****/
.df-form .cols2 .df-field {
	width: 49.4%;
	clear: none;
}
.df-form .cols2 .df-field > div {
	float: left;
}
.df-form .cols2 .df-field .df-container-label {
	
}

.df-form .cols2 .df-field .df-errorIcon {
	
}

.df-form .cols2 .df-field .df-mandatory {
	
}

.df-form .cols2 .df-field .df-label {

}


.df-form .cols2 .df-field .df-container-value {

}

.df-form .cols2 .df-field .df-value {
	width: 80%;
}

.df-form .cols2 .df-field .df-help{
	width: auto;
	right: 6% !important;
}
.df-form .df-availability-fields.cols2 .df-field .df-help {
	width: auto;
	right: 0% !important;
}

.df-form .df-matrix.cols2 .df-field .df-label {
	/*width: 76%;*/
	width: 84%;
}

.df-form .df-matrix.cols2 .df-field .df-value , .df-form .df-matrix .cols2 .df-field .df-value {
	width: 97%;
}
/**** 2 COLUMN WITH HORIZONTAL LABELS DISTRIBUTION PROPOSAL ****/
.df-form .horizontal .df-field .df-container-label,.df-form .horizontal .df-field .df-container-value {
	float: left;
	clear: none;
}

.df-form .df-section.horizontal.cols2 .df-field {
	width: 48.5%;
}

.df-form .df-section.horizontal.cols2 .df-field .df-container-label {
	padding-right: 1%;
	width: 24%;
}

.df-form .df-section.horizontal.cols2 .df-field .df-container-value {
	width: 70%
}

/**** 3 COLUMN DISTRIBUTION ****/
.df-form .cols3 .df-field {
	width: 32.5%;
	clear: none;
}

.df-form .cols3 .df-field .df-container-label {
	
}

.df-form .cols3 .df-field .df-errorIcon {
	
}

.df-form .cols3 .df-field .df-mandatory {
	
}

.df-form .cols3 .df-field .df-label {
	/*width: 68%;*/
}


.df-form .cols3 .df-field .df-container-value {
	width: 100%;
}

.df-form .cols3 .df-field .df-value {
	width: 97%;
}

.df-form .cols3 .df-field .df-help {
	
}

.df-form .df-matrix.cols3 .df-field .df-label {
	width: 68%;
}

.df-form .df-matrix.cols3 .df-field .df-help {
	right: 2% !important;
}

.df-form .df-matrix.cols3 .df-field .df-value {
	min-width: inherit;
}

/**** 4 COLUMN DISTRIBUTION ****/
.df-form .cols4 .df-field {
	width: 24.3%;
	clear: none;
}

.df-form .cols4 .df-field .df-container-label {
	
}

.df-form .cols4 .df-field .df-errorIcon {
	
}

.df-form .cols4 .df-field .df-mandatory {
	
}

.df-form .cols4 .df-field .df-label {
	
}

.df-form .cols4 .df-field .df-container-value {
	width: 100%;
}

.df-form .cols4 .df-field .df-value {
	width: 90%;
}

.df-form .cols4 .df-field .df-help {
	right: 7% !important;
}

.df-form .df-matrix.cols4 .df-field .df-label {
}

.df-form .df-matrix.cols4 .df-field .df-value {
}

/**** 5 COLUMN DISTRIBUTION ****/
.df-form .cols5 .df-field {
	width: 19.3%;
	clear: none;
}

.df-form .cols5 .df-field .df-container-label {
	
}

.df-form .cols5 .df-field .df-errorIcon {
	
}

.df-form .cols5 .df-field .df-mandatory {
	
}

.df-form .cols5 .df-field .df-label {
	
}

.df-form .cols5 .df-field .df-container-value {
	width: 100%;
}

.df-form .cols5 .df-field .df-value {
	width: 95%;
}

.df-form .cols5 .df-field .df-help {
	
}

.df-form .df-matrix.cols5 .df-field .df-label {
}

.df-form .df-matrix.cols5 .df-field .df-value {
}
/**** BUTTONS ***/
.df-buttons .df-button-container {
	width: 25%;
	float: left;
}

.df-buttons .df-button-container .df-button {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

/**** MATRIX ***/
.df-form .df-matrix .df-field .df-value {
/* 	min-width: inherit; */
	min-width: 50%;
}

/**** HEADER ****/

.df-stepHeader {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 3px solid #DBDBDB;
}

.df-stepHeader li {
	display: inline-block;
	text-transform: uppercase;
}
.df-stepHeader.names li {
	text-align: center;
	min-width: 24%;
	margin-bottom: 5px;
}

.df-stepHeader li:first-child {
	margin-left: 0;
}

.df-stepHeader a {
		color: #004B88;
		display: inline-block;
/* 		font-size: 12px; */
		padding: 5px 25px;
		text-decoration: none;
		text-transform: uppercase;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
	position:relative;
	*display: inline;
}
.df-stepHeader .df-selected a {
	background-color: #F4791F !important;
	color: #FFFFFF !important;
}

.df-stepHeader .admin a {
	background-color: #62BB46;
    color: #FFFFFF;
}
 
.df-stepHeader .admin.df-selected a {
	background-color: #318E22 !important;
}

.df-stepHeader .hiddenBlock a {
	background-color: #00AEE6;
	color: #FFFFFF;
}

/**** FIELDS ****/
.df-form .df-field.df-isRequired .df-value>* {
	
}

.df-form .df-matrix-fields .df-field .df-value input[type="text"],
.df-form .df-matrix-fields .df-field .df-value input[type="password"],
.df-form .df-matrix-fields .df-field .df-value textarea {
	width: 92%;
	background-color: rgba(0, 0, 0, 0);
}

.df-form .df-matrix-fields .df-field .df-value select, .selectLabel {
/* 	width: 97%; */
	/*background-image:-webkit-linear-gradient(bottom, #F6F6F6, #FFF);*/
	/*background-image:   -moz-linear-gradient(bottom, #F6F6F6, #FFF);*/
	/*background-image:    -ms-linear-gradient(bottom, #F6F6F6, #FFF);*/
	/*background-image:     -o-linear-gradient(bottom, #F6F6F6, #FFF);*/
	/*background-image:        linear-gradient(to top, #F6F6F6, #FFF);*/
	/*color: #595959;*/
	/*background-color: #F6F6F6;*/
}

.df-form  .df-matrix.cols1 .df-field .df-value select + script + label,
.df-form  .df-matrix.cols1 .df-field .df-value select + label {
    right: 1px;
}

.df-form  .df-matrix.cols2 .df-field .df-value select + script + label,
.df-form  .df-matrix.cols2 .df-field .df-value select + label {
/* 	right: 10px; */
}
.df-form  .df-matrix.cols3 .df-field .df-value select + script + label,
.df-form  .df-matrix.cols3 .df-field .df-value select + label {
/* 	right: 6px; */
}

.df-form  .df-matrix.cols4 .df-field .df-value select + script + label,
.df-form  .df-matrix.cols4 .df-field .df-value select + label {
/* 	right: 3px; */
}

.df-form  .df-matrix.cols5 .df-field .df-value select + script + label,
.df-form  .df-matrix.cols5 .df-field .df-value select + label {
/* 	right: 1px; */
}

.df-form .df-matrix-fields .df-field .df-value .tableCheck {
	margin-left: 0.5em;
    margin-top: 0.5em;
}

.df-form .df-matrix-fields .df-field .df-value>table.tableCheck {
	border: none;
}

.df-form .df-matrix-fields.df-mandatory .df-field .df-value input[type="text"],
.df-form .df-matrix-fields.df-mandatory .df-field .df-value input[type="password"],
.df-form .df-matrix-fields.df-mandatory .df-field .df-value textarea {
	background-color: #F6F6F6;
}

.df-form .df-matrix-fields.df-mandatory .df-field .df-value select{
	color: #004B88;
	background-color: #E3E3E3;
	background-image:-webkit-linear-gradient(bottom, #E3E3E3, #F6F6F6);
	background-image:   -moz-linear-gradient(bottom, #E3E3E3, #F6F6F6);
	background-image:    -ms-linear-gradient(bottom, #E3E3E3, #F6F6F6);
	background-image:     -o-linear-gradient(bottom, #E3E3E3, #F6F6F6);
	background-image:        linear-gradient(to top, #E3E3E3, #F6F6F6);
}

.df-form .df-section input[type="text"],
.df-form .df-section input[type="password"],
.df-form .df-section select,
.df-form .df-section textarea {

}

.df-form .df-section input[type="text"],
.df-form .df-section input[type="password"],
textarea {
	width: 533px;
	
}

.df-form .df-section select , .selectLabel{
/* 	width: 298px; */
	width: 100%;
}

.df-form .df-help .df-elem-help {
	cursor: help;
	margin-top: 0;
	padding-left: 10px;
	z-index: 1;
}

.df-form .df-errorIcon {
	
}

.df-form .df-help .df-elem-help img,.df-form .df-errorIcon img {
	border-width: 0;
	border-style: none;
	margin-top: 1px;
}

.df-form .df-errorIcon .errortooltip {
	border: 1px solid #A20000;
	color: #A20000;
	left: 30px;
	top: -4px;
}
.df-form .df-errorIcon .errortooltip:before{
	border-right: 10px solid #A20000;
}

.df-form .df-help .df-elem-help .icontooltip {
	border: 1px solid #595959;
	left: 50px;
	top: 0px;
}
.df-form .df-errorIcon .errortooltip h4,.df-form .df-help .df-elem-help .icontooltip h4{
	display: none;
}

.df-form .df-errorIcon .errortooltip:before, .df-form .df-help .df-elem-help .icontooltip:before{
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	content: " ";
    height: 0;
    left: -10px;
    position: absolute;
    top: 8px;
    width: 0;
}

.df-form .df-help .df-elem-help .icontooltip:before{
	border-right: 10px solid #595959;
}

.df-form .df-matrix .df-matrix-head .df-help .df-elem-help .icontooltip{
	/*top: -12px;*/
	top: 0;
	left: 40px;
}

.df-form .df-errorIcon .errortooltip,.df-form .df-help .df-elem-help .icontooltip {
	background: none repeat scroll 0 0 #FFFFFF;
	display: none;
	padding: 0 5px;
	position: absolute;
	
	width: 200px;
	z-index: 3000;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;	
	    -ms-border-radius: 5px;	
	     -o-border-radius: 5px;	
	        border-radius: 5px;

}

.df-form .df-help .df-elem-help .icontooltip.icon-plainText {
    padding-bottom: 10px;
    padding-top: 10px;
}

.df-form .df-help .df-elem-help .icontooltip h4,.df-form .df-help .df-elem-help .icontooltip p,.df-form .df-errorIcon .errortooltip h4,.df-form .df-errorIcon .errortooltip p {
	margin: 5px 0;
}

.df-form .df-field.photoFieldField .df-help {
	margin-top: -5px;
}

.df-form .df-field.photoFieldField .df-container-value {
	width: auto;
	padding-left: 0.5%;
}

.df-form .df-field.photoFieldField .previewPhotoContent {
	width: auto;
}

.df-form .df-field.photoFieldField .previewPhotoContent .previewPhotoImageContent{
/* 	margin-bottom: 5px; */
}

.df-form .df-field.photoFieldField .previewPhotoContent #previewPhotoDialog {
	display: none;
}

.df-form .df-field.photoFieldField .previewPhotoContent img#PreviewPhotoImage {
	max-width: 164px;
	max-height: 132px;
}

#previewPhotoDialog {
	height: 100% !important;
	min-height: inherit !important;
}

#previewPhotoDialog #previewPhotoDialogLoading,#waitDiv #waitDivImg {
	float: left;
    margin-left: 10px;
    margin-top: 13px;
}

#previewPhotoDialog #previewPhotoDialogWaitMsg,#waitDiv #waitDivMsg {
	display: block;
    float: left;
    font-family: 'form-custom-font';
    font-size: 1.3em;
/*     margin-left: 20px; */
/*     margin-top: 14px; */
	margin-top: 0.4em;
    text-align: center;
/*     width: auto; */
	#display: inline;
}

/* ----------- WAIT EFFECT ------------*/

#w8Effect_1{
	left:0;
	-moz-animation-delay:0s;
	-webkit-animation-delay:0s;
	-o-animation-delay:0s;
	-ms-animation-delay:0s;
	animation-delay:0s;
}

#w8Effect_2{
	left:12.5%;
	-moz-animation-delay:0.13s;
	-webkit-animation-delay:0.13s;
	-o-animation-delay:0.13s;
	-ms-animation-delay:0.13s;
	animation-delay:0.13s;
}

#w8Effect_3{
	left:25%;
	-moz-animation-delay:0.26s;
	-webkit-animation-delay:0.26s;
	-o-animation-delay:0.26s;
	-ms-animation-delay:0.26s;
	animation-delay:0.26s;
}

#w8Effect_4{
	left:37.5%;
	-moz-animation-delay:0.39s;
	-webkit-animation-delay:0.39s;
	-o-animation-delay:0.39s;
	-ms-animation-delay:0.39s;
	animation-delay:0.39s;
}

#w8Effect_5{
	left:50%;
	-moz-animation-delay:0.52s;
	-webkit-animation-delay:0.52s;
	-o-animation-delay:0.52s;
	-ms-animation-delay:0.52s;
	animation-delay:0.52s;
}

#w8Effect_6{
	left:62.5%;
	-moz-animation-delay:0.65s;
	-webkit-animation-delay:0.65s;
	-o-animation-delay:0.65s;
	-ms-animation-delay:0.65s;
	animation-delay:0.65s;
}

#w8Effect_7{
	left:75%;
	-moz-animation-delay:0.78s;
	-webkit-animation-delay:0.78s;
	-o-animation-delay:0.78s;
	-ms-animation-delay:0.78s;
	animation-delay:0.78s;
}

#w8Effect_8{
	left:87.5%;
	-moz-animation-delay:0.91s;
	-webkit-animation-delay:0.91s;
	-o-animation-delay:0.91s;
	-ms-animation-delay:0.91s;
	animation-delay:0.91s;
}
.effect {
	position:relative;
	width:100%;
	height:15px;
	clear: both;
}

.effect > div{
	position: absolute;
	top: 0;
	width: 1px;
	height: 1px;
/* 	mozilla */
	-moz-animation-name : bounce_w8Effect;
	-moz-animation-duration : 1.3s;
	-moz-animation-iteration-count : infinite;
	-moz-animation-direction : linear;
	-moz-transform : scale(0);
	-moz-border-radius : 19px;
/* 	chrome & safari */
	-webkit-animation-name : bounce_w8Effect;
	-webkit-animation-duration : 1.3s;
	-webkit-animation-iteration-count : infinite;
	-webkit-animation-direction : linear;
	-webkit-transform : scale(0);
	-webkit-border-radius : 19px;
/* 	opera */
	-o-animation-name : bounce_w8Effect;
	-o-animation-duration : 1.3s;
	-o-animation-iteration-count : infinite;
	-o-animation-direction : linear;
	-o-transform : scale(0);
	-o-border-radius : 19px;
/* 	IE */
	-ms-animation-name : bounce_w8Effect;
	-ms-animation-duration : 1.3s;
	-ms-animation-iteration-count : infinite;
	-ms-animation-direction : linear;
	-ms-transform : scale(0);
	-ms-border-radius : 19px;
/* 	W3C */
	animation-name : bounce_w8Effect;
	animation-duration : 1.3s;
	animation-iteration-count : infinite;
	animation-direction : linear;
	transform : scale(0);
	border-radius : 19px;
	
	animation-play-state: running;
	margin-top: 3px;
}

.effect.stop > div{
	animation-play-state: paused !important;
}
.effect0 > div{
	background-color: #004B88;
}
.effect1 > div{
	background-color: #58B143;
}
.effect2 > div{
	background-color: #005C99;
}
.effect3 > div{
	background-color: #F47B1E;
}
@-moz-keyframes bounce_w8Effect{
	0% {
		width: 15px;
		height: 15px;
		-moz-transform:scale(0);
	}

	100% {
		width: 15px;
		height: 15px;
		-moz-transform:scale(0.8);
		background-color: transparent;
	}
}

@-webkit-keyframes bounce_w8Effect{
	0% {
		width: 15px;
		height: 15px;
		-webkit-transform:scale(0);
	}

	100% {
		width: 15px;
		height: 15px;
		-webkit-transform:scale(0.8);
		background-color: transparent;
	}
}

@-o-keyframes bounce_w8Effect{
	0% {
		width: 15px;
		height: 15px;
		-o-transform:scale(0);
	}

	100% {
		width: 15px;
		height: 15px;
		-o-transform:scale(0.8);
		background-color: transparent;
	}
}

@-ms-keyframes bounce_w8Effect{
	0% {
		width: 15px;
		height: 15px;
		-ms-transform:scale(0);
	}

	100% {
		width: 15px;
		height: 15px;
		-ms-transform:scale(0.8);
		background-color: transparent;
	}
}

@keyframes bounce_w8Effect{
	0% {
		width: 15px;
		height: 15px;
		transform:scale(0);
	}

	100% {
		width: 15px;
		height: 15px;
		transform:scale(0.8);
		background-color: transparent;
	}
}
/* ----------- END WAIT EFFECT ------------*/

#previewPhotoForm{
	display: none;
}

.df-form .df-field.photoFieldField .previewPhotoContent #PreviewPhotoFileType {
	opacity: 0;
	height: auto;
	width: auto;
	border: black solid 0px;
	cursor: pointer;
	z-index: 2;
	position: absolute;
}

.df-form .df-field.photoFieldField .previewPhotoContent .previewPhotoButtonContent {
	height: 20px;
	position: relative;
}

.df-form .df-field.photoFieldField .previewPhotoContent .previewPhotoButtonContent .file-wrapper{
	position: relative;
	overflow: inherit;
}
.df-form .df-field.photoFieldField .previewPhotoContent .previewPhotoButtonContent .file-wrapper > *{	
}

.df-form .df-field.photoFieldField .previewPhotoContent .file-wrapper .button{
	padding: 0.65em 1.6em 0.5em 1.85em;
}
.df-form .df-field.photoFieldField .previewPhotoContent .file-wrapper input[type="file"]:active + button{
	padding: 0.7em 1.6em 0.5em 1.8em !important;
}
/*,
.df-form .df-field.photoFieldField .previewPhotoContent #PreviewPhotoFileType{
	font-size: 1em;
	font-weight: bold;
	padding: 4px 18px;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	top: 0;
	left: 0;*/
}

/*.df-form .df-field.photoFieldField .previewPhotoContent .file-wrapper .button {
	background: none repeat scroll 0px 0px #595959;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #595959 !important;
	margin-top: 2px;
}*/

.df-form #sportSkillsSuitability .sportDetailsField  .df-container-value {
	width: 100%;
}
.df-form #sportSkillsSuitability .sportDetailsField  .df-container-value .df-value {
	width: 100%;
}

.df-form #sportSkillsSuitability .sportDetailsField  .df-container-value textarea {
	max-width: inherit;
	width: 94%; /*complete alignment cols3 */
	/*width: 61%; /*complete alignment with second col on cols3 */
}

.df-form #telephoneList .tableCheck label{
	color: transparent;
	overflow: hidden;
}

.df-form .df-block.SUM .df-field {
	min-height: inherit;
	border-bottom: 1px dotted #DBDBDB;
	padding-bottom: 0.5em;
}

.df-form .df-block.SUM .cols1 .df-field .df-container-label, .df-form .df-block.SUM .cols1 .df-field .df-container-value{
	width: 50%;
	clear: none;
}

/*
.df-form #pictureAdminIMG{
	width: 200px;
	height: 200px;
}
*/

.df-container-value.cep .df-value {
    width: 63% !important;
}

.df-container-value.cep .df-value input {
    width: 91% !important;
}
.lt-ie8 .df-stepHeader {
	float: left;
	display: block;
	width: 100%;
}
.lt-ie8 .df-stepHeader li {
	display: block;
	float: left;
	line-height: 2em;
	width: 24%;
}
.lt-ie8 .df-stepHeader li  a{
	width: 78%;
	display: block;
	padding: 0 10%;
}