#tabselector

{
margin-bottom:-25px;

margin-top:1.5em;
}




ul.tabs
{

    padding: 7px 0;
	padding-left:20px;
position:relative;
    margin:0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
	
	margin-top:1em;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{

    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
 border-bottom:0px !important;
    color: #444444;
background:#323232;
    border-radius: 3px 3px 0 0;
    outline:none;
	color:#ffffff;

}
        
ul.tabs li a:visited
{
    color: #ffffff;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;

}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
       background: rgba(246, 246, 246, 0.8);
    border: 1px solid #B7B7B7;

	color:#323232;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}


/* Portrait tablet to landscape and desktop */
/*@media (min-width: 920px) and (max-width: 979px) {


	ul.tabs
	
	{
		margin-bottom:-1em;
	}
	

	
	ul.tabs li
{
    display: block;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
	/* margin-bottom:1em;
	
}





	}
*/



     
	 /* *******************************************************************************************      mobile responsive css */

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	
	ul.tabs
	
	{
		margin-bottom:-1em;
	}
	

	
	ul.tabs li
{
    display: block;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
	margin-bottom:1em;
	
}
	
ul.tabs li a
{

    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    color: #444444;
background:#323232;
    border-radius: 3px 3px 0 0;
    outline:none;
	color:#ffffff;

}


	#tabselector

{
margin-bottom:-40px;

margin-top:1.5em;
}

	
	
}