﻿.bg_orange {
	background: #ff6c00;
	/* border: 1px solid #c75400;	 */
}

/*border-rad: 10% 10% 10% 10%;*/
.bcgrey {
	background: lightgrey;
	width: 120px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.bcgrey1 {
	background: lightgrey;	
	height: 30px;
	width: 500px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.bcgrey2 {
	height: 20px;
	width: 670px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.moveleft {
	padding-left: 20px;
}
.moveleft1 {
	padding-left: 80px;
}
.fontgrey{	
	color: #565656;
	width:auto;	
	margin-left: 10px;
}
.fontblue1 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_1 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_1 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_2 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_2 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_3 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_3 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_4 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_4 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_5 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_5 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_6 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_6 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_7 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:18px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_7 {
	color: #f44271;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}

.fontblue1_8 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:14px;
	padding-right:14px;
	margin-left: 5px;
	font-weight: bold;
	
}
.fontblue_8 {
	color: #3333ff;
	font-size: 13px;
	text-align:center;
	padding-left:3px;
	padding-right:9px;
	margin-left: 5px;
	font-weight: bold;
	
}



.fontred {
	color: #c90a00;
	font-size: 11px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	margin-left: 5px;
	font-weight: bold;
	
}


.block {
	display: inline-block;
	float: left;
}


body {
	font-size: 14px;
	font-family:"Tahoma";
	background-color:#CCC;
}


.mainDiv{
	margin:0 auto;
	background:#ffffff;
	padding:10px;
}


.displayBlock{
	display:inline-block;
	float:left;
	vertical-align:top;
}

.tl1{
	height:58px;
	width:160px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}
.tl1s{
	height:58px;
	width:156;
	background:#0779c1;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl91{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#059943 1px solid;
	color:#323e48;
}

.x-item-selected .tl1{
	height:58px;
	width:160px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.tl2{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl2s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl92{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#ffab00 1px solid;
	color:#323e48;
}

.x-item-selected .tl2{
	height:58px;
	width:118px;
	background:#ffab00;
	border:#ffab00 1px solid;
	color:#ffffff;
}

.tl3{
	height:58px;
	width:160px;
	background:#059943;
	border:#059943 1px solid;
	color:#ffffff;
}

.tl3s{
	height:58px;
	width:160px;
	background:#059943;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl93{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#0779c1 1px solid;
	color:#323e48;
}

.x-item-selected .tl3{
	height:58px;
	width:160px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.tl94{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#fd782f 1px solid;
	color:#323e48;
}

.tl4{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl4s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.x-item-selected .tl4{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}


.tl5{
	height:58px;
	width:160px;
	background:#059943;
	border:#059943 1px solid;
	color:#ffffff;
}

.tl5s{
	height:58px;
	width:160px;
	background:#059943;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl95{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#ffab00 1px solid;
	color:#323e48;
}

.x-item-selected .tl5{
	height:58px;
	width:160px;
	background:#ffab00;
	border:#ffab00 1px solid;
	color:#ffffff;
}

.tl6{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl6s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl96{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#0779c1 1px solid;
	color:#323e48;
}

.x-item-selected .tl6{
	height:58px;
	width:160px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.tl7{
	height:58px;
	width:160px;
	background:#ffab00;
	border:#ffab00 1px solid;
	color:#ffffff;
}

.tl7s{
	height:58px;
	width:160px;
	background:#ffab00;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl97{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#fd782f 1px solid;
	color:#323e48;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}

.tl8{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl8s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl98{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#fd782f 1px solid;
	color:#323e48;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}
.tl9{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl9s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.tl99{
	height:58px;
	width:160px;
	background:#ffffff;
	border:#fd782f 1px solid;
	color:#323e48;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}

.tl10{
	height:58px;
	width:160px;
	background:#059943;
	border:#059943 1px solid;
	color:#ffffff;
}

.tl10s{
	height:58px;
	width:160px;
	background:#059943;
	border:#000000 2px solid;
	color:#ffffff;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}


.tl11{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#c90a0a 1px solid;
	color:#ffffff;
}

.tl11s{
	height:58px;
	width:160px;
	background:#c90a0a;
	border:#000000 2px solid;
	color:#ffffff;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}
.tl12{
	height:58px;
	width:160px;
	background:#ffab00;
	border:#ffab00 1px solid;
	color:#ffffff;
}

.tl12s{
	height:58px;
	width:160px;
	background:#ffab00;
	border:#000000 2px solid;
	color:#ffffff;
}

.x-item-selected .tl7{
	height:58px;
	width:160px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}


.tl13{
	height:58px;
	width:160px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}
.tl13s{
	height:58px;
	width:156;
	background:#0779c1;
	border:#000000 2px solid;
	color:#ffffff;
}

.tllabel{
	width:70px;
	padding-left:5px;
	/* line-height:40px; */
	font-size:11px;
	font-weight:bold;
	margin-top:22px;
}

.ttllabel{
	width:120px;
	padding-left:5px;
	/* line-height:40px; */
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
}


.tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:11px;
	font-weight:bold;
	margin-top: 37px;
    margin-left: 40px;
}

.smtlgreen{
	height:35px;
	width:3px;
	background:#05994e;
}

.smtlorange{
	height:35px;
	width:3px;
	background:#ffab00;
}

.smtlred{
	height:35px;
	width:3px;
	background:#b32727;
}

.smtlvalue{
	padding-left:5px;
	font-size:11px;
	line-height:35px;
}
.smtl{
	height:35px;
	width:118px;
	background:#ffffff;
}


.displayBlock{
	display:inline-block;
	float:left;
	vertical-align:top;

}



/*
{
'vis_all'   :   '<div>
					<div>
						<div>{status1}</div>					
						<div>{count1}</div>
					</div>					 
				</div>', 

				.'vis_all'   :   '<div>
					<div>
						<div>{status1}</div>					
						<div>{count1}</div>
					</div>					 
				</div>', 
				
}
*/