
/* 
CSS for Formloom 2
Copyright (c) 2011 Yabdab Inc. 
http://yabdab.com/formloom/
Edited: 03-17-2011 04:37:28 PM
FormLoom v. 2.0.3 (209)
*/

/* @group Default */

#formloom-page149 *{
}

#formloom-page149 div.fl-col{
	width: 99%; 
	float: left;
	overflow:visible;
}

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

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


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

#formloom-page149 ul li span.fl-subtext{
}

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

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


#formloom-page149  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-page149  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-page149  span.ydfl-required-symbol {
	color:#FF0000;
}

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


#formloom-page149 ul li label{
	margin-left:0; float:left; text-align:left; margin:4px 0;  width:100%;
}
#formloom-page149 #recaptcha_widget_div, #fl-captcha-widget {
	display:block; clear:left;padding:0;
}
#formloom-page149 div.fl-col ul li {
	padding-left:0;
}


/* @end */

/* @group Custom */

#formloom-page149 *{
	font-family:  Helvetica, "Lucida Grande",Lucida,Verdana,sans-serif;
}

#formloom-page149 ul li label{
	color: #000000;
	font-size:  14px;
}

#formloom-page149 ul li span.fl-subtext{
	color: #555555;
	font-size:  12px;
	font-family: Helvetica, "Lucida Grande",Lucida,Verdana,sans-serif;
}

#formloom-page149 ul li input[type=text],
#formloom-page149 ul li input[type=password],
#formloom-page149 ul li input[type=search],
#formloom-page149 ul li select,
#formloom-page149 ul li textarea{
	color: #000000;
	font-size:  12px;
	width: 20px;
}


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




/* @group HTML 5 Styling */

input.fl-text, input.fl-password, input.fl-submit, input.fl-date, input.fl-reset, input.fl-reset, textarea.fl-textarea,  select.fl-select {
	width: 220px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font: 1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

input.fl-text:focus, input.fl-password:focus, input.fl-date:focus, textarea.fl-textarea:focus, select.fl-select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #333;
	outline: none;
	position: relative;
	z-index: 5;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(75, 137, 208, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}


input.fl-submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color: #fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;
	background: #555;
	background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, rgb(60,60,60)),
        color-stop(1, rgb(85,85,85))
    );
	background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 12%,
        rgb(85,85,85) 100%
    );
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

input.fl-reset {
	width: auto;
	cursor: pointer;
	position: relative;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;
}

input.fl-submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

input.fl-reset:hover {
	background: #CCCCCC !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

input.fl-submit:active, input.fl-submit:focus, input.fl-reset:active, input.fl-reset:focus {
	top: 1px;
}

/* @end */




/* @group CSS Override Code */



/* @end */

