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

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

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


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

.leaf {
font-size: 11px;
}

.leaf h3 {
margin-bottom: 10px;
text-transform: uppercase;
}

.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: 0px solid #fff;
width: 95%;
}



.leaf li div.block {
margin: 0 4px 0 0;
padding: 4px 0;
}

.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;
float: left;
margin: 0 15px 8px 0;
}

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

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


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

.leaf label {
margin: 0 0 5px 0;
clear: both;
line-height: 15px;
display: block;
font-size: 11px;
}

	
.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: #990000 !important;
font-weight: normal;
}

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


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

input.text, input.file, textarea.textarea, select.select {
margin: 0;
font-family: "Trebuchet MS", Arial, Helvetica, 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;
float: left;
margin: 0 5px 0 0;
}

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;
}




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

.leaf .quarter {
width: 23% !important;
}

.leaf .third {
width:32% !important;
}

.leaf .half {
width:47% !important;
}

.leaf .full, input.full, textarea.full {
width:100% !important;
}

input.small, select.small, file.small{
width:25%;
}

input.medium, select.medium{
width:50%;
}

input.large, select.large {
width:100%;
}

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

textarea.textarea {
width:98%;
font-size: 11px;
}

textarea {
height: 10em;	
}

textarea.short {
height:5em;
}

textarea.tall {
height:20em;
}

textarea.xtall{
height:40em;
}