/* -----------------------------------

Title: Admin Form Stylesheet
Project: Form Creator
Author : 604media (tk) http://www.604media.com
Date: Feb 4, 2009

----------------------------------- */


/* --------------------| LAYOUT |-------------------- */

.leaf{
font-size: 11px;
}

.leaf h3 {
margin: 15px 0 0;
}

.leaf h4 {
font-size: 11px;
font-weight: bold;
}

.leaf li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.leaf li {display:inline-block;}
/* Hide from IE Mac \*/
.leaf li {display:block;}
/* End hide from IE Mac */

.leaf ul {
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}

.leaf li {
margin: 5px 0px;
padding: 10px;
position: relative;
clear: both;
border: 1px solid #fff;
width: 578px;
}

.leaf li div.block {
margin: 0 4px 0 0;
padding: 6px 0 6px;
color: #444;
}

.leaf li span {
}

.leaf li div.left {
display: inline;
float: left;
width: 47%;
}

.leaf li div.right {
display: inline;
float: right;
width: 47%;
}

.leaf li div.third {
display: inline;
float: left;
width: 30%;
margin-right: 4%;
}

.leaf li div.third2 {
display: inline;
float: right;
width: 30%;
}


.leaf span.checkbox {
display: block;
margin-bottom: 8px;
}

.leaf div.phone1 {
float: left;
margin-right: 10px;
width: 30px;
}

.leaf div.phone2 {
float: left;
width: 37px;
}



/* --------------------| SECTIONS |-------------------- */

.leaf hr {
display:none;
}

.leaf li.section {
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
}

.leaf ul li.first {
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}


/* --------------------| LABELS |-------------------- */

.leaf label {
margin: 5px 0 0 0;
clear: both;
line-height: 13px;
display: block;
}

	.leaf label.label {
	margin: 0 0 10px 0;
	margin-top:
	}
	
.leaf label a {
text-decoration: underline;	
}

	.leaf label a.remove, 
	.leaf label a.add {
	margin-left: 10px;
	font-size: 11px;
	}
	
	.leaf label a.remove {
	padding-left: 13px;
	background: url(../images/admin/iconDeleteTiny.png) no-repeat 0 5px;
	}
	
	.leaf label a.add {
	padding-left: 13px;
	background: url(../images/admin_iconAddTiny.png) no-repeat 0 4px;
	}

.leaf label * {
}

.leaf div p {
font-size: 13px;
}

label.sm {
font-size: 10px;
}

label.lg {
font-size: 14px;	
}

label.tinypad {
padding-top: 5px;
}

.leaf .req {
color: #B11117 !important;
font-weight: normal;
}

.leaf .checkbox label {
display: inline;
margin: 0;
clear: none;
vertical-align: 3px;
}


/* --------------------| ELEMENTS |-------------------- */

input.text, input.file, textarea.textarea, select.select {
margin: 0;
font-family: Verdana, Arial, sans-serif;
border: 1px solid #8d8d8d;
background: #fff;
padding: 4px 0 2px;
}

input.text, input.file {
padding: 2px 0 2px 0;
}

input.checkbox, input.radio {
padding: 0;
display: inline;
margin: 0 5px 0 0;
}

input.date {
cursor: pointer;
background: #fff url(../images/admin/iconCalendar.png) no-repeat center right;
}

div.selector span {
float: left;
display: inline;
margin-right: 5px;
background: #eee;
border: 1px solid #d9e5ec;
height: 18px;
padding: 1px 9px;
text-align: center;
text-transform: uppercase;
color: #808080;
cursor: pointer;
}

div.selector span.active {
color: #005482;
}

textarea.textarea {
}

select.select {
margin:1px 0;
padding:1px 0 0 0;
font-size: 11px
}

select.select option {
font-size: 11px;
}


.safari select.select{
margin-bottom:1px;
}

optgroup {
font-weight: bold;
}

select.day { width: 20% }
select.month { width: 25% }
select.year { width: 30% }

input.submit, 
input.enter,
a.buttonEnter {
width: 140px;
height: 40px;
background-repeat: no-repeat;
border: none;
cursor: pointer;
text-indent: -9999px;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
display: block;
}

input.submit {
background-image: url(../images/buttonSubmit.png);
}

input.enter, 
a.buttonEnter {
background-image: url(../images/buttonEnter.png);
margin-top: 4px;
}


/* --------------------| ELEMENT SIZES |-------------------- */



/* --------------------| HIGHLIGHT HINTS |-------------------- */

.leaf li.focused,
.leaf li.focused .hint {
border: 1px solid #ccc;
}

.leaf li:hover {
}

li.nohov:hover {
background: none !important;
border-color: #fff !important;
}

.leaf .hint {
background-color: #d9d9d9;
border: 1px solid #fff;
position: absolute;
top: -1px;
left: 100%;
z-index: 1000;
width: 178px;
margin: 0 0 0 10px;
padding :8px 10px 9px 10px;
line-height: 130%;
color: #444;
display: none;
text-align: left;
}


.leaf .hint img {
width: 100%;
}

.leaf .hint small{
font-size:105%;
}

.leaf li.focused .hint {
}



/* --------------------| FORM CREATOR CUSTOM STYLES |-------------------- */


.leaf .quarter {
width: 23%;
}

.leaf .half {
width: 47%;
}

.leaf .full {
width: 100%;
}


.leaf textarea.quarter {
height: 60px;
}

.leaf textarea.half {
height: 60px;
}

.leaf textarea.full {
height: 120px;
}


.fontFamily1 * {
font-family: Arial, sans-serif;	
}

.fontFamily2 * {
font-family: Verdana, sans-serif;	
}

.fontFamily3 * {
font-family: "Trebuchet MS", sans-serif
}

.fontFamily4 * {
font-family: Georgia, serif;	
}

.fontFamily5 * {
font-family: "Times New Roman", Times, serif
}


.fontSize1 input, .fontSize1 textarea, .fontSize1 .select, .fontSize1 option, .fontSize1 label, .fontSize1 .hint, .fontSize1 p {
font-size: 11px;	
}

	.fontSize1 label.label, .fontSize1 label.label span {
	font-size: 13px;	
	}
	
	.fontSize1 h3, .fontSize1 .subHeading_Colour {
	font-size: 15px;	
	}
	
	.fontSize1 h2, .fontSize1 .heading_Colour {
	font-size: 17px;	
	}

.fontSize2 input, .fontSize2 textarea, .fontSize2 .select, .fontSize2 option, .fontSize2 label, .fontSize2 .hint, .fontSize2 p {
font-size: 12px;	
}

	.fontSize2 label.label, .fontSize2 label.label span {
	font-size: 14px;	
	}
	
	.fontSize2 h3, .fontSize2 .subHeading_Colour {
	font-size: 16px;	
	}
	
	.fontSize2 h2, .fontSize2 .heading_Colour {
	font-size: 18px;	
	}
	
.fontSize3 input, .fontSize3 textarea, .fontSize3 .select, .fontSize3 option, .fontSize3 label, .fontSize3 .hint, .fontSize3 p {
font-size: 14px;	
}

	.fontSize3 label.label, .fontSize3 label.label span {
	font-size: 16px;	
	}
	
	.fontSize3 h3, .fontSize3 .subHeading_Colour {
	font-size: 18px;	
	}
	
	.fontSize3 h2, .fontSize3 .heading_Colour {
	font-size: 20px;	
	}
	
.heading_Colour {
font-size: 30px;	
}
	
h1.formTitle {
padding-bottom: 7px;
border-bottom: 7px solid #d9d9d9;
margin-bottom: 7px;
}
	
h1.headingSize1 {
font-size: 21px;	
}

h1.headingSize2 {
font-size: 24px;	
}

h1.headingSize3 {
font-size: 30px;	
}

h2.break {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 3px;
margin-top: 30px;
}