/*
CSS to make forms appear and work like they do on the main website, and less like Bootstrap's default styles
Only affects newer forms with the class "mkt-form" as to not break any older forms using bootstrap / microsite specific styles
After this CSS file, the real "mkt-form.css" can then be used (http://www.swinburne.edu.au/cwis/php_pages/webapps/marketing/resources/css/mkt-form.css)
*/

form.mkt-form {
	font-size: 18px;
}

/* override bootstrap */

form.mkt-form label {
	display:block;
	font-weight:normal; 
}

form.mkt-form legend {
	border-bottom:none;
}

form.mkt-form .radio input[type="radio"],
form.mkt-form .radio-inline input[type="radio"],
form.mkt-form .checkbox input[type="checkbox"],
form.mkt-form .checkbox-inline input[type="checkbox"] {
	position:static;
	margin:4px 10px 0 0;
}

form.mkt-form .radio label {
	padding-left:0;
}

form.mkt-form .row {
	margin-left:0;
	margin-right:0;
}

/* override template.css */

form.mkt-form select {
	height:auto;
}

/* add styles back in from styles-two.css */

form.mkt-form select,
form.mkt-form textarea,
form.mkt-form input[type="text"],
form.mkt-form input[type="password"],
form.mkt-form input[type="datetime"],
form.mkt-form input[type="datetime-local"],
form.mkt-form input[type="date"],
form.mkt-form input[type="month"],
form.mkt-form input[type="time"],
form.mkt-form input[type="week"],
form.mkt-form input[type="number"],
form.mkt-form input[type="email"],
form.mkt-form input[type="url"],
form.mkt-form input[type="search"],
form.mkt-form input[type="tel"] {
    border-radius: 0;
    color: #292625;
    display: inline-block;
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 0.7em;
    padding: 8px 15px;
    vertical-align: middle;
	border: 1px solid #d9d5d1;
    max-width: 100%;
}

form.mkt-form .radio input[type="radio"],
form.mkt-form .checkbox input[type="checkbox"] {
    float: left !important;
    margin-right: 10px !important;
}

form.mkt-form abbr[title] {
    border-bottom: 1px dotted #d9d5d1;
    cursor: help;
}
form.mkt-form abbr[title="Required"], form.mkt-form abbr[title="(required)"] {
    color: #dc2d27;
}

form.mkt-form .btn, form.mkt-form .btn--promo {
    background-color: #474442;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
}

form.mkt-form .btn--primary {
    background-color: #dc2d27;
    color: #fff !important;
}

form.mkt-form p.key {
    text-align: right;
}

form.mkt-form td {
	padding: 1px;
}

.ui-datepicker {
	font-size:17px;
    background-color: #fff;
    border: 1px solid #d9d5d1;
    padding: 0.3125em;
}
.ui-datepicker .ui-datepicker-header {
    background: none repeat scroll 0 0 #474442;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 1em;
    padding: 0.3125em 0.625em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    color: #fff;
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    float: right;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    float: left;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    padding: 0.3125em;
}
.ui-datepicker .ui-datepicker-header a {
    color: #fff;
}
.ui-datepicker .ui-datepicker-header a:hover, .ui-datepicker .ui-datepicker-header a:visited {
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar {
    font-size: 0.875em;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
    padding: 0.125em 0.3125em;
}
.ui-datepicker .ui-datepicker-calendar th {
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-calendar td {
    background-color: transparent;
    text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td:hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
    background-color: #edeae5;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day {
    background-color: #d9d5d1;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    border-bottom: 0 solid transparent;
    text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-calendar td .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-calendar td .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    cursor: pointer;
}
.ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-e {
    background-color: transparent;
	line-height: 1em;
    background-image: none;
    color: #fff;
    font-size: 1.5em;
    height: 24px;
    padding-top: 0.1875em;
    text-indent: 0;
}

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
}