/* 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; } 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 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; } /* 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;}