.myformContainer .invisible {
	display: none;
}

.submit_form_btn {
	margin-bottom: 10px;
}

.f_error .field_inner {
	background-color: #ffdfdf;
    border: 1px solid #c89797;
    padding: 1em 0.9375em 0 0.9375em;
    margin-bottom: 17px;
}

.f_wrong .field_inner label.picked,
.f_wrong .field_inner select {
	background-color: red;
    border: 1px solid #c89797;
}

.f_passed .field_inner label.picked,
.f_passed .field_inner select {
	background-color: #33cc80;
    border: 1px solid #29a329;
}

.validation_message {
	color: #790000;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.le-zurb-form .validation_message {
	font-size: 1em;
}

.no_bullet ul {
	list-style: none;
	padding-left: 0;
}

.no_bullet ul li input {
	margin-bottom: 0;
}

.good_spaced_list ul {
	list-style: none;
	padding:0px;
	margin:0px;
}

.good_spaced_list ul li input {
	margin-bottom: 0;
}

.good_spaced_list ul li {
	margin-bottom: 10px;
}

.inline_list ul {
    list-style: outside none none;
    margin: 0 0 0 -1.375em;
    overflow: hidden;
    padding: 0;
}

.inline_list ul > li {
    display: block;
    float: left;
    list-style: outside none none;
    margin-left: 1.375em;
    margin-bottom: 14px;
}

.inline_list ul > li input {
	margin-bottom: 0;
}

.htmlblock {
	margin-bottom: 10px;
	font-size: 0.875em;
    font-weight: 500;
    color: #4d4d4d;
}

.fieldsblock {
	margin-bottom: 10px;
}

.inline_label .field_inner > label {
	display: inline-block;
}

.invisible_label .field_inner > label {
	visibility: hidden;
}

.standard-datefield .f_input, .alternative-datefield .f_input {
	background: white url(images/calendar-icon.png) no-repeat center right;
}

.attachment-non-image {
    width: 48px;
    height: 48px;
    display: block;
    background: white url(images/attachment.jpg) no-repeat center center; 
}

.uploadfile {
	overflow: hidden;
}

.uploadfile .progress {
	display: none;
	width: 200px;
}

.uploadfile .uploadfile-file {
	display: none;
}

.uploadfile .uploadfile-dragdrop {
	float: left;
	padding: 15px 20px;
    border:dashed 4px #b5b5b5;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-bottom: 1em;
    min-width: 200px;
    text-align: center;
}

.uploadfile .uploadfile-dragdrop.highlighted {
	border:dashed 4px black;
}

.uploadfile .uploadfile-dragdrop .button {
	margin-bottom: 0;
}

.uploadfile .remove_attachment_btn {
	float:left;
	display: none;
	padding-top:44px;
	background: white url(images/attachment.jpg) no-repeat top center;
	margin-left: 20px;
}

.le-zurb-form .uploadfile .remove_attachment_btn {
	color: inherit;
	text-decoration: none;
	font-size: 1.1em;
}

.uploadsfiles {
	overflow: hidden;
}

.uploadsfiles .uploadsfiles-file {
	display: none;
}

.uploadsfiles .uploadsfiles-dragdrop {
	padding: 15px 20px;
    border:dashed 4px #b5b5b5;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    margin-bottom: 1em;
    text-align: center;
}

.uploadsfiles .uploadsfiles-dragdrop.highlighted {
	border:dashed 4px black;
}

.uploadsfiles .uploadsfiles-dragdrop .button {
	margin-bottom: 0;
}

.uploadscontainer {
	list-style: none;
	overflow: hidden;
	font-size: 0.875em;
}

.le-zurb-form .uploadscontainer {
	padding-left: 0;
}

.uploadscontainer > li {
	width: 200px;
	min-height: 100px;
	float: left;
	margin: 5px;
	cursor: move;
	border: 1px solid black;
	overflow: hidden;
}

.uploadscontainer > li:nth-child(3n+1) {
    clear: left; /* this is not compatible with IE6 and IE7. */
}

.uploadscontainer .upl_progress.error {
	color: red;
}

.uploadscontainer .upl_preview.loading {
	display: block;
	background: white url("images/ajax-loader-circle.gif") no-repeat center center;
	min-height: 80px;
}

.uploadscontainer .upl_remove {
	text-decoration: underline;
	float: right;
	cursor: pointer;
}

.text_below {
	margin-top: -0.6em;
	margin-bottom: 1em;
	color: #80969a;
	font-size: 0.8em;
}

.le-zurb-form .text_below {
	font-size: 1em;
}

.text_above {
	color: #80969a;
	font-size: 0.8em;
	margin-bottom: 0.4em;
}

.le-zurb-form .text_above {
	font-size: 1em;
}

.text_inside {
	color: #80969a;
	font-size: 0.8em;
	margin-top: 0.6em;
}

.inline_field_cont {
	display: inline-block;
}

.linkingcontainer {
	position: relative;
	margin-bottom: 0.5em;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */                                  
}

.linkingcontainer .connector_canvas {
	position:absolute;
	width:100%;
	height:100%;
	stroke:#5c96bc;
	stroke-width:3;
}

.linkingcontainer .connector_canvas .f_wrong {
    stroke:red;
}

.linkingcontainer .connector_canvas .f_passed {
    stroke:#33cc80;
}

.f_passed .field_inner .linkingcontainer .connector_canvas {
	stroke:#33cc80;
}

.linkingcontainer > table {
	width: 100%;
}

.linkingcontainer > table td {
	width: 33.3333%;
	vertical-align: top;
}

.linkingcontainer .linkingquestion-item {
	position: relative;
	display: inline-block;
}

.linkingcontainer .linkinganswer-item {
	position: relative;
	display: inline-block;
}

.linkingcontainer .con_anchor {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
    height: 100%;
    cursor: pointer;
}

.linkingcontainer .con_anchor.ui-draggable-dragging{
	/*background-color: #47cf73;*/
	border-radius: 50%;
	z-index:5;
}

.le-zurb-form .inline_field_cont input[type="file"], 
.le-zurb-form .inline_field_cont input[type="checkbox"], 
.le-zurb-form .inline_field_cont input[type="radio"], 
.le-zurb-form .inline_field_cont select {
	margin-bottom: 0;
}

.le-zurb-form .text_inside {
	font-size: 1em;
}

.force_to_caps .f_input {
	text-transform: uppercase;
}

.cssloaderbar {
	height: 4px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #ddd;
}

.cssloaderbar:before{
	display: block;
	position: absolute;
	content: "";
	left: -200px;
	width: 200px;
	height: 4px;
	background-color: #2980b9;
	animation: cssloaderbar_loading 2s linear infinite;
}

@keyframes cssloaderbar_loading {
	from {left: -200px; width: 30%;}
	50% {width: 30%;}
	70% {width: 70%;}
	80% { left: 50%;}
	95% {left: 120%;}
	to {left: 100%;}
}

.cssloaderclassic {
	background-image: 
	repeating-linear-gradient(
		-45deg,
		#2980b9,
		#2980b9 11px,
		#eee 10px,
		#eee 20px /* determines size */
	);
	background-size: 28px 28px;
	animation: cssloaderclassicmove .5s linear infinite;
}

@keyframes cssloaderclassicmove {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 28px 0;
	}
}

.autocomplete-w1 { background:none; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }