﻿.bg_orange {
	background: #ff6c00;
	/* border: 1px solid #c75400;	 */
}

.orange_colour{
	color: #ff6c00;
	width:auto;	
	margin-left: 10px;
	font-weight: bold;
}

.right_count{
	color: #000000;	
	font-weight: bold;
	position:relative;
	float:right;
}

/*border-rad: 10% 10% 10% 10%;*/
.bcgrey {
	background: lightgrey;
	width: 120px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.bcgrey1 {
	background: lightgrey;	
	height: 45px;
	width: 500px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bcgrey2 {
	background: lightgrey;
	width:600px;
	height: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.white2 {
	background: white;
	width:180px;
	height: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.moveleft {
	padding-left: 20px;
}
.fontgrey{	
	color: #565656;
	width:auto;	
	margin-left: 10px;
}

.fontgrey1{	
	color: #565656;
	width:auto;	
	margin-left: 10px;
	font-weight: bold;
}
.fontblue {
	color: #2161ff;
	background: #888888;	
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left: 5px;
	font-weight: bold;
	border-radius: 15% 15% 15% 15%;
	-moz-border-radius: 15% 15% 15% 15%;
	-ms-border-radius: 15% 15% 15% 15%;
}
.fontblack {
	color: #000000;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left: 5px;
	font-weight: bold;
	border-radius: 15% 15% 15% 15%;
	-moz-border-radius: 15% 15% 15% 15%;
	-ms-border-radius: 15% 15% 15% 15%;
}
.fontred {
	color: #c90a00;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	margin-left: 5px;
	font-weight: bold;
	border-radius: 15% 15% 15% 15%;
	-moz-border-radius: 15% 15% 15% 15%;
	-ms-border-radius: 15% 15% 15% 15%;
}
.block {
	display: inline-block;
	float: left;
}

.blockphone {
	display: inline-block;
	float: left;
	padding-left:60px;
}

.blackphone {
	display: inline-block;
	float: left;
	padding-left:50px;
}

.icon {
	display: inline-block;
	float: left;
	padding-left:6px;
	padding-top:15px;
}

.calen_img {
	position:relative;
	display: inline-block;
	float: left;
	padding-left:50px;
}



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;
}

.displayBlockt{
	display:inline-block;
	float:left;
	vertical-align:top;
	margin-right:5px;
}

.fulldiv{
	margin-top:10px;
}

.fulldivcal{
	margin-top:15px;
}

.box1{
	height:120px;
	width:70px;
	font-size:14px;
	background: #000080;
}

.box1_1{
	height:35px;
	width:70px;
	font-size:14px;
	background: #000080;
}
.box1_2{
	height:73px;
	width:68px;
	font-size:14px;
	background: #ffffff;
	border:#000080 1px solid;
	margin-bottom:10px;
}

.b1tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
	color:#000080;
}


.box2{
	height:125px;
	width:70px;
	background: #437C17;
}

.box2_1{
	height:35px;
	width:70px;
	background:  #437C17;
}
.box2_2{
	height:73px;
	width:68px;
	background: #ffffff;
	border: #437C17 1px solid;
	margin-bottom:10px;
}

.b2tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
	color: #437C17;
}

.box3{
	height:125px;
	width:70px;
	background: #FF0000;
}

.box3_1{
	height:35px;
	width:70px;
	background: #FF0000;
}
.box3_2{
	height:73px;
	width:68px;
	background: #ffffff;
	border:#FF0000 1px solid;
	margin-bottom:10px;
}

.b3tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
	color:#FF0000;
}

.box4{
	height:125px;
	width:70px;
	background: #C68E17;
}


.box4_1{
	height:35px;
	width:70px;
	background: #C68E17;
}
.box4_2{
	height:73px;
	width:68px;
	background: #ffffff;
	border:#C68E17 1px solid;
	margin-bottom:10px;
}

.b4tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
	color:#C68E17;
}

.box5{
	height:125px;
	width:70px;
	background: #6D6968;
}

.box5_1{
	height:35px;
	width:70px;
	background: #6D6968;
}
.box5_2{
	height:73px;
	width:68px;
	background: #ffffff;
	border:#6D6968 1px solid;
	margin-bottom:10px;
}



.b5tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
	color:#6D6968;
}


.tllabel{
	width:140px;
	padding-left:5px;
	/* line-height:40px; */
	font-size:11px;
	margin-top:10px;
}

.dlabel{
	width:140px;
	padding-left:5px;
	/* line-height:40px; */
	font-size:11px;
	margin-top:22px;
}

.d1{
	height:24px;
	width:180px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.d2{
	height:29px;
	width:100px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.po_tl2{
	height:30px;
	width:160px;
	background:#ffe6cc;
	border:#ffa64d 1px solid;
	color:#323e48;
	text-align:center;
}

.d3{
	height:29px;
	width:100px;
	background:#0779c1;
	border:#0779c1 1px solid;
	color:#ffffff;
}

.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:10px;
}

.ttllabel{
	width:40px;
	padding-left:11px;
	/* line-height:40px; */
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	color:white;
	text-align:center;
}

.ttllabell{
	width:40px;
	padding-left:11px;
	/* line-height:40px; */
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	color:white;
	text-align:center;
}

.callabel1
{
	font-size:14px;
	font-weight:bold;
	color:#74767a;
	padding-left:60px;
	padding-bottom:22px;
}


.callabel2
{
	font-size:14px;
	font-weight:bold;
	color:#74767a;
	padding-top:30px;
	padding-left:60px;
}


.callabel3
{
	font-size:14px;
	font-weight:bold;
	color:#74767a;
	padding-top:20px;
	padding-left:60px;
}



.tlvalue{
	width:30px;
	/* line-height:40px; */
	font-size:11px;
	font-weight:bold;
	margin-top: 20px;
    	margin-left: 28px;
}


.calvalue{
	width:30px;
	/* line-height:40px; */
	font-size:16px;
	font-weight:bold;
    	top:30px;
	left:85px;
	position:absolute;
	color:#74767a;
}

.calvalue2{
	width:30px;
	/* line-height:40px; */
	font-size:14px;
	font-weight:bold;
    	top:25px;
	left:80px;
	position:absolute;
	color:#74767a;
}

.calvalue3{
	width:30px;
	/* line-height:40px; */
	font-size:12px;
	font-weight:bold;
    	top:21px;
	left:73px;
	position:absolute;
	color:#74767a;
}




.dvalue{
	width:30px;
	/* line-height:40px; */
	font-size:11px;
	font-weight:bold;
	margin-top: 22px;
    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;

}

.ddisplayBlock{
	display:inline-block;
	float:left;
	vertical-align:top;
	padding-left:15px;

}

.displaycolor1{
         height:14px;
         font-size:12px;
         color:#000000;
         background:#ffff37;
}

.displaycolor2{
         height:14px;
         font-size:12px;
         color:#ffffff;
         background:#c90a00;
}

.displaycolor3{
         height:14px;
         font-size:12px;
         color:#ffffff;
         background:#006600;
}

.displaycolor4{
         height:14px;
         font-size:12px;
         color:#ffffff;
         background:#ffab00;
}

.color1{
         height:14px;
         font-size:12px;
         color:#ff5248;
         background:#ffffff;
}

.color2{
         height:14px;
         font-size:12px;
         color:#60d760;
         background:#ffffff;
}

.color3{
         height:14px;
         font-size:12px;
         color:#ffe066;
         background:#ffffff;
}


/*
{
'vis_all'   :   '<div>
					<div>
						<div>{status1}</div>					
						<div>{count1}</div>
					</div>					 
				</div>', 

				.'vis_all'   :   '<div>
					<div>
						<div>{status1}</div>					
						<div>{count1}</div>
					</div>					 
				</div>', 
				
}
*/