/* McTabs - menucool.com */

ul.mctabs
{
    height:20px; /* height #1 */
    text-align:left; /*set to left, center, or right to align the tabs as desired*/    
    font-size:0;
    margin:0;padding:0;
    list-style-type:none;
}
        
ul.mctabs li
{
    display:inline;
    margin:0;padding:0;
    margin-right:0px; /*distance between tabs*/
}
        
ul.mctabs li a
{
    padding:0 3px; /* edit 16px for different tab width */
    display:inline-block;    
    font:normal 12px Verdana;
    line-height:20px;/* height #1 */
    text-decoration: none;
    color:#222; 
    border:1px solid #3399FF; /*This color can be different from color #2 */
    border-bottom:1px solid #000;    
    background: #d2ebf9; /* Old browsers */
    background: -moz-linear-gradient(top, #d2ebf9 0%, #feffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d2ebf9 0%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d2ebf9 0%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebf9', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
    outline:none;
    border-radius:6px 6px 0 0;
    position:relative;
}
        
ul.mctabs li a:link, ul.mctabs li a:visited
{
    color:#222;
}
        
ul.mctabs li a:hover
{
    color:blue;
    border-color: #DDD; /*color #1*/
    background: #add9e4; /* Old browsers */
    background: -moz-linear-gradient(top, #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
    border:1px solid #000; /*This color can be different from color #2 */
    border-bottom:1px solid #000;   
    border-color:blue; /*color #1*/     
}

ul.mctabs li a:active
{
    color:red;
    border-color: #DDD; /*color #1*/
    background: #add9e4; /* Old browsers */
    background: -moz-linear-gradient(top, #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
    border:1px solid #000; /*This color can be different from color #2 */
    border-bottom:1px solid #000;   
    border-color:red; /*color #1*/     
}
  
/*selected tab style */
ul.mctabs li.selected a
{
    color:black;
    font-weight:bold;
    border-color:#DDD; /*color #1*/
    background: #add9e4; /* Old browsers */
    background: -moz-linear-gradient(top, #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
    border:2px solid #3399FF; /*This color can be different from color #2 */
    border-bottom:1px solid #000;    
}   
        
/*selected tab style on hover */
ul.mctabs li.selected a:hover
{
    text-decoration:none;
    color:blue;
    border-color: #DDD; /*color #1*/
    background: #add9e4; /* Old browsers */
    background: -moz-linear-gradient(top, #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
    border:2px solid #000; /*This color can be different from color #2 */
    border-bottom:1px solid #000;   
    border-color:blue; /*color #1*/     
}

ul.mctabs li.selected a:active
{
    text-decoration:none;
    color:red;
    border-color: #DDD; /*color #1*/
    background: #add9e4; /* Old browsers */
    background: -moz-linear-gradient(top, #add9e4 0%, #d9edf2 60%, #f7fbfc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #add9e4 0%,#d9edf2 60%,#f7fbfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#add9e4', endColorstr='#f7fbfc',GradientType=0 ); /* IE6-9 */
    border:2px solid #000; /*This color can be different from color #2 */
    border-bottom:1px solid #000;   
    border-color:red; /*color #1*/     
}

/* container of content panels */
div.panel-container
{
    border:1px solid #DDD; /*color #1*/ 
    border-radius:6px;
    background-color:white; /*color #2*/
    position:relative;    
    padding:0px; margin:0px;
}

/* content panel */       
div.panel-container > div
{
    padding:30px 26px;
    
    /* The two settings below should not be changed. */
    display: block;
    margin:0px;
}

/* loading image before ajax content is retrieved. Only applicable when Ajax is used.*/
div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; font-size:0;padding:0; margin:0; }