/*
Theme Name: UW Theme Child
Description: Child theme for the UW-Wordpress Theme
Author: Rick Ells and Jon Swanson
Template: UW-Wordpress-Theme
*/

/**** GLOBAL ******************************************/
/******************************************************/

.it_container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    width: 100%;
}

#primary {
    background: #FAFAFA;
}

/*** Push down footer ***  Pushing too far at the moment *
html, body {
    height: 100%;
}

strong
{
font-weight:900 !important;
} 

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -185px;
}

.push {
    height: 185px;
}
/***/

/*** Color ********/

/*** Typography ***********/

body {
    font-family: 'Open Sans', sans-serif;
}

a, a:hover {
    color: #2a71bc;
}

/*** News Sidebar ***/

.cat-item-36 {
    display: none;
}

/*** Heading *********/

.four-oh-four h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 10px;
    margin-top: 0px;
    color: #5C441F;
    font-size: 1.3em;
    line-height: 26px;
}

/*** tables ***/

.table-container {
    max-width: 100%;
    overflow-x: auto;
}

/*** Helpers ********/

.assistive-text, .visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}


#help-button{
    background-color: transparent;
    border: transparent;
    text-transform: capitalize;
    display: inline;
    float: right;
    position: absolute;
    margin-top: 15px;
    right: 70px;
    padding: 1.5px 4px;
    border-radius: 0;
}

#help-button img{
    position: relative;
    top: -1px;
}

/*** Top Search Box ***/

.gcsb {  /*google custom search branding image*/
        outline: medium none;
        background: url('//www.google.com/cse/intl/en-US/images/google_custom_search_watermark.gif') no-repeat scroll 5px center rgb(255, 255, 255);
    }

#q {
    -webkit-box-shadow: inset 1px 1px 4px #888;
    box-shadow: inset 1px 1px 4px #888;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    min-height: 30px; 
}

#q:focus {
    background: none;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*** Outages  ****/
#outages {
    width: 100%;
    text-align: center;
    background-color: #FCFD80;
}

#outages a {
    color: #9D1111;
}

#outages p {
    display: inline-block;
    margin-bottom: 0px;
    height: 24px;
    line-height: 22px;
    padding-left: 3px;
}

#outages span {
    position: relative;
    top: 3px;
    height: 24px;
    font-size: 24px;
    font-style: oblique;
    font-weight: 900;
}


/*** Braille Embossing Service Request Form ***/

#box-number {
    width: auto;
}

span.wpcf7-list-item:first-child {
    display: block;
}

span.wpcf7-list-item:last-child {
    margin-right: 15px;
}

.wpcf7-form-control.wpcf7-submit {
    float: right;
}

/*** Table Sorter ***/

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 9pt;
}
table.tablesorter thead tr .header {
    background-image: url("img/tablesorter/bg.gif");  
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url("img/tablesorter/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
    background-image: url("img/tablesorter/desc.gif");
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}


/*** Content Div ***/

article .entry-content {
    overflow: hidden;
}

/*** search page stuff ***/

.search > article {
    padding-top: 0px;
    padding-bottom: 0px;
}

.search > article h2.entry-title {
    margin-bottom: 0px;
}

.pagination-centered {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.pagination-centered ul {
    text-align: center;
    margin-left: 0px;
}

.pagination-centered ul > li {
    display: inline-block;
    width: 42px;
}

img.gcsc-branding-img-noclear {
    max-width: inherit;
    vertical-align: top;
}

/*** Photo Handling ***/

.alignleft {
    float: left;
    margin: 5px 15px 20px 0;
    position: relative;
}

.alignright {
    float: right;
    margin: 5px 0 15px 20px;
    position: relative;
}
 
.aligncenter {
    margin: 10px auto 10px auto;
    display: block;
}

/**** SMALL SCREENS **********************************/
/*****************************************************/

body { background: #f5f7f6; }

#branding {
    background-image: none;
    background-color: #fff;
}

#header  {
    background: #39275b;
    position: relative;
}

.wordmark {
    background: url("img/mobile-header/mobile_branding.png") no-repeat 0 0 transparent;
    background-size: contain;
    width: 263px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#ie8 .wordmark, #ie7 .wordmark {
    background: url("img/mobile-header/mobile_branding_ie.png") no-repeat 0px 2px transparent;
}

#header_description {
    font-size: 11pt;
    color: white;
    padding-left: 165px;
    padding-top: 62px;
}

#listicon-wrapper, #searchicon-wrapper {
    background: url("img/mobile-header/dropdowns1x.png") no-repeat -29px 0px transparent;
    position: absolute;
    top: 4px;
    right: 10px;
    width: 35px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

#searchicon-wrapper {
    right: 50px;
    height: 30px;
    background: url("img/mobile-header/dropdowns1x.png") no-repeat 7px 0px transparent;
}

.main-search, #thin-strip {
     visibility: hidden;
}

#thin-strip {
    height: 0;
    overflow: hidden;
    z-index: 9999;
    transition: height .5s;
    -moz-transition: height .5s; /* Firefox 4 */
    -webkit-transition: height .52s; /* Safari and Chrome */
    -O-transition: height .5s; /* Opera */
    width: 100%;
    visibility: hidden;
}

#thin-strip span {
    background:url("img/misc/arrow2.png") no-repeat scroll right -69px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    height: 32px;
    padding: 8px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 61px;
}

#thin-strip .menuShow {
    display: block;
}

#thin-strip ul {
    background: url("img/mobile-header/gridLines.png") center center no-repeat #fff;
    height: 325px;
    z-index: 9999;
    box-shadow: inset 0 0 20px #d3d3d3;
    -webkit-box-shadow: inset 0 0 20px #d3d3d3;
    margin: 5px;
    padding: 0;
    border: 1px solid #E1E1E1
}

#thin-strip li {
    float: left;
    list-style: none outside none;
    margin: 20px 0 0;
    text-align: center;
    width: 33%;
}

#thin-strip a {
    clear: both;
    display: block;
}

#thin-strip li a {
    color: #39275B;
    margin: 0;
}

#thin-strip li a:last-child {
    margin: 5px 0 0 0;
}

#weather {
    bottom: 3px;
    color: white;
    font-size: 11px;
    height: 45px;
    left: 10px;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    width: 48px;
    text-align: center;
    font-weight: bold;
}

#weather a {
    color: #fff;
    line-height: 11px;
    font-weight: bold;
    font-size: 11px;
}

#search {
    box-shadow: inset 0px -2px 4px #DDD;
    -webkit-box-shadow: inset 0px -2px 4px #DDD;
    background-color: white;
    height:0px;
}

.search-options {
    display:none;
}

.main-search {
    overflow: hidden;
    margin: 0 auto ;
    width: 95%;
    position: relative;
    transition: height .5s;
    -moz-transition: height .5s; /* Firefox 4 */
    -webkit-transition: height .52s; /* Safari and Chrome */
    -o-transition: height .5s; /* Opera */
}

.main-search.activate, #thin-strip.activate {
    height: 45px;
    transition: height .5s;
    -moz-transition: height .5s; /* Firefox 4 */
    -webkit-transition: height .52s; /* Safari and Chrome */
    -o-transition: height .5s; /* Opera */
    /*visibility: visible;*/
}

#thin-strip.activate {
    height: 340px;
    display: block;
}

.wfield {
    -webkit-box-shadow: inset 1px 1px 4px #888;
    box-shadow: inset 1px 1px 4px #888;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 30px;
    border: none;
    background: url("//www.washington.edu/static/mobile/image/mag.gif") no-repeat right center #fff;
    margin-top: 5px;
    display: block;
}

.wfield input {
    -webkit-appearance: none;
    height: 25px;
    padding: 3px 0 5px 5px;
    border: none;
    width: 100%;
   /* background: none;*/
    font-size: 15px;
    color: #484848
}

#logo {
    text-align: center;
    height: 44px;
}

.nav-collapse .dropdown-menu {
    display: none;
}

#thin-strip li a {
    padding: 54px 0 0 0;
}

#thin-strip li a {
    background-image: url('img/mobile-header/sprite1x.png');
    background-repeat: no-repeat;
}

#thin-strip li:nth-child(1) a { background-position: center 0;      }

#thin-strip li:nth-child(2) a { background-position: center -173px; }

#thin-strip li:nth-child(3) a { background-position: center -267px; }

#thin-strip li:nth-child(4) a { background-position: center -364px; }

#thin-strip li:nth-child(5) a { background-position: center -446px; }

#thin-strip li:nth-child(6) a { background-position: center -690px; }

#thin-strip li:nth-child(7) a { background-position: center -530px; }

#thin-strip li:nth-child(9) a { background-position: center -83px;  }

#thin-strip li:nth-child(10) a { background-position: center -530px; }

#thin-strip li:nth-child(11) a { background: none; padding: 0; }

#thin-strip li:nth-child(12) a { background: none; padding: 0; margin: 0 }

#thin-strip li:nth-child(12) { background: none; margin: 0; }

/*** Navigation Menu ********/

.navbar { padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; text-transform: uppercase; background: rgb(1, 87, 179); }

.navbar .nav { margin: 0; }

.navbar .nav li {  }

.navbar .nav li a {
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    font-size: .85em;
}

#menu-item-1196 > a {
    background: none;
}

.navbar .nav li a:hover {
    color: #fff;
}

#menu-main .main-menu-home {
    display: none;
}

.navbar #menu-main li.current-menu-item a.dropdown-toggle { 
    background-color: #204B7B;
    color: white;
}

.navbar #menu-main li.current-page-ancestor a.dropdown-toggle {
    background-color: #204B7B;
}

.navbar #menu-main li a.dropdown-toggle b.caret {
    border-top-color: white;
    border-bottom-color: white;
}

b.caret {
    visibility: hidden;
}

a.btn.btn-navbar.navbar-toggle {
    background: rgb(1, 87, 179);
    margin-top: 0;
}

a.btn:hover {
    border-color: rgb(221,221,221);
}

.navbar h3 { margin: 0; font-weight: normal; font-size: 16px; padding-left: 15px; line-height: 50px; }

.navbar h3 a { color: #fff; }

.nav-collapse .dropdown-menu.open {
    height: auto;
    width: auto;
    display: block;
    box-shadow: inset 0 0 17px #999;
    padding: 10px 15px;
    margin: 0;
    background-color: #F4F4F4;
}

.nav-collapse { display: none; background: #82b4de; }

.nav-collapse li { border-bottom: solid 1px #fff; }

.nav-collapse li:last-child { border-bottom: none; }

.formbutton {
    display: none;
}

/*** Mobile banner pic ***/

#mobile_image { 
    background: url('./img/itconnect-banner1.png') no-repeat 0 50%;
    padding: 0px;
    margin: 0px;
    background-size: cover;
    height: 95px;
}

#overlay {
    z-index: 1;
    height: 95px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.2);
}

#mobile_image .category {
    z-index: 2;
    font-weight: bold;
    color: white;
    position: absolute;
    top: 55px;
    left: 20px;
    font-size: 22px;
}

/*** breadcrumbs ***/

ul.breadcrumbs-list {
    list-style-type: none;
    margin-top: 20px;
}

ul.breadcrumbs-list li {
    text-transform: uppercase;
    display: inline;
    color: #606060;
    font-size: 12px;
}

ul.breadcrumbs-list li a {
    color: #606060;
}

ul.breadcrumbs-list li:after {
    content: " / ";
}

ul.breadcrumbs-list li.current:after {
    content: "";
}

/*** Sidebar Off-Canvas *********/

#content > div.row.row-offcanvas {
    background-color: white;
}

#parallax, div.row.four-oh-four {
    background-color: white;
}

p.pull-left.visible-phone {
    width: 100%;
    background: #F5F5F7;
    margin: 0px;
}

p.pull-left.visible-phone span {
    position: relative;
    top: 2px;
}

a.btn-offcanvas.btn-primary {
    background: url('img/sub-menu.png');
    padding: 0px;
    margin-right: 20px;
    height: 39px;
    width: 39px;
    border-radius: 0px;
    border-color: rgb(98, 138, 197);
}

a.btn-offcanvas.btn-primary:active {
    border-color: rgb(130, 180, 222);
}

a.btn-offcanvas.active {
    background: url('img/sub-menu.png'); /*if we want to use another picture for when the offcanvas nav is out, put it here */
}

.sidebar-offcanvas {
    background: #ddd;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 30px;
    max-height: 100%;
    /*-webkit-box-shadow: inset -6px 0 8px -4px rgba(50, 50, 50, .55);
    box-shadow: inset -6px 0 8px -4px rgba(50, 50, 50, .55);            not in mockup*/
}

#sidebar { /*height: 200px; overflow-y: auto;*/
    height: auto;
}

/*** Regular Sidebar ***/

#secondary {
    background-color: #F5F5F7;
}

#secondary ul {
    list-style-type: none;
    margin-left: 0px;
    margin-bottom: 20px;
}

#secondary ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}

#secondary ul li.current_page_item a {
    color: #606060;
}

#secondary h2 {
    font-size: 13px;
    color: #606060;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 30px;
    margin-top: 10px;
}

#sidebar {
    padding-left: 15px;
}

#sidebar div.indent {
    padding-left: 15px;
}

#atom {
    display: inline-block;
    max-width: 14px;
   /* padding-left: 0px;
    float: right;
    position: absolute;
    margin-top: -25px;
    margin-left: 150px; 
	
    If atom feed implementation
    needs to be reversed.	
  */
}

/*** Homepage Sidebar ***/

#home_secondary {
    padding: 0px;
}

#sidebar.home_sidebar {
    background-color: #F5F5F7;
    padding-top: 12px;
    padding-bottom: 24px;
    padding-left: 0px;
}

#sidebar.home_sidebar ul {
    list-style-type: none;
    margin: 0px;
    padding-right: 10%;
    padding-left: 10%;
}

#sidebar.home_sidebar li {
    color: #4A81BC;
    min-height: 28px;
    padding-top: 7px;
}

#sidebar.home_sidebar li a {
    background: url('img/right-arrow-grey.png') no-repeat;
    background-size: 15px 35px;
    background-position: 0px -7px;
    font-size: 16px;
    padding-left: 25px;
    display: block;
}

#sidebar.home_sidebar h2.widgettitle {
    margin: 0px;
    padding-left: 10%;
    max-height: 40px;
    min-height: 20px;
}

#sidebar.home_sidebar h2 a {
    color: #606060;
    font-size: 13px;
    text-decoration: none;
}

#content {
    overflow-x: hidden;
    background-color: #F5F5F7;
}

/*** Content and comments ***/

.row { margin: 0; }

article, #respond {
    padding: 3%;
}

#tertiary article h2 {
    font-weight: normal;
    margin-left: 0px;
    font-size: 2.0rem;
}

#tertiary article h3 {
    font-size: 1.8rem;
}

#tertiary article h4 {
    font-size: 1.5rem;
}

#tertiary article ul {
    list-style-type: disc;
}

#tertiary article li {
    margin-bottom: 5px;
}

#tertiary article dl {
    margin-left: 15px;
}

#tertiary article dd {
    margin-bottom: 5px;
}

div.featured_container {
    text-align: center;
    margin-bottom: 10px;
    padding-right: 10px;
}

div.featured_container div.featured_image {
    display: inline-block;
    margin: 0px;
    overflow: hidden;
}

#tertiary article div.media {
    padding-left: 0px;
}

h1.entry-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0px;
}

h5.date {
    margin-top: 0px;
    color: rgb(96, 96, 96);
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
}

#last-modified-date {
    margin: 10px 0 0;
}

#post-395 #last-modified-date {
    display: none;
}

#tertiary {
    padding: 48px 0px 0px 10px;
    background: white;
}

#respond h3 {
    font-size: 18px;
}

#feedback_prompt {
    font-weight: bold;
    border-top: solid #EEE 1px;
    padding-top: 10px;
}

#comments {
    font-size: 18px;
    padding: 3%;
    margin: 0px;
}

ol.commentlist {
    padding-left: 3%;
    padding-right: 3%;
}

.comment-author.vcard {
    height: 32px;
}

.huskybytes {
    color: white;
    background-color: #3b185a;
    font-size: 9px;
    margin-left: 1em;
    font-weight: bold;
    padding: 0 0.6em 0 0.6em;
    border-radius: 2px;
}

/* ITC Specific Styles */

#tertiary article h2, #tertiary article h3, #tertiary article h4 {
    margin-left: 0;
}

#tertiary article h2:before, #tertiary article h3:before, #tertiary article h4:before {
    display: block;
    height: 30px;
    margin: -30px 0 0; 
}

.logged-in #tertiary article h2:before, .logged-in #tertiary article h3:before, .logged-in #tertiary article h4:before {
    height: 50px;
    margin: -50px 0 0; 
}
/* Page table of contents */

article div.entry-content ul.ptoc {
    margin:1em 0 1.5em 2em;
}

article div.entry-content  ul.ptoc li.onthispage {
    list-style-type:none;
    margin-left:-1em;
    font-style:italic;
}

/* Sidebar Topic List Indentation */

#secondary #sidebar ul.page-list li.page_item ul.children {
    padding-left: .75em;
}

/* Procedures */

article div.entry-content  ol.procedure {
    border:solid #ccc 1px;
    margin-left:0;
    margin-top: 1.5em;
    padding:1em 1em 1em 3em;
}

article div.entry-content ol.procedure img { margin: 1em 0; }

article div.entry-content ol.procedure li {
    padding-left:2em;
    padding-bottom:1em;
    margin-left:1em;
}

article div.entry-content ol.procedure li.colheads {
    list-style-type:none;
    font-weight:700;
    margin-left:-1.5em;
    padding-left:0;
    padding-bottom:1em;
    border-bottom:solid #000 1px;
    margin-bottom:1em;
}

article div.entry-content ol.procedure li ul,
article div.entry-content ol.procedure li ol,
article div.entry-content ol.procedure li li { margin: .3em; padding: 0 0 0 1em; }

article div.entry-content li.colheads span {
    margin-left:1.5em;
}

article div.entry-content ol.procedure li ul li, article div.entry-content ol.procedure li ol li { 
    margin: 0 0 0 2em; 

}	
	
/* Styling of sitemap */

div.entry-content ul.page-list li.page_item a {font-weight: bold; }
div.entry-content ul.page-list li.page_item ul.children li a {font-weight: normal; }

/* Feature box, text float right, graphic on left */

article div.entry-content div.button { 
    padding-top: .6em; 
    padding-bottom: .6em;
    text-align: center;
    border: solid gray 1px; 
    border-radius: .4em;
    -moz-border-radius: .4em; 
    -webkit-border-radius: .4em; 
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}

article div.entry-content div.fbox {
    position: relative ;
    padding: 1em; 
    clear: right;
    min-height: 4em;
}

article div.entry-content div.fbox.lastfbox {
    margin-bottom: 3em;
}

article div.entry-content  div.ftext { 
    padding-left: 8em;
    min-height: 6em;
}

article div.entry-content div.ftext span {
    border-right: solid black 1px;
	padding-right: .5em;
	margin-right: .5em;
}

article div.entry-content div.ftext span.last {
    border-right: none;
}

article div.entry-content div.fbox div.button {
    width: 6em; 
    float: left;
}

article div.entry-content div.fbox div.button a {
    text-decoration: none;
}

article div.entry-content div.fbox div.button a img {
    width: 4em; height: 4em;
}

/* DL with float left dt */

article div.entry-content dl.left dt {
    float: left;
    font-weight: 700;
    width: 10em;
}

article div.entry-content dl.left dd {
    margin-left: 11em; 
}

/* Blockquote */

article div.entry-content blockquote p {
     font-size: inherit;
     font-weight: inherit; 
     line-height: inherit;
     margin-bottom: .25em;
}

/*** Homepage ***/

#home_main { 
    background: url('./img/itconnect-banner1.png') no-repeat 0 50%;
    padding: 0;
    background-size: cover;
    position: relative;
}

#home_main article { padding: 10px; height: 75px; }

#home_main article .entry-header { margin: 0; }

#home_main article .entry-header h1 {
    z-index: 2;
    margin: 0;
    color: #fff;
    font-size: 22px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#home_main article .entry-content {  }

#home_main .date {  }

#home_main .nocomments { }

#home_secondary { }

#home_tertiary {
    padding: 10px;
}

#home_main #document-feedback {
    display: none;
}

#home_tertiary h2 {
    font-weight: bold;
    font-size: 22px;
    color: #606060;
    margin-left: 4%;
    margin-top: 0px;
}

/*  commenting out in the meantime, probably deleting later
#home_tertiary div.media{
    padding-left: 5%;
    margin-bottom: 10px;
}

#home_tertiary div.media .pull-left {
    width: 25%;
    overflow: hidden;
}

#home_tertiary div.media-body {
    float: right;
    width: 70%;
}

#home_tertiary div.media-body h3 {
    font-size: 16px;
    font-weight: bold;
    color: #628ac5;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
} */

#home_tertiary div.media{
    padding: 2% 5% 3% 5%;
    margin-top: 0px;
}

#home_tertiary div.media h3 {
    font-size: 16px;
    font-weight: bold;
    color: #628ac5;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
}

/*** News Page ***/

#tertiary h2 {
    font-weight: bold;
    font-size: 22px;
    margin-left: 3%;
}

#tertiary div.media{
    padding-left: 3%;
    margin-bottom: 10px;
}


#tertiary div.media span.pull-left {
    padding-top: 5px;
    width: 70px;
    float: left;
}

#tertiary div.media span.pull-left img {
    width: 70px;
    height: 70px;
}

#tertiary div.media h3 {
    font-size: 16px;
    font-weight: bold;
    color: #628ac5;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}

h5.home_date {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 6px;
    color: rgb(96, 96, 96);
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
}

/*** Footer ***/

#footer {
   /*
    position: relative;
    margin-top: -185px;
    height: 185px;
    clear: both;
    padding-top: 20px;*/
    padding: 25px;
    color: #fff;
    background: #343434;
}

#footer h4 {
    margin: 0px;
}

#footer h5 {
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    margin-bottom: 5px;
    margin-top: 20px;
}

#footer table {
    margin: 0px;
}

#footer td {
    border: none;
    padding: 0px;
    text-align: left;
}

#footer td a {
    color: #70aefa;
}

#footer td:first-child {
    color: #CCCCCC;
    width: 40%;
    padding-right: 20px;
}

#footer_links_left, #footer_links_mid, #footer_links_right {
    padding: 0px;
}

#footer_links_left td:first-child, #footer_links_mid td:first-child {
    text-align: right;
}

#footer_links_right p a {
    color: #70AEFA;
}

#footer_links_right p {
    text-align: center;
}

#footer_links_right, #footer_logo_container {
    margin-top: 20px;
}

#it_footer_logo {
    height: 39px;
    display: block;
    margin: 0px;
}

#footer_logo_container > div.wrapper {
    max-width: 246px;
    margin-left: auto;
    margin-right: auto;
}

#footer-main {
    height: auto;
    position: relative;
    padding: 4px 0 0;
    background: #4D4D4D;
}

#footer-main a {
    font-size: 10px;
    color: #fff;
}

#footer-main ul {
    text-align: center;
    margin: 0;
}

#footer-main li {
    padding: 0 9px 0 0;
    display: inline;
    margin: 0 0 0 3px;
    border-right: 2px solid #A1A1A1;
}

#footer-main li:last-child {
    border-right: none;
}

#footer-left {
    padding: 5px;
}

#footer-left {
    text-align: center;
}

#footer-right {
    text-transform: uppercase;
    margin: auto;
    clear: left;
}

.footer-logo-link {
    width: 18px;
}

/***  404 Page Styles ***/

.parallax-viewport {
    position:relative;
    overflow:hidden;
}

.parallax-layer {
    position:absolute;
}

#parallax {
    margin: -5em 0 0 0;
    overflow: hidden;
    position: relative;
    height: 450px;
}

.four-oh-four {
    padding: 0 0 50px;
}

.span3 ul {
    padding: 0;
    margin: 0 0 10px 5px;
    list-style: disc outside none;
}

.span3 ul li {
    list-style: none outside none;
}


/**** UW Alerts ****/

.alert-steel div, .alert-orange div, .alert-red div, .alert-blue divs {
    background-position: center -40px;
}

#uwalert-alert-message{
    position: relative;
    z-index: 1;
}

#uwalert-alert-message div {
    width: 100%;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 15px;
}

#uwalert-alert-message h1, #uwalert-alert-message p {
    color: white;
    padding: 5px 15px 5px 30px;
    margin: 0;
    border: none;
}

#uwalert-alert-message h1 {
    line-height: 18px;
}

#uwalert-alert-message h1 {
	font-size: 18px;
}

#uwalert-alert-message p {
	font-size: 13px;
	line-height: 15px;
}

#uwalert-alert-message a {
    color: #FDE048;
}

.uwalert-red { 
    background-color: #C61029;
}

.uwalert-red div {
    background: url('https://www.washington.edu/static/alert_logo_red.jpg') no-repeat 0 -38px;
}

#alert-mini.uwalert-red	{
    background: url('https://www.washington.edu/static/alert_logo_red.jpg') no-repeat 16% 14% #C61029;
    background-size: 18%;
}

.uwalert-steel {
    background-color: #597286;
}

.uwalert-steel div {
    background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 0 -38px;
}

#alert-mini.uwalert-steel {
    background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 16% 14% #597286;
    background-size: 18%;
}

.uwalert-blue {
    background-color: #0193c9;
}

.uwalert-blue div {
    background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 0 -38px;
}

#alert-mini.uwalert-blue {
    background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 16% 14% #597286;
    background-size: 18%;
}

.uwalert-orange {
    background-color: #ec7330;
}

.uwalert-orange div {
    background: url('https://www.washington.edu/static/alert_logo_orange.jpg') no-repeat 0 -38px;
}

#alert-mini.uwalert-orange {
    background: url('https://www.washington.edu/static/alert_logo_orange.jpg') no-repeat 16% 14% #ec7330;
    background-size: 18%;
}

/* --- ServiceNow 320 --- */

.user-logout {
    text-align:right; color:#777; position:absolute; top: -38px; right: 10px;
}

.watcher-eye { line-height: 15px !important; color: #999; vertical-align: text-bottom; }

.resolved_ticket span { color: #999; }

.request-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.request-list-header { color: #666; border-bottom: solid 1px #ccc; margin-bottom: 15px; }
.request-list-header .request-list-description { text-decoration: none; }

.request-list a { text-decoration: none; display: block; }
.request-list span { display: inline-block; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.request-list-number { }
.request-list-service { }
.request-list-description { width: 50%; text-decoration: underline; }

.request-list-status { width: 125px; margin-left: 0.5em; overflow: visible !important; }

.request-list-status span { width:auto;display:inline-block;line-height:15px;color:#fff; margin-top: -20px; }
    
.caller-comments, .caller-comments pre {
    color: #888;
    border: none;
}

.support-comments , .support-comments pre {
    color: #333;
    border: none;
}

.comment-timestamp { font-size: 85%;}
.comment-timestamp .create-date { color: #aaa; display: inline-block; margin-left: 15px; }

/* --- IE mobile fixes --- */

#ie7 .visible-phone {
    display: block !important;
}

#ie7 .sidebar-offcanvas {
    padding-left: 0px;
    padding-right: 0px;
}

#ie7 #access .it_container .navbar .navbar-inner h3 {
    height: 50px;
}

/* --- IE retina icons fallback --- */

#ie8 #sidebar.home_sidebar li a, #ie7 #sidebar.home_sidebar li a {
    background: url('img/right-arrow-grey-fallback.png') no-repeat;
}

/**** LARGE SCREENS **********************************/
/*****************************************************/


@media screen and (min-width: 768px) {

    .mobile #help-button {
        text-transform: capitalize;
        background-color: transparent;
        border-color: transparent;
        display: inline;
        float: right;
        position: absolute;
        margin-top: 13.5px;
        right: 70px;
        padding: 3px 5px;
    }

    #help-button {
        background-color: #3377C2;
        line-height: 12px;
        margin-left: 24px;
        position: static;
        margin-right: 1%;
        margin-top: 4px;
        display: inline;
        float: left;
        width: 56px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius:0;
    }

    body {  }

    /**** UW Alerts ****/

    #uwalert-alert-message div {
        width: 1100px;
        padding: 5px 0 15px;
    }

    #uwalert-alert-message h1, #uwalert-alert-message p {
        color: white;
        padding: 5px 100px 0 200px;
        margin: 0;
    }

    #alert-mini {
        position: fixed;
        display:none;
        top: 0;
        right: 0;
        left: 0;
        text-align:center;
        z-index: 1;
        color: #fff;
        padding: 40px 0 10px 0; 
        z-index: 0;
    }

    .logged-in #alert-mini {
        top: 28px;
    }

    /*** Outages  ****/

    body.home #content {
        position: relative
    }

    #outage_wrapper {
        height: 0px;
        position: relative;
    }

    #outages {
        position: absolute;
        top: 0px;
        left: 25%;
        width: 150px;
        height: 27px;
    }

    /*** Branding ****/

    #branding { background: #404042 ; margin-bottom: 0; height: auto; }

    #banner-container {
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
    }

    #banner-image {
        background: #404042 url('./img/itconnect-banner3.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 90%;
        z-index: -1;
        height: 100%;
    }

    #header { 
        background: none !important;
    }
    
    #footer_logo_wrapper {
        float:left;
    }

    #it_footer_logo {
        display: block;
        margin-top: 15px;
    }

    /*** UW Header overrides ***/

    #thin-strip {
        visibility: visible;
        height: 30px;
        position: absolute;
        top:0;
        left: 0;
        right: 0;
        background-color: #F3F2E9;
        z-index: 1;
        box-shadow: 0 0px 6px #333;
        -moz-box-shadow: 0 0px 6px #333;
        -webkit-box-shadow: 0 0px 6px #333;
        overflow: hidden
    }

    #thin-strip.thin-fixed {
        position: fixed;
        top: 0px;
        background-color: rgb(57, 39, 91);
    }

    .logged-in #thin-strip.thin-fixed {
        top:28px;
    }

    .thin-fixed div {
        background: url("img/mobile-header/logo1x.png") no-repeat -35px -5px;
    }
    
    .top-fixed div {
        background: url("img/mobile-header/logo1x-nopatch-invert.png") no-repeat 145px -5px;
    }

    #thin-strip div {
        height: 30px;
        min-width: 40.5em;
        margin: 0 auto;
    }

    #thin-strip ul {
        float: right;
        background: none;
        height: 53px;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0px 0px 0px 5px;
        padding: 0;
        border: none;
    }
    
    #thin-strip li {
        margin-top: 0px;
        width: auto;
        float: none;
        list-style: none;
        margin: none;
        text-align: left;
        float: left;
        padding: 5px 10px 0 0;
    }
    
    #thin-strip a {
        width:auto;
        display: inline;
    }
    
    #weather {
        bottom: 3px;
        color: white;
        font-size: 11px;
        height: 45px;
        left: 10px;
        padding: 0;
        position: absolute;
        text-transform: uppercase;
        width: 48px;
        text-align: center;
        font-weight: bold;
    }

    #thin-strip li a {
        background-image: none;
        color: #333;
        font-size: 79%;
        text-transform: uppercase;
        font-weight: normal;
    }

    #thin-strip.thin-fixed li a {
        color: #FFF;
    }

    #thin-strip img {
        margin-top: -8px;
    }

    /*** Google CSE branding ***/
    .gcsb {  /*google custom search branding image*/
        outline: medium none;
        background: url('//www.google.com/cse/intl/en-US/images/google_custom_search_watermark.gif') no-repeat scroll 30px center rgb(255, 255, 255);
    }


    /*** not necessary and only cause problems at the moment ***
    .tan-band #thin-strip {
        background-color: #F3F2E9;
    }

    .tan-band #thin-strip a {
        color: #555;
        text-shadow: 1px 1px 1px #fff;
    }
    
    .tan-band .thin-fixed div {
        background: url(img/header/header-sprite.png) no-repeat 10px -225px transparent;
    }
    
    .purple-patch .patch {
        background-color: #39275B
    }
    
    .hide-patch .patch {
        display: none;
    }
    
    .hide-patch .wordmark {
        left: 0;
    }
    
    .wordmark-white .wordmark {
        background-position: 0 -197px;
    }
    
    ***/

    .patch.hidden-phone {
        margin-left: 40px;
    }

    /* ----  Header Logos Area ---- */

    #branding {
        position:relative;
        background-position: center top;
        padding-top: 30px;
        z-index: 1;
    }

    #header {
        z-index: 2;
        position: relative;
        margin: auto;
        height: 100px;
        background-image:none;
        /* added with super-search */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .wordmark, .patch {
        top: -30px;
        display: block;
        position: absolute;
        width: 95px;
        height: 90px;
        text-indent: -999px;
        z-index:2;
    }
    
    .patch {
        background: url(img/header/header-sprite.png) no-repeat 5px 15px #39275b;
    }
    
    .wordmark {
        width: 325px;
        top: 25px;
        background: url(img/header/header-sprite.png) no-repeat 0 -87px transparent;
        padding-left: 40px;
        background: none;
        text-indent: 0px;
        color: white;
        font-size: 36px;
        height: auto;
        line-height: 36px;
        text-transform: uppercase;
    }

    #ie8 .wordmark, #ie7 .wordmark {
        background: none;
    }
        
    .wordmark.visible-phone {
        left: 50px;
    }

    .wordmark.hidden-phone {
        left: 125px;
    }

    .wordmark:hover {
        color: white;
        text-decoration: none;
    }

    /* ----  Top Search ---- */

    #search {
        position: absolute;
        top: 20px;
        right: 45px;
        height: 0px;
    }

    .ui-autocomplete {
        width: 250px !important;
    }

/*
    input[type="submit"].formbutton {
        position: absolute;
        left: 6px;
        top: 6px;
        box-shadow: none;
        border: none;
        display: block;
        text-indent: -999px;
        overflow: hidden;
        padding: 5px 16px;
        height: 28px;
        width: 32px;
    }
*/
    input[type="submit"].formbutton {
        position: absolute;
        left: 3px;
        top: 6px;
        background: url("img/header/header-sprite.png") no-repeat -103px 2px transparent;
        box-shadow: none;
        border: none;
        display: block;
        text-indent: -999px;
        overflow: hidden;
        padding: 5px 16px;
        height: 28px;
        width: 32px;
    }

    input[type="text"].wTextInput {
        width: 200px;
        color: #999;
        border: none;
        -webkit-transition-duration: 400ms;
        -webkit-transition-property: width;
        -webkit-transition-timing-function: ease;
        -moz-transition-duration: 400ms;
        -moz-transition-property: width;
        -moz-transition-timing-function: ease;
        -o-transition-duration: 400ms;
        -o-transition-property: width;
        -o-transition-timing-function: ease;
        float: right;
    }

    .wTextInput:focus, input[type="text"].wTextInput:focus {
        width: 225px;
    }
    
    .wfield {
        background: white;
        float:right;
        width: auto;
    }

    .main-search {
        visibility: visible;
        width: auto;
    }

    .wfield {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        opacity: .8;
    }

    #q {
        box-shadow: inherit;
        border-radius: inherit;
        overflow: inherit;
        min-height: 34px;
        padding-left: 30px; 
    }

    /* ---- Super Search ---- */

    #search .search-toggle {
      display:none;
      position: absolute;
      top: 8px;
      right: 4px;
      width:25px;
      height:25px;
      background: url('img/misc/super-search-handle.png') no-repeat center center #e4e4e4;
      border-radius:25px;
      -o-border-radius:25px;
      -moz-border-radius:25px;
      -webkit-border-radius:25px;
      box-shadow: inset 1px 1px 1px #BEBEBE;
      -o-box-shadow: inset 1px 1px 1px #BEBEBE;
      -moz-box-shadow: inset 1px 1px 1px #BEBEBE;
      -webkit-box-shadow: inset 1px 1px 1px #BEBEBE;
    }

    #ie7 #search .search-toggle, #ie8 #search .search-toggle {
      background: url('img/misc/ie7-ie8-super-search-handle.png') no-repeat center center #e4e4e4;
    }
    
    #ie7 #search .search-toggle.close-toggle, #ie8 #search .search-toggle.close-toggle {
      background: url('img/misc/ie7-ie8-super-search-handle-close.png') no-repeat center center #e4e4e4;
    }
    
    #search .search-toggle.close-toggle {
      background: url('img/misc/super-search-handle-close.png') no-repeat center center #e4e4e4;
    }
    
    #search .search-toggle:hover {
      cursor:pointer;
      box-shadow: inset 1px 1px 2px #aaaaaa;
      -o-box-shadow: inset 1px 1px 2px #aaaaaa;
      -moz-box-shadow: inset 1px 1px 2px #aaaaaa;
      -webkit-box-shadow: inset 1px 1px 2px #aaaaaa;
    }
    
    #search .search-options {
      display:none;
      position: absolute;
      top: 36px;
      right: -14px;
      width: 90px;
      z-index: 999;
      background-color: white;
      box-shadow: 0 0 8px #B5B5B5;
      -moz-box-shadow: 0 0 8px #b5b5b5;
      -webkit-box-shadow: 0 0 8px #B5B5B5;
      padding: 10px 15px 5px 30px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
    }
    
    #search .search-options-notch {
        background: url('img/misc/super-search-notch.png') no-repeat -3px -5px transparent;
        color: #F4F4F4;
        display: block;
        width: 25px;
        height: 12px;
        position: absolute;
        font-size: 17px;
        top: -10px;
        right: 20px;
    }
    
    #search .search-options label {
      padding:5px;
    }
    
    .search-options label {
      border-bottom: 1px solid #F1F1F1;
    }
    
    .search-options label:nth-last-child(2) {
        border-bottom: none;
    }
    
    #search .search-flash {
      display:none;
      position: absolute;
      top: 60px;
      right: 30px;
      z-index: 999;
      background-color: white;
      box-shadow: 0 0 8px #B5B5B5;
      -moz-box-shadow: 0 0 8px #b5b5b5;
      -webkit-box-shadow: 0 0 8px #B5B5B5;
      padding: 8px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
    }
    
    #header-help {
        position: absolute;
        right: 50px;
        top: 60px;
        color: white;
    }

    .header-image {
        margin-top: -200px;
        display: block;
        height: 145px;
        overflow: hidden;
        text-align: center;
        background-color: #d6e8fa;
    }

    #listicon-wrapper, #searchicon-wrapper {
        display: none;
    }


    /*** Navigation Menu ********/

    nav, .navbar {  background: rgba(1, 87, 179, 0.50); }

    .navbar .nav { float: right; }

    .nav-collapse { display: block; }

    .nav-collapse li {
        border-bottom: none;
        border-right: none;
    }

    #menu-main > li:hover, #menu-main > li > a:focus, #menu-main > li.child_open {
        color: white;
        background-color: rgba(213, 229, 244, .25);
    }

    .nav-collapse b.caret {
        border: none;
    }

    .nav-collapse li:last-child { margin-right: 0; }

    .dropdown-toggle {
        font-size: 12px;
    }

    #menu-main .main-menu-home {
        display: inherit;
    }

    #menu-main .main-menu-home a {
        background-image: url('img/home_icon.png');
        background-repeat: no-repeat;
        background-position: 48% 48%;
        width: 16px;
        height: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 0px;
    }


    /*** Nav menu in mobile mode for when the navbar is too big for one line ***/

    .navbar.mobile {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        text-transform: uppercase;
        background: rgb(1, 87, 179);
    }

    .navbar.mobile .nav {
        margin: 0; 
        float: none;
    }

    .navbar.mobile .nav li {
        float: none;
    }

    .navbar.mobile .nav li a { padding: 5px 10px; color: #fff; font-weight: normal; font-size: .85em; }

    .navbar.mobile #menu-main li.main-menu-home a{
        background-image: none;
        width: 100%;
        font-size: 12px;
    }

    .navbar.mobile h3 { margin: 0; font-weight: normal; font-size: 16px; padding-left: 15px; line-height: 50px; }

    .navbar.mobile h3 a { color: #fff; }

    .navbar.mobile .nav-collapse { display: none; background: #82b4de; }

    .navbar.mobile .nav-collapse.open { display: block; background: #82b4de; }

    .navbar.mobile .nav-collapse li {
        border-bottom: solid 1px #fff;
        background: transparent;
    }

    .navbar.mobile .nav-collapse li:last-child { border-bottom: none; }

    .navbar.mobile .navbar-toggle {
        display: inline-block;
        position: absolute;
        top: 8px;
    }

    .navbar.mobile .visible-phone {
        display: block !important;
    }

    .navbar.mobile .open {
        display: none;
    }

    /*** Sidebar Off-Canvas *********/
    .sidebar-offcanvas {
        background: none;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        overflow: auto;
    }

    #content { overflow-x: auto; }

    .nav-collapse .dropdown-menu.open {
        padding: 0px;
        height: auto;
        width:241px;
        text-transform: none;
        background: #F5F5F7;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        box-shadow: 1px 1px 1px Gray;
    }

    .nav-collapse .dropdown-menu.twocolumn {
        width: 482px;
        left: -80px;
    }
    
    .nav-collapse .dropdown-menu.threecolumn {
        width: 723px;
        left: -160px;
    }

    .menu-block {
        width: 241px;
        float: left;
        height: auto;
    }

    .dropdown-menu.open li {
        background: transparent;
    }

    .dropdown-menu.open li:last-child {
        margin-right: 1px;
    }

    .dropdown-menu.open li a {
        display: block;
        width: 210px;
        padding: 5px 15px;
        color: #4a81bc;
        text-decoration: none;
        font-weight: 600;
        background: transparent !important;
    }

    .dropdown-menu.open li a:hover, .dropdown-menu.open li a:focus {
        background: #D5E5F4 !important;
        color: #4a81bc;

    }

    /*** content ***/

    #tertiary {
        padding: 10px 0px 0px 10px;
    }

    /*** Homepage ***/

    #home_main { position: static; float: right; background: url('./img/itconnect-home-hero1.png') no-repeat 0 0; min-height: 500px; max-height: 600px; overflow: hidden; }
    
    #home_main article { padding: 30px; }
    
    /*#home_main article .entry-header h1, #home_main article .entry-content h2 { background: #fff; color: #4a81bc; padding: 5px; display: inline; line-height: 50px; }*/
    
    #home_main article .entry-header h1, #home_main article .entry-content h2 { padding:5px 0; color:#4a81bc; display: inline; background-color:#fff; box-shadow: 10px 0 0 0 #fff, -10px 0 0 0 #fff; left:10px; position: relative; line-height: 50px; }


    #home_main article .entry-content { width: 75%; }

    #home_spotlight {
        height: 331px;
        background-color: rgb(255,255,255);
        opacity: .92;
        width: 360px;
        position: absolute;
        bottom: 30px;
        right: 30px;
        outline: 5px solid rgba(0,0,0,.5);
        overflow: hidden;
    }

    div.spotlight {
        display: none;
        max-height: 310px;
        overflow: hidden;
    }

    div.spotlight.active {
        display: block;
    }

    div.spotlight_post {
        padding: 15px;
        border-bottom: 1px solid LightGray;
        height: 68px;
    }

    #spotlight_paginator {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
        margin: 0px;
        padding-top: 5px;
        cursor: default;
    }

    #spotlight_paginator > li {
        display: inline-block;
        height: 12px;
        width: 12px;
        margin: 5px 2px;
        border-radius: 50%;
        padding: 1px;
        cursor: hand;
        cursor: pointer;
    }

    #spotlight_paginator > li.active {
        background-color: #C79900;
    }

    #spotlight_paginator > li > div {
        padding: 1px;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: white;
    }

    #spotlight_paginator > li > div > div {
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #C79900;
    }

    div.spotlight_post p.post_title {
        margin: 0px;
        font-size: 16px;
        max-height: 65px;
        line-height: 21px;
        overflow: hidden;
    }

    div.spotlight_post p.post_title.oneline {
        padding-top: 10px;
    }

    #home_secondary {
        float: left;
        padding: 0px;
    }

    #home_tertiary div.media-body {
        width: 80%;
    }

    /*** News Page ***/
    
    #content > div.row.row-offcanvas {
        background: transparent;
    }

    #secondary {
        float: left;
        padding: 0px;
    }
    #tertiary {
        float: right;
    }

    /*** Sidebar desktop ***/
    #sidebar.home_sidebar {
        padding-bottom: 0px;
    }

    #sidebar.home_sidebar ul {
        padding-right: 0px;
    }

    #secondary div {
        padding: 0px;
    }

    #secondary ul li.current_page_item a {
        font-weight: normal;
        color: #2a71bc;;
    }

    #secondary li, #secondary h2 {
        padding-left: 10%
    }

    #secondary ul li.current_page_item {
        background: #D5E5F4;
    }

    h1.news-title {
        padding-left: 3%;
        font-size: 22px;
        font-weight: bold;
    }

    /*** Footer ***/
    #footer-band {
        background: none repeat scroll 0 0 #204b7b;
        height: 10px;
        position: relative;
    }
        
    #footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    #footer .hidden-phone {
        float: left;
    }

    #footer_links {
        float: right;
    }

    #footer_links_left, #footer_links_mid, #footer_links_right {
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer td {
        padding-bottom: 10px;
    }

    #footer_links_left td:first-child, #footer_links_mid td:first-child {
        text-align: right;
    }
    
    #footer_links_right td {
        text-align: left;
    }   
    
    .span6 {
        width: 33.333%;
    }   
    
    #it_footer_logo {
        margin-top: 10px;
    }

    /*** Catalyst Web Tools Page ***/

    #catalyst {
        width: inherit;
    }

    #catalyst .span3 {
        padding-left: 5px;
        padding-right: 5px;
    }

    /*** IE styles ***/ 

    #ie7 .visible-phone {
        display: none !important;
    }

    /* --- IE Cascading Bug Fix --- */
    #ie8 body h1, #ie7 body h1 {
        margin: 10px 0 33px;
        font-size: 35px;
        font-weight: 600; 
    }
    #ie8 body h2, #ie7 body h2 {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    #ie8 #secondary h2, #ie7 #secondary h2 {
        font-size: 13px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    #ie7 div#search {
        width: 200px;
    }

    #ie7 .span3 {
        width: 24%;
    }

    #ie7 .span9 {
        width: 74%;
    }

    #ie7 .span4 {
        width: 30%;
    }

    #ie7 #banner-image {
        height: 130px;
    }

    #ie7 #footer .span3, #ie7 #footer .span9 {
        padding: 0px;
    }

    #ie7 #spotlight_paginator {
        padding-bottom: 10px;
        padding-left: 40%;
    }

    #ie7 #spotlight_paginator li {
        float:left;
    }

    /* --- IE main menu --- */
    #ie8 .navbar, #ie7 #menu-main > li {
        background: rgb(1, 87, 179);
    }

    #ie7 #menu-main .main-menu-home {
        display: block;
    }

    #ie8 #access, #ie7 #access {
        background: rgb(32, 75, 123);
    }

    #ie7 #navbar-menu {
        background-color: rgb(1, 87, 179);
        min-height: 30px;
    }

    #ie7 .nav-collapse .dropdown-menu .menu-block li{
        float: left;
    }

    #ie8 #menu-main > li:hover, #ie8 #menu-main > li > a:focus, #ie8 #menu-main > li.child_open,
    #ie7 #menu-main > li:hover, #ie7 #menu-main > li > a:focus, #ie7 #menu-main > li.child_open {
        background-color: rgb(130, 180, 222);
    }

    /* --- IE footer --- */

    #ie7 #footer-left {
        width: 300px;
    }

    #ie7 #footer-right > ul > li {
        margin-left: 10px;
    }
    
    /*** ServiceNow 768px ***/
    
    .user-logout { top: 10px; }
    
    .request-list a { padding-left: 15px; margin-left: -15px; }
    .request-list li a:hover, .request-list li a:focus { background: #f4f4f4; }
        
    .request-list-header .request-list-number { text-decoration: none;  }
    .request-list-number { width: 100px; text-decoration: underline;  }
    .request-list-service { width: 130px; color: #222; }
    .request-list-description { width: 30%; color: #222; text-decoration: none; }
}

@media screen and (min-width: 920px) {  /* footer will remain two line format to avoid overlapping if screen width is less than 920px, otherwise it will be in one line */
    #footer-main {
        height: 25px;
    }    
    
    #footer-left, #footer-right {
        position: absolute;
        top: 5px;
        left: 30px;
    }
    
    #footer-right {
        right: 30px;
        left: auto;
    }
    
    #footer-left {
        padding: 0px;
        text-align: left;
    }
    
    /*** ServiceNow 920 ***/
    
    .request-list-description { width: 41%; }
}

@media screen and (min-width: 1200px) {

    #help-button {
        margin-top: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .it_container {
        max-width: 1170px;
    }
    .it_container .row {
        width: 1170px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #menu-main > li > a { 
        padding: 8px 15px;
    }

    #menu-main .main-menu-home a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*** big desktop homepage sidebar ***/

    #sidebar.home_sidebar ul {
        padding-left: 15%;
    }

    #sidebar.home_sidebar h2.widgettitle {
        padding-left: 15%;
    }

    #ie7 #navbar-menu {
        background-color: rgb(1, 87, 179);
        min-height: 36px;
    }
    
    /*** ServiceNow  1200***/
    
    .request-list-service { width: 190px};
    .request-list-description{ width: 45%};
}