.tab-container
{
	& .tabs
	{
		padding: 0;
		margin: 0;
				//background-color: $infoColor;
		padding-left:10px;
		border-bottom:solid 1px #c9c7c7;
		background-color:#eeeff2;
		padding-top:10px;
		@include mq($to : phone){text-align: center};
	}
	& .tab-title
	{
		@include mq($to : phone){float: none};
	}
	& .tab-title > .light-title
	{
		font-style: italic;
		font-size: 1.8em;
		padding-top: 6px;
	}
	& .tab
	{
		
		//background: none repeat scroll 0 0 #EEEEEE;
	   // border-color: #999999;
	   // border-image: none;
	   // border-style: solid solid none;
	  //  border-width: 1px 1px medium;
	    display: inline-block;
	    @include mq($to: phone){display: block};
	    padding:8px;
	    
	    //border-right:solid 1px $menuColor;
	    
		&.active
		{
			 //background: none repeat scroll 0 0 #FFFFFF;
			// border-color: #666666;
			//background: rgba(255, 255, 255, 0.25);
			padding-top: 6px;
			position: relative;
			top: 1px;
			@include mq($to : phone){position: static}
			border-left:solid 1px #c9c7c7;
			border-right:solid 1px #c9c7c7;
			border-bottom:solid 1px #fff;
			background-color: #fff;
			&:before
			{
				content: "";
				position: absolute;
				width: 100%;
				height: 4px;
				background-color: $infoColor;
				top:0;
				left:0;
			}
		}
		
		& a
		{
			display: block;
		    font-size: 14px;
		    line-height: 2em;
		    outline: medium none;
		    padding: 0 10px;
		    text-decoration: none;
		   // color: #999999;
		   color:#555;
		    
		    &.active
		    {
			    font-weight: bold;
			    //color: #696969;
		    }
		    &:hover
		    {
			    //color: #696969;
		    }
		}
	}
	& .panel-container
	{
		//background: none repeat scroll 0 0 #FFFFFF;
		//border: 1px solid #666666;
		//padding: 10px;
		background-color:#fff;
		padding: 0 4px;	
	}
}