@charset "utf-8";
/* CSS Document */

body {
	font-size: 14px;
	font-family:"Tahoma";
	background-color:#CCC;
}




.mainDiv{
	margin:0 auto;
	background:#ffffff;
	padding:10px;
}


/* for modern browsers */


.displayBlock{
	display:inline-block;
	vertical-align:top;
}

.lgOrange{
	background:url(../resources/images/application/ic_orange.png) no-repeat center;
	height:12px;
	width:12px;
}

.lgGreen{
	background:url(../resources/images/application/ic_green.png) no-repeat center;
	height:12px;
	width:12px;
}

.lgRed{
	background:url(../resources/images/application/ic_red.png) no-repeat center;
	height:12px;
	width:12px;
}

.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;
}

.manualPlan{
	background:url(../resources/images/application/btn_manualPlan.png) no-repeat center;
	height:24px;
	width:88px;
}

.execute{
	background:url(../resources/images/application/btn_execute.png) no-repeat center;
	height:24px;
	width:70px;
}

.rule{
	background:url(../resources/images/application/btn_rule.png) no-repeat center;
	height:24px;
	width:52px;
}

.ic_info{
	background:url(../resources/images/application/ic_info.png) no-repeat center;
	height:16px;
	width:16px;
}

.ic_thu{
	background:url(../resources/images/application/ic_thu.png) no-repeat center;
	height:16px;
	width:16px;
}

.ic_item{
	background:url(../resources/images/application/ic_item.png) no-repeat center;
	height:16px;
	width:16px;
}

.ic_addtEmployee{
	background:url(../resources/images/application/ic_addtlEmployee.png) no-repeat center;
	height:16px;
	width:16px;
}

.ic_next{
	background:url(../resources/images/application/ic_next.png) no-repeat center;
	height:16px;
	width:16px;
}

.legendInfo{
	background:url(../resources/images/application/ic_info_legend.png) no-repeat left;
}

.legendThu{
	background:url(../resources/images/application/ic_thu_legend.png) no-repeat left;
}

.legendItem{
	background:url(../resources/images/application/ic_item_legend.png) no-repeat left;
}

.legendAddtEmployee{
	background:url(../resources/images/application/ic_addtlEmployee_legend.png) no-repeat left;
}

.legendInfo, .legendThu, .legendItem, .legendAddtEmployee{
	height:16px;
	font-size:11px;
	color:#727272;
	padding-left:20px;
	margin-right:8px;
}

.tl1{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#00c18c 1px solid;
	color:#323e48;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl1{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#00c18c 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.tl2{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#717fd1 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl2{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#717fd1 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.tl3{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#af7ac4 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl3{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#af7ac4 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}


.tl5{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:black 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl5{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:black 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}


.tl4{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:red 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl4{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:red 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}


.tl6{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#00c18c 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl6{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#00c18c 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}


.tl7{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#af7ac4 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

.x-item-selected.tl7{
	height:85px;
	width:225px;
	background:#f7f9f9;
	border:#af7ac4 1px solid;
	color:#323e48;
	font-weight:bold;
	padding:15px 0px 0px 15px;
}

/*
.tllabel{
	width:100px;
	padding:10px 0px 0px 10px;
	line-height:30px;
	font-weight:bold;
	font-size:13px;
}


.tlvalue{
	width:100px;
	padding-left:12px;
	font-size:13px;
	color:#9a9c9c;
	font-weight:normal;
	text-align:right;
}
*/

.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;

}