/**
 *	Form Helpers
 */
form.tws { max-width:100%; margin:0 auto 1.5em; }
form.tws:after { content:""; clear:both; display:table; }
form.tws p { margin-bottom:1em; }
form.tws p:last-child { margin-bottom:0; }
form.tws p.note { font-style:italic; }

form.tws p label { display:block; cursor:pointer; }
form.tws p label span { display:inline-block; font-size:0.9em; }
form.tws p label .txt { border:1px solid rgba(0,0,0,0.2); border-radius:0.25em; padding:0.3em; width:100%; }
form.tws p label .txt:focus { border-color:rgba(0,0,0,0.3); box-shadow:1px 1px 1px rgba(0,0,0,0.1); }

form.tws p.radio > br,
form.tws p label > br { display:none; }

form.tws p label input[type=radio] { background:none; }
form.tws p label input[type=checkbox] { background:none; }
form.tws p label input[type=range] { background:none; border:0; padding:0; box-shadow:none !important; }
form.tws p label input[type=file] { background:none; border:0; cursor:pointer; padding:0; width:auto; }

form.tws p.name { }
form.tws p.name label .txt { width:48%; }


form.tws p.radio { }
form.tws p.radio span.label { }
form.tws p.radio label { padding:0.3em 0 0; }
form.tws p.radio label input { margin:0 0.5em 0 0.75em; }

form.tws p label input.datepicker { }
form.tws p label input.hasDatepicker { background-image:url(calendar.png); background-position:right 5px center; background-repeat:no-repeat; cursor:pointer; width:10em; }
form.tws p label input.datetimepicker { width:14em; }
form.tws p label input.timepicker.hasDatepicker { background-image:url(time.png); }

form.tws div.address p label { }
form.tws div.address p label input.street-number { width:15%; }
form.tws div.address p label input.street-name	 { width:80%; }

form.tws p.submit { text-align:center; }
form.tws p.submit input { }
form.tws p.submit input:hover { }

form.tws fieldset { margin:0 0 1em 0; }
form.tws fieldset legend { margin:0 0.3em; padding:0 0.5em; font-weight:bold; }

@media only screen and (min-width: 600px) {
	form.tws p label span { display:inline-block; width:20%; max-width:100%; min-width:8em; vertical-align:top; font-size:1em; }
	form.tws p label .txt { width:76%; }
	form.tws p.wide label span { width:35%; }
	form.tws p.wide label .txt { width:61%; }
	form.tws p.block label span { display:block; width:100%; }
	form.tws p.block label .txt { width:96.5%; }
	
	form.tws p.name { }
	form.tws p.name label .txt { width:37.5%; }
	
	form.tws div.address p label { }
	form.tws div.address p label input.street-number { width:15%; }
	form.tws div.address p label input.street-name	 { width:60.2%; }
	form.tws div.address p.state, form.tws div.address p.postcode { display:inline-block; width:48%; }
	form.tws div.address p.state label input { width:10em; }
	form.tws div.address p.postcode label input { width:6em; }
	
	
}

/**
 *	Errors & Validation
 */
form.tws .g-recaptcha { text-align:center; margin-bottom:1em; }
form.tws .g-recaptcha > div > div { margin:0 auto; }

p.error, p.success	{ padding:0.8em 1.1em; border-radius:0.3em; }
p.error				{ border:1px solid #900; background:#fdfafa url(exclaim.gif) top right no-repeat;; }
p.success			{ border:1px solid #060; background:#f2f7f2; }



/**
 *	jQuery UI Datepicker
 */
.ui-datepicker { display:none; }
.ui-datepicker { background:#FFF; border:1px solid #CCC; padding:0.5em; box-shadow:2px 2px 4px #CCC; border-radius:0.3em; font-size:1em; }
.ui-datepicker .ui-datepicker-header a { float:left; display:block; width:16px; height:16px; background:url(icons.png) top right no-repeat; text-decoration:none; cursor:pointer; margin-top:0.3em; }
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next { float:right; background-position:top left; }
.ui-datepicker .ui-datepicker-header a span { display:block; font-size:1px; text-indent:-2999px;  }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align:center; }

.ui-datepicker .ui-datepicker-header select { width:auto; padding:0; box-shadow:none; border:1px solid #DDD; color:#333; cursor:pointer; margin:0 0.1em; }

.ui-datepicker .ui-datepicker-calendar { margin:0; line-height:1.4; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align:center; }
.ui-datepicker .ui-datepicker-calendar th { padding:0.2em; }
.ui-datepicker .ui-datepicker-calendar td { padding:0; }
.ui-datepicker .ui-datepicker-calendar a { display:block; padding:0.2em; text-decoration:none; }
.ui-datepicker .ui-datepicker-calendar a:hover { background:#c7dfef; }
.ui-datepicker .ui-datepicker-calendar a.ui-state-active { background:#c7efeb; }




/**
 *	jQuery Timepicker (Datepicker Add-on)
 */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.ui-datepicker-buttonpane { text-align:center; }
.ui-datepicker-buttonpane button { padding:0.3em 0.8em; margin:0 0.2em; border-radius:0.25em; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }



/**
 *	jQuery UI Tabs
 */
.ui-tabs:after, .ui-tabs .ui-tabs-nav:after, .ui-tabs .ui-tabs-panel:after { content:""; clear:both; display:table; }

.ui-tabs { }
.ui-tabs .ui-tabs-nav { margin:0; padding:0; padding-top:10px; }
.ui-tabs .ui-tabs-nav li { list-style:none; display:inline; margin:0; padding:0; }
.ui-tabs .ui-tabs-nav li a { display:block; float:left; padding:0.5em 0.9em; margin-right:3px; border-radius:0.4em 0.4em 0 0; color:#626060; background:#d7d6d6; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color:#FFF; background:#7f05a5; }
.ui-tabs .ui-tabs-panel { clear:both; margin-bottom:1.5em; }
.ui-tabs .ui-tabs-panel > :last-child { margin-bottom:0; }

@media only screen and (max-width:500px) {
	.ui-tabs .ui-tabs-nav { display:none; }
	.ui-tabs .ui-tabs-panel { display:block !important; }
}
@media only screen and (min-width:500px) {
	.ui-tabs { }
	.ui-tabs .ui-tabs-nav { display:block; }
	.ui-tabs .ui-tabs-panel { padding:0.5em 0.8em; border:1px solid #EEE; border-radius:0 0 0.4em 0.4em; border-top:4px solid #7f05a5; }
	.ui-tabs .ui-tabs-panel h1, .ui-tabs .ui-tabs-panel h2 { display:none; }
}