/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, Xul, Xli,
fieldset, form, label, legend {
  margin:0;
  padding:0;
  border:0;
  outline:1;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  }
/*
//No longer resetting table stuff for MyCard, resetting some but not all of it it below
,table, caption, tbody, tfoot, thead, tr, th, td
*/
body {
  line-height:1;
	 font-family:verdana, arial, helvetica, sans-serif;
	 xfont-family:kirkfont,arial, helvetica, sans-serif, verdana;
}
summary {
  outline:none;
}
table, caption, tbody, tfoot, thead, tr, th, td {
  line-height:1;
	 font-size:.95em;
}
ol, ul {
  xlist-style:none;
}
blockquote, q {
  quotes:none;
}
/* link styling changed 02-01-2018 and changed back */
a {
  text-decoration:none; /*original color scheme*/
  font-size:1em;
}
/* unvisited link */
a:link {
    xcolor: #337ab7;
}
/* visited link */
a:visited {
    xcolor: #077995;
}
/* mouse over link */
a:hover {
    xcolor: #BA2E31;
}
/* selected link */
a:active {
    xcolor: #073950;
}
p {
  padding-top: .5em;
  padding-bottom: .5em;
}
button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}
.css_table {
  display:table;
}
.css_table_row {
  display:table-row;
}
.css_table_cell{
  display:table-cell;
  padding:.5em;
  xbackground-color: #FF00FF;
}
label {
  margin:.5em;
  display: block;
  xcolor:#FF0000;
}
xlabel.radio {
  margin:.5em;
  display: inline;
}

/* when we're ready for a big shift to the 2010's */
input[type='text']{
  margin-bottom: 10px;
  margin-left: .5em;
  display: block;
  font-size: 1.1em;
}
input[type='number']{
  margin-bottom: 10px;
  margin-left: .5em;
  display: block;
  font-size: 1.1em;
}
input[type='radio']{
  display:inline;
  margin:.5em;
  font-size: 1.9em;
}
input[type='checkbox']{
  margin-bottom: 3px;
  margin-left: 0px;
  font-size: 1.9em;
}
select{
  margin-bottom: 3px;
  margin-left: 0px;
  font-size: 1.1em;
}
textarea{
  margin-bottom: 3px;
  margin-left: 0px;
  font-size: 1.1em;
}
textarea.noscrollbars {
  overflow: hidden;
  border:1px solid #999999;
  width:100%;
  padding:1em;
}
input[type='submit']{
  font-size: 1.1em;
}
legend {
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 0px;
  display: inline;
}

/* ///////////////////////////////// radio class begin ///////////////////////////////// */
.radio_div {
 clear: both;
	margin-bottom: 1.5em;
}
.radio_div_close {
 clear: both;
}
/* hide input */
input.radio:empty {
	margin-left: -9999px;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 1.5em;
	text-indent: 3.25em;
	margin-top: .2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 1em;
	height: 1em;
	background: #D1D3D4;
	border-radius: 50px;
	border-color: #444;
	border-style: solid;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: 0em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #999;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: 0em;
	font-size: 1.5em;
	color: #04611B;	/* check mark color when checked */
	background-color: #4DCB6D /* background color when checked */;
	text-shadow: 2px 2px 3px #ccc;
}

input.radio:checked ~ label {
	color: #04611B;
	text-shadow: 1px 1px 3px #ccc;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
/* ///////////////////////////////// radio class end ///////////////////////////////// */
/* ///////////////////////////////// checkbox class begin ///////////////////////////////// */
.checkbox_div {
 clear: both;
	margin-bottom: 1.5em;
}
/* hide input */
input.checkbox:empty {
	margin-left: -9999px;
}

/* style label */
input.checkbox:empty ~ label {
	position: relative;
	float: left;
	line-height: 1.5em;
	text-indent: 3.25em;
	margin-top: .2em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.checkbox:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 1em;
	height: 1em;
	background: #D1D3D4;
	xborder-radius: 50px;
	border-color: #444;
	border-style: solid;
}

/* toggle hover */
input.checkbox:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: 0em;
	color: #C2C2C2;
}

input.checkbox:hover:not(:checked) ~ label {
	color: #999;
}

/* toggle on */
input.checkbox:checked ~ label:before {
	content:'\2714';
	text-indent: 0em;
	font-size: 1.5em;
	color: #04611B;	/* check mark color when checked */
	background-color: #4DCB6D /* background color when checked */;
	text-shadow: 2px 2px 3px #ccc;
}

input.checkbox:checked ~ label {
	color: #04611B;
	text-shadow: 1px 1px 3px #ccc;
}

/* checkbox focus */
input.checkbox:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
/* ///////////////////////////////// checkbox class end ///////////////////////////////// */
/* ////////////////////////////// image hover class begin /////////////////////////////// */
.hover_img a { position:relative; display:inline; }
.hover_img a span { position:relative; display:none; z-index:99; }
.hover_img a:hover span { display:block; width:90%; }
/* /////////////////////////////// image hover class end //////////////////////////////// */
/* /////////////////////////////// show/hide class begin //////////////////////////////// */
.tooltip {
  display: inline;
  margin-left: 2em;
}
.tooltip-label {
  color: #efefef;
  padding: 0.5em;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 1em;
  border-radius: 5px;
	 background-color: #555;
}
.tooltip-input {
    display: none; /*Hide input element*/
}
.tooltip-content {
    margin-bottom: 1.5em;
    padding: 2em;
    border: 3px solid #333;
    background-color: #dedede;
    border-radius: 5px;
}
.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}
.tooltip-input:checked ~ .tooltip-content {
    display: block;
}
/* //////////////////////////////// show/hide class end ///////////////////////////////// */
/* ///////////////////////// show/hide _with_title class begin ////////////////////////// */
.tooltip_with_title {
  display: inline;
  xmargin-left: 2em;
}
/* ////////////////////////// show/hide _with_title class end /////////////////////////// */
/* //////////////////////////////// another show/hide class begin ///////////////////////////////// */
.collapse {
  display:block;
  color:#0000EE;
  padding:.5em;
}
.collapse + input {
  display:none;
}
.collapse + input + * {
  display:none;
}
.collapse + input:checked + * {
  display:block;
}
/* //////////////////////////////// another show/hide class end ///////////////////////////////// */

/* global defaults for most HDRBS media sizes, overwritten on larger CSS */
.wide-header-img img {
  position: relative;
}
.wide-header-img-overlay img {
  display:none;
}

/* "green bar" tables */
.A_Table table { table-layout: fixed; }
.A_Table th { background: #232323; color: #efefef; padding:5px; }
.A_Table th a:link { color: #efefef; }
.A_Table th a:visited { color: #ededed; }
.A_Table th a:hover { background: #efefef; color: #232323; }
.A_Table tr:nth-child(even) { background: #EFEFEF; }
.A_Table tr:nth-child(odd) { background: #DEDEDE; }
.A_Table td { padding:3px; width:150px; color:#010101; }


/* another more colorful "green bar" tables */
.A_Something_Changed_Table table { table-layout: fixed; }
.A_Something_Changed_Table th { background: #CCDBAF; color: #010101; padding:5px; border: .4em solid #99B65E; }
.A_Something_Changed_Table tr:nth-child(even) { background: #EFEFEF; }
.A_Something_Changed_Table tr:nth-child(odd) { background: #DEDEDE; }
.A_Something_Changed_Table td { padding:3px; width:150px; color:#010101; }


.Wider_Table table { table-layout: fixed; }
.Wider_Table th { background: #232323; color: #efefef; padding:5px; }
.Wider_Table tr:nth-child(even) { background: #EFEFEF; }
.Wider_Table tr:nth-child(odd) { background: #DEDEDE; }
.Wider_Table td { padding:3px; color:#010101; }

.Titles_on_the_left_Table table { table-layout: fixed; }
.Titles_on_the_left_Table th { text-align: right; font-weight: bold; }
.Titles_on_the_left_Table tr:nth-child(even) { background: #EFEFEF; }
.Titles_on_the_left_Table tr:nth-child(odd) { background: #DEDEDE; }
.Titles_on_the_left_Table td { padding:3px; color:#010101; }


.muOra_Table table { table-layout: fixed; }
.muOra_Table th { background: #442F9C; color: #efefef; padding:5px; }
.muOra_Table tr:nth-child(even) { background: #FAFAFA; }
.muOra_Table tr:nth-child(odd) { background: #DCDAE4; }
.muOra_Table td { padding:3px; width:150px; color:#010101; }

/* http://miamioh.edu/ucm/web/reference/design-standards-guide/colors/index.html */
.Page_Title_Class{
  color: rgb(182,30,46);
  text-align: center;
  text-shadow: 1px 1px 1px #777;
  font-size: 1.5em;
  padding: .5em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Back_To_Link_Class{
  margin-top: 1em;
  margin-bottom: 1em;
}
.Error_Message_Class{
  border:.4em dashed #E66B41;
  background: #F3B5A0;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.General_Message_Class{
  color: #444;
  background: #efefef;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border:.4em solid #007b89;
  text-align: center;
}
.Working_On_Completed_Message_Class{
  color: #444;
  background: #efefef;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border:.4em solid #232323;
}
.Alert_Message_Class a{
  color: #FF0000;
  padding: .5em;
  margin: .5em;
}
.Alert_Message_Class{
  color: #FF0000;
  padding: .5em;
  margin: .5em;
}
.Something_Changed_Message_Class{
  text-align: center;
  border:.4em solid #99B65E;
  background: #CCDBAF;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Red_Message_Class{
  text-align: center;
  border:.4em solid #801515;
  background: #FFAAAA;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Yellow_Message_Class{
  text-align: center;
  border:.4em solid #D4D46A;
  background: #FFFBAA;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Green_Message_Class{
  text-align: center;
  border:.4em solid #2D882D;
  background: #88CC88;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Removed_Message_Class{
  text-align: center;
  border:.4em solid #D4D46A;
  background: #FFFFAA;
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Nothing_Changed_Message_Class{
  text-align: center;
  border:.4em dashed #B9881E;
  background: #DCC48F;
  padding: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.See_More_Details_Message_Class{
  border:.4em solid #234234;
  background: #efefef;
  padding: 2em;
  margin-top: 1em;
  color:#111;
}
.Gray_Message_Class{
  text-align: center;
  border:.4em solid #232323;
  background: #dedede;
  padding: 2em;
  margin-top: 1em;
  color:#111;
}
.online_dot {
  height: 25px;
  width: 25px;
  background-color: #88CC88;
  border-radius: 50%;
  display: inline-block;
  margin-right:2em;
}
.offline_dot {
  height: 25px;
  width: 25px;
  background-color: #FFAAAA;
  border-radius: 50%;
  display: inline-block;
  margin-right:2em;
}
.other_dot {
  height: 25px;
  width: 25px;
  background-color: #FFFBAA;
  border-radius: 50%;
  display: inline-block;
  margin-right:2em;
}


/* Room Inspection Photos */
.area_photo{
  clear:both;
  width:15%;
  xfloat:left;
  display:block;
  margin:1em;
}
.area_photo:hover{
  width:80%;
}
/* Room Inspection Photos */
.small_area_photo{
  clear:both;
  width:5%;
  xfloat:left;
  display:block;
  margin:1em;
}
.small_area_photo:hover{
  width:25%;
}

/* MyXMLReportRunner */
.report_button{
  margin-right:1em;
  margin-left:1em;
}

/* MyCard styles (MyPersonalInfo.php, etc) */
.Gray{
  color:#999999;
  font-size:12px;
}
.Brown{
  color:#45451C;
  font-size:12px;
}


.p-shadow{
  /*replaces text in a box with a shadow from earlier HDRBS generation web design*/
  margin-top:1em;
  margin-bottom:1em;
  color:#900000; /*red color scheme*/
  xcolor:#AD3C3C; /*original color scheme*/
  xcolor:#066; /*plaid color scheme*/
  font-size:1.5em;
  font-weight:bold;
  text-align:center;
}
#pageContainer{
	 position:relative;
}
#pageContent h1{
  margin-top:.75em;
  margin-bottom:.25em;
  color:#900000; /*red color scheme*/
  xcolor:#AD3C3C; /*original color scheme*/
  xcolor:#066; /*plaid color scheme*/
  font-size:1.25em;
}
#EventHasEnded{
 	color:#888;
}
#EventIsNow{
 	color:#000;
 	font-weight:bold;
}
#EventInTheFuture{
 	color:#111;
}
/* begin YouTube video embedding */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* end YouTube video embedding */
#footer{
  clear:both;
  margin:2em;
  font-size:0.5em;
}
#footer a {
  color:#900000; /*red color scheme*/
  xcolor:#1f4e6f; /*original color scheme*/
  xcolor:#066; /*plaid color scheme*/
}
a:focus{border: #B61E2E solid 2px;outline:none;}
input:focus{border: #B61E2E solid 2px;outline:none;}