@media all
{
    ol
    {
        list-style-type: decimal;
        list-style-position: outside;
        padding-left: 18px;
    }
    ol li
    {
        margin-top: 20px;
        margin-left: 1.4em;
    }

    .content
    {
        z-index: 0;
        height: 100%;
        position: relative;
        padding: 30px 40px 80px;
    }
}

/* search panel */
@media all
{
    #searchForm
    {
        height: 100%;
    }

    /* Begin of Autocomplete style */
    .gsfx_optsub_cotnr
    {
        display: block;
        width: auto;
        float: left;
        cursor: pointer;
    }
    .gsfx_srchoptimg_cotnr
    {
        float: left;
        display: block;
        margin: 2px 2px 2px 1px;
        width: 15px;
    }
    .gsfx_srchsitename_cotnr
    {
        display: inline;
        float: left;
        cursor: pointer;
        white-space: pre-wrap;
        width: 270px;
    }
    .gsfx_bsrch_chkimg
    {
        margin: 4px 4px 4px 4px;
        display: none;
        width: 9px;
        height: 9px;
    }
    #gsfx_bsrch_options
    {
        position: absolute;
        display: none;
    }
    #gsfx_bsrch_options_subcntr
    {
        z-index: 10001;
        border: #969696 1px solid;
        position: absolute;
        padding-bottom: 6px;
        line-height: 18px;
        margin: 0px;
        background-color: #ffffff;
        visibility: visible;
        overflow: hidden;
        padding-top: 6px;
    }
    #search_divQuery
    {
        display: inline;
        height: 100%;
        position: relative;
    }
    .gss_ac_dtxt
    {
        font-size: 1.2em;
    }

    #gss_ac_btdiv
    {
        font-size: 1.2em;
    }

    /* End of Autocomplete style */
    .searchWrapper
    {
        height: 26px;
        width: 370px;
        border: 1px solid #969696;
        background-color: #FFF;
        float: right;
        margin-top: 20px;
    }
    .searchOptions
    {
        background-color: #FFF;
        position: absolute;
        top: 26px;
        width: 370px;
        left: -1px;
        z-index: 8000;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #BAD3E8;
        border-bottom-color: #BAD3E8;
        border-left-color: #BAD3E8;
        padding-top: 2px;
    }
    .searchOptions ul
    {
        margin: 5px;
    }
    .searchOptions li a
    {
        display: block;
        text-decoration: none;
        padding-top: 2px;
        padding-right: 20px;
        padding-bottom: 2px;
        padding-left: 20px;
    }
    .topNav li a#Menu_Home
    {
        margin-left: -20px;
    }
    a#Menu_FAQ
    {
        padding-right: 0px;
    }    
    .searchOptions li.selected
    {
        background-image: url(/National_Library/20161014125122oe_/https://premier.microsoft.com/Content/images/search_selected.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }
    .searchOptions li.selected a:hover
    {
        background-image: url(/National_Library/20161014125122oe_/https://premier.microsoft.com/Content/images/search_hover.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }
    .searchOptions li a:hover
    {
        color: #FFF;
        background-color: #0060A6;
    }
    .searchOptions .isKeyWord
    {
        font-weight: 700;
    }
    .searchLinks
    {
        position: absolute;
        left: 86%;
        margin-top: 5px;
        top: 16px;
    }
    .searchBox
    {
        width: 340px;
        height: 22px;
        font-style: italic;
        color: #505050;
        line-height: 22px;
        padding: 0 0 0 2px;
        margin: 2px 2px 0px 2px;
        border: 0px none #FFF;
        display: block;
    }
    .searchBox.current
    {
        color: #000;
        font-style: normal;
    }
    #search_divQuery .left
    {
        float: left;
    }
    #search_divQuery .right
    {
        float: right;
        padding: 5px 3px 0px 0px;
    }
    #acListWrappersearch
    {
        z-index: 10001;
    }
}
/* Nav Bar */
@media all
{
    .wrapNav
    {
        left:50%; 
        width:916px; 
        position: relative; 
        margin-left: -458px; 
        z-index: 100;
        min-height: 30px;      
    }
    
    .topNav
    {
        width: 100%;
    }
    .topNav > li > a
    {
        color: #4f4f4f;
        font-family: "Segoe UI semibold", "Segoe UI", "Segoe regular", Arial, Tahoma, sans-serif;
    }
    .topNav > li
    {
        float: left;
    }
    .topNav > li > a
    {
        display: block;
        padding: 8px 20px;
    }
    .topNav > li.selected > a
    {
        color: #0060A6;
    }
    .topNav > li > ul > li > a
    {
        padding: 0 20px;
    }
    .topNav li .selected
    {
        text-decoration: none;
    }
    .topNav li a:active
    {
        text-decoration: underline;
    }
    .topNav > li > a.selected
    {        
        color: #0060a6;
    }
    .topNav > li > a.clicked
    {        
        background-color: #eeeeee;
    }
    .topNav li > a:active
    {
        text-decoration: none;
        background-color: transparent;
    }   
    .topNav li div.menuBackground
    {
        display: none;
        position: absolute;
        left: 0;
        background-color: #eeeeee;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;        
        width: 916px;
        padding: 3px 0;
    }
    .topNav li div.menuContainer
    {
        width: 916px;   
        margin: 0 auto;     
    }
    .topNav li ul
    {
        z-index: 10000;      
    }
    .topNav li ul.subMenus
    {
        width: 916px;        
    }
    .topNav li ul.resourceMenu
    {
        width: 214px;
        float: left;        
        margin: 21px 20px 33px 0;
    }
    .topNav li ul li
    {
        float: left;
        display: inline-block;
        padding-right: 40px;
        color: #4f4f4f;
    }
    .topNav li ul li a
    {
        display: inline-block;
        padding: 20px 0;
        color: #0060A6;
    }
    .topNav li ul.resourceMenu li a
    {
        padding: 1px 0;
    }
    .topNav li ul li a:hover
    {
        text-decoration: underline;
    }
        .topNav li ul li a:active
    {
        background-color: transparent;
    }
    .topNav li ul.resourceMenu li.subMenuText
    {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .topNav li ul.resourceMenu li {
        width:174px; /*174px(after considering the 40px right padding. 214-40=174px*/
    }
}

/* Grid table */
@media all
{
    .sortHeader
    {        
        display: block;
        color: #ffffff !important; /*In case is an url */    
        font-size: 1em; /*13px*/
        font-weight: normal;
    }
}

/* Mpo table */
@media all
{
    table tbody tr, table tr
    {
        height: 40px;
        background-color: #fafafa;    
        border-bottom-color: #ffffff; 
        border-bottom-width: 2px; 
        border-bottom-style: solid;
    }
    table thead tr
    {
        height: 50px;
        background-color: #505050;
        color: #ffffff;        
    }
    td, th
    {
       white-space:nowrap;
       word-wrap: break-word;
       padding-left: 20px;
       padding-right: 20px;
       text-align: left;
       vertical-align: middle;
       font-weight: normal;
    }    

    table > thead th a:hover, table > thead th img:hover
    {
        cursor:pointer;        
    }    
    
    table > thead th img:hover
    {
        text-decoration: none;
    }
    
    table > thead th:hover
    {
        cursor: hand;
        background: #505050 none;
    }    
}

/* Input box */
@media all
{
    input.inputText
    {
        height: 30px;     
        padding: 0px 10px;
        vertical-align: middle;
    }
    .ms-grid4Input
    {
        width: 270px;
    }   
    .ms-grid3less1Input
    {
        width: 172px;
    }     
}

/* Select box */
@media all
{
    select
    {
        height: 32px;
        margin: 0px 20px 0px 0px;
        padding: 5px 10px;        
    } 
}

/* Asterisk (required) */
@media all
{
    .asterisk
    {
        color: #BA141A;
    }
    
    .requiredMaxChNum
    {
        margin-top: 10px;
        font-size: 0.846em;
        color: #000000;
    }
    
    #asteriskLegend
    {
        margin: 20px 0 0 0;
        color: #000000;
    }    
}