/*  @author  	Maxwell Berkel -  Dah Music Linx
 *  @copyright  2009 Dah Music Linx
 *
 *  Form Styles
 **************************************************************************************/
  
form { text-align: left; clear: both; }
html>body form { overflow: auto; }
form hr { border: 0; border-bottom: 1px dotted #cfcfcf;	margin: 20px 0 20px; clear: both; }

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


/*  Layout styles (Fields & Buttons)
 ******************************************************************************************************/

div.field, div.buttons { clear: both; }
div.buttons a { float: left; margin: 0 0 0 20px; padding-top: 13px; border: 0; }
div.buttons span { float: left; margin: 13px 0 0 20px; }
div.buttons span a { float: none; margin: 0; }
div.buttons a.first, div.buttons span.first { margin-left: 0; }
div.buttons.padded, div.field, div.field-inline { padding: 10px 0 6px; }

div.field p { margin: 2px 0; }

div.field-inline, div.field-inline-text { float: left; clear: none; }
div.field-inline button { margin-top: 26px; }

div.field-inline-text.padded { padding-top: 48px; }

html>body div.field, html>body div.field-inline, html>body div.buttons { overflow: auto; }

form span.comment, div.comments { font-size: 11px; font-style: italic; font-weight: normal; color: #343434; margin-left: 8px; }
div.comments { width: 100%;	margin-left: 0;	padding-bottom: 14px; clear: both; }

div.rw-20 { width: 150px; }
div.rw-20 input { width: 130px; }
div.rw-20 select { width: 145px; }
div.rw-20 div.field-inline-text { width: 120px; }

div.rw-30 { width: 200px; }
div.rw-30 input, div.rw-30 textarea { width: 180px; }
div.rw-30 input.date { width: 160px; }
div.rw-30 select { width: 195px; }
div.rw-30 div.field-inline-text { width: 170px; }

div.rw-40 { width: 196px; }
div.rw-40 input, div.rw-40 textarea { width: 176px; }
div.rw-40 input.date { width: 156px; }
div.rw-40 select { width: 191px; }
div.rw-40 div.field-inline-text { width: 166px; }

div.rw-50 { width: 245px; }
div.rw-50 input, div.rw-50 textarea { width: 225px; }
div.rw-50 input.date { width: 205px; }
div.rw-50 select { width: 240px; }
div.rw-50 div.field-inline-text { width: 215px; }

div.rw-70 { width: 343px; }
div.rw-70 input, div.rw-70 textarea { width: 323px; }
div.rw-70 select { width: 338px; }
div.rw-70 div.field-inline-text { width: 313px; }

div.rw-80 { width: 392px; }
div.rw-80 input, div.rw-80 textarea { width: 372px; }
div.rw-80 select { width: 387px; }
div.rw-80 div.field-inline-text { width: 362px; }

div.rw-100 { width: 490px; }
div.rw-100 input, div.rw-100 textarea { width:  470px; }
div.rw-100 select { width:  485px; }
div.rw-100 div.field-inline-text { width: 460px; }


/*  Input element styles
 ******************************************************************************************************/

input.text, input.password, input.datepicker, input.timepicker, input.file, input.checkbox, select, textarea {
	float: left;
	background: #fff url(../images/form_input_bg.jpg) repeat-x top center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding: 6px 6px 4px;
	margin: 0 0 8px 0;
	}
input.text, input.password, input.datepicker, input.timepicker, input.file { height: 20px; }

input.checkbox { margin-right: 10px; }

select { padding: 4px; }
select option {	padding: 2px 3px; }

textarea.small { height: 40px; }
textarea, textarea.medium { height: 140px; }
textarea.large { height: 240px; }

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	border-top: 1px solid #FF1818;
	border-left: 1px solid #FF1818;
	border-bottom: 1px solid #FFB9B9;
	border-right: 1px solid #FFB9B9;
	}


/*  Buttons
 ******************************************************************************************************/

button, a.button { display: block; height: 63px; float: left; color: #fff; font-size: 15px; font-weight: bold; text-align: center; border: 0; margin: 0 0 2px 20px; }
button { padding-bottom: 25px; overflow: hidden; }
a.button { padding-top: 12px; }
button.first, a.button.first { margin-left: 0; }

button.tiny, a.button.tiny { width: 48px; background: url(../images/btn_bg_tiny.png) no-repeat top center; }
button.small, a.button.small { width: 114px; background: url(../images/btn_bg_small.png) no-repeat top center; }
button.medium, a.button.medium, button, a.button { width: 144px; background: url(../images/btn_bg_medium.png) no-repeat top center; }
button.large, a.button.large { width: 190px; background: url(../images/btn_bg_large.png) no-repeat top center; }


/*  Labels
 ******************************************************************************************************/
label {	float: left; font-weight: bold;	padding: 6px 6px 5px 0; margin: 0; }
label.radio, label.checkbox { font-weight: bold; padding: 0 10px 0 0; }


/*  Site search styles
 ******************************************************************************************************/

#site-search input.text { width: 230px; height: 18px; float: left; color: #888; font-style: italic; padding-top: 6px; }
#site-search button { width: 50px; height: 30px; color: #000; font-weight: bold; background: #4CD7FD; border: 0; margin-left: 3px; padding: 0; }