@charset "UTF-8";

.TabbedPanels {

	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%;}
	
.TabbedPanelsTabGroup {
	clear: both;
	margin-top:-4%;
	margin-left:70%;
	position:fixed;
	padding: 0px;
	height:auto;
	background-color:#333;
}

.TabbedPanelsTab {
	
	float:left;
	padding:10px 10px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-size:16px;
	color:#FFF;

}

.TabbedPanelsTabHover {
	
}


.TabbedPanelsTabSelected {
	text-decoration:underline;	

}
.TabbedPanelsTab a {
	
	background-color:#FFF;
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	background-color:#E1E1E1;
}

.TabbedPanelsContent {
	overflow: hidden;

}

.TabbedPanelsContentVisible {
	
}

.VTabbedPanels {
	
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	/*width: 10em;
	height: 20em;*/

	
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {

	
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	/*width: 30em;
	height: 20em;*/
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}

}
 @media(max-width : 1500px){
  .TabbedPanelsTab{
	font-size:11px;}	
		
  
} 
@media(max-width : 800px){
	.TabbedPanelsTabGroup{
		margin-top:-17px;
		margin-left:50%;
		padding:0px 0px;}
  .TabbedPanelsTab{
	
	font-size:6px;
	padding:5px 3px;
	
	}

	   	  
   }
   @media(max-width : 300px){
  .TabbedPanelsTab{
	font-size:5px;}	
	  .TabbedPanelsTabGroup{
		
		
   }
}