/*  
  OSU Palette
  -----------
  Warm Gray: #C6C0B7
  Intermediate Gray: #ABADA4
  DArk gray/BROWN: #615042
  OSU Orange: #D85A1A
  Brown: #9D601E
  Light Blue: #A7C4C9
  DArk Blue: #6B859E
  Yellow: #F3D08E
  Green: #B3BA35
  Turqoise: #56IF4B 
  
  ACU specific:
  #f0ede8 - light brown for fieldsets and other backgrounds
  
  #e3eef4  (light blue for input bgs?)
   
*/
/* Borders and others */
/* Rounded corners */
html
{
    background-color: #252525;
    color: #333;
}

body
{
    background: #eeece8;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 80%;
    min-width: 974px;
}

p, ul
{
    margin-bottom: .8em;
}

a
{
    color: #D85A1A;
}

p a
{
    border-bottom: 1px dotted #D85A1A;
    text-decoration: none;
}

p a:hover
{
    border-bottom: 1px solid #D85A1A;
}

p + ul
{
    margin-top: -0.5em;
}

a:hover
{
    text-decoration: none;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

/* Basic ids */
#bd, #ft, #hd
{
    width: 95%;
    margin: auto;
}

#bd
{
    background-color: #eeece8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 1.2em;
    margin-top: .4em;
    padding-bottom: 1em;
    border-top: none;
}

#ft
{
    padding: 0 2em;
    margin-top: 10px;
    font-size: 90%;
    color: #f1f1f1;
}

#subnav a
{
    font-weight: bold;
    color: #252525;
    text-decoration: none;
    text-shadow: #f1f1f1 -1px 1px 2px;
}

/*
#subnav a:hover {
  text-decoration:none;
} */

#ft a
{
    color: #f1f1f1;
}
#ft a:visited
{
    color: #f1f1f1;
}
#ft a:active
{
    color: #f1f1f1;
}

#ft div
{
    margin-top: .5em;
}

#ft-wrap, #hd-wrap
{
    padding: 0;
}

#hd-wrap
{
    padding-top: 6px;
}

#ft-wrap
{
    border-top: 3px solid #d85a1a;
    background: url("../images/footer_gradient.png") bottom left repeat-x #252525;
    margin-bottom: 2em;
}

#content
{
    background: white;
    padding: .3em 1.2em .7em 1.2em;
}

#side_nav
{
    margin-right: 20px;
    background-color: white;
    overflow: auto;
}

#subnav
{
    background: url("../images/gray_gradient.png") bottom left repeat-x;
    border-top: 1px solid #cccccc;
    padding: .2em 1.2em;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#subnav img
{
    vertical-align: middle;
}

#breadcrumbs
{
    font-size: 85%;
    padding: .6em 0 .8em 1em;
}

#breadcrumbs a
{
    color: #6B859E;
}

#pagination
{
    border-bottom: 2px dotted #6B859E;
    padding-bottom: .5em;
    margin-bottom: 1em;
    overflow: auto;
}

#pagination .pagination
{
    float: left;
}

/* Styles for header notice */
.app_title {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.hnotice {
    background-color: #f7ceba;
    border-left: 4px solid #d85a1a;
    margin-top: 5px;
    padding: 10px 10px 10px 10px;
    font-size: .8rem;
    color: #333;
    max-width: 800px;
    font-family: Arial, sans-serif;
}

/* Headers */
h1, h2, h3, h4, h5
{
    font-weight: bold;
    margin-bottom: .5em;
    letter-spacing: -0.05em;
    word-spacing: normal;
}

h1
{
    font-size: 150%;
}

h1, h2, h4
{
    color: #252525;
}

#content h1
{
    font-weight: normal;
}

#hd h1
{
    color: #d85a1a;
    font-size: 190%;
    font-weight: normal;
    margin-top: .3em;
}

h2
{
    font-size: 135%;
}

h3, h5
{
    color: #D85A1A;
}

h3
{
    font-size: 120%;
}

h4, h5
{
    font-size: 105%;
}

/* end headers */
/* Lists */
li
{
    list-style-type: disc;
    margin-left: 2.2em;
}

/* Floats and others */
.text-right
{
    text-align: right;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

/* end floats and others */
/* Tables */
table
{
    margin-bottom: 1em;
    border-collapse: separate;
    width: 99.5%;
}

caption
{
    font-weight: bold;
    font-size: 105%;
    color: #333;
    padding: 0 .1em;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 6px solid #333;
    text-shadow: white -1px 1px 2px;
}

thead
{
    background: url("../images/bottom_gradient.png") bottom left repeat-x;
}

th
{
    padding: .3em .1em .1em .1em;
    font-weight: bold;
}

td
{
    padding: .1em .1em;
}

td + td
{
    border-left: 1px solid #cccccc;
}

th + th
{
    border-left: 1px solid #cccccc;
}

tfoot tr td
{
    border-top: 1px solid #6B859E;
}

tr:nth-child(even)
{
    background-color: #f1f1f1;
}

th a
{
    color: #fff;
}

th a.sortable
{
    display: block;
    color: #666;
    padding-right: 1.8em;
    background: url("../images/sortable.png") center right no-repeat;
}

th a.desc
{
    background: url("../images/sort_desc.png") center right no-repeat;
}

th a.asc
{
    background: url("../images/sort_asc.png") center right no-repeat;
}

table.key-value td
{
    font-weight: bold;
    color: #666;
}

table.key-value colgroup
{
    width: 25%;
}

table.key-value colgroup + colgroup
{
    width: 75%;
}

table.key-value td + td
{
    font-weight: normal;
    color: #333;
}

/* end tables */
/* Forms including some advance features*/
form + form
{
    border-top: 1px dotted #000;
    padding-top: 1.2em;
    margin-top: 1em;
}

fieldset
{
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 1em;
    padding: .3em .3em .5em .8em;
}

legend
{
    background-color: #dbdbdb;
    padding: .32em 1.4em;
    margin-left: 1em;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #252525;
    font-weight: bold;
}

*:focus
{
    outline: none; /* Prevents blue border in Webkit */
}

label
{
    display: block;
    clear: both;
    padding-right: 1em;
}

label.required
{
    font-weight: bold;
    color: #615042;
}

label.required:before
{
    content: "* ";
    color: #870e01;
}

input, textarea, select
{
    background-color: #e3eef4;
    border: 1px solid #615042;
    min-width: 25em;
    max-width: 25em;
    padding: .2em;
    min-height: 1em;
    display: block;
    margin-bottom: .7em;
    margin-top: .3em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

textarea
{
    min-width: 40em;
    min-height: 6em;
    background: url("../images/shadow_gradient.png") top left repeat-x #e7ecf2;
    height: 6em;
}

input:focus, textarea:focus
{
    -webkit-box-shadow: 0 0 15px #615042;
    -moz-box-shadow: 0 0 15px #615042;
    box-shadow: 0 0 15px #615042;
    background-color: #fef7c5;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03);
}

input[type="submit"], input[type="button"].submit, input[type="reset"], a.button
{
    font-family: "courier new","courier",monospace;
    background: #6B859E;
    min-width: 10em;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    margin-right: 2em;
    text-shadow: black -1px 1px 2px;
    border: 1px solid #666;
    cursor: pointer;
    float: inherit;
}

a.button:link, a.button:active, a.button:hover, a.button:visited
{
    padding: .2em;
    text-decoration: none;
    border-radius: 3px;
}

input[name="livesearch_terms"]
{
    display: inline;
}

.radioList tr
{
    background: #FFFFFF;
}

.checkbox-label, .radio-label
{
    display: inline;
}

.livesearch-submit
{
    display: inline;
}

input[type="reset"]
{
    background-color: #eeece8;
    color: #333;
    text-shadow: none;
}

input[type="submit"].continue
{
    background: #6B859E;
}

input[type="submit"].cancel
{
    background: #870e01;
}

legend + fieldset
{
    margin-top: .5em;
}

fieldset > fieldset legend
{
    background-color: #f1f1f1;
    color: #6B859E;
    border: 1px solid #6B859E;
    margin-left: 0;
    font-weight: bold;
    font-size: 90%;
}

fieldset > fieldset input, input[type="radio"], input[type="checkbox"]
{
    min-width: 1em;
    padding-left: 2px;
    border-left-style: solid;
    margin-bottom: .4em;
    display: inline;
}

fieldset.required legend:before
{
    content: "* ";
    color: #870e01;
}

input[type="radio"] + label, input[type="checkbox"] + label
{
    display: inline;
}

input[type="radio"], input[type="checkbox"]
{
    margin-right: .4em;
}

fieldset > fieldset label
{
    display: block;
}

fieldset.inline label
{
    display: inline;
}

fieldset > fieldset
{
    margin-right: .8em;
    background-color: #f1f1f1;
}

.disabled input
{
    background-color: #e1e1e1;
    font-style: italic;
}

.disabled label
{
    color: #999;
}

/* Rails specific code for their date output */
select[id$="_1i"], select[id$="_2i"], select[id$="_3i"]
{
    display: inline;
}

select[id$="_2i"]
{
    min-width: 10em;
}

select[id$="_1i"]
{
    min-width: 6em;
}

select[id$="_3i"]
{
    min-width: 4em;
}

/* end rails specific form code */
/* test to try to put one after the other without wrapping or floats
.inline label {
  display:inline;
  clear:right;
}
.radio-checkbox-wrap label {
  clear:right;
}*/
/** end forms **/
/* NAV */
ul#nav
{
    margin: 3em 1em;
    padding: 0;
    background-color: white;
}

#nav li
{
    /* background-color:#DEDAD4; */
    list-style-type: none;
    margin: 0 0 .6em 0;
    padding: .5em .2em .5em .2em;
    border-bottom: 2px dotted #666;
}

#nav li a
{
    display: block;
    color: #333; /* #6B859E; */
    font-weight: bold;
    text-decoration: none;
}

#nav li:hover
{
    border-bottom: 2px solid #d85a1a;
}

/* Tooltips */
/* jquery tooltip */
/*
	#foo {
  	display:block;
  	height:44px;
  	margin-bottom:30px;
  	overflow:hidden;
  	text-indent:-999em;
  	width:159px;
  	cursor:pointer;
  }
*/
/* mouseover state */
#foo:hover
{
    background-position: 0 -44px;
}

/* clicked state */
#foo:focus
{
    background-position: 0 -88px;
}

/* tooltip styling 
  .tooltip {
  	display:none;
  	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
  	height:163px;
  	padding:40px 30px 10px 30px;
  	width:310px;
  	font-size:11px;
  	color:#fff;
  }
/*
  .tooltip a {
  	color:#ad4;
  	font-size:11px;
  	font-weight:bold;
  } */
/** END NEW */
div.tooltip
{
    display: none;
    padding: 4px 20px 4px 4px;
    margin-left: 8px;
    min-width: 16em;
    max-width: 30em;
    background: url("../images/help.png") top right no-repeat #e5f9fc;
    border: 1px solid #6B859E;
    color: #000;
    -webkit-box-shadow: 0 0 18px #6B859E;
    -moz-box-shadow: 0 0 18px #6B859E;
    box-shadow: 0 0 18px #6B859E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*
a.tooltip:hover span{
  display:inline; 
  position:absolute; 
  background:url('images/help.png') top right no-repeat #e5f9fc; 
  border:1px solid #6B859E;
  color:#000;
  -webkit-box-shadow:0 0 10px #6B859E;
	-moz-box-shadow:0 0 10px #6B859E;
	box-shadow:0 0 10px #6B859E;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
} */
/* Status Messages */
.notice, .alert
{
    background: url("../images/status-success.png") 0.4em center no-repeat #e3fde3;
    padding: .5em .5em .5em 5em;
    border: 1px solid #006600;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 0 7px #006600;
    -moz-box-shadow: 0 0 7px #006600;
    box-shadow: 0 0 7px #006600;
    min-height: 3em;
}

.alert
{
    background: url("../images/status-warning.png") 0.4em center no-repeat #fef7c5;
    border-color: #D85A1A;
    -webkit-box-shadow: 0 0 7px #d85a1a;
    -moz-box-shadow: 0 0 7px #d85a1a;
    box-shadow: 0 0 7px #d85a1a;
}

.notice h3
{
    color: #006600;
}

/*for Form errors */
.error-explanation
{
    background: url("../images/status-error.png") 0.4em center no-repeat #fee7d8;
    padding: .5em .5em .5em 5em;
    border: 1px solid #870e01;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 0 7px #870e01;
    -moz-box-shadow: 0 0 7px #870e01;
    box-shadow: 0 0 7px #870e01;
}

.error-explanation h2
{
    font-size: 110%;
    color: #870e01;
}

.error-explanation li
{
    list-style-type: disc;
    color: #870e01;
    margin-left: 2.2em;
}

/* OSU new branding style */
.osu-branding
{
    font-size: 86%;
    min-height: 20px;
    text-align: right;
}

.osu-branding li a
{
    color: #fff;
}

.osu-branding li.osu-header
{
    font-weight: bold;
    font-size: 105%;
    margin-right: 2em;
}

.osu-branding li.osu-header + li
{
    border-left: 0;
}

#user
{
    margin-right: 1.5em;
    margin-top: 8px;
    font-weight: bold;
    float: right;
}

.osu-branding ul
{
    background: url("../images/osu_gradient.png") top left repeat-x #646464;
    padding: .4em .6em;
    color: #fff;
    font-family: Helvetica, Verdana;
    border: 1px solid #828282; /*position:absolute;   top:5px;*/
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    min-width: 20em;
    float: right;
    margin: 0 .5em 0 0;
    position: relative;
    top: 2px;
}

.osu-branding li
{
    float: left;
    list-style-type: none;
    padding: 0 1.1em 0;
    margin: 0;
    font-weight: normal;
    border-left: 1px solid #fff;
}

.osu-branding ul > li:first-child
{
    border-left: 0;
}

/* Action links, edit, save, logout 16 pixel icon */
a.logout
{
    padding-right: 20px;
    background: url("../images/icon_logout.png") top right no-repeat;
}

a.edit, a.copy, a.delete, a.add
{
    padding: .4em 1em .4em 24px;
    margin-left: 1em;
    background: url("../images/icon_edit.png") 3px 50% no-repeat white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DEDAD4;
    display: inline-block;
    font-family: Helvetica, Arial;
    font-size: 115%;
    color: #6B859E;
    margin-bottom: .5em;
}

td a.edit, td a.copy, td a.delete, td a.add, a.small
{
    font-size: 90%;
    padding-right: .1em;
    margin-left: .1em;
    margin-bottom: 0;
}

a.delete
{
    background-image: url("../images/icon_delete.png");
}

a.copy
{
    background-image: url("../images/icon_copy.png");
}

a.add
{
    margin-left: .2em;
    background-image: url("../images/icon_add.png");
}

a.edit:hover, a.copy:hover, a.delete:hover, a.add:hover
{
    border-color: #6B859E;
    -webkit-box-shadow: 0 0 3px #615042;
    -moz-box-shadow: 0 0 3px #615042;
    box-shadow: 0 0 3px #615042;
}

/* JQUery Calendar Style datepicker */
label.datepicker-label
{
    display: block;
}

.datetime-fields input.datepicker
{
    display: inline;
    margin-right: .4em;
    min-width: 0;
    width: 7em;
    text-align: right;
}

table.ui-datepicker-calendar tbody tr
{
    background-color: #fff;
}

div#ui-datepicker-div
{
    border: 1px solid #615042;
    -webkit-box-shadow: 0 0 7px #615042;
    -moz-box-shadow: 0 0 7px #615042;
    box-shadow: 0 0 7px #615042;
}

.datetime-fields p
{
    display: inline;
    margin-right: 1em;
}

.datetime-fields input
{
    display: inline;
    width: 3em;
    min-width: 0;
    text-align: right;
}

.datetime-fields input[type=radio]
{
    width: auto;
    margin-left: 1em;
}

.error
{
    color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

#confirmVote label
{
    display:inline;
    font-weight: bold;
    float:none;
}

.clear
{
    clear: both;
}

#sitemapLink a:link
{
    text-decoration: none;
    color: Gray;
}
#sitemapLink a:hover
{
    text-decoration: none;
    color: Gray;
}
#sitemapLink a:active
{
    text-decoration: none;
    color: Gray;
}
#sitemapLink a:visited
{
    text-decoration: none;
    color: Gray;
}