/*
 *  @copyright	Copyright 2006 (c) Solo Media Works, Inc.
 *  @modified	08-20-2006	Maxwell Berkel
 *
 *  Form Styles
 **************************************************************************************/
 
 
form {
}

form div.spacer {
	display: block;
	height: 15px;
	clear: both;
}

form div.row, form div.checkbox-row, form div.radio-row {
	display: block;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0 0 3px 0;
	clear: both;
}

form div.row {
	margin: 0 0 8px 0; 
}

form div.row-buttons, form div.row-buttons-text {
	display: block;
	width: auto;
	text-align: left;
	clear: both;
	padding: 4px 0 0 0;
	margin: 6px 0 2px 0;
}

form div.row-buttons.bordered {
	border-top: 1px dotted #d9d9d9;
}

form div.row-buttons a.action-link {
	float: left;
	margin: 4px 0 0 12px;
}

form ul.list li {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	clear: both;
}

form input, form select, form textarea {
	display: inline;
	float: left;
	background: #fff url(../img/input_bg.jpg) repeat-x top center;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 3px 4px;
	margin: 0 0 2px 0;
}

form input.checkbox {
	border: 0;
	margin: 0 8px 0 0;
}

form input.hidden {
	display: none;
}

form select {
	padding: 0;
}

form select option {
	padding: 1px 3px;
}

form textarea {
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	clear: left;
}

form input:hover, form select:hover, form textarea:hover, form input.active, form select.active, form textarea.active {
	background: #fff;
}

form label {
	display: inline;
	font-weight: bold;
	float: left;
	text-align: left;
	padding: 3px 0;
	margin: 0 10px 8px 0;
}

label.flex.text {
	width: auto;
}

label.text, label.select, label.password {
	width: 135px;
}

label.radio, label.checkbox {
	display: inline;
	padding: 0 5px 0 0;
	text-align: left;
}

label.textarea {
	display: block;
	width: auto;
	text-align: left;
	clear: both;
}

input.text.large, input.password.large {
	width: 130px;	
}

input.text.medium, input.password.medium {
	width: 100px;	
}

input.text.small, input.password.small {
	width: 70px;	
}

textarea.textarea {
	width: 210px;
	height: 80px;
	clear: both;
}

textarea.large {
	height: 135px;
}

textarea.medium {
	height: 120px;
}

html>body textarea.medium {
	height: 80px;
}

textarea.small {
	height: 40px;
}

input.button {
	border: 0;
	background: #fff;
}

input.tiny-button, input.small-button, input.medium-button, input.large-button {
	display: inline;
	width: 105px;
	height: 22px;
	float: left;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	border: 0;
	text-align: left;
	padding: 0 0 0 30px;
	margin: 0;
}

html>body input.tiny-button, input.small-button, html>body input.medium-button, html>body input.large-button {
	height: 22px;
}

input.tiny-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

html>body input.tiny-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

input.small-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

html>body input.small-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

input.medium-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

html>body input.medium-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

input.large-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}

html>body input.large-button {
	background: transparent url(../img/btn_bg.jpg) no-repeat top left;
}