html { height: 100% }
body { height: 100%; margin: 0; background-image: url(../images/elements/body-bg.png); background-repeat: repeat-x; }
a, img { border: 0; outline: none;}
a { color:#4685d2}
@font-face {
font-family: sofia-corner;
src: url("sofia.otf");
}
div#UDStandardFooter_LayoutContainer { width: 1024px; border: 0; clear: both; }
#container { width: 1024px; margin: auto; }
#wrapper { width: 1024px; float: left; background-color: #FFF; }
#header { width: 1024px; height: 78px; }
#header .headerbutton { max-width: 800px; }
#header .header-phone-no {
width: 200px;
display: inline;
float: right;
color: green;
font-size: x-large;
text-align: right;
padding: 2px 4px 2px 2px; }
#main-nav { width: 1024px; float: left; background-image: url(../images/nav/nav-bg.jpg); margin-bottom: 5px; }
#main-nav ul { margin: 0; padding: 0; list-style: none; }
#main-nav li { margin: 0; padding: 0; float: left; }
#main-nav li a { font-family: arial; color: #FFF; font-size: 13px; text-decoration: none; padding: 9px; display: block; }
#feature-photo, #feature-photo-contain { width: 663px; height: 400px; overflow: hidden; float: left; position: relative; }
#feature-photo img { width: 664px; height: 400px; }
#feature-photo-nav { height: 35px; background-color: #333; position: absolute; bottom: 0; right: 0; z-index: 1000; width: 664px; opacity: 0.7; }
#feature-photo-nav a { display: block; text-indent: -9999px; overflow: hidden; height: 25px; width: 25px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/elements/feature-nav-off.png); margin: 5px 5px 5px 0; float: right; }
#feature-photo-nav a.activeSlide { background-image: url(../images/elements/feature-nav-on.png); }
#feature-corner-contain {height: 400px; overflow: hidden; max-width: 361px; float:right; font-family: sofia-corner;}
#feature-corner-contain img {width: 100%;}
#feature-corner-contain .waste-pickup-contain { background-color: #00539F; height: 100%}
#feature-corner-contain .waste-text span { width: 33%; text-align: center; font-size: 20px;}
#feature-corner-contain .waste-text span a { color: white; text-decoration: none;}
#feature-corner-contain .waste-symbols, .waste-text { display: flex; flex-wrap: nowrap;}
#feature-content { font-family: arial; width: 360px; display: flex; float: left; }
#feature-content h2 { font-size: 26px; color: #FFF; margin-top: 0; margin-bottom: 10px; line-height: 26px; }
#feature-content p { font-size: 13px; line-height: 20px; color: #555; margin-top: 0; }
#feature-content a.read-more-link { font-size: 12px; text-decoration: none; color: #2081f8; }
#feature-content ul { margin: 0; padding: 0; background-image: url(../images/elements/feature-bg.jpg); width: 360px; height: 203px; float: left; }
#feature-content li { margin: 0; padding: 15px; list-style: none; }
#feature-content table { border: 0px; margin: 0px; }
#feature-content td { border: 0px; padding: 0px;}
#feature-content td.askehs { border: 0px; }
#feature-content td.wastetext { border: 0px; }
#feature-content tr.margin { margin-left: 5px; margin-top: 5px;}
#feature-content tr { border: 0px; }
#feature-content td.grey-bg, tr.grey-bg { background-color: dimgray; }
#feature-content td.blue-bg, tr.blue-bg { background-color: #00539F; }
#feature-content img { overflow: hidden; float: left; position: relative;}
#feature-content img.full { width: 345px; hidden; float: left; position: relative;}
#feature-content img.onethird { width: 120px; }
#feature-content img.wastetext { height: 100%; overflow: hidden; float: left; position: relative;}
#feature-video { font-family: arial; width: 330px; height: 167px; margin-left: 1px; padding: 15px; background-image: url(../images/elements/feature-video-bg.jpg); display: inline; float: left; }
#feature-video img { float: left; margin-right: 15px; }
#feature-video h2 { font-size: 21px; color: #FFF; margin-top: 0; margin-bottom: 5px; line-height: 24px; }
#feature-video p { font-size: 11px; line-height: 16px; color: #555; margin-top: 0; }
#feature-video a.watch-video-link { font-size: 11px; text-decoration: none; color: #eee; display: block; float: right; padding: 6px; background-color: #777; }
#feature-video a.watch-video-link:hover { background-color: #555; }
#featurettes { width: 664px; float: left; }
.featurette { font-family: arial; padding: 15px 0px 15px 0px; margin: 0px 15px 0px 15px; float: left; clear: left; width: 634px; border-bottom: 1px solid lightgray;}
.featurette:last-child { margin-bottom: 15px;}
.featurette img { float: left; margin-right: 15px; }
.featurette h2 { color: #194ea6; float: left; margin-top: 0; margin-bottom: 5px; width: 458px; }
.featurette p { font-size: 12px; color: #555; margin-top: 0;}
a.thumbnail-link { display:block; z-index: 2; position: relative; }
#sidebar { width: 360px; margin-top: 1px; float: right;}
.button { width: 360px; height: 84px; margin-bottom: 5px; }
.button img { width: 360px; height: 84px; }
.emergency-response { width: 330px; height: 160px; margin-bottom: 5px; margin-top: 5px; background: url(../images/elements/emerg-respon-bg-2.jpg); padding: 15px; float: right}
.emergency-response h3 { font-family: 'arial', sans-serif; margin: 0 0 10px 0; padding:0; color: #eee; }
.emergency-response ul { margin: 0; padding: 25; }
.emergency-response li { margin: 0; padding: 0; list-style: none; }
.emergency-response li a { color: #eee; font-family: 'arial', sans-serif; font-size: 11px; }
#power-footer { width: 1024px; float: left; clear: both; font-family: arial; background: #e9e9e9 url(../images/elements/footer-bg.png) no-repeat; }
#power-footer .row { width: 250px; padding: 15px; float: left; display: inline; }
#power-footer .row h3 { font-size: 18px; color: #555; margin: 0 0 5px 0;}
#power-footer ul { margin: 0; padding: 0; list-style: none; }
#power-footer li { margin: 0 0 5px 0; }
#power-footer li a { color: #666; font-size: 11px; }
#header-graphic {width: 600px; float: left; background-color: aqua;}
#subpage-feature-content { width: 688px; margin: 5px 5px 5px 0; padding: 15px 15px 10px 15px; display: inline; float: left; font-family: arial; border-right: 1px solid #eee; }
#subpage-feature-content h2 { font-family:'Open Sans'; font-weight: normal; font-size: 26px; color: #74a325; margin-top: 0; margin-bottom: 10px; line-height: 26px; }
#subpage-feature-content h3 { font-size: 18px; color: #666; margin-top: 10px; margin-bottom: 10px; line-height: 26px; }
#subpage-feature-content h4 { font-size: 16px; color: #666; margin-top: 0; margin-bottom: 10px; line-height: 26px; }
#subpage-feature-content p { font-size: 13px; line-height: 20px; color: #555; margin-top: 0; }
#subpage-feature-content ol,#subpage-feature-content ul {font-size: 13px; line-height: 20px; color: #555;}
#subpage-feature-content .waste-label-container { display:inline; margin: 10px 0px 20px 0px; }
#subpage-feature-content .waste-label-container img { border: 1px solid black; height: 677px; max-width: 49%; }
#subpage-feature-content .training-grid-flexbox { display: flex; flex-direction: column; columns: 1; align-content: flex-start; margin: 20px; padding 5px; border: 1px solid black;}
#subpage-feature-content .training-grid-flexbox span:nth-child(even) {background-color: lightgray; border-bottom: 1px solid darkgray;}
#subpage-feature-content .training-grid-flexbox span { padding: 3px;}
#fl-grid-insert { display: none;}
#fl-grid {
display:grid;
grid-template-columns: auto;
background-color: white;
column-gap: 1px;
row-gap: 1px;
}
#fl-grid .fireGridItem {
background-color:#EBF3EC;
border-radius: 2px;
padding: 2px;
max-height: 200px;
font-size: 12px;
overflow: hidden;
}
#fl-grid .fireGridHeader {
background-color: #C4DCC9;
border: 2px solid #4D4D4D;
color: black;
}
#csm-flexbox { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; margin-bottom: 20px; }
#csm-flexbox .csm-card { display: flex; width: calc(50% - 8px); border: 1px solid #570010; border-radius: 10px; background-color: #F5FFEF;}
#csm-flexbox .inactive-csm-card { display: flex; width: calc(50% - 8px); border: 1px solid #570010; border-radius: 10px; background-color: lightgray;}
#csm-flexbox .inactive-csm-card section { color: darkgray;}
#csm-flexbox .csm-card div { padding: 7px; }
#csm-flexbox .csm-card .csm-issue-stack { border-left: 1px solid lightgray; }
#csm-flexbox .csm-card section { font-family:'Open Sans'; font-weight: normal; font-size: 22px; color: #74a325; margin: 0px;}
#csm-flexbox .csm-card section:last-child { text-indent: 3px; font-family:'Open Sans'; font-weight: normal; font-size: 16px; color: #292929; margin: 0px;}
#csm-flexbox .inactive-csm-card div { padding: 7px; }
#csm-flexbox .inactive-csm-card .csm-issue-stack { border-left: 1px solid darkgray; }
#csm-flexbox .inactive-csm-card section { font-family:'Open Sans'; font-weight: normal; font-size: 22px; color: darkgray; margin: 0px;}
#csm-flexbox .inactive-csm-card section:last-child { text-indent: 3px; font-family:'Open Sans'; font-weight: normal; font-size: 16px; color: darkgray; margin: 0px;}
#csm-flexbox .inactive-csm-card ul { padding-left: 5px; list-style: outside; line-height: 18px; font-size: 12px; }
#csm-flexbox .inactive-csm-card li { list-style-type: "▪"; padding-left: 3px; }
#csm-flexbox .inactive-csm-card li::marker { font-family: "Tahoma"; font-size: 15px;}
#csm-flexbox .csm-card a {text-decoration: none;}
#csm-flexbox .csm-card .thumbnail-link img { border: 2px solid lightcoral; border-radius: 5px; }
#csm-flexbox .inactive-csm-card .thumbnail-placeholder img { border: 2px solid darkgray; filter:blur(1px) grayscale(.80);}
#csm-flexbox .csm-card ul { padding-left: 5px; list-style: outside; line-height: 18px; font-size: 12px; }
#csm-flexbox .csm-card li { list-style-type: "▪"; padding-left: 3px; }
#csm-flexbox .csm-card li::marker { font-family: "Tahoma"; font-size: 15px;}
#subpage-feature-content .main .centeredHeaderBlock div { font-size: 10px; font-style: italic; padding-bottom: 20px; }
#subpage-feature-content .csm-archive-table tr td { background-color: #e9e9e9; font-weight:normal; text-align: center; }
#subpage-feature-content .csm-archive-table tr img { display:block; margin:auto; width:137px; height:180px; }
#contact-flexbox { display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 10px; }
#contact-flexbox .contact-card { display: flex; width: calc(50% - 1px);}
#contact-flexbox .contact-card img { height: 185px; max-width: 120px; border: 1px solid black; object-fit: cover; }
.contact-info-stack section { font-family:'Open Sans'; font-weight: normal; font-size: 22px; color: black; margin-left: 10px; }
#contact-flexbox .contact-card .contact-info-stack ul { line-height: 18px; }
.contact-title-stack { margin-top: 0px; list-style-type: none; padding-left: 15px; }
#contact-flexbox .contact-card .contact-info-stack .contact-duty-stack { padding-left: 33px; font-size: 12px; margin-bottom: 0px; padding-bottom: 5px; }
#contact-flexbox .contact-card .contact-info-stack .long { line-height: 16px; margin-top: 5px; }
#contact-flexbox .contact-card .contact-title-stack .long { line-height: 16px; margin-bottom: 5px; }
#contact-flexbox hr:nth-of-type(2n + 1) { display: none; }
#contact-flexbox hr:nth-of-type(2n) { width: 100%; margin-top: 10px; margin-bottom: 10px; }
.subpage #subpage-feature-content h3.subnav { background-color: #e0e0e0; float: left; clear: left; padding: 10px; margin: 0;}
table { width:688px; border: 0; font-size: 12px; color: #444; margin-bottom: 30px; }
td { border: 0; padding: 5px; background-color: #eee; }
tr.trhead td { background-color: #c9c9c9; font-size: 17px; font-weight: bold; }
tr.odd td { background-color: #e9e9e9; }
table ul li { margin-bottom: 10px; }
.subpage #sidebar { width: 300px; float: left; margin-top: 0; }
.subpage #sidebar .content { background-color: #eee; padding: 15px; margin-bottom: 5px; float: left; display: inline; }
.subpage #sidebar h2 { font-family: 'arial', sans-serif; color: #555; font-size: 18px; margin: 0 0 10px 0; padding: 5px; background-color: #e0e0e0; }
.subpage #sidebar #related-links {width: 270px; float: left; clear: left; }
.subpage #sidebar #related-links ul { width: 270px; margin: 0 0 10px 5px; padding: 0; list-style: none; }
.subpage #sidebar #related-links li { margin: 0; padding: 0; }
.subpage #sidebar #related-links li a { font-family: arial; font-size: 12px; color: #666; }
.subpage .thing { width: 300px; height: 100px; float: left; clear: left; margin-bottom: 5px; }
.subpage .button { width: 300px; height: 70px; float: left; clear: left; }
.subpage .button img { width: 300px; height: 70px; }
.subpage .emergency-response { width: 270px; height: 138px; float: left; clear: left; }
.subpage #sidebar #sidebar-news { width: 270px; float: left; clear: both; }
#sidebar-news .news-item { font-family: arial; padding: 0; float: left; clear: left; }
#sidebar-news .news-item img { width: 100px; float: left; margin-right: 5px; }
#sidebar-news .news-item h4 { color: #194ea6; font-size: 14px; float: left; margin-top: 0; margin-bottom: 5px; width: 165px; }
#sidebar-news .news-item p { font-size: 12px; color: #555; margin-top: 0;}
#related-links + #sidebar-news, #sidebar-news + #related-links { margin-top: 15px; }
.subpage #sidebar .contact { width: 270px; font-family: 'arial', sans-serif; font-size: 11px; color: #666; }
.subpage #sidebar .phone { float: left; width: 50px; margin-right: 10px; }
.subpage h3 + ul.subnav { margin: 0; clear: left; }
.subpage ul.subnav {background-color: #eee; padding: 15px; }
.subpage ul.subnav li { margin-bottom: 10px; list-style: none; }
.subpage ul.subnav li a { color: #666; font-size: 13px; }
.contact-person { position: relative; color: #21394e; border-bottom: 1px solid #74a325; margin-bottom: 10px; overflow: auto; font-family: 'verdana', sans-serif; }
.contact-person img { float: left; margin: 0 10px 10px 0; width: 120px; border: 1px solid #eee; }
.contact-person .name,.contact-person .title,.contact-person .dept,.contact-person .contact { display:block; width: auto; font-size: 13px; line-height: 20px; color: #555; margin-top: 0; }
.contact-person .name { font-weight: bold;}
.contact-person .description { clear: both; }
.contact-info-container { float:left; display:inline-block;}
.responsible-list-container { display:inline-block;}
.responsible-list-container ul { position: absolute; left: 60%; margin-block-start: 0px; margin-block-end: 0px; }
#videos h3,#videos h3 a { outline: none; color: #2f72bd; }
#videos .video { width: 604px; color: #666; font-size: 14px; clear: left; padding: 10px; float: left;}
#videos .video-line { display: block; margin-bottom: 5px; }
#videos .title { font-weight: bold; }
#power-footer #site-search { position: relative; top: 10px; right: 5px; float: right; }
#power-footer div#UDStandardHeader_GSA form{
margin:0;
padding:0;
}
#power-footer input#UDSearchButton {
float: right;
height: 31px;
width: 50px;
margin: 0;
}
#power-footer input#UDSearchField {
border: none;
background: #FFF;
padding: 8px;
width: 225px;
}
/* UD STYLE OVERRIDES */
div#UDStandardHeader_LayoutContainer {
background-image: url('/ehs/seal-blueheader-930px/images/hdr_campus_safety.jpg');
}
/* INCIDENT STYLES FOR #INCLUDE:INCIDENT AND INDIVIDUAL INCIDENT PAGES */
h2.incident {
font-family:'Open Sans';
font-size: 30px;
font-weight: 400;
text-align: left;
color: black;
margin-bottom: 3px;
margin-left:50px;
}
hr.incident {
width:575px;
float:left;
}
a.incident{
color:#00C;
font-size:22px;
}
.incident {
font:Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
text-align: left;
color:#333;
margin-bottom: 3px;
margin-left:50px;
}
#incident-intro {
width:80%;
height:auto;
margin-left:50px;
font-size:16px;
background-color:#CCC;
border-top: solid 10px;
border-top-color:#333;
border-bottom:solid;
border-bottom-color:#333;
border-right:solid;
border-right-color:#333;
border-left:solid ;
border-left-color:#333;
padding:8px;
padding-top:0px;
padding-bottom:0px;
}
#incident-subpage {
width:688px;
float:left;
font-family:arial;
}