/* some styles used here are defined in and shared with portalHeader.html */

#bottom_chrome {

    position:relative;
    bottom:0px;
    width:100%;
    margin-top: 5px;
    background-color:#163E65;   
}

#portal_copyright_notice {

    font-family:arial,sans-serif;
    font-size:12px;
    color:#bbbcbd;
    margin:auto;
    text-align:center;
    position:relative;
}

#footer_content {

    position:relative;
    bottom:0px;
    width:100%;   
    height:100%;
}

#portal_footer_item_container {

    position:relative;
    width:100%;
    border:0px solid #000;
    display:table;
}

.portal_footer_item {

    font-family:arial,sans-serif;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;
    display:table-cell;
    border: 0px solid #f00;
    text-align:center;
    vertical-align:middle;
    width:20%;
    height:25px;
}

.portal_social_icon_set {

    font-size:20px;
    color:#fff; 
}

.portal_social_icon_set i {

    background-color:#A5A8AB;   
}

.portal_footer_item_inner {

    border:0px solid #000;
    display:table;
    margin:auto;
}

.portal_footer_item_inner a {

    text-decoration: none;
}

#portal_citation_policy {

    float:right;
    width:181px;
}

#portal_send_message {

    float:left;
    width:181px;    
}

.portal_link_stack {

    text-align:left;
}

.portal_link_stack a {

    color:#0779BE !important;
}

.portal_link_stack a:visited {

    color:#0779BE !important;
}

/* overriding application tab bar styles */
#pTabBar {

    width:calc(100% - 100px) !important;
    margin:auto;
    background-color:#fff;  
    padding:10px;
    margin-bottom: 15px;
}

#pTabBar td {

    height:32px;
    padding-right:0px;
}

#pTabBar a {

    color: #0779BE;
    text-decoration: none;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 30px;
    text-align: center;
    border: none !important;
    text-transform:uppercase;
    font-family:Arial,Sans-Serif;
    font-size:12px;
    font-weight:bold;
}

#pTabBar a:hover {

    color: #0779BE;
    background-color: #fff;
}

#pTabBar a.pTabBarSelected {

    color: #A5A8AB;
    border: solid 0px #fff;
}

#top_menu {

    background-color:#0779be;
    color:#fbe300;
}

#app_menu_table {

    border-spacing:0px;
}

#menu_cell {

    color:#0779be !important;
}

#menu_cell .pTabBarSelected {

    color:#a5a8ab !important;
}

#menu_cell:hover {

    background-color:#0779be !important;
    color:#fbe300 !important;
}

#menu_cell:hover > ul ul {

    display:block;
    -webkit-animation: fade 0.25s;
    animation: fade 0.25s;  
}

#app_menu_table li {

    background-color:inherit !important;
    color:inherit !important;
}

#app_menu_table ul a {

    background-color:inherit !important;
    color:inherit !important;
}

#app_menu_table ul a:hover {

    color:#fbe300 !important;
}

#nav_menus {

    background-color: #0779be;
    color: #fff;
    top: 23px;  
    min-width:156px !important;
}

#top_menu img {

    display:none;
}


#nav ul {

    left:-2px !important;
}

#nav ul li {

    border-top:none;
}

#nav ul a {

    text-align: left;
    padding-left: 14px; 
}

#nav ul a:hover {

    background-color:#0779be;
    color:#fbe300;
}

#nav li {

    padding-right:10px !important;
}

#nav li a {

    color:#0779BE;  
}

.portal_icon {

    color:#fff !important;
}

.icon-twitter:hover {

    background-color:#5fa8dc;
}
.icon-facebook:hover {

    background-color:#3d5a98;
}
.icon-youtube-play:hover {

    background: linear-gradient(#e6312a, #b42227);
    background-color: #CB2029�; /* IE9 only */
}
.icon-linkedin-3:hover {

    background-color:#007bb5;
}

/* footer icon styles; needed for IE to prevent underlines on icon buttons */
#pTwitter, #pFacebook, #pYouTube, #pLinkedIn {
    text-decoration:none;
}

/* This is a global change to link colors that will affect all the apps */
a:hover {

    color:#47AEDC !important;
}

a:visited:hover {

    color:#47AEDC !important;
}

/* app-specific overrides */
#search_result_common_container {

    width: calc(100% - 80px);
    margin-left:0px;
    margin:auto;

}

#search_block {

    width:100%;
}

html, body {

    height:100%;
}

.siteContent, .pageContent {

    min-height: calc(100% - 125px) !important;
}

.separator {

    height:0px;
}

#preview_cell {

    min-width:30% !important;
    width:30% !important;
}

#result_cell {

    min-width:67% !important;
}

/* changing the header bar colors to match the top chrome color */
th.contentBlock, .ui-widget-header, ._lw_header, .ageaTabSelected, 
._cs_header_text_cell, .sectionHeader, .section_header, 
.projection_search_widget_header, .container_header, .aboutHeader {

    background-color:#163e65 !important;
}

/* meta-differential search result table headers */
.metaSearchResultTable th {

    background-color:#163e65 !important;
}
.metaSearchResultTable th.subheader {

    background-color:#fff !important;
}

/* projection landing page headers */
table.projection_search_widget th {

    background-color:#163e65 !important;    
}

/* connectivity experiment page (thumbnails) top widget header */
._experiment_specimen_widget tr:first-of-type td {

    background-color:#163e65 !important;        
}

/* AGEA about box header */
.aboutAgeaOverlay div:first-child {

    background-color:#163e65 !important;    
}

/* AGEA in devmouse */
.pageContentAgea {

    margin-bottom: 52px !important;
}

/* AGEA in ABA */
.pageContent .pageContentAgea {

    margin-bottom: 16px !important;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    border: none !important;
    line-height: inherit !important;
    font-size: inherit !important;
    padding: inherit !important;
}

#ot-sdk-btn:hover {
    background-color: transparent !important;
}

#onetrust-pc-btn-handler.cookie-setting-link:focus {
    outline: none !important;
}