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

form.vertical div.row label, div.row.vertical label {
	display: block;
	width: auto !important;
	width: 100%;
	float: none;
	text-align: left;
	margin-bottom: 3px;
	clear: both;
}

form div.row, form div.row-buttons {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	text-align: left;
	padding-bottom: 6px;
	clear: both;
}

form div.row-buttons {
	padding-bottom: 10px;
}

form div.row-buttons.center {
	text-align: center;
}

form div.row-buttons.right {
	text-align: right;
}

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

form div.row-buttons a.action-link {
	display: inline;
	text-align: left;
	padding-top: 4px;
}

form div.row-buttons div.text, form div.row div.text {
	float: left;
	text-align: left;
	padding-top: 4px;
}

form div.row-buttons div.text {
	float: none;
}

form div.row p {
	float: left;
	padding-top: 6px;
}

form div.row p.pad-left {
	padding-left: 15px;
}

form div.row p.pad-right {
	padding-right: 15px;
}

form div.row p.small {
	padding-top: 7px;
}

form div.pad-left, form input.pad-left, form select.pad-left, form a.action-link.pad-left {
	margin-left: 12px;
}

form div.pad-right, form input.pad-right, form select.pad-right, form a.action-link.pad-right{
	margin-right: 12px;
}

form fieldset {
	text-align: left;
	background: #f8f8f8;
	border: 1px solid #ededed;
	padding: 15px 15px 15px;
	margin: 5px 0 5px;
}

div.space {
	height: 20px;
	clear: both;
}


/* Inputs, Textareas, Selects, Radios and Checkboxes */
input.text, input.password, input.file, select, textarea {
	float: left;
	background: #fafafa;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding: 4px 6px;
	margin: 0 0 6px 0;
}

form fieldset input.checkbox, form fieldset input.file, form fieldset input.text, form fieldset input.password, form fieldset input.radio, form fieldset select, form fieldset textarea.textarea {
	background: #fafafa;
}

select {
	padding: 0;
}

select option {
	padding: 2px 3px;
}

input.checkbox, input.radio {
	padding-right: 8px;
}

input.text:hover, input.password:hover, input.file:hover, select:hover, textarea:hover, input.active, select.active, textarea.active {
	background: #fff;
}

input.text.full, input.password.full, input.file.full {
	width: auto !important;
	width: 100%;	
}

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

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

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

input.text.tiny, input.password.tiny, input.file.tiny {
	width: 35px;	
}

textarea.textarea.large.full, textarea.textarea.medium.full, textarea.textarea.small.full, textarea.textarea.tiny.full {
	width: auto !important;
	width: 100%;
}

textarea.textarea.large {
	width: 300px;
	height: 260px;
}

textarea.textarea, textarea.textarea.medium {
	width: 260px;
	height: 140px;
}

textarea.textarea.small {
	width: 260px;
	height: 70px;
}

textarea.textarea.tiny {
	width: 260px;
	height: 35px;
}


/* Labels */
label {
	float: left;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px 3px 0;
	margin: 0 10px 6px 0;
}

label.text.full, label.select.full, label.password.full, label.textarea.full {
	width: auto !important;
	width: 100%;
}

label.text.large, label.select.large, label.password.large, label.textarea.large {
	width: 160px;
}

label, label.text, label.select, label.password, label.textarea, label.text.medium, label.select.medium, label.password.medium, label.textarea.medium {
	width: 145px;
}

label.text.small, label.select.small, label.password.small, label.textarea.small {
	width: 90px;
}

label.radio, label.checkbox {
	text-align: left;
}

label span.example {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	padding-left: 15px;
}

div.indented.large {
	padding-left: 230px;
}

div.indented, div.indented.medium {
	padding-left: 165px;
}

div.indented.small {
	padding-left: 110px;
}


/* Buttons */
input.tiny-button, input.small-button, input.medium-button, input.large-button {
	display: inline;
	height: 42px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 0;
	padding: 0 2px 0 0;
}

input.tiny-button {
	width: 51px;
	background: transparent url(../../img/btn_bg_tiny.jpg) no-repeat bottom left;
}

input.small-button {
	width: 111px;
	background: transparent url(../../img/btn_bg_small.jpg) no-repeat bottom left;
}

input.medium-button {
	width: 161px;
	background: transparent url(../../img/btn_bg_medium.jpg) no-repeat bottom left;
}

input.large-button {
	width: 201px;
	background: transparent url(../../img/btn_bg_large.jpg) no-repeat bottom left;
}