
@media only screen and (min-width: 1em) {
/*BRAND OVERRIDES*/

    div#psu-icon img{
        /*Resize logo here*/
        width: 160px !important;
        }
        
        #psu-icon > div > div > a,#breadcrumbs-1 > a {
         border-bottom:0;   
        }

   div#psu-icon{
        position: relative;
        float: none;
        height: auto;
        padding: 1em 0em;
        text-align: left;
        width: auto;
        }
    
    div#psu-icon .imagemap{display: inline-block;position:relative;}
    div#psu-icon .imagemap .hotspots a{
        position:absolute;
        height: 100%;
        color: transparent;
        overflow: hidden}
    div#psu-icon .imagemap .hotspots a.psu-link{width:35%;left: 0;}
    div#psu-icon .imagemap .hotspots a.cla-link{right: 0;width: 65%;}
    
/* END BRAND OVERRIDES*/

    div#psu-icon{
        position: relative;
        z-index: 500;

    }
    div#psu-icon a {
        display:inline-block;
    }
    div#psu-icon a img {width: 75%;height: auto;}
/*** Responsive Searhbox Style ***/
    header #search {
        position: relative;
        clear: both;
        background: #FFF;
        border: 0;
    }
    
    header #search *{box-sizing: content-box;}
    

    #portal-searchbox {
        background: none;
        border: 0;
        float: none;
        margin: 0;
        padding: 0.1em 0;
        width: 100%;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
    #portal-searchbox ul#menu {
        width: 100%;
    }

    .searchform #searchString {
        width: 100% !important;
        /* max-width: 85% !important; */
        border: none;
        border-radius: 0;    
        padding: .4em;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        font-size: 125%;
    }
    
    #menu li ul#search {
        margin: 2rem 0 0 0;
    }
    
    
    
    #portal-searchbox.topborderradius {
        background: none;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }

    .searchform .searchbutton {
        background: url(../img/magnifyingglass_black.png) center no-repeat;
        background-size:contain;
        opacity: 0.5;
        position: absolute !important;
        right: 0;
        height: 100%;
        width: 1rem;
        border: 0;
        position: relative;
        color: transparent;
        text-shadow: none;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
        padding: 0 !important;
        clear: none;
    }
    #menu li ul#search.show {
        width: auto !important;
        margin: 2.5em -.0625em;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
    #menu li ul li{padding: 0;}
    #portal-searchbox label {
        font-weight: normal;
        width: 100%;
        display: inline-block;
        padding: .5em 0;
    }
    #menu li ul label span{
        font-size: 1.125em;
        font-family: inherit;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header #portal-searchbox {
 margin-top: -2rem!important;   
}
}

_:-ms-lang(x), _:-webkit-full-screen, header #menu li ul#search.show { margin-top:65px!important; }
_:-ms-lang(x), _:-webkit-full-screen, #inner-container header #search { margin-top: 9.75rem!important; }

@-moz-document url-prefix() {
    
    header #menu li ul#search.show { margin-top:65px!important; }
    #inner-container header #search { margin-top: 9.75rem!important; }
    
    }
    




@media only screen and (min-width: 55em) {
    div#psu-icon a img {width: 100%;height: auto;}
    
    header #search { 
        position:absolute;
        right:0;
        z-index: 500;
        }
    header #portal-searchbox {
        margin: 0;
        padding: 0;
        height: 100%;
        }
    header form.searchform,
     header .searchContainer,
     header #menu {height: 100%;}
    header #menu li ul#search.show {margin-top:77px;}
    #search input#searchString {
        background: #fff;
        color: #fff !important;
        border:0;
        margin: 0;
        padding:0 1rem;
        height: 100%;
        }
    
    /*** Searhbox Style ***/
    header #search {
        position: absolute;
        right: 0;
        z-index: 500;
        /*
        height: 58px;
        bottom: -58px;
        */
        margin-top: 4.9rem!important;
    }
    
    li.searchContainer {
     height: 66px;   
    }
    
    .searchContainer div {
        height: 100%;
        display: inline-block;
        text-align: right;
    }

    #search input#searchString {
        background: #d2d9e4;
        color: #282828 !important;
        border:0;
        margin: 0;
        padding:0 1rem;
        height: 100%;
        }

    #portal-searchbox {
        border: 0;
        background: none;
        width: auto;
        margin-top: 0.5em;
    }

    #portal-searchbox.topborderradius {
        background: none;
    }
        
    #search * {
        position: relative;
    }
    
.searchContainer div {height: 100%; display:inline-block; text-align: right;}
    /*.searchform #searchString, .searchform .searchbutton {height: 1.5em;}*/
    .searchform #searchString {
        width: 15rem !important;
        background: #fcfcfc;
        border: 1px solid #d1d1d1;
        color: #878686;
        padding: .2em 2.25em .2em .5em;
        font-size: 1em;
        max-width:initial;
    }

    .searchform .searchbutton {
        background-image: url("../img/magnifyingglass_white.png");
        width: 1.5rem;
        opacity: 1;
        right: 1rem;
    }
    
    /*** Search Box Dropdown ***/
    #menu li ul {
        border: 1px solid #98989F;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 3px 3px 12px #999;
        -webkit-box-shadow: 3px 3px 12px #999;
    }


    
}