
body, 
input[type="text"], 
input[type="password"], 
textarea, 
select {
	font-size: 14px;
	font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
}

input[type="text"], 
input[type="password"], 
select {
	line-height: 26px;
	height: 28px;
	border: 1px solid #CCC;
}

select[multiple] {
	height: auto;
}

body {
	cursor: auto;
}

/* Without a jQuery chosen, this sets the height appropriately, but it increases the content flashing for those that do use chosen (most in my case) */


/*select.chosen {
	visibility: hidden;
}*/

select {
	padding: 0 3px;
}

#js-required {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	font-size: 16px;
	background-color: #FFF;
	padding: 20px;
	text-align: center;
	line-height: 1.4;
}

.hidden {
	display: none !important;
}

.tac {
	text-align: center;
}

.dib {
	display: inline-block;
}

.dib.vat {
	vertical-align: top;
}

.dib.vam {
	vertical-align: middle;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

body.waiting * {
	cursor: wait !important;
}

input[type="text"], 
input[type="password"], 
textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #CCC;
	padding: 4px;
}

textarea {
	display: block;
}

input[type="text"][disabled], 
input[type="password"][disabled], 
textarea[disabled] {
	background-color: #DBDBDB;
}

input[type="text"], 
input[type="password"], 
textarea, 
select {
	background-color: #F6F6F6;
}

input[type="text"] {
	vertical-align: middle;
}

.form_item {
	padding: 15px 15px 20px 15px;
	margin-top: 0;
	border-bottom: 1px solid #CCC;
	position: relative;
}

.form_item > label {
	display: block;
	margin-bottom: 10px;
	color: #555;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.form_item > label span {
	vertical-align: middle;
}

.form_item > label > .button_container.top_right {
	position: absolute;
	top: 0;
	right: 0;
}

.form_item > label > .button_container.standard button {
	line-height: 20px;
	font-size: 12px;
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.form_item > label.upload_label {
	margin-bottom: 0px;
}

.form_item > .fi_loading_cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
	z-index: 2;
	background-image: url('https://soms.ou.edu/img/loading_white_spinner.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.form_item > .fi_disabled_cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 1;
	opacity: 0.1;
	cursor: not-allowed;
}

/* --------------------- Button Selector ------------------ */

/* These will be styled similarly to my standard buttons. They are essentially a fancy version of radio buttons */

.button_selector {
	position: relative;
}

.button_selector button {
	background-color: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;
	color: #3F3F3F;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	padding: 4px 6px;
	position: relative;
	text-decoration: none;
	user-select: none;
	vertical-align: middle;
	z-index: 1;
}

.button_selector button:hover,
.button_selector button:focus {
	box-shadow: 0 0 4px #666;
}

.button_selector button.selected {
	cursor: default;
	background: #E0EFFF;
	box-shadow: 0 0 3px #888 inset !important;
}

.button_selector button:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left-width: 1px;
}

.button_selector button:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.button_selector .cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	border-radius: 5px;
	z-index: 2;
	/*background: url('http://localhost/soms.ou.edu/img/loading_horizontal_button2.svg') center center no-repeat, #000 !important;
	background-size: cover !important;*/
	background: #FFF;
	display: none;
	cursor: not-allowed;
}

.button_selector.disabled .cover,
.button_selector.disabled_ajax .cover {
	display: block;
}

/* --------------------- Buttons -------------------------- */

/* Specificty: 0-2-1 */
button[type="button"].standard,
button[type="submit"].standard,
a.link_button.standard,
input[type="submit"].standard,
input[type="reset"].standard,
input[type="button"].standard,
label.standard.upload_label,
button[type="button"].subtle, 
button[type="submit"].subtle, 
a.link_button.subtle,
input[type="submit"].subtle,
input[type="reset"].subtle,
input[type="button"].subtle {
	border-color: #CCC;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: #3F3F3F;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	padding: 4px 6px;
	position: relative;
	text-decoration: none;
	user-select: none;
	vertical-align: middle;
	z-index: 1;
}

button[type="button"] img, 
button[type="submit"] img, 
a.link_button img, 
input[type="submit"] img, 
input[type="reset"] img, 
input[type="button"] img {
	pointer-events: none;
}

/* The subtle button is only used over white backgrounds */

/* Specificty: 0-2-1 */
button[type="button"].subtle, 
button[type="submit"].subtle, 
a.link_button.subtle,
input[type="submit"].subtle,
input[type="reset"].subtle,
input[type="button"].subtle {
	color: #AAA;
	border-color: #CCC;
	background-color: inherit;
}

/* Specificty: 0-2-1 */
button[type="button"].subtle:hover, 
button[type="button"].subtle:focus, 
button[type="button"].subtle:active, 
button[type="button"].subtle.active, 
button[type="button"].subtle.clicked, 
button[type="submit"].subtle:hover, 
button[type="submit"].subtle:focus, 
button[type="submit"].subtle:active, 
button[type="submit"].subtle.active, 
button[type="submit"].subtle.clicked, 
a.link_button.subtle:hover,
a.link_button.subtle:focus,
a.link_button.subtle:active,
a.link_button.subtle.active,
a.link_button.subtle.clicked,
input[type="submit"].subtle:hover,
input[type="submit"].subtle:focus,
input[type="submit"].subtle:active,
input[type="submit"].subtle.active,
input[type="submit"].subtle.clicked,
input[type="reset"].subtle:hover,
input[type="reset"].subtle:focus,
input[type="reset"].subtle:active,
input[type="reset"].subtle.active,
input[type="reset"].subtle.clicked,
input[type="button"].subtle:hover, 
input[type="button"].subtle:focus, 
input[type="button"].subtle:active, 
input[type="button"].subtle.active, 
input[type="button"].subtle.clicked {
	color: #777;
	border-color: #999;
}

/* Specificty: 0-2-1 */
button.subtle:active,
button.subtle.active {
	box-shadow: 0 0 3px #555 inset;
}



/* Specificty: 0-3-1 */
button[type="button"].standard.waiting, 
button[type="submit"].standard.waiting, 
a.link_button.standard.waiting, 
input[type="submit"].standard.waiting, 
input[type="reset"].standard.waiting, 
input[type="button"].standard.waiting, 
label.standard.upload_label.waiting {
	background-image: url('https://soms.ou.edu/img/loading_horizontal_button2.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: wait;
}

img.ajax.disabled,
img.ajax.disabled_ajax {
	opacity: 0.3  !important;
	cursor: not-allowed !important;
}

img.ajax.waiting {
	animation: pulse_opacity 1s;
	animation-iteration-count: infinite;
	cursor: wait;
}

@keyframes pulse_opacity {
	0% { opacity: 1.0; }
	50% { opacity: 0.5; }
	100% { opacity: 1.0; }
}

/* Specificty: 0-3-1 */
button[type="button"].standard[disabled], 
button[type="button"].standard.disabled, 
button[type="button"].standard.disabled_ajax, 
button[type="button"].subtle[disabled], 
button[type="button"].subtle.disabled, 
button[type="button"].subtle.disabled_ajax, 
button[type="submit"].standard[disabled], 
button[type="submit"].standard.disabled, 
button[type="submit"].standard.disabled_ajax, 
button[type="submit"].subtle[disabled], 
button[type="submit"].subtle.disabled, 
button[type="submit"].subtle.disabled_ajax, 
a.link_button.standard[disabled], 
a.link_button.standard.disabled, 
a.link_button.standard.disabled_ajax, 
a.link_button.subtle[disabled], 
a.link_button.subtle.disabled, 
a.link_button.subtle.disabled_ajax, 
input[type="submit"].standard[disabled], 
input[type="submit"].standard.disabled, 
input[type="submit"].standard.disabled_ajax, 
input[type="submit"].subtle[disabled], 
input[type="submit"].subtle.disabled, 
input[type="submit"].subtle.disabled_ajax, 
input[type="reset"].standard[disabled], 
input[type="reset"].standard.disabled, 
input[type="reset"].standard.disabled_ajax, 
input[type="reset"].subtle[disabled], 
input[type="reset"].subtle.disabled, 
input[type="reset"].subtle.disabled_ajax, 
input[type="button"].standard[disabled], 
input[type="button"].standard.disabled, 
input[type="button"].standard.disabled_ajax, 
input[type="button"].subtle[disabled], 
input[type="button"].subtle.disabled, 
input[type="button"].subtle.disabled_ajax, 
label.standard.upload_label[disabled], 
label.standard.upload_label.disabled, 
label.standard.upload_label.disabled_ajax {
	background-color: inherit !important;
	border-color: #CCC !important;
	color: #CCC !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

/* Specificty: 0-2-1 */
button[type="button"].standard,
button[type="submit"].standard,
a.link_button.standard,
input[type="submit"].standard,
input[type="reset"].standard,
input[type="button"].standard,
label.standard.upload_label {
	background-color: #E1E1E1;
}

/* Specifity: 0-3-1 */
button[type="button"].standard.red, 
button[type="button"].standard.highlight, 
button[type="button"].standard.delete, 
button[type="submit"].standard.red, 
button[type="submit"].standard.highlight, 
button[type="submit"].standard.delete, 
a.link_button.standard.red, 
a.link_button.standard.highlight, 
a.link_button.standard.delete, 
input[type="submit"].standard.red, 
input[type="submit"].standard.highlight, 
input[type="submit"].standard.delete, 
input[type="reset"].standard.red, 
input[type="reset"].standard.highlight, 
input[type="reset"].standard.delete, 
input[type="button"].standard.red, 
input[type="button"].standard.highlight, 
input[type="button"].standard.delete {
	background-color: #FFD0D0;
}

/* Specifity: 0-3-1 */
button[type="button"].standard.green, 
button[type="submit"].standard.green, 
a.link_button.standard.green, 
input[type="submit"].standard.green, 
input[type="reset"].standard.green, 
input[type="button"].standard.green,
label.upload_label.standard.uploaded {
	background-color: #d5ffd5;
}

/* Specifity: 0-3-1 */
button[type="button"].standard.blue, 
button[type="submit"].standard.blue, 
a.link_button.standard.blue, 
input[type="submit"].standard.blue, 
input[type="reset"].standard.blue, 
input[type="button"].standard.blue {
	background-color: #cfe8ff;
}

/* Specifity: 0-3-1 */
button[type="button"].standard.yellow, 
button[type="submit"].standard.yellow, 
a.link_button.standard.yellow, 
input[type="submit"].standard.yellow, 
input[type="reset"].standard.yellow, 
input[type="button"].standard.yellow,
button[type="button"].standard.cancel_upload {
	background-color: #FFFFD0;
}

/* Specifity: 0-3-1 */
button[type="button"].standard:hover, 
button[type="button"].standard:focus, 
button[type="button"].standard:active, 
button[type="button"].standard.active, 
button[type="button"].standard.clicked, 
button[type="submit"].standard:hover, 
button[type="submit"].standard:focus, 
button[type="submit"].standard:active, 
button[type="submit"].standard.active, 
button[type="submit"].standard.clicked, 
a.link_button.standard:hover, 
a.link_button.standard:focus, 
a.link_button.standard:active, 
a.link_button.standard.active, 
a.link_button.standard.clicked, 
input[type="submit"].standard:hover, 
input[type="submit"].standard:focus, 
input[type="submit"].standard:active, 
input[type="submit"].standard.active, 
input[type="submit"].standard.clicked, 
input[type="reset"].standard:hover, 
input[type="reset"].standard:focus, 
input[type="reset"].standard:active, 
input[type="reset"].standard.active, 
input[type="reset"].standard.clicked, 
input[type="button"].standard:hover, 
input[type="button"].standard:focus, 
input[type="button"].standard:active, 
input[type="button"].standard.active, 
input[type="button"].standard.clicked,
label.upload_label.standard:hover,
label.upload_label.standard:focus,
label.upload_label.standard:active,
label.upload_label.standard.active,
label.upload_label.standard.clicked {
	background-color: #D0E4FF;
	border-color: #969696;
}

/* Specifity: 0-3-1 */
button[type="button"].standard:hover, 
button[type="button"].standard:focus, 
button[type="submit"].standard:hover, 
button[type="submit"].standard:focus, 
a.link_button.standard:hover, 
a.link_button.standard:focus, 
input[type="submit"].standard:hover, 
input[type="submit"].standard:focus, 
input[type="reset"].standard:hover, 
input[type="reset"].standard:focus, 
input[type="button"].standard:hover, 
input[type="button"].standard:focus,
label.upload_label.standard:hover,
label.upload_label.standard:focus {
	box-shadow: 0 0 4px #666;
}

/* Specifity: 0-3-1 */
button[type="button"].standard:active, 
button[type="button"].standard.active, 
button[type="button"].standard.clicked, 
button[type="submit"].standard:active, 
button[type="submit"].standard.active, 
button[type="submit"].standard.clicked, 
a.link_button.standard:active, 
a.link_button.standard.active, 
a.link_button.standard.clicked, 
input[type="submit"].standard:active, 
input[type="submit"].standard.active, 
input[type="submit"].standard.clicked, 
input[type="reset"].standard:active, 
input[type="reset"].standard.active, 
input[type="reset"].standard.clicked, 
input[type="button"].standard:active, 
input[type="button"].standard.active, 
input[type="button"].standard.clicked,
label.upload_label.standard:active,
label.upload_label.standard.active,
label.upload_label.standard.clicked {
	box-shadow: 0 0 6px #212121 inset;
}

/* Specifity: 0-3-1 */
button.standard.red:hover,
button.standard.red:focus,
button.standard.red:active,
button.standard.red.active,
button.standard.red.clicked,
button.standard.highlight:hover,
button.standard.highlight:focus,
button.standard.highlight:active,
button.standard.highlight.active,
button.standard.highlight.clicked,
button.standard.delete:hover,
button.standard.delete:focus,
button.standard.delete:active,
button.standard.delete.active,
button.standard.delete.clicked,
a.link_button.red:hover,
a.link_button.red:focus,
a.link_button.red:active,
a.link_button.red.active,
a.link_button.red.clicked,
a.link_button.highlight:hover,
a.link_button.highlight:focus,
a.link_button.highlight:active,
a.link_button.highlight.active,
a.link_button.highlight.clicked,
a.link_button.delete:hover,
a.link_button.delete:focus,
a.link_button.delete:active,
a.link_button.delete.active,
a.link_button.delete.clicked,
input[type="submit"].red:hover, 
input[type="submit"].red:focus, 
input[type="submit"].red:active, 
input[type="submit"].red.active, 
input[type="submit"].red.clicked, 
input[type="submit"].highlight:hover, 
input[type="submit"].highlight:focus, 
input[type="submit"].highlight:active, 
input[type="submit"].highlight.active, 
input[type="submit"].highlight.clicked, 
input[type="submit"].delete:hover, 
input[type="submit"].delete:focus, 
input[type="submit"].delete:active, 
input[type="submit"].delete.active, 
input[type="submit"].delete.clicked, 
input[type="reset"].red:hover, 
input[type="reset"].red:focus, 
input[type="reset"].red:active, 
input[type="reset"].red.active, 
input[type="reset"].red.clicked, 
input[type="reset"].highlight:hover, 
input[type="reset"].highlight:focus, 
input[type="reset"].highlight:active, 
input[type="reset"].highlight.active, 
input[type="reset"].highlight.clicked, 
input[type="reset"].delete:hover, 
input[type="reset"].delete:focus, 
input[type="reset"].delete:active, 
input[type="reset"].delete.active, 
input[type="reset"].delete.clicked, 
input[type="button"].red:hover, 
input[type="button"].red:focus, 
input[type="button"].red:active, 
input[type="button"].red.active, 
input[type="button"].red.clicked, 
input[type="button"].highlight:hover, 
input[type="button"].highlight:focus, 
input[type="button"].highlight:active, 
input[type="button"].highlight.active, 
input[type="button"].highlight.clicked, 
input[type="button"].delete:hover, 
input[type="button"].delete:focus, 
input[type="button"].delete:active, 
input[type="button"].delete.active, 
input[type="button"].delete.clicked {
	background-color: #FBB;
}

/* Specifity: 0-3-1 */
button.standard.green:hover,
button.standard.green:focus,
button.standard.green:active,
button.standard.green.active,
button.standard.green.clicked,
a.link_button.green:hover,
a.link_button.green:focus,
a.link_button.green:active,
a.link_button.green.active,
a.link_button.green.clicked,
input[type="submit"].green:hover, 
input[type="submit"].green:focus, 
input[type="submit"].green:active, 
input[type="submit"].green.active, 
input[type="submit"].green.clicked, 
input[type="reset"].green:hover, 
input[type="reset"].green:focus, 
input[type="reset"].green:active, 
input[type="reset"].green.active, 
input[type="reset"].green.clicked, 
input[type="button"].green:hover, 
input[type="button"].green:focus, 
input[type="button"].green:active, 
input[type="button"].green.active,
input[type="button"].green.clicked,
label.upload_label.uploaded:hover,
label.upload_label.uploaded:focus,
label.upload_label.uploaded:active,
label.upload_label.uploaded.active, 
label.upload_label.uploaded.clicked {
	background-color: #b8ffb8;
}

/* Specifity: 0-3-1 */
button.standard.blue:hover,
button.standard.blue:focus,
button.standard.blue:active,
button.standard.blue.active,
button.standard.blue.clicked,
a.link_button.blue:hover,
a.link_button.blue:focus,
a.link_button.blue:active,
a.link_button.blue.active,
a.link_button.blue.clicked,
input[type="submit"].blue:hover, 
input[type="submit"].blue:focus, 
input[type="submit"].blue:active, 
input[type="submit"].blue.active, 
input[type="submit"].blue.clicked, 
input[type="reset"].blue:hover, 
input[type="reset"].blue:focus, 
input[type="reset"].blue:active, 
input[type="reset"].blue.active, 
input[type="reset"].blue.clicked, 
input[type="button"].blue:hover, 
input[type="button"].blue:focus, 
input[type="button"].blue:active, 
input[type="button"].blue.active, 
input[type="button"].blue.clicked {
	background-color: #b1daff;
}

/* Specifity: 0-3-1 */
button.standard.yellow:hover,
button.standard.yellow:focus,
button.standard.yellow:active,
button.standard.yellow.active,
button.standard.yellow.clicked,
a.link_button.yellow:hover,
a.link_button.yellow:focus,
a.link_button.yellow:active,
a.link_button.yellow.active,
a.link_button.yellow.clicked,
input[type="submit"].yellow:hover, 
input[type="submit"].yellow:focus, 
input[type="submit"].yellow:active, 
input[type="submit"].yellow.active, 
input[type="submit"].yellow.clicked, 
input[type="reset"].yellow:hover, 
input[type="reset"].yellow:focus, 
input[type="reset"].yellow:active, 
input[type="reset"].yellow.active, 
input[type="reset"].yellow.clicked, 
input[type="button"].yellow:hover, 
input[type="button"].yellow:focus, 
input[type="button"].yellow:active, 
input[type="button"].yellow.active,
input[type="button"].yellow.clicked,
button.standard.cancel_upload:hover,
button.standard.cancel_upload:focus,
button.standard.cancel_upload:active,
button.standard.cancel_upload.active, 
button.standard.cancel_upload.clicked {
	background-color: #FFFF86;
}

.link_button.image_button span {
	display: inline-block;
	vertical-align: middle;
}

.link_button.image_button img {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	margin-right: 5px;
}

/* ----------------- Button Containers -------------------- */

.button_container {
	text-align: center;
}

.button_container.p10 {
	padding: 10px 5px 0 5px;
}

/* Specificity: 0-4-1 */
.button_container.p10 button[type="button"].standard,
.button_container.p10 button[type="submit"].standard,
.button_container.p10 a.link_button.standard,
.button_container.p10 input[type="submit"].standard,
.button_container.p10 input[type="reset"].standard,
.button_container.p10 input[type="button"].standard {
	margin: 0 5px 10px 5px;
}

.button_container.p10 > .check_label, 
.button_container.p10 > .form_item {
	margin: 0 5px 10px 5px;
}

.button_container.p15 {
	padding: 15px 7px 0 7px;
}

/* Specificity: 0-4-1 */
.button_container.p15 button[type="button"].standard,
.button_container.p15 button[type="submit"].standard,
.button_container.p15 a.link_button.standard,
.button_container.p15 input[type="submit"].standard,
.button_container.p15 input[type="reset"].standard,
.button_container.p15 input[type="button"].standard {
	margin: 0 7px 15px 7px;
}

.button_container.p15 > .check_label,
.button_container.p15 > .form_item {
	margin: 0 7px 15px 7px;
	vertical-align: middle;
}

.button_container.dark {
	background-color: #525252;
}

/* Specificity: 0-2-1 */
.button_container.dark button,
.button_container.dark a,
.button_container.dark input {
	background-color: #c5c5c5;
}

/* Specificty: 0-3-1 */
.button_container.dark button.standard,
.button_container.dark a.link_button,
.button_container.dark input[type="submit"],
.button_container.dark input[type="reset"],
.button_container.dark input[type="button"],
.button_container.dark label.standard.upload_label {
	border-color: #FFF;
}

/* Specifity: 0-5-1 */
.button_container.dark button[type="button"].standard:hover, 
.button_container.dark button[type="button"].standard:focus, 
.button_container.dark button[type="submit"].standard:hover, 
.button_container.dark button[type="submit"].standard:focus, 
.button_container.dark a.link_button.standard:hover, 
.button_container.dark a.link_button.standard:focus, 
.button_container.dark input[type="submit"].standard:hover, 
.button_container.dark input[type="submit"].standard:focus, 
.button_container.dark input[type="reset"].standard:hover, 
.button_container.dark input[type="reset"].standard:focus, 
.button_container.dark input[type="button"].standard:hover, 
.button_container.dark input[type="button"].standard:focus,
.button_container.dark label.standard.upload_label:hover, 
.button_container.dark label.standard.upload_label:focus {
	box-shadow: 0 0 6px #171717;
}

/* Specifity: 0-5-1 */
.button_container.dark button[type="button"].standard:active, 
.button_container.dark button[type="button"].standard.active, 
.button_container.dark button[type="button"].standard.clicked, 
.button_container.dark button[type="submit"].standard:active, 
.button_container.dark button[type="submit"].standard.active, 
.button_container.dark button[type="submit"].standard.clicked, 
.button_container.dark a.link_button.standard:active, 
.button_container.dark a.link_button.standard.active, 
.button_container.dark a.link_button.standard.clicked, 
.button_container.dark input[type="submit"].standard:active, 
.button_container.dark input[type="submit"].standard.active, 
.button_container.dark input[type="submit"].standard.clicked, 
.button_container.dark input[type="reset"].standard:active, 
.button_container.dark input[type="reset"].standard.active, 
.button_container.dark input[type="reset"].standard.clicked, 
.button_container.dark input[type="button"].standard:active, 
.button_container.dark input[type="button"].standard.active, 
.button_container.dark input[type="button"].standard.clicked,
.button_container.dark label.standard.upload_label:focus,
.button_container.dark label.standard.upload_label.active,
.button_container.dark label.standard.upload_label.clicked {
	box-shadow: 0 0 8px #111 inset;
}

/* Specificty: 0-5-1 + !important */
.button_container.dark button[type="button"].standard[disabled], 
.button_container.dark button[type="button"].standard.disabled, 
.button_container.dark button[type="button"].standard.disabled_ajax, 
.button_container.dark button[type="submit"].standard[disabled], 
.button_container.dark button[type="submit"].standard.disabled, 
.button_container.dark button[type="submit"].standard.disabled_ajax, 
.button_container.dark a.link_button.standard[disabled], 
.button_container.dark a.link_button.standard.disabled, 
.button_container.dark a.link_button.standard.disabled_ajax, 
.button_container.dark input[type="submit"].standard[disabled], 
.button_container.dark input[type="submit"].standard.disabled, 
.button_container.dark input[type="submit"].standard.disabled_ajax, 
.button_container.dark input[type="reset"].standard[disabled], 
.button_container.dark input[type="reset"].standard.disabled, 
.button_container.dark input[type="reset"].standard.disabled_ajax, 
.button_container.dark input[type="button"].standard[disabled], 
.button_container.dark input[type="button"].standard.disabled, 
.button_container.dark input[type="button"].standard.disabled_ajax, 
.button_container.dark label.standard.upload_label[disabled], 
.button_container.dark label.standard.upload_label.disabled, 
.button_container.dark label.standard.upload_label.disabled_ajax {
	border-color: #8B8B8B !important;
	color: #929292 !important;
}

.button_container.light {
	background-color: #DFDFDF;
}

/* Specificity: 0-2-1 */
.button_container.light button,
.button_container.light a,
.button_container.light input { 
	background-color: #FFF;
}

/* Specifity: 0-5-1 */
.button_container.light button[type="button"].standard:hover, 
.button_container.light button[type="button"].standard:focus, 
.button_container.light button[type="submit"].standard:hover, 
.button_container.light button[type="submit"].standard:focus, 
.button_container.light a.link_button.standard:hover, 
.button_container.light a.link_button.standard:focus, 
.button_container.light input[type="submit"].standard:hover, 
.button_container.light input[type="submit"].standard:focus, 
.button_container.light input[type="reset"].standard:hover, 
.button_container.light input[type="reset"].standard:focus, 
.button_container.light input[type="button"].standard:hover, 
.button_container.light input[type="button"].standard:focus,
.button_container.light label.standard.upload_label:hover, 
.button_container.light label.standard.upload_label:focus {
	box-shadow: 0 0 4px #9F9F9F;
}

/* Specifity: 0-5-1 */
.button_container.light button[type="button"].standard:active, 
.button_container.light button[type="button"].standard.active, 
.button_container.light button[type="button"].standard.clicked, 
.button_container.light button[type="submit"].standard:active, 
.button_container.light button[type="submit"].standard.active, 
.button_container.light button[type="submit"].standard.clicked, 
.button_container.light a.link_button.standard:active, 
.button_container.light a.link_button.standard.active, 
.button_container.light a.link_button.standard.clicked, 
.button_container.light input[type="submit"].standard:active, 
.button_container.light input[type="submit"].standard.active, 
.button_container.light input[type="submit"].standard.clicked, 
.button_container.light input[type="reset"].standard:active, 
.button_container.light input[type="reset"].standard.active, 
.button_container.light input[type="reset"].standard.clicked, 
.button_container.light input[type="button"].standard:active, 
.button_container.light input[type="button"].standard.active, 
.button_container.light input[type="button"].standard.clicked,
.button_container.light label.standard.upload_label:focus,
.button_container.light label.standard.upload_label.active,
.button_container.light label.standard.upload_label.clicked {
	box-shadow: 0 0 6px #212121 inset;
}

/* Specificty: 0-5-1 + !important */
.button_container.light button[type="button"].standard[disabled], 
.button_container.light button[type="button"].standard.disabled, 
.button_container.light button[type="button"].standard.disabled_ajax, 
.button_container.light button[type="submit"].standard[disabled], 
.button_container.light button[type="submit"].standard.disabled, 
.button_container.light button[type="submit"].standard.disabled_ajax, 
.button_container.light a.link_button.standard[disabled], 
.button_container.light a.link_button.standard.disabled, 
.button_container.light a.link_button.standard.disabled_ajax, 
.button_container.light input[type="submit"].standard[disabled], 
.button_container.light input[type="submit"].standard.disabled, 
.button_container.light input[type="submit"].standard.disabled_ajax, 
.button_container.light input[type="reset"].standard[disabled], 
.button_container.light input[type="reset"].standard.disabled, 
.button_container.light input[type="reset"].standard.disabled_ajax, 
.button_container.light input[type="button"].standard[disabled], 
.button_container.light input[type="button"].standard.disabled, 
.button_container.light input[type="button"].standard.disabled_ajax, 
.button_container.light label.standard.upload_label[disabled], 
.button_container.light label.standard.upload_label.disabled, 
.button_container.light label.standard.upload_label.disabled_ajax {
	border-color: #BBB !important;
	color: #BBB !important;
}

/* ----------------- File Uploads ------------------------- */

input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.upload_label {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

label.standard.upload_label.uploading {
	background-color: #e7e7e7;
}

label.upload_label.uploading {
	cursor: wait;
}

/* Specifity: 0-2-1 */
label.upload_label.uploaded {
	background-color: #bfffbf;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Specifity: 0-3-1 */
button[type="button"].standard.delete_upload {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
	position: relative;
	height: 18px;
	width: 18px;
	box-sizing: content-box;
}

/*.standard.delete_upload span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}*/

.standard.delete_upload img {
	width: 14px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -7px;
	margin-top: -8px;
	opacity: 1.0;
	transition: none;
}

.standard.delete_upload.disabled img,
.standard.delete_upload.disabled_ajax img {
	opacity: 0.3;
}

button[type="button"].cancel_upload {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
	position: relative;
	height: 18px;
	width: 18px;
	box-sizing: content-box;
}

.standard.cancel_upload img {
	width: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
}

.standard.cancel_upload.disabled img {
	opacity: 0.35;
}

/*.standard.cancel_upload span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}*/

.upload_label .upload_percentage {
	position: absolute;
	top: -3px;
	bottom: 0px;
	left: 0px;
	width: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	 background-image: url(http://localhost/soms.ou.edu/img/upload_progress.svg); 
	background-size: auto 32px;
	background-color: #bcffba;
	opacity: 0.4;
}

label.upload_label.uploading {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.upload_label_text {
	width: 100%;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1;
}

.upload_info {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	padding: 4px 6px;
	color: #3F3F3F;
	border-right: 1px solid #CCC;
	background: #e1e1e1;
}

.upload_full_filename {
	cursor: help;
}

/* ----------------------- Checkboxes and Radios ------------------------- */

label.check_label, label.radio_label {
	/*display: inline;*/
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	padding: 4px;
}

.check_label > span, .radio_label > span {
	display: inline;
	vertical-align: middle;
	padding-left: 5px;
	color: #555;
	user-select: none;
	line-height: 20px;
	font-size: 13px;
}

.radio_label input[disabled] + span {
	text-decoration: line-through;
}

input[type="radio"], input[type="checkbox"] {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	line-height: 20px;
	/* This prevents the checkboxes from moving up when you mouse over in Firefox? Now some are moving down... */
	/*margin-bottom: 1px;*/
}

.button_container .check_label > span, 
.button_container .radio_label > span {
	color: #A5A5A5;
}

.button_container input[type="radio"].hide_focus:focus + span, 
.button_container input[type="checkbox"].hide_focus:focus + span {
	color: #A5A5A5;
}

.button_container .radio_container:focus-within, 
.button_container .check_container:focus-within {
	background-color: #626262;
	box-shadow: 0 0 4px #282828;
}

.button_container .radio_container.hide_focus:focus-within, 
.button_container .check_container.hide_focus:focus-within {
	background-color: transparent;
	box-shadow: none;
}

.button_container input[type="radio"]:focus + span, 
.button_container input[type="checkbox"]:focus + span {
	color: #A5A5A5;
}

.form_item.checkbox,
.form_item.radio {
	display: inline-block;
	border-bottom: none;
	padding: 0;
	margin: 15px 7px 0 7px;
}

input[type="radio"]:focus + span, 
input[type="checkbox"]:focus + span {
	color: #000;
}

/* In Chrome, the box shadow is currently applied to a square around the radio. So I'm only going to use this focus style for radios that don't have an adjacent label */
input[type="radio"].no_label:focus {
	box-shadow: 0 0 3px #444;
}

input[type="radio"].no_label.hide_focus:focus {
	box-shadow: none;
}

input[type="checkbox"]:focus {
	box-shadow: 0 0 3px #444;
}

input[type="checkbox"].hide_focus:focus {
	box-shadow: none;
}

input[type="radio"].hide_focus:focus + span, 
input[type="checkbox"].hide_focus:focus + span {
	color: #555;
}

.radio_container.hide_focus input[type="radio"]:focus + span, 
.radio_container.hide_focus input[type="checkbox"]:focus + span {
	color: #555;
}

.radio_container, .check_container {
	display: inline-block;
	padding: 2px;
	color: #6D6D6D;
}

.radio_container:focus-within, 
.check_container:focus-within {
	box-shadow: 0 0 4px #777;
}

.radio_container.hide_focus:focus-within,
.check_container.hide_focus:focus-within {
	box-shadow: none;
}

/* ------------------- Custom CSS radio and checkbox -------------------- */

/* Checkbox appearance might be a bit confusing to some. Might revisit at some point when I have more time. */

/*input[type="radio"], input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

input[type="radio"] {
	border-radius: 50%;
}

input[type="checkbox"]:checked {
	border-width: 5px;
	border-style: groove;
}

input[type="radio"]:checked {
	border-width: 4px;
	border-style: groove;
}*/

/* ----------------------------------------------------------------------- */

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus {
	box-shadow: 0 0 4px #b4b4b4 inset;
}

input[type="text"][readonly], textarea[readonly] {
	background-color: #DDD;
	color: #6C6C6C;
	cursor: not-allowed;
}

input[type="text"][readonly]:focus, 
input[type="password"][readonly]:focus, 
textarea[readonly]:focus {
	box-shadow: none;
}

select:focus {
	box-shadow: 0 0 4px #b4b4b4;
}

#content_container > .info {
	background-color: #e1e1e1;
}

/* -------------------------------------------------------------- */

.form_item > label button.top_right {
	vertical-align: middle;
	padding: 3px;
}

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.form_help {
	background-color: #ffffd7;
	padding: 15px;
	display: none;
}

.form_help.shown {
	display: block;
}

/* -------------------------------- */

.form_messages_container {
	text-align: center;
	position: relative;
	border-bottom: 1px solid #CCC;
}

#form_messages_container {
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 4;
	opacity: 0;
	border-bottom: none;
	z-index: 100000;
}

#form_messages_container .form_messages {
	position: fixed;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	overflow: hidden;
}

#form_messages_all_types_container {
	height: auto;
	overflow-y: auto;
}

#form_messages_interior_container {
	display: inline-block;
	width: 100%;
	max-width: 550px;
	box-shadow: 0 0 10px #696969;
	border: 1px solid #353535;
	border-bottom: none;
	background: #E1E1E1;
}

body.mobile #form_messages_interior_container {
	border-left: none;
	border-right: none;
}

#form_messages_show_hide {
	background: #E1E1E1;
	padding: 10px;
	border-bottom: 1px solid #BDBDBD;
	user-select: none;
	position: relative;
	font-size: 14px;
	line-height: 14px;
}

.fm_unsuccessful {
	background: #ffe1e7;
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #BDBDBD;
	line-height: 1.4;
}

.lightbox_dialog .fm_unsuccessful {
	display: none;
}

#form_messages_interior_container.highlight {
	box-shadow: 0 0 10px #696969;
	animation: fm_red_shadow 1s;
}

@keyframes fm_red_shadow {
	0% { box-shadow: 0 0 10px #696969; }
	25% { box-shadow: 0 0 15px #0070ff; }
	50% { box-shadow: 0 0 10px #696969; }
	75% { box-shadow: 0 0 15px #0070ff; }
	100% { box-shadow: 0 0 10px #696969; }
}

#fm_header {
	color: #555;
	width: 100%;
	text-align: center;
}

#form_messages_show_hide img {
	display: block;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}

#fm_minimize {
	color: #555;
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	cursor: pointer;
	width: 34px;
	border-right: 1px solid #BDBDBD;
	background: #E1E1E1;
}

#fm_minimize img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	opacity: 0.6;
	width: 16px;
	height: 16px;
}

#fm_minimize img.down {
	visibility: visible;
}

#fm_minimize img.up {
	visibility: hidden;
}

#fm_minimize:hover img {
	opacity: 1.0;
}

#fm_minimize:hover {
	background: #D4D4D4;
}

#fm_minimize:active {
	box-shadow: 0 0 4px #aaa inset;
}

#form_messages_clear_all {
	color: #555;
	position: absolute;
	right: 0;
	top: 0;
	height: 34px;
	cursor: pointer;
	width: 34px;
	border-left: 1px solid #BDBDBD;
	background: #E1E1E1;
}


#form_messages_clear_all img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	opacity: 0.6;
	width: 16px;
	height: 16px;
}

#form_messages_clear_all:hover img {
	opacity: 1.0;
}

#form_messages_clear_all:hover {
	background: #D4D4D4;
}

#form_messages_clear_all:active {
	box-shadow: 0 0 4px #aaa inset;
}

.fm_dismiss {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	cursor: pointer;
	width: 34px;
	border-left: 1px solid #BDBDBD;
	background: #E1E1E1;
}

.fm_dismiss:active, .fm_jump_to_element:active {
	box-shadow: 0 0 4px #aaa inset;
}

.error .fm_dismiss,
.error .fm_cancel_timer,
.error .fm_jump_to_element {
	background: #f3d8dd;
}

.error .fm_dismiss:hover,
.error .fm_cancel_timer:hover,
.error .fm_jump_to_element:hover {
	background: #f0cfd5;
}

.notice .fm_dismiss,
.notice .fm_cancel_timer,
.notice .fm_jump_to_element {
	background: #eeeebf;
}

.notice .fm_dismiss:hover,
.notice .fm_cancel_timer:hover,
.notice .fm_jump_to_element:hover {
	background: #ecec9a;
}

.success .fm_dismiss,
.success .fm_cancel_timer,
.success .fm_jump_to_element {
	background: #d1f5d1;
}

.success .fm_dismiss:hover,
.success .fm_cancel_timer:hover,
.success .fm_jump_to_element:hover {
	background: #c1ecc1;
}

.fm_dismiss img.close {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	opacity: 0.6;
}

/*.fm_dismiss img.close {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -8px;
	opacity: 0.6;
}*/

.fm_dismiss:hover img {
	opacity: 1.0;
}

.form_messages {
	width: 100%;
}

.form_message {
	width: 100%;
	line-height: 1.5;
	color: #555;
	border-bottom: 1px solid #BDBDBD;
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.fm_cancel_timer {
	position: absolute;
	top: 0;
	left: -1px;
	padding: 4px 10px 4px 10px;
	width: 14px;
	height: 26px;
	border-left: 1px solid #BDBDBD;
}

.fm_jump_to_element {
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 100%;
	cursor: pointer;
	border-right: 1px solid #BDBDBD;
}

.fm_jump_to_element img {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 7px;
	top: 50%;
	margin-top: -10px;
	opacity: 0.5;
}

.fm_jump_to_element:active {
	opacity: 1.0;
}

.form_message .timer_visual {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
}

.form_message.error .timer_visual {
	background-color: red;
	opacity: 0.05;
}

.form_message.notice .timer_visual {
	background-color: yellow;
	opacity: 0.3;
}

.form_message.success .timer_visual {
	background-color: green;
	opacity: 0.1;
}

.form_message.error {
	background-color: #ffe1e7;
}

.form_message.success {
	background-color: #defdde;
}

.form_message.notice {
	background-color: #ffffce;
}

.form_message > .padding {
	padding: 7px 44px 7px 10px;
	position: relative;
	z-index: 1;
}

.form_message.fm_jump_element_found > .padding {
	padding: 7px 44px;
}

.form_message:first-of-type {
	margin-top: 0;
}

.form_item.form_error {
	background-color: #ffeef1;
}

.button_container.dark .checkbox.form_error {
	background-color: #ff6767;
	border: 1px solid #FFF;
}

.button_container.dark .checkbox.form_error .check_label span {
	color: #FFF;
}

input[type="text"].form_error, 
input[type="password"].form_error, 
select.form_error, 
textarea.form_error {
	border-color: #ff7070;
	background-color: #ffeded;
}

.radio_container.form_error,
.check_container.form_error {
	box-shadow: 0 0 4px #f00 !important;
	background-color: #ffeded;
}

.check_label.form_error,
.radio_label.form_error {
	box-shadow: 0 0 4px #f00 !important;
	background-color: #ffeded;
}

input[type="checkbox"].no_label.form_error,
input[type="radio"].no_label.form_error {
	box-shadow: 0 0 4px #f00 !important;
}

/* ------------------------------------------------------ */

.ajax_tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: #bfffbf;
	color: #3F3F3F;
	box-shadow: none;
	cursor: default;
	border-radius: 5px;
}

.ajax_tooltip .contents {
	display: inline-block;
	padding: 4px 6px;
	font-size: inherit;
}

.form_item > label > .button_container.standard .ajax_tooltip {
	font-size: 12px;
	line-height: 20px;
	padding: 0 5px;
}

.form_item > label > .button_container.standard .ajax_tooltip .contents {
	font-size: 12px;
	padding: 0;
}

/* ----------------------------------------- */

.ajax_errors {
	display: none;
	margin-bottom: 20px;
	box-shadow: 0 0 2px #AAA;
}

.ajax_error {
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #ffe1e7;
	text-align: center;
	font-size: 14px;
	color: #444;
	border-bottom: none;
}

.ajax_error:last-of-type {
	border-bottom: 1px solid #CCC;
}

/* ----------------------------------------- */

/*div[id^=__lpform_] {
	display: none;
}*/

/*input[type="text"] {
	background-image: none !important;
	background-attachment: none !important;
}*/

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* --------------------------------------------------- */

#bg_image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://soms.ou.edu/img/catlett.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #F0F0F0;
	background-size: 1920px auto;
	background-size: cover;
	background-attachment: fixed;
	opacity: 0.6;
}

#content_container {
	display: inline-block;
	border: 1px solid #353535;
	box-shadow: 0 0 8px #535353;
	width: 100%;
	max-width: 550px;
	background-color: #FFF;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}

#header {
	text-align: center;
	background-color: #871B1B;
}

#header img {
	display: inline-block;
	width: 90%;
	max-width: 400px;
	margin: 15px 0;
	height: auto;
	user-select: none;
}

#content_container .section_header {
	text-align: center;
	border-bottom: 1px solid #353535;
	border-top: 1px solid #353535;
	background-color: #525252;
	padding: 10px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	position: relative;
}

#content_container > p {
	margin: 15px;
}

#content {
	text-align: center;
	line-height: 1.4;
	font-size: 14px;
}

.read-more {
	display: none;
}

p {
	margin-bottom: 10px;
}

/* ----------------- Basic table style ---------------------- */

table.basic {
	margin-bottom: 10px;
}

table.basic td,
table.basic th {
	border: 1px solid #CCC;
	padding: 7px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
}

table.basic th {
	background-color: #d1dcef;
}

table.basic tr:nth-child(odd) td {
	background-color: #f0f0f0;
}

/* -------------------------------------------------------------------------- */

#lightbox_bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	background-color: #000;
	z-index: 9998;
	display: none;
}

#show_general_help {
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 3;
	opacity: 0.6;
}

#show_general_help:hover {
	opacity: 1.0
}

.show_help {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	opacity: 0.7;
	cursor: pointer;
}

.show_help:hover {
	opacity: 1.0;
}

.lightbox_dialog {
	display: none;
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	border: 1px solid #6f6f6f;
	box-shadow: 0 0 8px #1a1a1a;
	line-height: 1.4;
	color: #444;
	width: 500px;
	background-color: #FFF;
	box-sizing: border-box;
	box-sizing: content-box;
	overflow: visible;
}

.lightbox_dialog.fullscreen {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 0;
	margin-left: 0;
	width: auto;
	overflow-y: auto;
}

.lightbox_dialog .header.standard {
	background: #e0ecfb;
	border-bottom: 1px solid #C1C1C1;
	padding: 10px;
	color: #555;
	text-align: center;
	line-height: 20px;
}

.lightbox_dialog > .contents {
	padding: 15px 15px 0 15px;
}

.lightbox_dialog.help {
	background-color: #fcffdc;
	padding: 20px 20px 0 20px;
}

.lightbox_dialog.help p:last-of-type {
	margin-bottom: 20px;
}

.lightbox_dialog.help button, .lightbox_dialog.help a.link_button {
	margin: 0 4px 20px 4px;
}

.lightbox_dialog .button_container button {
	margin: 0 2px 15px 2px;
}

/*.lightbox_dialog button.fullscreen_only {
	display: none;
}

.lightbox_dialog.fullscreen button.fullscreen_only {
	display: inline-block;
}*/

.lightbox_dialog p {
	margin-bottom: 10px;
}

.lightbox_dialog p:last-of-type {
	margin-bottom: 20px;
}

.close_lightbox {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
	opacity: 0.7;
}

.close_lightbox:hover {
	opacity: 1.0;
}

.lightbox_form {
	position: relative;
}

.lightbox_form_cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.2;
	z-index: 2;
	cursor: wait;
	display: none;
}

#general_help {
	width: 285px;
}

#general_help.fullscreen a.link_button {
	width: 130px;
	margin-bottom: 5px;
}

#general_help.fullscreen a.link_button:last-of-type {
	margin-bottom: 20px;
}

#back_to_top {
	position: fixed;
	bottom: 7px;
	right: 7px;
	width: 36px;
	height: 36px;
	display: none;
	z-index: 3;
}

#back_to_top img {
	opacity: 0.6;
	padding: 4px;
	border: 1px solid #000;
	background-color: #FFF;
	margin: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
	transition: opacity 200ms linear, box-shadow 200ms linear;
}

#back_to_top a:hover img {
	background-color: #FFF;
	opacity: 1.0;
	box-shadow: 0 0 2px #000;
}

#back_to_top a {
	cursor: pointer;
	display: block;
}

.anchor {
	height: 0;
	width: 0;
	display: block;
	position: absolute;
}

body.nav_shown .anchor {
	margin-top: -32px;
}

.timepicker {
	display: inline-block;
	vertical-align: middle;
	margin: 4px 4px 4px 10px;
	width: 120px;
}

.timepicker > .dib {
	vertical-align: top;
}

.timepicker td {
	text-align: center;
}

.timepicker_colon {
	padding: 0 2px;
}

.timepicker_hour_up, 
.timepicker_minute_up,
.timepicker_hour_down, 
.timepicker_minute_down {
	display: block;
	width: 14px;
	height: 8px;
	padding: 6px 3px;
	opacity: 0.4;
	cursor: pointer;
	margin: 0 auto;
}

.timepicker_hour_up:hover, 
.timepicker_minute_up:hover,
.timepicker_hour_down:hover, 
.timepicker_minute_down:hover {
	opacity: 0.7;
}

.timepicker_hour_up:active, 
.timepicker_minute_up:active,
.timepicker_hour_down:active, 
.timepicker_minute_down:active {
	opacity: 1.0;
}

input[type="text"].timepicker_hour,
input[type="text"].timepicker_minute {
	width: 30px;
	text-align: center;
}

.timepicker_am_pm {
	vertical-align: top;
	padding-left: 5px;
	display: inline-block;
	height: 68px;
	display: table;
}

.timepicker_am_pm .table_cell {
	display: table-cell;
	vertical-align: middle;
}

.timepicker_am_pm .radio_container {
	text-align: left;
}

.timepicker_am_pm span {
	display: inline-block;
	padding-left: 5px;
	color: #555;
	font-size: 11px;
}

.kint-rich {
	margin: 0 !important;
	position: fixed !important;
	z-index: 999999 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-color: #FFF !important;
}

#identified_student {
	width: 100%;
	line-height: 1.5;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	background-color: #525252;
	border-bottom: 1px solid #353535;
	color: #A6A6A6;
	font-size: 13px;
}

#identified_student a.link_button {
	font-size: 13px;
	padding: 4px;
	margin-left: 10px;
	border-radius: 0;
	background-color: gray;
	border-color: #3e3e3e;
}

#identified_student a.link_button:hover {
	box-shadow: 0 0 4px #3C3C3C;
}

#identified_student a.link_button:active {
	box-shadow: 0 0 3px #333 inset;
}

.mobile_only {
	display: none;
}

.section_header .back_arrow {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 8px;
	left: 7px;
	opacity: 0.7;
	background-color: #FFF;
}

.section_header .back_arrow img {
	width: 100%;
	height: 100%;
}

.section_header .back_arrow:hover {
	opacity: 1.0;
}

.section_header .back_arrow:active {
	opacity: 0.7;
}

#hide_info {
	position: absolute;
	top: 8px;
	right: 7px;
	width: 26px;
	height: 26px;
	opacity: 0.7;
	cursor: pointer;
}

#hide_info:hover {
	opacity: 1.0;
}

#hide_info:active {
	opacity: 0.7;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.flash_yellow {
	animation: flash_yellow 0.5s ease-out;
	animation-iteration-count: 2;
}

@keyframes flash_yellow {
	0% { background-color: transparent; }
	50% { background-color: yellow; }
	100% { background-color: transparent; }
}

@media print {
	
	#content_container {
		max-width: none;
		background-color: #FFF;
		box-shadow: none;
		border: none;
		margin: 0;
		display: block;
	}
	
	#header,
	#soms_nav,
	#soms_nav_padding,
	#show_apps,
	#back_to_top,
	#show_login,
	#show_general_help,
	#bg_image,
	a[name="content_anchor"],
	.form_messages_container {
		display: none !important;
	}
	
	#content {
		padding: 0;
	}
	
}

input[data-lpignore] + div[data-lastpass-icon-root] {
	display: none !important;
}

td.ajax {
	cursor: pointer;
}

td.ajax:hover,
td.ajax.clicked {
	background-color: #DDD;
}

td.ajax.disabled,
td.ajax.disabled_ajax {
	background-color: #FFF !important;
	cursor: not-allowed !important;
}

td.ajax.waiting {
	background-image: url('https://soms.ou.edu/img/loading_white_spinner.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%;
	cursor: wait;
}

.ast {
	z-index: 97;
	box-shadow: 0 0 4px #000;
	padding: 7px;
}

.ast span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 20px;
	color: #000 !important;
}

.ast img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 7px;
}

.ast.pending {
	background-image: linear-gradient(to top, #ffffd9 0%, white 100%);
}

.ast.success {
	background-image: linear-gradient(to top, #cbffce 0%, white 100%);
}

.ast.error {
	background-image: linear-gradient(to top, #FCC 0%, white 100%);
}