span.R
{
	display:block;
	width:80px;
	height:80px;
	background-color:#ff0000;
	border-radius:40px 40px 40px 40px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(255,0,0,1);

}
span.noR
{
	display:block;
	width:80px;
	height:80px;
	background-color:#3f0000;
	border-radius:40px 40px 40px 40px;
	margin:5px;
}
span.Y
{
	display:block;
	width:80px;
	height:80px;
	background-color:#ffff00;
	border-radius:40px 40px 40px 40px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(255,255,0,1);
}
span.noY
{
	display:block;
	width:80px;
	height:80px;
	background-color:#3f3f00;
	border-radius:40px 40px 40px 40px;
	margin:5px;
}
span.G
{
	display:block;
	width:80px;
	height:80px;
	background-color:#00ff00;
	border-radius:40px 40px 40px 40px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(0,255,0,1);
}
span.noG
{
	display:block;
	width:80px;
	height:80px;
	background-color:#002f00;
	border-radius:40px 40px 40px 40px;
	margin:5px;
}
span.SR
{
	display:block;
	width:20px;
	height:20px;
	background-color:#ff0000;
	border-radius:10px 10px 10px 10px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(255,0,0,1);

}
span.SnoR
{
	display:block;
	width:20px;
	height:20px;
	background-color:#3f0000;
	border-radius:10px 10px 10px 10px;
	margin:5px;
}
span.SY
{
	display:block;
	width:20px;
	height:20px;
	background-color:#ffff00;
	border-radius:10px 10px 10px 10px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(255,255,0,1);
}
span.SnoY
{
	display:block;
	width:20px;
	height:20px;
	background-color:#3f3f00;
	border-radius:10px 10px 10px 10px;
	margin:5px;
}
span.SG
{
	display:block;
	width:20px;
	height:20px;
	background-color:#00ff00;
	border-radius:10px 10px 10px 10px;
	margin:5px;
	box-shadow:0px 0px 20px rgba(0,255,0,1);
}
span.SnoG
{
	display:block;
	width:20px;
	height:20px;
	background-color:#002f00;
	border-radius:10px 10px 10px 10px;
	margin:5px;
}
span.smalluser
{
	display:inline-block;
	min-width:80px;
	margin:0px 10px 10px 0px; 
	
}
span.mystatus
{
	display:inline-block;
	float:left;
	margin:0px 10px 10px 0px; 
	
}

span.bar 
{
	display: block;
	width:100%;
	height:20px;
}
span.bar span.red
{
	display:inline-block;
	background-color:red;
}
span.bar span.yellow
{
	display:inline-block;
	background-color:yellow;
}
span.bar span.green
{
	display:inline-block;
	background-color:#00ff00;
}


@media screen and (min-device-width:482px) {
	span.txtbar 
	{
		margin:0px 0px 0px 0px;
		font:90%/120% 'Header', Timesroman, Times, TimesNewRoman, serif;
	}
}
@media screen and (max-device-width:481px) {
	span.txtbar 
	{
		margin:0px 0px 0px 0px;
		font:90%/120% 'Header', Timesroman, Times, TimesNewRoman, serif;
	}
}
span.txtbar span.red
{
	padding:5px 10px 0px 10px;
	display:block;
	height:85px;
	text-align:left;
	font-weight:bold;
	overflow:auto;
}
span.txtbar span.nored
{
	padding:5px 10px 0px 10px;
	display:block;
	height:85px;
	text-align:left;
	font-weight:normal;
	opacity:0.3;
	overflow:hidden;
}
span.txtbar span.yellow
{
	padding:5px 10px 0px 10px;
	display:block;
	height:85px;
	text-align:left;
	font-weight:bold;
	overflow:auto;
}
span.txtbar span.noyellow
{
	padding:5px 10px 0px 10px;
	display:block;
	height:85px;
	text-align:left;
	font-weight:normal;
	opacity:0.3;
	overflow:hidden;
}
span.txtbar span.green
{
	padding:5px 10px 0px 10px;
	display:block;
	height:80px;
	text-align:left;
	font-weight:bold;
	overflow:auto;
}
span.txtbar span.nogreen
{
	padding:5px 10px 0px 10px;
	display:block;
	height:80px;
	text-align:left;
	font-weight:normal;
	opacity:0.3;
	overflow:hidden;
}
p.nostatus
{
	font:100%/120% 'Header', Timesroman, Times, TimesNewRoman, serif;
	font-weight:bold;

}