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

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

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


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

.tform {
font-size: 11px;
}

.tform h3 {
margin: 0 0 10px;
}

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

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

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

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

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

	.tform_hint li {
	width: 68%;	
	}

.tform li div.block {
margin: 0 5px 0 0;
padding: 5px 0;
color: #444;
}

.tform li span {
}

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

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

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

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


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

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

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


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

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

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

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

.tform label * {
}

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

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

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

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

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

.tform .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 #C2C9CC;
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;
}

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

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

.tform .third {
width:32%;
}

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

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


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

.tform li.focused,
.tform li.focused .hint {
border: 1px solid #c2c9cc;
}

.tform li:hover {
}

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

.tform .hint {
background-color: #E5ECF0;
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;
}


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

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

.tform li.focused .hint {
}