/* ~~~~~~~~~ generic ~~~~~~~~~~ */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
img, fieldset {
	border: 0;
}
html {
	overflow-y: scroll;
}
header, nav, section, article, figure,aside, footer {
	display: block;
}

/* form */

.form-wrapper {
	padding: 0;
	overflow: hidden;
}

.form-wrapper #search, .form-wrapper #select{
	margin-bottom:12px;
	padding: 5px 5px;
	float: left;
	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 1px solid #ccc;
	-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-wrapper #search{
	height: 20px;
	width: 93%;
}

.form-wrapper #select{
	height: 32px;
	width: 100%;
}

.form-wrapper #search:focus {
	outline: 0;
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #bbb inset;
	-webkit-box-shadow: 0 1px 1px #bbb inset;
	box-shadow: 0 1px 1px #bbb inset;
}

.form-wrapper #search::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #search:-moz-placeholder {
	color: #999;
	font-weight: normal;
}

.form-wrapper #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
}

select, input[type="text"], input[type="password"], input[type="email"], area, textarea {
	margin-bottom: 12px;
	border: 2px solid #9d9d9d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 10px;
	height: 1.7em;
	font-size: 18px;
	padding: 10px 15px 5px;
	direction: ltr;
	line-height: 130%;
	background-color: white;
}
select{
	width: 100%;
	height: 50px;
	/*margin-right: 30px;*/
}
textarea{
	width: 100%;
	height:6em;
}
.form-wrapper #six_letters_code {
	width: 100px;
	margin-left:10px;
	padding: 5px 5px 5px 4px;
	float: left;
	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 1px solid #ccc;
	-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-wrapper #submit, .form-wrapper #submitContact {
	padding: 15px 25px 11px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	background-image: linear-gradient(to bottom right, #7842ed, #3182eb);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-size: 20px;
	border: 0;
}

.form-wrapper #submitContact {
	/*margin: 7px 0 10px 10px;*/
}

.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
	background-color: #484747;
}

.form-wrapper #submit:active {
	outline: 0;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

.form-wrapper #submit::-moz-focus-inner {
	border: 0;
}

.formSectionSlim{
	float:left;
	margin-left:12px;
	margin-bottom:8px;
	width:10%;
}
.formSectionMid{
	float:left;
	clear:left;
	margin-right:12px;
	width:85%;
}
.formSectionWide{
	float:left;
	width:85%;
}
.required {
	color: red;
}

/* To move to forms.css once complete */
.form-section, .form-section-half-1, .form-section-half-2, .form-section-alt, .form-section-end {
	/*box-shadow: 5px 14px 35px -5px #6c6c6c;*/
	padding: 10px 30px 25px;
	margin: 10px 0px 40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #45454d;
}
.form-section-alt { background-color: #264362; }
.form-section-half-container { display: flex; }
.form-section-half-1 { width: 50%; margin-right: 1%; }
.form-section-half-2{ width: 49%; }
.form-section-end { background-color: #000; }
.form-section-inner-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.form-grid {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
}
.form-grid-full {
	display: grid;
	grid-template-columns: 100%;
}
.form-cell {
	color: white;
	font-size: 20px;
	margin-right: 2%;
}
.medium_input { width: 250px !important; }
.semi_large_input { width: 350px !important; }
.large_input { width: 560px !important; }
.supersize_input { width: 1000px !important; }
.short_select { width: 100px !important; }
.medium_select { min-width: 200px !important; }
.grey-text { color: #939393; }
.link-off { padding: 35px 10px 0; }
.link-off a { color: #e8c95f; }

.mentor_change_notes { display: none; }
.mentor_history { padding-top: 15px; }
.mentor_history p { font-size: 20px; }
#mentor_change_notes { display: none; }
.staff_grid { grid-template-columns: 1fr 1fr 95px 115px !important; }

.ui-widget-content {
    border: 0 !important;
    background: none !important;
    color: #222222 !important;
}
.ui-widget-header {
    border: 0 !important;
    background: #d3b14d !important;
    color: #fff !important;
    font-weight: bold;
}
table {
    color: #666 !important;
    background: #fff !important;
}
table tr td {
    background: white !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 !important;
    /*background: #fff url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;*/
    font-weight: normal !important;
    color: #45454d !important;
    padding: 10px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0 !important;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x !important;
	font-weight: normal !important;
	color: #212121 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}
.ui-datepicker .ui-datepicker-header {
    width: 288px;
}