
.tl1{
	height:38px;
	width:168px;
	background:#f0f0f0;
	border:#409223 1px solid;
	color:#FF9900;
}

.x-item-selected.tl1{
	height:38px;
	width:168px;
	background:#FF9900;
	border:#FF9900 1px solid;
	color:#FF9900;
}

.tl2{
	height:38px;
	width:168px;
	background:#ffffff;
	border:#ffab00 1px solid;
	color:#323e48;
}

.x-item-selected.tl2{
	height:38px;
	width:168px;
	background:#ffab00;
	border:#ffab00 1px solid;
	color:#ffffff;
}

.tl3{
	height:38px;
	width: 130px;
	background:#d3d3d2;
	border:#d3d3d2 1px solid;
	color:#EEEEEE;
}

.x-item-selected.tl3{
	height:38px;
	width:130px;
	background:#808080;
	border:#808080 1px solid;
	color:#F0F5F5;
}

.tl4{
	height:38px;
	width:150px;
	background:#ffffff;
	border:#fd782f 1px solid;
	color:#323e48;
}

.x-item-selected.tl4{
	height:38px;
	width:118px;
	background:#fd782f;
	border:#fd782f 1px solid;
	color:#ffffff;
}

.tl5{
	height:38px;
	width:118px;
	background:#ffffff;
	border:#b32727 1px solid;
	color:#323e48;
}

.x-item-selected.tl5{
	height:38px;
	width:118px;
	background:#b32727;
	border:#b32727 1px solid;
	color:#ffffff;
}

.tllabel{
	width:70px;
	padding-left:20px;
	line-height:40px;
	font-size:11px;
        color:#000000;
        padding-top: 10px;
        font: bold 11px tahoma,arial,helvetica,sans-serif;
 
}

.t2label{
	width:160px;
	padding-left:5px;
	line-height:40px;
	font-size:11px;
        color:#000000;
         padding-top: 10px;
        font: bold 11px tahoma,arial,helvetica,sans-serif;
 
}

.tlvalue{
	width:30px;
	line-height:40px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
       padding-top: 10px;
        font: bold 11px tahoma,arial,helvetica,sans-serif;
	}

.legendtitle{
	height:24px;
	font-size:11px;
	color:#727272;
	line-height:24px;
}

.legendvalue{
	height:24px;
	padding:0px 5px;
	border:#cccccc 1px solid;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
}

.ic_info{
	background:url(../resources/images/application/ic_info.png) no-repeat center;
	height:16px;
	width:16px;
}

.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;
	vertical-align:top;

}
.legendorange{
	background:url(../resources/images/application/ic_orange.png) no-repeat center left;
	}

.legendgreen{
	background:url(../resources/images/application/ic_green.png) no-repeat center left;
}

.legendred{
	background:url(../resources/images/application/ic_red.png) no-repeat center left;
}

.legendorange, .legendgreen, .legendred{
	height:12px;
	font-size:11px;
	color:#727272;
	padding-left:15px;
	margin-right:8px;
}


.vehicle1
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.euipment
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.RTP
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.driver
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


.handler
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.agency
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.schedule1
{
	background:url(../resources/images/application/profile.png) no-repeat center;
	height:20px;
	width:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/**************************************/



.x-datalistview-greypanel .x-panel-tbar, .x-datalistview-greypanel .x-panel-bbar {
    background: rgba(255, 68, 255, 0.01) !important;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(255, 68, 255, 0.01);
}

.x-datalistview-greypanel .x-panel-body-noheader, .x-datalistview-greypanel .x-panel-tbar, .x-datalistview-greypanel .x-panel-bbar
{
	background:white !important
}


.plan1
{
background:url(../resources/images/application/plan.png) no-repeat center;
	height:20px;
	width:100px;
        text-indent: 100%;
        white-space: nowrap;
		
	color:transparent !important;
    overflow: hidden;
}

.execute1
{
background:url(../resources/images/application/execute_1.png) no-repeat center;
	height:20px;
	width:100px;
        text-indent: 100%;
        white-space: nowrap;
		color:transparent !important;
    overflow: hidden;
}

.rule1
{
background:url(../resources/images/application/rule_1.png) no-repeat center;
	height:20px;
	width:100px;
        text-indent: 100%;
        white-space: nowrap;
		color:transparent !important;
    overflow: hidden;
}