/*****  General Page Formatting  ******************************/
body { color: #282828; }
a { color: #428bca; }
/*****  Miscellaneous Styles  *********************************/
/*****  Header Section  ***************************************/
/*****  Search Section  ***************************************/
/*****  Navigation Section  ***********************************/
/*****  Content Section  **************************************/
.content-division {padding-bottom:0;}
.content-division img { max-width: 100%; }
.linkPrint { display: none; }
#news { height: 197px; }
li.list-group-item:nth-child(even) { background: #f9f9f9; }
.list-group-item { background: none; margin: 0 0 -1px 0; padding: 0; }
#news .list-group-item a { color: #282828; }
#news .list-group-item a:hover { border-left: 3px solid #dd550c; color: #dd550c; padding: 7px 10px 7px 7px; }
#status { margin-bottom:0; }
#status .list-group-item, .list-group-item a { display: block; padding: 7px 10px; }
#status .panel-footer { background-color: #d9edf7; border: none; text-align: center; }
.status { float: right; }
.list-group-item a:hover { color: #dd550c; text-decoration: none; }
.news-headline { display: block; margin-right: 75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-date { display: block; position: absolute; right: 10px; text-align: right; text-transform: uppercase; top: 5px; width: 50px; z-index: 0; }
.support-centers { overflow: hidden; }
#centers { margin: 0; padding: 0; }
#centers li { background: #f9f9f9 none; border: 1px solid #ddd; border-left: 0; color: #282828; margin: 0 0 -1px 0; padding: 8px 10px; }
#centers li:hover { border-left: 3px solid #dd550c; color: #dd550c; padding: 8px 10px 8px 7px; text-decoration: none; }
#centers li:first-child { border-top: none; }
#centers li.active { background: #fff none; border-right: none; }
ul.sc-details { margin-bottom: 0; padding-left: 0; }
.sc-details li { background: none; margin: 8px 0; padding: 0; }
.sc-details li a { padding: 5px 10px 5px 35px; background-position: 10px 6px; background-repeat: no-repeat; }
.sc-details li a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-link { background-image: url('https://www.auburn.edu/oit/images/icons/email.png'); }
.phone-link { background-image: url('https://www.auburn.edu/oit/images/icons/phone.png'); }
.chat-link { background-image: url('https://www.auburn.edu/oit/images/icons/chat.png'); }
.website-link { background-image: url('https://www.auburn.edu/oit/images/icons/website.png'); }
.report-link { background-image: url('https://www.auburn.edu/oit/images/icons/report.png'); }
.app-note { display: none; font-style: italic; padding-top: 5px; }
.status { font-size: 19px; margin-top: -4px; }
/* == BOX STYLES AND COLLAPSIBLE PANELS =============================================*/
.box { -webkit-border-radius: 1px 1px 1px 1px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 1px 1px 1px 1px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1A000000', GradientType=0);
border: #cccccc solid 1px; margin: 0 0 20px 0; overflow: hidden; padding: 0; }
.box .title { background: #d9edf7; color: #000; display: block; padding: 5px 10px; }
.box ul > li { margin: 5px 15px; }
ul.news-list > li, ul.categories > li, .contactInfo ul > li, .box ul.boxList > li { background: 0 none; border-bottom: 1px solid #d9d9d9; color: #666; display: block; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 0; text-align: left; text-shadow: none; vertical-align: top; }
.boxList > li:last-child { border-bottom: 0; }
.lists a { color: #666; display: block; font: 11px; overflow: hidden; padding: 5px 15px; background-repeat: no-repeat; background-position: 15px 5px; }
.lists a:hover { background-color: #fff; color: #dd550c; text-decoration: none; background-position: 12px 5px; border-left: #dd550c solid 3px; padding: 5px 15px 5px 12px; }
.lists a img { float: left; margin-right: 15px; }
.lists a span { display: block; line-height: 16px; margin-left: 30px; }
.lists a span.serv { margin-bottom: 10px; margin-left: 79px; }
.keyTable { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) #000000; background: #f4f4f4; border: #cccccc solid 1px; width: 100%; }
.keyTable tbody tr { border-bottom: 1px solid #d9d9d9; display: table-row; }
.keyTable tbody tr td { line-height: 16px; display: table-cell; width: 50%; }
.keyTable tbody tr td ul { padding-bottom: 0; }
.keyTable tbody tr td ul li { font-size: 12px; }
.keyTable tbody tr.letter { background: #fff; font-weight: 400; }
.keyTable tr:last-child { border-bottom: 0; }
.cpTab, .cpLink, .cpContent { border-top: 1px #ccc solid; }
.boxList div:first-child { border-top: none; }
.cpTab, .cpLink { cursor: pointer; line-height: 2em; margin: 0; outline: none; padding-left: 10px; -moz-user-select: none; -khtml-user-select: none; }
.cpTab:hover, .cpLink:hover { background: #fff; color: #dd550c; border-left: 3px solid #dd550c; padding-left: 7px; }
.cpTab:hover a, .cpLink:hover a { color: #fff; }
.cpTab:hover > .link > a { color: #fff; }
.cpTab > .link:hover > a, .cpTabLink:hover > a { color: #fff; }
.cpTab > .link:hover > a:hover, .cpTabLink:hover > a:hover { color: #fff; }
.cpTab > .link > a, .cpLink > a { color: #000; display: block; text-decoration: none; }
.cpTab > .link > a:hover, .cpLink > a:hover { border-bottom: none; color: #dd550c; text-decoration: none; }
.cpContent { background: #f9f9f9; color: #000; margin: 0; overflow: hidden; padding: 10px; }
.CollapsiblePanelOpen > .cpTab { background: #666; color: #fff; }
.linkPrint { cursor: pointer; float: right; height: 38px; margin: 0 0 15px 15px; overflow: hidden; width: 98px; }
.lpLink { background: url(/oit/images/linkPrintG.png) 0 0 no-repeat; float: left; height: 34px; width: 48px; }
.lpLink:hover { background-position: 0 -35px; }
.lpPrint { background: url(/oit/images/print.png) 0 0 no-repeat; cursor: pointer; float: right; margin: 0 0 15px 15px; overflow: hidden; height: 34px; width: 50px; }
.lpPrint:hover { background-position: 0 -35px; }
/* == NEED HELP SLIDEOUT ===========================================================*/
.slideOutContainer { position: absolute; z-index: 5000; }
.slideOutTrigger { background: url(/oit/images/needHelp.png) center left no-repeat; cursor: pointer; height: 96px; position: fixed; top: 200px; width: 103px; /*width:156px;*/ z-index: 5000; }
.slideOutTrigger span { color: #fff; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: normal; padding: 27px 0 0 17px; position: relative; text-shadow: #666 0px 1px 1px; text-transform: uppercase; }
.slideOut { background: rgba(73, 110, 156, 0.8); position: absolute; left: 35px; top: 0; width: 100%; z-index: 4000; }
.slideOut .slideContent { background: #fff; margin: 0 auto; padding: 20px 25px; }
/* == MISCELLANEOUS CLASSES ========================================================*/
.block { display: block; }
.blockouthelp { overflow: hidden; position: relative; }
.lastUpdated { clear: both; font-size: 9px; font-style: italic; text-align: right; }
.orangeDecorBar { background: #f68026; font-size: 1px; height: 2px; margin: 20px auto; text-align: center; width: 185px; }
.serviceImg { float: right; margin: 10px; }
.sectionBlocks .sectionBlock { padding: 10px; }
.sectionBlocks .sectionBlock img { display: block; float: right; }
.sectionBlocks .sectionBlock h3 { margin-top: 0; }
.headingBg { background: #ccc; color: #000; border-left: 3px solid #dd550c; padding-left: 7px; }
/*****  Sidebar Section  **************************************/
/*****  Footer Section  ***************************************/
#social-media a { background-image: url("https://www.auburn.edu/oit/assets/img/facebook.png"); background-size: 100px 22px; border-bottom: none; display: inline-block; height: 22px; overflow:hidden; text-indent:9999px; width: 100px; }
#social-media a#twitter { background-image: url("https://www.auburn.edu/oit/assets/img/twitter.png"); }
.footer-wrap footer { padding: 18px 0 0 0; }
footer section { text-align: center; }
.footer-wrap footer section ul li { padding: 0 0 10px 0; }
.footer-wrap .subfooter a, .footer-wrap .subfooter a:hover, .footer-wrap .subfooter a:visited { padding: 10px; }
/*****  Bootstrap Overrides  **********************************/
.cpContent pre { background-color: #fff; }
.btn-link:hover, .btn-link:focus { color: #dd550c; cursor:pointer; }
.carousel-control.left, .carousel-control.right { background-image: none; }
.panel { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }
.panel-title, .panel-title { color: #000; }
.panel-title a:hover { color: #dd550c; }
.fa-check-circle { color: #3c763d; }
.fa-exclamation-triangle { color: #f0ad4e; margin-right: -1px; }
.fa-times-circle { color: #a94442; }
.fa-info-circle { color: #2674ff; }
blockquote { font-size: inherit; }
.breadcrumb { margin-bottom: 0; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
.navbar li.nav-header { font-size: 14px; font-weight: bold; padding-left: 20px; }

@media (min-width: 768px) {
/*****  General Page Formatting  ******************************/
/*****  Miscellaneous Styles  *********************************/
/*****  Header Section  ***************************************/
/*****  Search Section  ***************************************/
/*****  Navigation Section  ***********************************/
.header-wrap .navbar .nav > li > a { padding: 4px 44px 3px 44px; }
.header-wrap .navbar .nav > li:last-child > a { padding: 4px 44px 3px 45px; }
/*****  Content Section  **************************************/
#news { height: 173px; }
#news .list-group-item a:hover { padding: 5px 10px 5px 7px; }
#status .list-group-item, .list-group-item a { padding: 5px 10px; }
#centers li { padding: 5px 10px; }
#centers li:hover { padding: 5px 10px 5px 7px; }
/*****  Sidebar Section  **************************************/
/*****  Footer Section  ***************************************/
.footer-wrap { background-image: url("/oit/assets/img/footer-768.png"); background-size: 728px 57px; background-position: 0 5px; padding: 62px 0 0 0; }
.footer-wrap footer section ul li { padding: 0 0 5px 0; }
.footer-wrap .subfooter a, .footer-wrap .subfooter a:hover, .footer-wrap .subfooter a:visited { padding: 0; }
/*****  Bootstrap Overrides  **********************************/
ul.sc-details { margin: 0; padding-left: 15px; }
.navbar-nav>li>.dropdown-menu { right: 0; left: inherit; }
}

@media (min-width: 992px) {
/*****  General Page Formatting  ******************************/
/*****  Miscellaneous Styles  *********************************/
/*****  Header Section  ***************************************/
/*****  Search Section  ***************************************/
/*****  Navigation Section  ***********************************/
.header-wrap .navbar .nav > li > a { padding: 4px 65px 3px 65px; }
.header-wrap .navbar .nav > li:last-child > a { padding: 4px 66px 3px 67px; }
/*****  Content Section  **************************************/
/*****  Sidebar Section  **************************************/
/*****  Footer Section  ***************************************/
.footer-wrap { background-image: url("/oit/assets/img/footer-full.png"); background-size: 1170px 92px; background-position: -120px 5px; padding: 92px 0 0 0; }
/*****  Bootstrap Overrides  **********************************/
}

@media (min-width: 1200px) {
/*****  General Page Formatting  ******************************/
/*****  Miscellaneous Styles  *********************************/
/*****  Header Section  ***************************************/
/*****  Search Section  ***************************************/
/*****  Navigation Section  ***********************************/
.header-wrap .navbar .nav > li > a { padding: 4px 88px 3px 88px; }
.header-wrap .navbar .nav > li:last-child > a { padding: 4px 89px 3px 90px; }
/*****  Content Section  **************************************/
/*****  Sidebar Section  **************************************/
/*****  Footer Section  ***************************************/
.footer-wrap { background-position: 0 5px; }
/*****  Bootstrap Overrides  **********************************/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
#social-media a img { display: none; }
#facebook { background-image: url("https://www.auburn.edu/oit/assets/img/facebook@2x.png"); }
#twitter { background-image: url("https://www.auburn.edu/oit/assets/img/twitter@2x.png"); }
}

@media  only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),  only screen and (min-resolution: 192dpi) and (min-width: 768px) {
.footer-wrap { background-image: url("/oit/assets/img/footer-full@2x.png"); }
}

@media print {
 .serviceImg, .orange-bar{display:none;} 
 .header-wrap header{min-height:0;}
}