html { 
    font-size: 62.5%; /* =10px */
}  

body {
    font-size: 13px;    
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol,
ul, pre, table, address, fieldset {
    margin-bottom: 17px;
}

/* line height = body line height (1.308) / font-size */

h1 {
    font-size: 1.692em; /* 22px */
    line-height: 1.063;    
}
h2 {
    font-size: 1.462em; /* 19px */
    line-height: 1.063;    
    color: #444;
}
h3 {
    font-size: 1.231em; /* 16px */
    line-height: 1.063;    
}
h4 {
    font-size: 1em;     /* 13px */
    line-height: 1.214; 
    font-weight: bold;
}
h5 {
    font-size: 0.923em; /* 12px */
    line-height: 1.417; 
    font-style: italic;    
}
h6 {
    font-size: 0.769em; /* 10px */
    line-height: 1.7;  
    font-style: italic;
    font-weight: normal;    
}

p {
    font-size: 1em;
    line-height: 1.308; /* 17px */
    margin-top: 0;
}

a:link,
a:visited {
    color: #0062A0;
}    

a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:underline;
}

.hidden,
.print,
.alt {
    display: none;
}

.accessibility {
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.red {
    color: red;
}

.warning,
#noscript_warning {
    padding: 3px 15px 3px 10px;
    margin-bottom: 0;
    background-color: #fad163;
}

.fail-message {
    font-size: 1.077em;
    text-align: center;
    color: red;
}

.twitter-icon,
.facebook-icon,
.instagram-icon,
.youtube-icon,
.flickr-icon {
    background-image: url(../../images/queensweb/queensweb_sprites.png);
    background-repeat: no-repeat;
    background-size: 582px 265px;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.twitter-icon {
    background-position: 0 0;
}

.facebook-icon {
    background-position: -50px 0;
}

.instagram-icon {
    background-position: -400px 0;
}

.youtube-icon {
    background-position: -100px 0;
    width: 35px;
}

.flickr-icon {
    background-position: -150px 0;
}

ul.menu {
    margin: 0;
    padding: 0;
    border: medium none;
    list-style: none outside none;
    text-align: left;
}

.qw-grid-12 {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;        
}

.sso-content-inner,
.queens-footer-inner {
    margin: 0 auto;
}

.qw-region-content-inner {
    padding: 15px 0;
}

.sso-header-inner {
    position: relative;    
}

.sso-header-region {
    overflow: hidden;
}

.sso-header-text {
    background-image: url(../../images/sso/sso_logo.png);
    background-repeat: no-repeat;    
    width: 247px;
    height: 74px;
    max-width: 100%;
    position: absolute;
    left: 32px;
    bottom: 29px;
}

.sso-header-image {
    background-image: url(../../images/sso/sso_banner.jpg);
    background-repeat: no-repeat;
    width: 1180px;
    height: 153px;
    float: right;
} 

.sso-form-wrapper {
    width: 300px;
    margin: 10px auto 30px;
}   

.sso-form-wrapper h2 {
    border-top: 2px solid #CCC;
    padding: 0.3em 0.2em 0;
}

#loginPageFormTable {
    font-size: 14px;
}

#loginPageFormTable td {
    padding: 4px 8px;
}

.logBtn {
    margin-top: 8px;
}

.logBtn input[type="submit"] {    
    background-color: #EEE;    
    width: 70px;
    height: 30px;
    color: #000;    
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #757575;
    padding-left: 0;
    padding-right: 0;
}

.netid-links {
    width: 245px;
    margin: 10px auto 30px;
    padding-left: 0;
}   

.sso-links li {
    background: url(../../images/queensweb/queensweb_legacy_sprites.png) no-repeat scroll 0px -243px transparent;
    list-style: none outside none;
    padding-left: 11px;
}

.map-marker {    
    background-image: url(../../images/queensweb/queensweb_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -250px;
    background-size: 582px 265px; 
    padding-left: 1em;
}

.queens-footer {
    background: none repeat scroll 0 0 #1A1A1A;
    color: #FFFFFF;
    padding-top: 12px;
}

.queens-footer ul.menu {
    font-family: "Lucida Grande","Lucida Sans Unicode",HelveticaNeue,Arial,sans-serif;
}

.qw-footer-menu-block li {
    background-color: #333333;
    border-radius: 4px;
    display: table;
    float: left;
    height: 45px;
    list-style: none outside none;
    margin: 5px;
    padding: 0;
    text-align: center;
    width: 46%;
}

.qw-footer-menu-block li a {
    color: #FFFFFF;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.qw-footer-menu-block {
    font-size: 1.077em;
    margin-bottom: 15px;
}

.qw-footer-social-media-block {
    color: #FFFFFF;
    font-size: 1em;
    margin: 12px auto 20px;
    padding: 0;
    text-transform: uppercase;
    width: 188px;
}

.qw-footer-social-media-block a {
    margin-right: 14px;
}

.qw-footer-social-media-block a:nth-child(4) {
    margin-right: 0;
}

.qw-footer-address-block {
    color: #FFFFFF;
    font-size: 1.077em;
    line-height: 1.455;
    margin-bottom: 15px;
    text-align: center;
}

.qw-footer-address-block p {
    line-height: 1.455;    
    margin-bottom: 0;    
}

.qw-footer-address-block a {
    color: #FFFFFF;
}

.queens-footer .queens-logo {
    clear: both;
    margin: 0 auto 20px;
    width: 108px;
}

.queens-footer .queens-logo a {
    background-attachment: scroll;
    background-image: url(../../images/queensweb/QueensLogo_white_114x79.png);
    background-position: 0 0;
    background-repeat: no-repeat;    
    background-size: 100% auto;
    display: block;
    height: 79px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 114px;
}

.sso-content.clearfix:after,
.sso-content .clearfix:after,
.queens-footer.clearfix:after,
.queens-footer .clearfix:after,
.qw-footer-menu-block-inner.clearfix:after {
    font-size: 0;
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Retina/HiDPI overrides */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    
    .twitter-icon,
    .facebook-icon,
    .instagram-icon,
    .youtube-icon,
    .flickr-icon {
        background-image: url(../../images/queensweb/queensweb_sprites_2x.png);
    }
    
    .map-marker {    
        background-image: url(../../images/queensweb/queensweb_sprites_2x.png);
    }
    
    .queens-footer .queens-logo a {    
        background-image: url(../../images/queensweb/QueensLogo_white_114x79_2x.png);
    }
    
}    

@media screen and (min-width: 435px) {
    
    .qw-footer-menu-block li {
        width: 47.5%;
    }
    
}

@media screen and (min-width: 535px) {
    
    .qw-footer-menu-block li {
        width: 48%;
    }
    
}