/**
 * Created with WebFormGenerator.eu
 * Powered by www.easyclick.ch
 */
/** Basic Styling **/


.divLine { width:100%; height:5px; border-bottom: 1px solid #e2e2e2; clear:both; margin:5px 0; }

.column {
	width:235px;
	float:left;
	margin:0 0 10px 15px;
	font-size:10px;
}

.column .odd {
	
}

.column label {
	font-size:11px;
	line-height:1em;
}

.TTWForm .column .option {
	float:right;
}

.column .field {
	margin:2px 0 2px 0;
	border-bottom:1px dotted #D5D5D5;
	height:10px;
}


.TTWForm{ width: 1000px; margin:0 auto; }

.requiredAsterisk { color:#F00; }

.TTWForm-container { font-size: 11px; color: #333; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; padding:50px 0 0 0; }

.TTWForm-container h2 { font-size: 5em; margin:300px 0 0 0; text-align:center; color:#b5be00; font-weight: normal; }
.TTWForm-container h3 { font-size: 2em; margin:30px 0 0 0; text-align:center; color:#b5be00; font-weight: normal; }

/** Field Styles **/
.TTWForm .field, #form-title.field { padding-bottom: 5px; padding-top: 5px; position: relative; float:left; }

/** Field Widths */
.f_10 { width: 10%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_15 { width: 14%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_20 { width: 16%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_25 { width: 21%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_30 { width: 30%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_50 { width: 46%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_75 { width: 71%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }
.f_100 { width: 96%; display: inline; float: left; margin:0 2% 0 0; /* jquery ui resize grid hack - not sure why */ }


.TTWForm input, .TTWForm select, div.selector, div.uploader  { height:5px; margin:5px 0 0 0; font-size:11px; }

.TTWForm input:focus, .TTWForm textarea:focus, .TTWForm select:focus { -webkit-box-shadow: 0px 0px 5px #bfdeff; -moz-box-shadow: 0px 0px 5px #bfdeff; box-shadow: 0px 0px 5px #bfdeff; }

.TTWForm input[type=radio], .TTWForm input[type=checkbox] { width: 10px; margin: 0px 2px; top: -5px; position: relative; }

.TTWForm .option{ margin:0px 0; float:left; }

.TTWForm select { padding: 6px 6px; }

.TTWForm textarea { overflow: hidden; width:820px; height:15px; float:right; background: #FBFBFB; margin:0 0 0 0; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;}

.TTWForm label { color: #666; text-align: left; font:Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; font-size:11px; float:left;  }

.TTWForm .submit input {
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 12px;
    height: 36px;
    cursor: pointer;
    min-width: 96px;
    width:auto;
    background: #FBFBFB; /* old browsers */
    background: -moz-linear-gradient(top, #FBFBFB 0%, #EEEEEE 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(99%, #EEEEEE)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FBFBFB', endColorstr = '#EEEEEE', GradientType = 0); /* ie */
    border: 1px solid #cfcfcf;
    font-weight: bold;
    color: #666;
}

#form-title { padding: 12px; }

#form-title h2{ margin-bottom:0; }

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead { padding: 2px 0; height: 22px; }

#caltitle {
    font-size: 14px;
    color: #0150D1;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext { float: right; background: transparent url(../images/next.png) no-repeat center center scroll; }

#calprev.caldisabled, #calnext.caldisabled { visibility: hidden; }

#caltitle select { font-size: 10px; }

#caldays { height: 14px; border-bottom: 1px solid #ddd; }

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}


/** Range Input **/

.slider {
    background: #3C72E6 url(../images/range_gradient.png) repeat-x 0 0;
    height: 9px;
    position: relative;
    cursor: pointer;
    border: 1px solid #333;
    width: 100%;
    float: left;
    clear: right;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 8px #000;
}

.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/**Error Messages **/

#errorBox { margin:50px 0 0 0; }

.error {
    font-size:11px;
    color: #FF0004;
}


/** Loading Indicator **/
.loading-text{
    position:relative;
    top:-3px;
}


/** Clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 45px;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}