
/* 
CSS for Formloom 2
Copyright (c) 2011 Yabdab Inc. 
http://yabdab.com/formloom/
Edited: 05-18-2011 05:50:19 AM
FormLoom v. %fl-version%
*/

/* @group Default */

#formloom-%pageid% *{
}

#formloom-%pageid% div.fl-row{

}

#formloom-%pageid% div.fl-col{
	float: left;
	overflow:visible;
	display:inline-block;
	margin-right:10px;
}

/* starter column width */
#formloom-%pageid% #fl-%pageid%-item-col1{
	%starter-column-width%
}


#formloom-%pageid% div.fl-col ul{
	margin: 0;
	padding: 0;
    list-style: none;
	list-style-type: none;
}

#formloom-%pageid% div.fl-col ul li, #formloom-%pageid% #ydfl-buttons {
	margin: 0;
	padding: 5px;
	padding-left:160px;
	list-style: none !important;
	list-style-type: none  !important ;
}

/* no padding-left on formbreaks */
#formloom-%pageid% div.fl-col ul li.fl-formbreak {
	padding-left: 5px;
}

#formloom-%pageid% ul li label{
	display: inline;
	font-weight:bold;
	float:left;
	text-align: right;
	margin-left: -150px;
	width: 140px; /* -10px */
}

#formloom-%pageid% ul li span.fl-subtext{
}

#formloom-%pageid% ul li input[type=text],
#formloom-%pageid% ul li input[type=password],
#formloom-%pageid% ul li input[type=search],
#formloom-%pageid% ul li select,
#formloom-%pageid% ul li textarea{
	width: 160px;
}

#formloom-%pageid% div.clearer
{
	clear: left;	
}

.yd-clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#formloom-%pageid%  div.ydfl-good{
    padding: 10px;
	padding-left:32px;
    color: #4d6930;
    background: #e9f0d6 url(icon_good.png) no-repeat 10px 10px;
    border: 1px dashed #4d6930;
    margin: 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formloom-%pageid%  div.ydfl-fail{
    padding: 10px;
	padding-left:32px;
    color: #C93;
    background: #FFF9C9 url(icon_alert.png) no-repeat 10px 10px;
    border: 1px dashed #C93;
    margin: 10px 0;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formloom-%pageid%  span.ydfl-required-symbol {
	color:%required-symbol-color%;
}

#formloom-%pageid% .recaptchatable #recaptcha_response_field {
	display: block;
}


%display-vertically%

/* @end */

/* @group Custom */

%css-custom%

/* @end */



/* @group DatePicker */

div.datepicker {
	position: relative;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	font-weight: 600;
	z-index: 99999;
}

/* customize */
.datepickerContainer {
	background: #ffffff;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	opacity: .95;
	border: 1px solid #888;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 40px;
	background: none;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: none;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: none;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background:none;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
/* customize */
div.datepicker a {
	color: #777;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
/* customize */
div.datepicker th {
	text-align: center;
	color: #a2b1cf;
	font-weight: 600;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}

/* customize */
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #ccc;
}
/* customize */
tbody.datepickerDays td.datepickerSelected{
	background: #7f91b6;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

tbody.datepickerDays td.datepickerSelected a{
	color: #fff;
}
/* customize */
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #fff;
}
/* customize */
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #fff;
}
/* customize */
div.datepicker a:hover,
div.datepicker a:hover {
	color: #000;
}

/* customize */
div.datepicker td.datepickerNotInMonth a:hover {	
	color: #222;
}


div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/* @end */

%html5-css%

/* @group CSS Override Code */

%css-override-code%

/* @end */

/* @group Fail CSS */

#formloom-%pageid% .ydfl-demo
{    
    background-color: #D82741;
    background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
    background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
    border: 1px solid #000;
	font-weight:bold;
	font-size: 16px;
	font-family:georgia;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color:#fff;
	padding:10px;
	text-align:center;
	display:block;
	margin: 10px 0;
}

#formloom-%pageid% .ydfl-demo a
{
	color:#fff;
}


/* @end */

