body, html {
		height:100%;
		width:100%;
		margin::3px 3px 3px 3px;
	}
    ul{
		list-style-type:none;
	}
	tr.gaugepnl
	{
		/*font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
		background-color: rgba(0,0,0,0.6);
		color:white; */
	}

	a
	{
		text-decoration:none;
		color:navy;
	}
	
	a:hover
	{
		color:blue;
	}
	
	div.gaugesrow
	{
		overflow:hidden;
 		clear:both;
 		float:left;
 		display:inline-block;
 		position:relative;
 		height:60px;
 		width:100%;
 		text-align:center;
	}

	div.gauge
	{
		float:left;
		display:inline-block;
		margin:10px;
		position:relative;
		background-color: #F3F3F3;/* transparent;*/
		box-shadow: 3px 3px 2px #888888;
		color:#363636;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
		font-weight:bold;
		font-size: 26px;
		text-align:right;
		padding-right:10px;
		padding-bottom:0px;
		padding-left:0px;
		padding-top:0px;
		border:thin #E1E1E1 solid;
		border-radius: 3px; 
		width: 120px;
		height: 40px;
		transition:width 0.3s;
	}
	div.gauge:hover
	{
	/*	width:200px;*/
	
	
	}
	div.content
	{
		height:calc(100% - 68px);
		background-color:RGB(240,240,240);
		transition:opacity 0.4s ease;
	}
	#contentleft
	{
		clear:both;
		float:left;
		width:30%;
		min-width:200px;
		padding-right:2px;
		opacity: 1;	
		border-right:thin grey solid;
	}
	#contentright
	{
		position:relative;
		float:left;
		width:70%; /*70%*/
		padding-left:2px;
	}
	
	#player_1
	{
		transition-duration:0.6s;
		transition-timing-function:ease;
	}
	#player_1:hover
	{
		/*perspective: 1000;
		transform-style: preserve-3d;
		transform:rotateY(180deg);*/
	}
	
	div.slidebutton
	{
		margin:0px;
		position:relative;
		background-color: transparent;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
		font-weight:bold;
		font-size: 18px;
		padding: 1px 1px 1px 1px;
		width: 120px;
		height: 22px;
		vertical-align:middle;
		display:inline-block;
	}
    li.horz
    {
        display: inline-block;
    }
    div.navbtn
    {
    	width:100px;
    	height:25px;
    	border-left: 1px solid RGB(200,200,200);
    	border-right: 1px solid RGB(200,200,200);
    	text-align:center;
    	font-size: 14px;
    	font-family: "Segoe UI", Tahoma, Geneva, Verdana, Sans-Serif;
    	white-space: nowrap;
    }
    div.navbtn:hover
    {
    	background-color: RGB(240,240,240);
    }
    li.navbtn
    {
    	width:100px;
    	height:25px;
    	border-left: 1px solid RGB(200,200,200);
    	border-right: 1px solid RGB(200,200,200);
    	text-align:center;
		margin-left:0px;
    	font-size: 14px;
    	font-family: "Segoe UI", Tahoma, Geneva, Verdana, Sans-Serif;
    	white-space: nowrap;
		display:block;
		float:left;    
	}
    li.navbtn:hover
    {
    	background-color: RGB(240,240,240);
    }
    li.navbtncompact
    {
    	width:25%;
    	height:100%;
    	border-left: 1px solid RGB(200,200,200);
    	border-right: 1px solid RGB(200,200,200);
    	text-align:center;
		margin-left:0px;
		font-weight:bold;
    	font-size: 22px;
    	font-family: "Segoe UI", Tahoma, Geneva, Verdana, Sans-Serif;
    	color:white;
    	white-space: nowrap;
		display:block;
		float:left;    
	}
    li.navbtncompact:hover
    {
    	background-color: RGB(20,20,20);
    	color:red;
    }
    li.navbtncompact a
    {
    	display:block;
    	width:100%;
    	height:100%;
    	text-decoration:none;
    	color:inherit;
    } 
    ul.navbar
    {
    	list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
      
    div.slidercontainer
    {
		clear:both;
		float:left;
		width:100%;
		padding:5px;
		background-color:RGB(170,170,170);
		color:RGB(5,5,5);
		height:30px;
		vertical-align:middle;
	}
	
	input.sliderbar
	{
		width:100%;
		height:20px;
		margin-left:0px;
		padding:0px;
		top:5px;
	}
	
	img.avatar
	{
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
	}