/*------------------------------------------
        General Styles 
------------------------------------------*/

body {
    background: #eee;      
}

.clearfix:before,
.clearfix:after {
    content: " ";    
    display: table;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

img {
    border: 0;
}

strong {
    font-weight: bold;
}

form {
    margin: 0;
}

/*--------------------------------------------------
  Header Styles: Navigation, Links, and Search
--------------------------------------------------*/

.iacc-logo-link {
    background: transparent url(/images/funding/data/logo-iacc-desktop.png) no-repeat left top;
    width: 130px;  
    padding-right: 10px;
}

.ard-logo-link {
    background: transparent url(/images/funding/data/logo-ard-desktop.png) no-repeat left top;
    width: 244px;
}

.utility-links {
    float: right;
    margin: 6px 2px 0 0;
}

.oarc-wrapper {
    clear: both;
    float: right;
    margin: 12px 0 0 0;
    width: 157px;   
}

.oarc-logo {
    height: 55px;
    width: 157px;
}

.oarc-logo-mobile {
    height: 39px;
    width: 101px;
}

.ard-logo-mobile {
    height: 26px;
    width: 150px;
}

.iacc-logo-mobile {
    height: 40px;
    width: 70px; 
}

.search-highlight {
    background-color: yellow;
    font-weight: 700;
}

.ard-description {
    color: #000;
    font-size: 87%;
    width: 420px;
    margin: 0 0 -4px 0;
}

.ard-description-bottom {
    padding-top: 7px;
}


/*--------------------------------------------------
  Fiscal Years and Search 
--------------------------------------------------*/

.fiscalyear-box {
    background: #e6aa24;
    border: 1px solid #c93;
    color: #fff;
    font-size: 100%;
    margin: 15px 0 0 0;
    padding: 10px;
    width: 934px;
}

.fiscalyear-dropdown {
    float: left;
}


.fiscalyear-dropdown select {
    background: #f5f5f5 no-repeat right;
    border: 1px solid #333;
    border-radius: 3px;
    color: #333;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 2px 2px 2px 5px;
    width: 80px;
}

.search-wrapper input {
    background: #f5f5f5;
    border: 1px solid #999;
    border-radius: 3px;
    color: #808080;
    font-size: 90%;
    margin: 0;
    padding: 3px 3px 2px 6px;
    width: auto;
    max-width: 70%;
    margin-left: 10px;
}

.search-wrapper .search-btn {
    border: none;
    border-radius: 3px;
    margin-left: 2px;
    margin-bottom: 2px;
    vertical-align: bottom;
    padding: 0;
}

.fiscalyear-funders-dropdown select,
.fiscalyear-questions-dropdown select {
    background: #f5f5f5 url(/images/funding/data/dropdown-arrow.png) no-repeat right;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    float: left;
    font-size: 100%;
    margin-bottom: 2px;
    padding: 2px 30px 2px 5px;
    width: auto;
}

.fiscalyear-shadow {
    background: url(/images/funding/data/954px-shadow.png) no-repeat top center;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    width: 954px;
}



/* ---------------------------------
	Content Area
/*-----------------------------------*/

.multiyear-box,
.objective-box,
.subcategories-box,
.geography-box {
    border-top: 1px solid #ddd;
    margin: 5px 0 7px 0;
}

.container-box-top {
    border-top: none;
}

.main-container {
    background: transparent url(/images/funding/data/design-bkgd.png) no-repeat center top;
    height: 710px;
}

/* Table Syles */

.empty-header {
    display: none;
}

.data-table {
    border-collapse: collapse;
    margin-bottom: 8px;
    width: 100%;
}

.pagination-header-cell,
.pagination-header-cell a:link,
.pagination-header-cell a:hover,
.pagination-header-cell a:visited,
.data-table-header-cell,
.data-table-header-cell[scope=col] {
    background-color: #69c;
    font-size: 95%;
    color: #fff;
}

.cell {
    text-align: left;
    padding: .5em .5em .5em .7em;
    border: 1px solid #ddd;
}

.cell-text {
    color: #333;
    padding-bottom: 8px;
    font-size: 87%;
    line-height: 1.3em;
    margin: 0;
}

.parent-cell {
    border: 1px solid #c6c6c6;
}

.parent-row {
    background-color: #dcdcdc;
}

.child-cell {
    text-align: right;
}

.funder-cell {
    width: 18%;
}

.pi-cell {
    width: 15%;
}

.cell-text a:link,
.cell-text a:hover,
.cell-text a:visited,
a.solid-link:link,
a.solid-link:hover,
a.solid-link:visited {
    color: #05a;
}

.odd {
    background-color: #f5f5f5;
}

.pagination {
    margin-top: -9px;
    padding: 10px;
}

.table-total {
    background: #b7cce2;
    border: 1px solid #ddd;
    color: #000;
    font-weight: bold;
}

.table-total-objective {
    background: #E8E8E8;
}

.table-total.pagination {
    font-size: 87%;
}

.next-prev-link {
    color: #fff;
    padding: 0 2px;
}

.page-links {
    float: right;
    font-weight: bold;
}

.pages-count {
    padding-right: 8px;
}

.exportlinks {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 95%;
    text-align: center;
    color: #000;
}

.export.csv,
.export.xml,
.export.excel,
.export.pdf {
    color: #05a;
}

.project-detail-header {
    display: none;
}

.cell-currency {
    text-align: right;
}

.data-table .heading2 {  /* Controls the background Table Row color */
    background-color: #ccc;
}

.cell-text.cum-col1 { /* Controls the table column width to be uniformed*/
    width: 45%;
}

.cell-text.obj-col1, .cell-text.sub-col1 {
    width: 60%;
}

.cell-text.geo-col1 {
    width: 50%;
}

.table-header,
.table-header-gray,
.table-header-darkgray {
    display: none;
}

.data-sort-col {
    color: #fff;
}


/* Pie Charts */

#pie-chart,
#pie-funders,
#pie-questions,
#pie-objectives1,
#pie-objectives2,
#pie-objectives3,
#pie-objectives4,
#pie-objectives5,
#pie-objectives6,
#pie-objectives7,
#pie-subcategories1,
#pie-subcategories2,
#pie-subcategories3,
#pie-subcategories4,
#pie-subcategories5,
#pie-subcategories6,
#pie-subcategories7 {
    margin: 0 auto;
/*    padding: 0 0 0 45px;*/
    width: 864px;
}

.chart-history {
    margin: 0 auto;
    width: 60%;
}

/* Funders/Questions Background Colors */

.nih {
    background-color: #4f81bd;
    color: #fff;
}

.sf {
    background-color: #ffc40f;
    color: #fff;
}

.hrsa {
    background-color: #2139af;
    color: #fff;
}

.ed {
    background-color: #00b0f0;
    color: #fff;
}

.cdc {
    background-color: #92d050;
    color: #fff;
}

.as {
    background-color: #00b050;
    color: #fff;
}

.nsf {
    background-color: #ff0000;
    color: #fff;
}

.dod {
    background-color: #8a222c;
    color: #fff;
}

.epa {
    background-color: #ffc40f;
    color: #fff;
}

.acf {
    background-color: #103dfe;
    color: #fff;
}

.ahrq {
    background-color: #8300ac;
    color: #fff;
}

.ari {
    background-color: #c4d79b;
    color: #fff;
}

.card {
    background-color: #948a54;
    color: #fff;
}

.cms {
    background-color: #ccc0da;
    color: #fff;
}

.oar {
    background-color: #e26b0a;
    color: #fff;
}

.sarrc {
    background-color: #31869b;
    color: #fff;
}

.asf {
    background-color: #ccccff;
    color: #fff;
}

.ac {
    background-color: #00ff99;
    color: #fff;
}

.safeminds {
    background-color: #cc00cc;
    color: #fff;
}

.dod-arp {
    background-color: #c68e39;
    color: #fff;
}

.acl {
    background-color: #0099ff;
    color: #fff;
}

.bbrf {
    background-color: #000099;
    color: #fff;
}

.dod-af {
    background-color: #996633;
    color: #fff;
}

.dod-army {
    background-color: #A62A2A;
    color: #fff;
}

.pcori {
    background-color: #2b7f9f;
    color: #fff;
}

.samhsa {
    background-color: #415841;
    color: #fff;
}

.necc {
    background-color: #2a2d2f;
    color: #fff;
}

.q1 {
    background-color: #5bae44;
    color: #fff;
}

.q2 {
    background-color: #cccc00;
    color: #fff;
}

.q3 {
    background-color: #376092;
    color: #fff;
}

.q4 {
    background-color: #93cddd;
    color: #fff;
}

.q5 {
    background-color: #990099;
    color: #fff;
}

.q6 {
    background-color: #ff99ff;
    color: #fff;
}

.q7 {
    background-color: #e46c0a;
    color: #fff;
}

/* Found Projects and Display Projects */

.projects-found-display-wrapper {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}
.projects-found {
    color: #444;
    float: left;
    font-size: 100%;
    font-weight: bold;
    margin-top: 4px;
    padding: 0;
}

.funding-found {
    padding-left: 20px
}

.projects-found-total {
    margin: 0 0 2px 230px;
}

.records-found {
    float: right;
    margin-right: 10px;
}

.display-projects {
    color: #333;
    float: right;
    font-size: 83%;
}

.display-projects select {
    background: #f5f5f5;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    font-size: 100%;
    margin: 0;
    padding: 2px 2px 2px 2px;
    width: 55px;
}

.highlight-box-gray {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 3px 3px 3px 6px;
    margin-bottom: 10px;
}

.highlight-box-gray .section-header {
    color: #444;
    margin: 7px 0 7px 0;
    padding: 0;
}

.section-header-right {
    float: right;
}

/* General Tab Structure */

#funding-projects .tab-item#projects-tab,
#funding-funders .tab-item#funders-tab,
#funding-federal-private .tab-item#federal-private-tab,
#funding-questions .tab-item#questions-tab,
#funding-multiyear .tab-item#multiyear-tab,
#funding-objectives .tab-item#objectives-tab,
#funding-subcats .tab-item#subcats-tab,
#funding-geography .tab-item#geography-tab,
#funding-pis .tab-item#pi-tab,
#funding-projects .tab-item#projects-tab a.tab-link:hover,
#funding-funders .tab-item#funders-tab a.tab-link:hover,
#funding-federal-private .tab-item#federal-private-tab, a.tab-link:hover,
#funding-questions .tab-item#questions-tab a.tab-link:hover,
#funding-multiyear .tab-item#multiyear-tab a.tab-link:hover,
#funding-objectives .tab-item#objectives-tab a.tab-link:hover,
#funding-subcats .tab-item#subcats-tab a.tab-link:hover,
#funding-geography .tab-item#geography-tab a.tab-link:hover,
#funding-pis .tab-item#pi-tab a.tab-link:hover{   
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #05a;
}

.tab-item { 
    background: #b7cce2;
    border: 1px solid #ddd;
    border-left: none;
    float: left;
    margin: 0;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.tab-link {
    color: #4777a7;
    display: block;
    border: 1px solid #fff;
}

a.tab-link:hover {
    background: #e5e5e5;
    text-decoration: none;
}

.tabs-two {
    font-size: 100%;
}

.tab-wrapper-shadow {
    background: url(/images/funding/data/954px-shadow2.png) no-repeat top center;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    width: 954px;
}

.tab-mobile-dropdown {
    display: none;
}

.funders-chart-box,
.questions-chart-box {   
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;    
}

/* Image Map scaling */

.image-map {
    border: none;   
    height: 100%;
    margin-top: 10px;
    padding: 0;
    width: 100%;
}

.sliding-content-more {  
    margin: 0;
    padding: 0;
}

.expand-collapse-more {
    margin: 0;
    padding: 0;
}

/* Dropdowns */

.funders-dropdown select {
    background: #f5f5f5 no-repeat right;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    font-size: 97%;
    margin-bottom: 8px;
    padding: 2px 2px 2px 5px;
    width: 450px;
}

.questions-dropdown select,
.objective-dropdown select,
.subcategories-dropdown select,
.cumulative-dropdown select {
    background: #f5f5f5 no-repeat right;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    font-size: 96%;
    margin-bottom: 8px;
    padding: 2px 2px 2px 5px;
    width: 290px;
}

.geography-dropdown {
    display: none;
}

/*--- Miscellaneous Styles ---*/

.color-dot,
.status-dot-green,
.status-dot-pale-green,
.status-dot-pale-yellow,
.status-dot-yellow,
.status-dot-red {
    vertical-align: bottom;
}

.mobile-tab-heading,
.mobile-tab-divider,
.separate-header-cell,
.mobile-specific-cell {
    display: none;
}

.reference {
    border-bottom: 1px solid #ccc;
    font-size: 80%;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

.hide-desktop {
    display: none;
}

.note-alert {
    background: #FDF8EE;
    border: 1px solid #F7EACD;
    color: #333;
    font-size: 110%; 
    margin-bottom: 10px;
    padding: 5px;    
}

.sub-header-right {
    color: #000;
    float: right;
    font-size: 75%;
    font-weight: normal;
    margin: 0 0 7px 0;
    padding: 0;
}

.content-box {
    background: #fff;
    border: 1px solid #ddd;  
    margin: 0;
    padding: 15px 15px 7px 15px;
    width: auto;
}

.table-description {
    color: #333;
    font-size: 85%;
    margin: 0;
}

.objective-description {
    color: #505050;
    font-size: 91%;
    margin: 0;
    padding-bottom: 10px;
}

/*----------------------------------
	MEDIA QUERY
-----------------------------------*/

@media screen and (max-width: 1920px) {
    
    .iacc-logo-mobile-container,
    .ard-logo-mobile-container,
    .oarc-logo-mobile-container {
        height: 1px;
        left: -9000px;
        position: absolute;       
        width: 1px;    
    }
    
    nav ul li.utility {
        height: 1px;
        left: -9000px;
        position: absolute;        
        width: 1px;        
    }
}

@media screen and (max-width: 1280px) {
    .iacc-logo-mobile-container,
    .ard-logo-mobile-container,
    .oarc-logo-mobile-container {
        position: absolute;
        left: -9000px;
        width: 1px;
        height: 1px;
    } 
}

@media screen and (max-width: 768px) {
    
    body {
        background: #fff;
        margin: 0;
        padding: 0;
    }
        
    /*--------------------------------------------------
        Header Styles: Navigation, Links, and Search
    --------------------------------------------------*/
    
    .section-header {
        text-align: center;
    }
    
    .section-header-right {
        display: block;
        float: none;
        padding: 6px 0 10px 0;
        text-align: center;        
    }
    
/*    .sub-header {
        display: none;
    }*/
    
    .sub-header-right {
        float: right;
        font-size: 80%;
        font-weight: normal;
        color: #000;
        margin: 0 8px 7px 0;
        padding: 0;
    }    
    
    .ard-description {
        width: 100%;
        padding: 6px 0;
        margin: 0;
        border-top: 1px solid #C0C0C0;
    }
    
    .ard-description-bottom {
        padding-top: 0;
    }
    
    /*--------------------------------------------------
            Fiscal Year Dropdown and Search Styles
    --------------------------------------------------*/
    
    .fiscalyear-box {      
        margin: 0 0 15px 0;
        width: auto;
    }
    
    .search-wrapper input {
        background: #fff;
        color: #808080;;
        font-size: 90%;
        margin-left: 10px;
        max-width: 50%;
        padding: 3px 3px 2px;
        width: auto;       
    }
    
    .search-wrapper .search-btn {
        border: none;
        border-radius: 3px;
        margin: 2px;       
        padding: 0;
        vertical-align: top;
    }
    
    .mobile-search {
        background: #05a;
        display: block;
        padding: 8px 8px 8px 17px;
    }
    
    .mobile-search input[type=text] {
        width: 70%;
    }
            
    .iacc-logo-mobile-container {
        bottom: 0;
        float: left;
        height: 40px;
        left: 0;
        margin: 5px 0 0 7px;
        padding: 0;
        position: absolute;
        top: 0;
        width: 70px;
        z-index: 999;
    }
    
    .ard-logo-mobile-container {
        bottom: 0;
        float: left;
        height: 34px;
        left: 80px;
        margin: 19px 0 0 2px;
        padding: 0;
        position: absolute;
        top: 0;
        width: 120px;
        z-index: 999;
    }
    
    .oarc-logo-mobile-container {
        bottom: 0;
        float: right;
        height: 38px;
        left: 0;
        margin: 8px 9px 0 10px;
        padding: 0;
        position: relative;
        top: 0;
        width: 101px;
        z-index: 999;
    }
        
    .fiscalyear-funders-dropdown select {
        background: #f5f5f5 url(/images/funding/data/dropdown-arrow.png) no-repeat right;
        border: 1px solid #333;
        color: #333;
        float: left;
        font-size: 100%;
        margin: 10px 0 7px 12px;
        padding: 2px 25px 2px 5px;
        width: 45%;
    }
    
    .fiscalyear-questions-dropdown select {
        background: #f5f5f5 url(/images/funding/data/dropdown-arrow.png) no-repeat right;
        border: 1px solid #333;
        color: #333;
        float: left;
        font-size: 100%;
        margin: 10px 0 7px 8px;
        padding: 2px 25px 2px 5px;
        width: 45%;
    }    
       
    
    /* ------------------------------------
            Content Area
    --------------------------------------*/
            
    /* Main Headers and Containers */
    
    .main-container {
        background: none;
        background-color: #fff;
    }
    
    .content-box {
        border: none;
        margin: 10px 15px 0 0;
        padding: 0;       
    }

    .main-header {
        margin: 0;
        padding: 7px 0 8px 0;
        border-bottom: 1px solid #ddd;
    }    
    
    .section-header {
        clear: both;
        color: #333;
        font-size: 160%;
        line-height: 1.2em;
        margin: 0 8px 3px;
        padding: 0;
    }
       
    
    /* Tab Styles */
    
    .tab-content-container-one .tab-content-holder {
        border: 1px solid #ddd;
        border-top: none;
        padding: 0 0 12px 0;
    }
    
    .tab-container .tab-content-holder {
        padding: 0;
    }
    
    .tab-content-container {  
        border: none;
        margin: 0;
        padding: 0;
    }     
    
    .tab-mobile-dropdown {
        display: block;
        margin-bottom: 12px;
    }
    
    .tab-mobile-dropdown select {
        background: #05a no-repeat right;
        border: 1px solid #05a;
        border-radius: 3px;
        color: #fff;
        font-size: 110%;
        margin: 0;
        padding: 3px;
        width: 100%;
    }
    
    .mobile-tab-heading,
    .mobile-tab-divider {
        display: block;
    }
    
    #tab2 {
        display: none;
    }    

    /* Table Styles */

    .header {
        display: none;
    }
    
    .table-header {
        background: #69c;
        color: #fff;
        display: block;
        font-size: 120%;
        font-weight: bold;        
        margin: 0;
        padding: 6px 2px 6px 8px;        
    }   

    .table-header-gray {
        background: #eee;
        color: #555;
        display: block;
        font-size: 100%;
        font-weight: bold;        
        margin: 0;
        padding: 6px 0 6px 8px;
    }
    
    .mobile-lead-header.table-header-gray {
        background: #69c;
        color: #fff;
    }
    
    .table-header-darkgray {  
        background: #bbb;
        color: #444;
        display: block;
        font-size: 120%;
        font-weight: bold;        
        margin: 0;
        padding: 6px 0 6px 8px;        
    }      

    .data-table td.cum-col1,
    .data-table td.sub-col1,
    .data-table td.obj-col1,
    .data-table td.geo-col1 {
        width: 100%;
    }
        
    .data-table {
        border: 1px solid #ddd;
    }

    .cell-currency {
        text-align: left;
    }
    
    .desktop-column {
        display: none;
    }
    
    .cell-text {
        background: #fff;
        border: none;
        display: block;
        font-size: 93%;      
    }
    
    .mobile-child-cell {
        background-color: #c2c2c2; 
        text-align: left;
    }
        
    .funder-cell, .pi-cell {
        width: auto;
    }
    
    .pagination-header-cell.cell {
        display: none;
    }
    
    .cell {
        padding: 0;
    }
    
    .project-checkbox {
        display: none;
    }  
          
    .mobile-cell-text,
    .hybrid-cell-text {
        color: #333;
        display: block;
        font-size: 100%;
        line-height: 1.3em;        
        padding: 6px 0 6px 8px;
    }
    
    .desktop-only-cell, 
    .desktop-only-cell.cell, 
    .desktop-only-cell.mobile-cell-text {
        display: none;
    }
    
    .cell-currency {
        text-align: left;
    }   
    
    .table-description {
        padding-top: 8px;
    }
    
    /* Miscellaneous Styles */
    
    .mobile-tab-divider,
    .mobile-tab-heading,
    .fiscalyear-shadow,
    .tab-wrapper-shadow,
    .footer-shadow {
        display: none;
    }    

    .fiscalyear-title {
        text-align: center;
    }

    .expand-collapse {
        float: right;
    }
    
    .projects-found-display-wrapper {
        float: left;
        margin: 10px 0 8px 0;
        width: 100%;
    }
    
    .projects-found {
        float: left;
        margin: 0 0 2px 0;      
        width: 100%;
    }
    
    .projects-found-total {
        float: right;
        margin: 0 0 2px 0;
    }    
    
    .display-projects,
    .desktop-tabs,
    .funding-tool-header,
    .funding-tool-img {
        display: none;
    }
    
    .records-found {
        float: left;
    }
    
    .hide-desktop {
        display: block;
    }   
    
    .flex-break {
        display: none;
    }
    
    .multiyear-box,
    .objective-box,
    .subcategories-box,
    .geography-box {
        padding-top: 16px;
    }
    
    .objective-dropdown {
        padding-top: 13px;
        text-align: center;
    }
    
    .objective-description {
        font-size: 100%;
        padding: 10px 0 0 0;
    }
    
    #pie-chart,
    #pie-funders,
    #pie-questions,
    #pie-objectives1,
    #pie-objectives2,
    #pie-objectives3,
    #pie-objectives4,
    #pie-objectives5,
    #pie-objectives6,
    #pie-objectives7,
    #pie-subcategories1,
    #pie-subcategories2,
    #pie-subcategories3,
    #pie-subcategories4,
    #pie-subcategories5,
    #pie-subcategories6,
    #pie-subcategories7 {        
        height: auto;
        padding: 0;
        width: 100%;
    }
        
    .tab-container-one {
        width: 100%;
    }

    .funding-found {
        padding: 7px 0 7px 0;
    }
    
    .state-dropdown select,
    .country-dropdown select,
    .funders-dropdown select,
    .subcategories-dropdown select,
    .objective-dropdown select,
    .cumulative-dropdown select {
        font-size: 110%;
        margin: 2px 2px 8px 2px;
        max-width: 100%;
        width: auto;       
    }
}

/*----------------------------------
	MEDIA QUERY 640px
-----------------------------------*/

@media screen and (max-width: 667px) {
    
    .mobile-tab-divider {
        display: block;
    }
    
    /* Header Styles */
    
    .main-header {
        font-size: 130%;
        line-height: 1.1em;
        margin: 0;
        padding: 7px 0 8px 0;
        text-align: center;
    }
    
    .section-header {
        font-size: 120%;
    }
    
    .sub-header {
        text-align: center;
        font-size: 112%;
        margin-top: 7px;
    }
            
    .sub-header-right {
        display: block;
        font-size: 63%;
        float: none;
        padding-top: 9px;
        text-align: center;       
    }
    
    .ard-logo-mobile {
        height: 24px;
        width: 135px;
    }

    .ard-logo-mobile-container {
        margin: 22px 0 0 2px;
    }
    
    /* Fiscal Year and Search */

    .fiscalyear-funders-dropdown {
        margin-top: 5px;
        padding: 0;
    }  
      
    .fiscalyear-funders-dropdown select,
    .fiscalyear-questions-dropdown select {
        background: #f5f5f5 url(/images/funding/data/dropdown-arrow.png) no-repeat right;
        border: 1px solid #333;
        color: #333;
        font-size: 100%;
        margin: 0 0 9px 9px;
        padding: 2px;
        width: 95%;
    }
    
    .search-wrapper input {
        margin: 10px 0 5px 9px;
        max-width: 80%;
        width: auto;
    }
            
    .search-wrapper {
        text-align: center;
    }
    
    .mobile-search-box {
        background-color: #e6aa24;
    }
    
    .search-wrapper .search-btn {
        border: none;
        border-radius: 3px;
        margin: 10px 0 5px 2px;
        vertical-align: top;
        padding: 0;
    }
    
    /* Table Styles */
        
    .mobile-cell-text,
    .hybrid-cell-text {
        font-size: 120%;
    }        
    
    .table-description {
        font-size: 81%;
    }
    
    .table-header-gray {
        font-size: 120%;
    }
    
    .objective-dropdown {
        font-size: 77%;
    }
    
    /* Dropdowns */
    
    .geography-dropdown {
        display: block;
        margin: 0;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }
    
    .geography-dropdown select {
        background: #f5f5f5 url(/images/funding/data/dropdown-arrow.png) no-repeat right;
        border: 1px solid #999;
        border-radius: 3px;
        color: #333;
        font-size: 110%;
        margin: 0;
        padding: 2px 25px 2px 5px;
    }
    
    /* Tabs Styles */
    
    .tab-content-holder,
    .tab-content-container-two {
        border: none;
    }
    
    .tab-content-container {
        border: none;
        border-radius: 3px;
    }   
    
    .tab-container img {
        padding: 0;
    }
        
    /* Miscellaneous */    
    
    .desktop-tabs,
    .funding-tool-header,
    .funding-tool-img,
    .usmap,
    .worldmap {
        display: none;
    }   

    .geography-dropdown-wrapper {
        width: auto;
        max-width: 80%;
    }
    
    .funding-tool-text-container {
        width: 100%;
    }
           
    #pie-chart,
    #pie-funders,
    #pie-questions,
    #pie-objectives1,
    #pie-objectives2,
    #pie-objectives3,
    #pie-objectives4,
    #pie-objectives5,
    #pie-objectives6,
    #pie-objectives7,
    #pie-subcategories1,
    #pie-subcategories2,
    #pie-subcategories3,
    #pie-subcategories4,
    #pie-subcategories5,
    #pie-subcategories6,
    #pie-subcategories7 {
        display: none;
    }
    
    .ard-description {
        font-size: 77%;
    }

}

/*----------------------------------
	MEDIA QUERY 480px
-----------------------------------*/

@media screen and (max-width: 480px) {
    
    .fiscalyear-dropdown,
    .expand-collapse {
        text-align: center;
        width: 100%;
    }   
}