﻿/* McTabs - menucool.com */
.container1
{
	width: 430px;
	/*background-color: #0f200f;*/
}

.container2
{
	width: 430px;
	background-color:#252318;
}

.container3
{
	width: 430px;
	background-color:#3e0203;
}

.container4
{
	width: 430px;
	background-color:#14161d;
}

.container5
{
	width: 430px;
	background-color:#1b1615;
}

ul.mctabs
{
    height:24px; /* height #1 */
    text-align:center; /*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; /*distance between tabs*/
}
        
ul.mctabs li a
{
    padding:0 18px; /* edit 16px for different tab width */
    display:inline-block;    
    font:normal 12px 'Josefin Sans', sans-serif;
    line-height:24px;/* height #1 */
    text-decoration: none;
    color:#CCC;
    /*border:1px solid #CCC; /*This color can be different from color #2 
    border-bottom:none;
    background:#F0F0F0 url(tabbg.gif) 0 0 repeat-x;
    outline:none;
    border-radius:3px 3px 0 0;*/
    position:relative;
}
        
ul.mctabs li a:link, ul.mctabs li a:visited
{
	color:#CCC;
}
  
/*selected tab style */
ul.mctabs li.selected a
{
    color:#fff;
    font-weight:bold;
    z-index:3;
}   
        
/*selected tab style on hover */
ul.mctabs li.selected a:hover
{
    text-decoration:none;
}

/* container of content panels */
div.panel-container
{
   position:relative;    
    padding:0px; margin:0px;
}

/* content panel */       
div.panel-container > div
{    
    /* 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(../images/loading.gif) no-repeat center center; height:150px; font-size:0;padding:0; margin:0; }
