/* TAB MENU   
----------------------------------------------------------*/
#activeTab { display: none; }
div.tabMenu
{
   background-color: #00457c;
   margin: 0px 0px 0px 0px;
   border-right: 1px solid #00457c;
   width: 100%;
   padding: 0px 0px 0px 20px;
}

div.tabMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.tabMenu ul li
{
    display: inline;
    position: relative;
    top: 4px;
}

div.tabMenu ul li a, div.tabMenu ul li a:visited
{
    display: inline-block;
    line-height: 1.35em;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
    white-space: nowrap;
    color: #ffffff;
}

div.tabMenu ul li a:hover
{
    background-color: #eeeeee;
    color: #465c71;
    text-decoration: none;
}

div.tabMenu ul li a:active
{
    background-color: #bbbbbb;
    color: #205c8c;
    text-decoration: none;
}

div.tabMenu ul li.selected a, div.tabMenu ul li.selected a:visited
{
    background-color: #ffffff;
    color: #205c8c;
    text-decoration: none;
}

div.tabMenu ul li a span.text, div.tabMenu ul li.selected a span.text
{
    display: table-cell;
    font-weight: bold;
    font-size: 16px;
    text-transform: lowercase;
    vertical-align: middle;
}

div.tabMenu ul li a span.desc, div.tabMenu ul li.selected a span.desc
{
    font-weight: normal;
    font-size: 16px;
    text-transform: lowercase;
}

div.tabMenu ul li a span.icon, div.tabMenu ul li.selected a span.icon
{
    display: table-cell;
    width: 40px;
    height: 40px;
}

#dashboardTab a span.icon
{
	background-image: url('images/icons/dashboard.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#dashboardTab a:hover span.icon, #dashboardTab.selected a span.icon
{
	background-position: bottom right;
}

#proposalsTab a span.icon
{
	background-image: url('images/icons/leads.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#proposalsTab a:hover span.icon, #fundraiserTab.selected a span.icon
{
	background-position: bottom right;
}


#leadsTab a span.icon {
    background-image: url('images/icons/leadstablogo.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#leadsTab a:hover span.icon, #fundraiserTab.selected a span.icon {
    background-position: bottom right;
}

#fundraiserTab a span.icon
{
	background-image: url('images/icons/fundraisers.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#fundraiserTab a:hover span.icon, #fundraiserTab.selected a span.icon
{
	background-position: bottom right;
}

#reportsTab a span.icon
{
	background-image: url('images/icons/reports.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#reportsTab a:hover span.icon, #reportsTab.selected a span.icon
{
	background-position: bottom right;
}

#statisticsTab a span.icon
{
	background-image: url('images/icons/stats.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#statisticsTab a:hover span.icon, #statisticsTab.selected a span.icon
{
	background-position: bottom right;
}

#calendarTab a span.icon
{
	background-image: url('images/icons/calendar.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#calendarTab a:hover span.icon, #calendarTab.selected a span.icon
{
	background-position: bottom right;
}

#mediaTab a span.icon
{
	background-image: url('images/icons/media.png'); 
	background-repeat: no-repeat;
	background-position: top left;
}

#mediaTab a:hover span.icon, #mediaTab.selected a span.icon
{
	background-position: bottom right;
}

#echecksTab a span.icon {
    vertical-align: top;
    font-size: 1.1rem;
    padding-top: 2px;
}

#echecksTab a span.icon .fa-money-check {
    color: #205c8c;
}

#echecksTab.selected a span.icon .fa-money-check {
    color: #ffffff;
}


#adminTab a span.icon {
    background-image: url('images/icons/admin.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#adminTab a:hover span.icon, #adminTab.selected a span.icon
{
	background-position: bottom right;
}