body {background-color:#000;font-family:"Arial", Helvetica, sans-serif;font-size:75%;line-height:1;margin: 0;padding: 0}
.wrapper{}
/*----------------Header------------------*/
#header{background:url(../images/bg_header.png) repeat-x scroll 0 0;font-size: 90%;min-width:1345px;height:60px}
#header .header-inner {background:url(../images/bg_logo.png) no-repeat scroll 0 0;height:60px;margin:0 auto;position:relative}
#header a.logo-h{display:block;width:244px;height:52px;position:absolute;top:0;left:60px;}
#header ul.navbar-h {padding:0 0 0 360px}
#header ul.navbar-h li, #header ul.navbar-r li {float:left;}
#header ul.navbar-h li.line, #header ul.navbar-r li.line {background:url(../images/nav_separator.png) no-repeat 0 0;width:1px;height:24px;margin:0 13px;}
#header ul.navbar-h li a.menu, #header ul.navbar-r li a.menu {color:#fff;font-weight:bold;line-height: 30px}
#header ul.navbar-h li a:hover, #header ul.navbar-r li a:hover {color:#fc0;}
#header ul.navbar-h li a.home {background:url(../images/images.png) no-repeat -82px -269px;display:block;width:24px;height:24px;font-size:0;text-indent:-999em;line-height:0;}
#header ul.navbar-r {float: right;padding-right: 10px}
#header .topbar {color: #fff;line-height: 18px;text-align:right;padding: 3px 5px 0 360px; height: 19px; overflow: hidden; margin-bottom: 5px; min-width: 800px}
#header .topbar a {color: #fff}
#header .topbar a:hover {color: #fc0}
#header div.language{float: right;}
#header div.language a{background: url(../images/flags.png) no-repeat scroll 0 0;display:inline-block;width:25px;height:21px;}
#header div.language a.viet{background-position:0 0;margin:0;}
#header div.language a.eng{background-position:-25px 0 !important;}
#header .user-info {float: right;margin-right: 10px}
#header .support {float: right;}
#header .notice {float: left;font-weight: bold;text-align: left; width: 50%; overflow: hidden;}
#header .notice span {color: #FFCC00}
/*----------------END header------------------*/
/*------------------- Common Style -------------------*/
.ico {background:url(../images/eposi_sprites_v1.png) no-repeat scroll 0 0;width: 16px;height:16px;margin-bottom:-3px}
.ico-camera {background-position: 0 -109px;margin-bottom: -5px;}
.ico-pdf {background-position: -27px 0;width: 18px;height: 19px;}
.ico-excel {background-position: -45px 0;width: 16px;height: 16px;}
.ico-fuel {background-image: url("../images/ico_fuel.png");width: 11px;height: 11px;margin-bottom: -1px}
.ico-led {background: url("../images/led_indicator.png") no-repeat scroll 0 0;}
.ico-led.on {background-position: -16px 0;}
#fuel_gauge .ico-fuel {display: inline-block !important}
.hidden {position: absolute;top: -2000em;left: -2000em}
.checkbox, .radio {
	width: 20px;
	height: 20px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
/*.radio {
	background: url(radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}*/
.button {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.bigrounded {
    border-radius: 2em 2em 2em 2em;
}
.medium {
    font-size: 12px;
    padding: 0.4em 1.5em 0.42em;
}
.small {
    font-size: 11px;
    padding: 0.2em 1em 0.275em;
}
.gray {
    background: -moz-linear-gradient(center top , #888888, #575757) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    border: 1px solid #555555;
    color: #E9E9E9;
}
.gray:hover {
    background: -moz-linear-gradient(center top , #757575, #4B4B4B) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
}
.gray[disabled='disabled'] {
    background: -moz-linear-gradient(center top , #757575, #4B4B4B) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
}
.gray:active {
    background: -moz-linear-gradient(center top , #575757, #888888) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    color: #AFAFAF;
}
.message {
	padding: 6px;
	color: #FFCB08;
}

#userpoint_form {
	padding: 10px;
}
.form {
	padding-top: 15px;
}
.form p input.text {
	width: 60%;
}
.form p label {
	width: 25%;
	display: block;
	float:left;
	padding: 3px 10px;
}
input.text {
	background-color: #F1F1F1;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #404040;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 3px 5px;
}
.form .help {
	font-size: 11px;
    padding-left: 29%;
}

/*----------------End Common------------------*/

.wijmo-wijdialog {background-color: transparent;}
ul#menuTracking {background: url("../images/bg_menu_tracking.png") repeat-x scroll 0 0;font-size: 90%;height: 25px}
ul#menuTracking li {background: url("../images/menu_separation.png") no-repeat scroll 100% 0;float: left;}
ul#menuTracking li a {color:#fff;display: block;padding: 0 15px;line-height: 25px}
ul#menuTracking li a:hover {color: #ff0}
#divMap {width:100%; height:480px; clear: both;}
#slider {width: 370px;height: 170px;overflow: hidden}
	#slider > ul {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    left: 0;
	    top: 0;
	    width: 1110px;
	    height: 170px;
	}
	#slider > ul > li {
		float: left;
		width: 370px;
	    height: 170px;
	}
	#slider .wijmo-wijcarousel-button-previous, #slider .wijmo-wijcarousel-button-next {cursor: pointer;display: none;padding: 10px 0;position: absolute;top: 50px;}
	#slider .wijmo-wijcarousel-button-previous {left: 0;}
	#slider .wijmo-wijcarousel-button-next {left: 352px;}
	#slider:hover .wijmo-wijcarousel-button-previous, #slider:hover .wijmo-wijcarousel-button-next {display: block;}
#dialogInfo {padding: 0 !important}
.page-title {
	background: url("../images/ui-bg_highlight-soft_15_242122_1x100.png") repeat-x scroll 50% 50% #242122;
    border-bottom: 1px solid #515161;
    color: #F4F4F9;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 5px 5px 10px;
    /* position: relative; */
}
#on_filter_sign {background: url("../images/bg_gauge_bottom.png") repeat-x scroll 25px 0;height: 30px;position: relative;}
#on_filter_sign .led-item {color: #ccc;font-size:15px;float: left;width: 60px;padding: 2px 0 0;text-align: center;}

#control_gauge {}
#gauges {background: url("../images/bg_gauge_top.png") repeat-x scroll 0 0;height: 130px;position: relative;}
#leds {background: url("../images/bg_gauge_bottom.png") repeat-x scroll 0 0;height: 40px;position: relative;}
#rpm_gauge, #speed_gauge, #fuel_gauge, #air_gauge {position: absolute;}
#rpm_gauge {top: 10px;left: 15px}
#rpm_gauge .gauge {background: url("../images/rpm_gauge_bg.png") no-repeat scroll 0 0;width: 113px;height: 92px;position: relative;}
#rpm_gauge .hand {background:url(../images/rpm_hand.png) no-repeat scroll 0 0;width: 21px;height: 82px;position: absolute;top: 18px;left: 45px;}
#speed_gauge {top: 10px;left: 135px}
#speed_gauge .gauge {background:url(../images/speed_gauge_bg.png) no-repeat scroll 0 0;width:182px;height:107px;position:relative;}
#speed_gauge .speedText{top: 41px;position: absolute;left: 72px;}
#speed_gauge .hand {background:url(../images/speed_hand.png) no-repeat scroll 0 0;width:21px;height:126px;position:absolute;top:31px;left:80px}
#fuel_gauge {top: 15px;right: 10px;}
#fuel_gauge .gauge {background: url("../images/bg_gauge_fuel.png") no-repeat;width: 23px;height: 97px;position: relative;margin: 0 auto 3px}
#fuel_gauge .hand {background-color: red;margin: 0 3px 3px;position:absolute;top:auto;bottom:0;left:0;width: 17px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#fuel_gauge .fuel-number {color: #fff;font-size: 10px;position: absolute;top: 50px;left: 0;width: 23px;text-align: center;}
#fuel_gauge .fuel-v {color: #fff;font-size: 10px}
#fuel_gauge .input {background: transparent none;border: medium none;color: #FF9900;font-size:10px;width: 20px;}
#air_gauge {left: 18px;top: 107px;}
#air_gauge .gauge {background:url(../images/air_gauge_bg.png) no-repeat scroll 0 0;width:115px;height:26px;position:relative;}
#air_gauge .hand {background-color: #E10C18;width: 3px;height: 16px;position:absolute;top:6px;left:1px}
#leds .led-item {color: #ccc;font-size:11px;float: left;width: 60px;padding: 2px 0 0;text-align: center;}
#leds .led-item .ico-led {margin-bottom: 3px;}

#dialogVehicles {padding: 4px 4px 5px}
#dialogVehicles .search {background:#151515;border: solid 1px #999;color:#999;font-size:11px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom:5px;line-height:19px;padding:0 0 0 5px}
#dialogVehicles .search input[type="text"] {background: transparent none;border:none;color:#fff;font-size: 11px;width: 100%;outline: none;}
.quick-search {background:#151515;border: solid 1px #999;color:#999;font-size:11px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom:5px;line-height:19px;padding:0 0 0 5px}
.quick-search input[type="text"] {background: transparent none;border:none;color:#fff;font-size: 11px;width: 100%;outline: none;}
ul.locations-list li {background-color:#1D1D23;border:solid 1px #2C2C36;color:#d6d6d6;font-size:11px;float: left; width: 360px;padding: 5px 0;margin-bottom:5px;margin-right:5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
ul.locations-list li:hover {border-color:#A68500}
ul.locations-list li.even, ul.locations-list li:nth-child(2n) {background-color:#25252E}
ul.locations-list li:last-child {margin-bottom: 0}
ul.locations-list li h4 {font-size: 11px;font-weight: bold;margin:0 5px 5px;}
ul.locations-list li h4 a {color: #fff}
ul.locations-list li h4 a:hover {color: #ff0}
ul.locations-list li p {margin: 0 5px 0;}

.car-item {background: #1D1D23 url(/images/bg_car_item.png) repeat-y scroll 250px 0;border:solid 1px #2C2C36;color:#d6d6d6;font-size:11px;float: left; width: 360px;margin-bottom:5px;margin-right:5px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.car-item:hover {border-color:#A68500}
ul.vehicle-list li:nth-child(2n) {background: none;}
ul.list li:last-child {margin-bottom: 0}
.car-item .left {float:left;padding: 6px;width: 250px;}
.car-item .right {float:right;text-align:center;padding:5px 8px 5px 5px;width: 80px;}
.car-item .formatedTime {text-shadow: 1px 1px 0 #000;}
.car-item .speed {font-size:11px;color:#666;margin-bottom:5px}
.car-item .speed .speedValue {color:#ccc;display:block;font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;font-size:60px;text-shadow: 1px 1px 3px #000;color: red;}
.car-item .speed .speedUnit {text-shadow: 1px 1px 0 #000;}
.car-item .meta1 {margin: 0px 0px 10px 0px;min-height: 45px;padding-left: 60px;}
.car-item .meta2 {float: left;}
.car-item .meta3 {}
.car-item .meta1 .driverName {display: block;margin-bottom: 7px; cursor: pointer;}
.car-item .meta {margin-top: 10px;}
/*.car-item .meta span {color:#fff;cursor:pointer;font-weight:bold;margin-right:10px}
.car-item .meta span:hover {color:#FFCC08}*/
.car-item .distance {text-shadow: 1px 1px 0 #000;}
.car-item .distance span {font-size:14px;font-weight:bold;text-shadow:none;}
.car-item .vehicleId {color:#999;cursor:pointer;text-shadow: 1px 1px 3px #000;font-size: 15px;font-weight: bold;}
.car-item .div-vehicle {margin-bottom: 5px;}
.car-item .div-vehicle img {vertical-align:top}
.car-item .address {text-shadow: 1px 1px 0 #000;}
.car-item .avatar {background-color:#000;border: solid 1px #515151;padding:1px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;overflow:hidden;width:38px;height:38px}
.car-item .avatar:HOVER{border-color: #FFCC08; cursor: pointer;}
.car-item .avatar img {width:38px;height:38px}
.car-item .ico-meta {background:url(/images/meta_ico.png) no-repeat scroll 0 0;width: 16px;height:16px;margin-bottom:-3px}
.car-item .time1, .car-item .time2, .car-item .count1, .car-item .count2, .car-item .count3 {color:#fff;cursor:pointer;font-weight:bold;margin-right:10px}
.car-item .time1:hover, .car-item .time2:hover, .car-item .count1:hover, .car-item .count2:hover, .car-item .count3:hover {color:#FFCC08}
.car-item .count3 {margin-right:0}
.car-item .time1 .ico-meta {background-position: 0 3px;width: 17px}
.car-item .time2 .ico-meta {background-position: 0 -13px;width:19px}
.car-item .count1 .ico-meta {background-position: 0 -31px;}
.car-item .count2 .ico-meta {background-position: 0 -46px;width:18px}
.car-item .count3 .ico-meta {background-position: 0 -61px;}
.car-item .time1:hover .ico-meta {background-position: -32px 3px}
.car-item .time2:hover .ico-meta {background-position: -32px -13px}
.car-item .count1:hover .ico-meta {background-position: -32px -31px;}
.car-item .count2:hover .ico-meta {background-position: -32px -46px}
.car-item .count3:hover .ico-meta {background-position: -32px -61px;}
.car-item .missRoute{}

#dialogHistory {}
#dialogHistory p, #dialogHistory .row {margin: 0 0 10px !important}
#dialogHistory p:last-child {margin-bottom: 0 !important}
#dialogHistory label {display:block;margin-bottom: 5px}
#dialogHistory .control {display: block;}
#dialogHistory .control .left {float: left;}
#dialogHistory .c-datepicker {border: 1px solid #404040;width: 68px}

.eps-scrollable {position:relative;}
.eps-scrollable .viewport { height: 200px; overflow: hidden; position: relative; }
.eps-scrollable .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
.r-scroll{
	overflow: auto;height: 110px;
}
.r-scroll::-webkit-scrollbar {
    width: 12px;
}
 
.r-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
.r-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
.eps-scrollable .scrollbar{ background:transparent;position:absolute;top:0px;right:0px;width:10px;z-index:10;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
	.eps-scrollable .track { height:100%;width:100%;position:relative }
	.eps-scrollable .track .thumb { background-color:gray;min-height:30px;width:100%;cursor:pointer;overflow:hidden;position:absolute;top:0;left:0;border-radius:3px;-moz-border-radius:3px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
	.eps-scrollable .track .thumb .end {}
	.eps-scrollable:hover .track .thumb {filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.eps-scrollable .disable { display: none; }

#vehicleList .viewport {height: 200px;}
#RP_vehicleList .viewport {height: 102px}

.block-ticker .ticker-scrollbar{visibility:hidden;background:transparent;position:absolute;top:2px;right:2px;opacity:0;width:7px;z-index:10;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}
.block-ticker .hide-scrollbar{display:none!important}
.block-ticker.hover .ticker-scrollbar{opacity:.3}
.block-ticker.active .ticker-scrollbar{visibility:visible;opacity:.4}
.block-ticker .ticker-track{height:100%;width:100%;position:relative}

.c-datepicker {background-color: #f1f1f1;border: none;color:#404040;font-size: 1em;font-family:Arial, Helvetica, sans-serif;padding:3px 5px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

/*===================================================Report====================================================*/
#reportDetail {
	padding: 0;
}
#reportDetail .ui-tabs-nav li {
	font-size:120%;
}
#reportDetail .ui-tabs-nav li a {
	padding: 0.5em 0.5em 0.5em 1em
}
#reportDetail .ui-tabs-panel {
    padding: 0;
}
#reportDetail li .ui-icon-close {
	background: url(../images/tab_report_close.png) no-repeat scroll 0 0;
	width: 10px;
	height: 11px;
    cursor: pointer;
    float: left;
    margin: 0.5em 0.4em 0 0;
}
.report-header {
    background-color: #18181F;
    border-bottom: 1px solid #515161;
    color: #F4F4F9;
}

#report-loading {
	width:100%;
	height:29px;
}
#report-loading.loading {
	background: url("../images/icons/loading15.gif") no-repeat scroll center 5px transparent;
}
.report-data {background-color:#18181F}
.r-header {}
.report-header {padding: 0 10px}
.report-header-title {font-size: 15px;color: #f2f2f2;line-height: 28px;text-transform: uppercase;float: left;}
.report-header-title .vehicle {color: #ff0}
.report-header-title .time {color: #fff;font-size: 11px;text-shadow: 1px 1px 0 #000;}
.export {float: right;margin-top: 3px}
.export a {background: url(../images/eposi_sprites_v1.png) no-repeat scroll 0 -426px;display: block;width: 93px;height: 24px;position: relative;color: #ccc;font-size:11px;float: left;}
.export a:hover {color: #fff}
.export a .ico {position: absolute;left: 0;top: 0;margin: 3px 0 0 4px}
.export a .ico-excel {margin: 4px 0 0 5px}
.export a span {padding-left: 27px;text-align: center;display: block;line-height: 24px}
.export #exportPDF {margin-right: 8px}
.report-data table {border: 1px solid #000;border-collapse: collapse;width: 100%;color:#fff}
.report-data table th {font-size: 12px;font-weight:bold;line-height:30px;text-shadow: 1px 1px 0 #000;text-align:center}
.report-data table td {border:solid 1px #111;padding: 6px 6px 6px 10px}
.report-data table td.c1 {background: #383838 url(../images/bg_cell1.png) repeat-x scroll 0 0;}
.report-data table td.c2 {background: #2b2b2b url(../images/bg_cell2.png) repeat-x scroll 0 0;}
.report-data table td a {color:#ddd}
.report-data table td a:hover {color:#FFCB08;cursor:pointer;}
.s1 .s-ico, .s2 .s-ico, .s3 .s-ico {background-attachment:scroll;background-color:transparent;background-image:url(../images/dot_status.png);background-repeat:no-repeat;width:25px;height:17px;vertical-align:-3px}
.s1 .s-ico {background-position:0 -4px}
.s2 .s-ico {background-position:0 -34px}
.s3 .s-ico {background-position:0 -64px}

.report-data table td.fuel {width: 180px;}
#divReportSelection {
	width: 100%;
	height: 155px;
	min-width: 1024px;
}

#rs_Vehicle li {
	color: #fff;
}

.meter-wrap{
    position: relative;
}

.meter-wrap {
	background: url(../images/bg_meter_wrap.png) repeat-x scroll 0 0;
	border: solid 1px #3b3b3b;
    width: 130px; height: 15px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin: 0 auto;
}
.meter-value {
	background: url(../images/bg_meter_value.png) repeat-x scroll 0 0;
	width: 130px; height: 11px;
	margin: 2px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

.meter-text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
    position: absolute;
    top:0; left:0;
    color: #fff;
    text-align: center;
    width: 100%;
	height: 15px;
	line-height: 15px;
	text-shadow:0 0 30px #000 , 0 0 70px #000;
}

#divReportSelection {
	background-color:#18181F;
}
.r-panel {
	background: #18181F url(../images/bg_report_panel.png) repeat-y scroll 100% 0;
	color:#ccc;
	font-size:11px;
	min-width: 270px;
	float:left;
	width: 290px;
	height: 1;
}
.r-panel h2 {
	color: #999;
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.r-panel h3 {
	
}
.r-panel p {
	margin:0 0 10px 0;
	}
.r-panel label {
	display: block;
	margin-bottom: 5px;
	}
.report-type-selection {
	
}
.vehicle-choice, .driver-choice, .position-choice {
	width: 350px;
	}
.photo-vehicle-choice{
	padding-bottom: 1px;
	margin-bottom: 5px;
}
.photo-vehicle-choice, .list-photo-time {
	width: 250px;
	min-width: 250px;
}
.r-panel-content {
	padding: 10px 0 0 10px;
}
#divReportSelection .r-panel {
	height: 155px;
}
#r-panel-vehicle, #r-panel-driver{
	float:left;
	/* width: 730px; */
}
#r-panel-route {
	float:left;
	width: 300px;
}
#r-panel-position {
	float:left;
}

.eps-search {}
.btn-s1, .btn-s2 {background: url(../images/bg_btn_s1.png) repeat-x scroll 0 0;border: none;color: #000;cursor: pointer;font-family: "Arial", Helvetica, sans-serif;font-size: 10px;outline: none;height: 16px;padding: 0 10px 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.btn-s2 {background-image: url(../images/bg_btn_s2.png)}
.btn-s1 span, .btn-s2 span {display: block}
.choice-main .btn-s1, .choice-main .btn-s2 {float: left;margin-right: 10px;margin-top: 3px}
.choice-main .btn-s2 {margin-right: 0 !important}
.choice-main .wijmo-wijcombobox {float: left;margin-right: 10px}

#divVehicleList {}
#divVehicleList .choice-main {margin-bottom: 10px}
ul.vehicle-list {}
ul.vehicle-list li, ul.driver-list li {float: left;width: 128px;margin:0 0 5px 0;}
ul.vehicle-list li, ul.driver-list .haft {float: left;width:50% !important;margin:0 0 5px 0;}
ul.vehicle-list li input[type='radio'], 
ul.vehicle-list li input[type='checkbox'],
ul.driver-list li input[type='checkbox'] {
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    float: left;
    width: 19px;
    height: 19px;
}
ul.vehicle-list li input[type='radio'] + label,
ul.vehicle-list li input[type='checkbox'] + label,
ul.driver-list li input[type='checkbox'] + label {
	background: url(../images/chk_off.png) left center no-repeat;
    margin: 0;
    clear: none;
    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;
    /* Make look clickable because they are */
    cursor: pointer;
}
/* Change from unchecked to checked graphic */
ul.vehicle-list li input[type='radio']:checked + label {
    background-image: url(radio.png);
}
ul.vehicle-list li input[type='checkbox']:checked + label,
ul.driver-list li input[type='checkbox']:checked + label {
    background-image: url(../images/chk_on.png);
}

#RP_driverList.eps-scrollable .viewport { height: 100px;}
/*----------------------------End report---------------------------*/

ul.camera-list {}
ul.camera-list > li {color: #999;float: left;width: 180px;margin: 0 0 10px 0;}
ul.camera-list > li .camera-thumb {background-color:##1F1F1F;border:solid 1px #515161;float: left;padding: 1px;width: 100px;height: 75px;overflow: hidden;}
ul.camera-list > li .camera-info {padding:10px 0 0 110px;text-align: center;line-height: 1.4em;text-shadow: 1px 1px 3px #000;}
ul.camera-list > li:hover, ul.camera-list > li .camera-number {color: #FFCA08}
ul.camera-list > li:hover .ico-camera {background-position: -32px -80px !important}
.other-camera-list {border-top: solid 1px #212121;padding: 10px 0 0;margin: 10px 0 0}
.camera-item {color: #999;width: 165px;margin: 0 0 10px 0;min-height: 80px}
.camera-item:last {margin-bottom: 0}
.camera-item .camera-thumb {background-color:##1F1F1F;border:solid 1px #515161;float: left;padding: 1px;width: 100px;height: 75px;overflow: hidden;}
.camera-item .camera-info {padding:10px 0 0 110px;text-align: center;line-height: 1.4em;text-shadow: 1px 1px 3px #000;}
.camera-item:hover, .camera-item .camera-number {color: #FFCA08}
.camera-item:hover .ico-camera {background-position: -32px -80px !important}
.photo-container {position: relative;}
.camera-menu-left{
	float: left;
}
.list-photo-time {
	background-color: #1E1E24;
	border-right:solid 1px #30303D;
}
.list-photo-time .vehicle {
	background: url("../images/bg_report_panel.png") repeat-y scroll 100% 0 #18181F;
	color: #999;
	font-size: 26px;
	line-height: 43px;
	text-align: center;
	margin-right: -1px
}
#camera_view {
	padding: 10px 0 0 250px;
}
.list-photo-time ul.list {
	
}
.list-photo-time ul.list li {
	background: #383838 url(../images/bg_cell2.png) repeat-x scroll 0 0;
	border-top: solid 1px #111;
	color: #999;
	line-height: 28px
}
.list-photo-time ul.list li p {
	cursor: pointer;
}
.list-photo-time ul.list li a {
	color: #999;
}
.list-photo-time ul.list li .cam {
	border-right:solid 1px #111;
	display: inline-block;
	width: 40px;
	text-align: center;
}
.list-photo-time ul.list li .att_time {
	display: inline-block;
}
.list-photo-time ul.list li:hover  {background: #000;color: #FECB07}
.camera-view-wrap {
	background-color: #0A0A0C;
	border: solid 2px #47474A;
	margin: auto;
	padding: 2px;
	width: 640px;
	height: 480px
}
#camera_view.loading .camera-view-wrap {background: url(../images/loading.gif) no-repeat scroll 50% 50%;}
#featurePopup {color: #000}
.map_popup {color: #333}
.map_popup p {margin: 5px 0;}
.map_popup p:first-child, .map_popup p:last-child {margin: 0;}
#eDialog {padding: 4px;}
#charControl {position: absolute;top: 0;right: 0;margin: 8px 8px 0 0;z-index: 99;}
#charControl a {cursor: pointer;display: block;padding: 5px}

#camera_data {width: 830px;}
#fancybox-content {border-color: #000}
#fancybox-outer {background-color: #000}
#fancybox-content .photo-info {float: right;width: 165px}
#fancybox-content .photo {background-color: #000;border: solid 2px #666;padding: 2px;width: 640px;height: 480px}
.photo-info .name {color: #FFCA08;font-size: 18px}
.photo-info {} 
#measure_form {padding: 10px}
#measure_form .tip {color: #666;margin: 0 0 10px;text-shadow: 1px 1px 0 #000}
#measure_form .result span{font-weight: bold;;text-shadow: 1px 1px 0 #000}
#history-loading {
	display:none;
	width:16px;
	height:20px;
	background: url(../images/icons/loading.gif) no-repeat 0 8px;
}
.dialogHistory_left {float: left; margin-right: 14px}
.userpoint-container {
	position: relative;
	height: 450px;
}
.userpoint-container .col-1 {
	width: 400px;
	padding-bottom:10px;
}
.userpoint-container .col-2 {
	width: 75%;
	height:100%;
}
.userpoint-container table {border: 1px solid #000;border-collapse: collapse;width: 100%;color:#fff}
.userpoint-container table th {font-size: 12px;font-weight:bold;line-height:30px;text-shadow: 1px 1px 0 #000;text-align:center}
.userpoint-container table td {border:solid 1px #111;padding: 6px 6px 6px 10px}
.userpoint-container table td.c1 {background: #383838 url(../images/bg_cell1.png) repeat-x scroll 0 0;}
.userpoint-container table td.c2 {background: #2b2b2b url(../images/bg_cell2.png) repeat-x scroll 0 0;}
.userpoint-container table td a {color:#ddd;cursor:pointer;}
.userpoint-container table td a:hover {color:#FFCB08}
.report-data .fuel-range span {
	display: block;
	word-wrap: break-word;
	max-width: 600px; 
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* =============================== CSS for plugin ============================ */
/* Tipsy tooltip */
.tipsy { color:#FFCB08;font-size: 11px;font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-inner { box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; }
.tipsy-inner button{ background-color: #FFCB08; border: 0px}
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }  
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy.view-driver .tipsy-arrow{border-right-color: #FFCB08 !important;}
.tipsy.view-driver .tipsy-inner{border: 1px solid #FFCB08 !important;}
/* Timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/* =============================== End CSS for plugin ============================ */
.r-title {
	font-size: 29px;
	padding:20px;
}

.contextMenu {
	position: absolute;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu a {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	outline: none;
	padding: 1px 5px;
	padding-left: 10px;
	cursor: pointer;
}

.contextMenu li:hover a {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu li.hover a {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu li.disabled a {
	color: #AAA;
	cursor: default;
}

.contextMenu li.hover.disabled a {
	background-color: transparent;
}

.contextMenu li.separator {
	border-top: solid 1px #CCC;
}

#dialogSearch {padding: 4px 4px 5px}
#dialogSearch .search {background:#151515; border: solid 1px #999;color:#999;font-size:11px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom:5px;line-height:19px;padding:0 0 0 5px}
#dialogSearch .search input[type="text"] {background: transparent none;border:none;color:#fff;font-size: 11px;width: 100%;outline: none;}

#dialogSearch ul li {
	border-color: #DAE2E6;
    border-width: 1px;
    font-size: 12px;
    height: 40px;
    text-align: left;
    text-decoration: none;
}

.wv_imageInfoWindow {
    background: -moz-linear-gradient(0% 100% 90deg, #E8E8EB, #FAFAFA) repeat scroll 0 0 #E8E8EB;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    height: 80px;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: top;
    z-index: 1;
}

.wv_infoWindow_point {
    background: url("../images/icons/infoWindow_point.png") no-repeat scroll center bottom transparent;
    height: 8px;
    position: absolute;
    top: 79px;
    width: 100%;
    z-index: 2;
}

.wv_imageInfoWindow .wv_modalContent {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 12px 7px 5px !important;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    z-index: 4;
}

.closeInfoWindow {
    background-image: url("../images/icon_delete_small.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: 5px;
    width: 12px;
    z-index: 9999;
}

.wv_name {
    color: #444444;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0 8px;
    text-align: left;
}

.wv_info {
    color: #878787;
    display: block;
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    text-align: left;
    z-index: 3;
}

input[readonly='readonly'], textarea[readonly='readonly'] {
  background-color:#CCC;
}
#locations_scrollbar_list {position:relative;}
#locations_scrollbar_list .viewport { height: 200px; overflow: hidden; position: relative; }
#locations_scrollbar_list .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#locations_scrollbar_list .scrollbar{ background:transparent;position:absolute;top:0px;right:0px;width:7px;z-index:10;-moz-transition:all .5s ease;-webkit-transition:all .5s ease }
#locations_scrollbar_list .track { height:100%;width:100%;position:relative }
#locations_scrollbar_list .track .thumb { background-color:gray;height:0;width:100%;cursor:pointer;overflow:hidden;position:absolute;top:0;left:0;border-radius:3px;-moz-border-radius:3px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
#locations_scrollbar_list .track .thumb .end {}
#locations_scrollbar_list:hover .track .thumb {filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
#locations_scrollbar_list .disable { display: none; }
.input {
	padding: 3px 5px;
}

.s16block {
  background-color: transparent !important;
  background-image: url(../images/icons/sprite.png) !important;
  background-repeat: no-repeat !important;
  height: 16px;
  width:16px;
  display: block !important;
  font-size: 0 !important;
  float:left;
}

.s16_first{background-position:0 -112px;}
.s16_previous{background-position:0 -128px;}
.s16_next{background-position:0 -144px;}
.s16_last{background-position:0 -160px;}

.main-container {
	width:100%;
	clear:both;
	min-width: 1345px;
}

.report-table table {border: 1px solid #000;border-collapse: collapse;width: 100%;color:#fff}
.report-table table th {font-size: 12px;font-weight:bold;line-height:30px;text-shadow: 1px 1px 0 #000;text-align:center}
.report-table table td {border:solid 1px #111;padding: 6px 6px 6px 10px}
.report-table table td.c1 {background: #383838 url(../images/bg_cell1.png) repeat-x scroll 0 0;}
.report-table table td.c2 {background: #2b2b2b url(../images/bg_cell2.png) repeat-x scroll 0 0;}
.report-table table td a {color:#ddd;cursor:pointer;}
.report-table table td a:hover {color:#FFCB08}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- OpenLayers Custom CSS -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
.olControlMeasureItemActive {
	background-color: transparent;
    background-image: url(../images/ruler.png) !important;
    background-position: -1px -24px !important;
}

.olControlMeasureItemInactive {
	background-color: transparent;
    background-image: url(../images/ruler.png) !important;
    background-position: -1px -1px !important;
}
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
	
}
.olControlLayerSwitcher .layersDiv {
	background-color: #555553;
	border: solid 1px #000;
	padding: 0;
	-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl {
	background-color: #323232;
	color: #F3F3F8;
	font-size: 14px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 7px;
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv {
	padding-top: 7px;
	padding-bottom: 7px
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv input, .olControlLayerSwitcher .layersDiv .dataLayersDiv input {
	margin:0 5px 0 0;
	vertical-align:-2px
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv label, .olControlLayerSwitcher .layersDiv .dataLayersDiv label {
	color: #D6D6D6;
	font-size: 11px;
	text-shadow: 0 1px 1px #000;
}

@media only screen and (max-width : 1024px) {
	#header .notice {width: 300px;height: 18px;overflow: hidden;}	
}

#utility-left {
    background: url("../images/bg_report_panel.png") repeat-y scroll 100% 0 #18181F;
    color: #CCCCCC;
    float: left;
    font-size: 12px;
    width: 360px;
    min-height: 400px;
}
#utility-left a{
    color: #CCCCCC;
    font-size: 12px;
}

#divInfo {
	background-color: #131217;
	width:207px;
	float:left;
	color: #F4F4F9;
	font-family: Arial,Helvetica,sans-serif;
}
#divInfo ul{
	list-style:none;
}
#divInfo ul li {
	border-top: 1px solid #252429;
	border-left: 1px solid #252429;
	display:block;
	width: 90px;
	float:left;
	background-color: #18181F;
	padding: 5px;
}
#divInfo ul li.right {
	border-right: 1px solid #252429;
}
#divInfo ul li.last {
	border-bottom: 1px solid #252429;
}
#divInfo li .label {
	font-size: 11px;
	color: #7D7D7F;
}
#divInfo li .value {
	padding: 6px 0 0 3px;
	font-size: 12px;
	font-weight: bold;
	color:#F2F1F6;
}

.marker-title {
	color: black;
	text-align: center;
	text-shadow: none;
}

.checkboxes {
	clear: both;
}

.checkboxes > label{
    float: left;
    height: 20px;
    padding-left: 10px;
}

.checkboxes > input{
    float: left;
    clear: both;
    margin-left: 40px;
    padding-top: 18px;
}

#tripInfo {
	width: 200px;
	float: left;
}

#tripInfo .row{
	clear: both;
}

#tripInfo .col{
	width: 50%;
	float: left;
}

#tripChart {
	float: right;
}

/* 
 * Search form
 */
.search-form {
	margin: 30px;
}

.search-form legend {
	font-size: 17px;
	cursor: pointer;
}

.search-form .row {
	clear: both;
	padding-top: 7px;
}
 
.search-form .col input {
	width: 30%;
	float: left;
}

.search-form .col label {
	margin-left: 40px;
	width: 10%;
	float: left;
}

.search-form .buttons {
	text-align: center;
}

#totalDistance {
	padding-top: 15px;
	float: left;
}

/************ CHANGE BY CUONGNM 10/04/13 **********/
.success
{
	text-align: center;
	background-color: #27272A;
    height: 50px;
    margin: 50px 380px 0;
    padding: 15px 0px 0px 0px;
    width: 500px;
    border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.65) inset;
	font-size: 20px;
}
.btnBlank
{
	background: url("../images/button_yellow.png") no-repeat transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 42px;
    width: 127px;
    color: #ffffff;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
}

.groupCombo
{
	margin-top: 10px;
	float: left;
	width: 210px;
}

.groupCombo select
{
	width: 200px;
}
.grantedBox{
	width: 465px;
	float: left;
	margin-top: 10px;
}
#grantedPositionsTableId{
	
}
#grantedPositionsTableId li{
	background: #383838 url(../images/bg_cell1.png) repeat-x scroll 0 0;
	padding: 8px;
	margin: 2px;
	cursor: pointer;
}
/* line 1, jquery-sortable.css.sass */
body.dragging, body.dragging * {
  cursor: move !important; }

/* line 4, jquery-sortable.css.sass */
.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000; }

/* line 10, jquery-sortable.css.sass */
ul.vertical {
  margin: 0 0 9px 0; }
  /* line 12, jquery-sortable.css.sass */
  ul.vertical li {
    display: block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #696565;
    color: #FFF;
    background: #eeeeee; }
  /* line 19, jquery-sortable.css.sass */
  ul.vertical li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none; }
    /* line 24, jquery-sortable.css.sass */
    ul.vertical li.placeholder:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      margin-top: -5px;
      left: -5px;
      top: -4px;
      border: 5px solid transparent;
      border-left-color: red;
      border-right: none; }
      
.updatePos, .deletePos{
	cursor: pointer !important;
}
#reviewSpeed{
	padding-top: 15px;
	float: right;
}
#reviewSpeed label{
	float: left;
}
.reviewSpeedMenu{
	float: left;
	margin-top: -3px;
}
.reviewSpeedMenu label{
	margin-left: 5px;
}
#mapRightMenu{
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#mapRightMenu li{
	padding: 5px;
}
#mapRightMenu li>a{
	padding-left: 20px;
}
#mapRightMenu li>a:hover{
	color: black;
	font-weight: bold;
}

#zoom-in{
    background: url("../images/icons/zoom-in.png") no-repeat;
}
#zoom-out{
    background: url("../images/icons/zoom-out.png") no-repeat;
}
#selectDistantCalculate{
	border-top: 1px solid rgba(128, 128, 128, 0.48);
}
#distantCalculate{
    background: url("../images/icons/ruler.png") no-repeat;
}
#selectNewPosition{
	border-top: 1px solid rgba(128, 128, 128, 0.48);
}
#newPosition{
    background: url("../images/icons/point.png") no-repeat;
}
#routeTracking{
    background: url("../images/icons/routes.png") no-repeat;
}
#distantCalculatorDialog{
	font-size: 14px;
}
#distantCalculatorTotalDistance{
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
}
#distantCalculatorDialog div{
	float: left;
}

/************* Notification Cuongnm 07.06.2013********************/
#dialogNotify{
	max-height: 600px;
}
#dialogNotify::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
#dialogNotify::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#dialogNotify::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(245, 239, 239, 0.55); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#dialogNotify::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
.notification{
	background-color: #EBEBEB;
	color: #000;
	border: solid 1px #A68500;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 5px;
	font-size: 15px;
	line-height: 16px;
	margin-top: 5px;
}
.notification p{
	color: #000;
}
.notification a{
	color: #f96731;
}
.notification .notiTitle{
	height: 20px;
	font-weight: bold;
	color: #FD5520;
}
.notification .notiDescription{
	font-weight: bold;
	margin-top: 5px;
}
.notification .notiContent{
	font-size: 13px;
	text-align: justify;
	margin-top: 5px;
}
.notification .notiActachmentFile{
	height: 20px;
	margin-top: 5px;
}
.notification .notiActachmentFile a{
	text-decoration: underline;
}

.tbl_notification {
	border: 2px solid #CCC;
	border-collapse: collapse;
}
.tbl_notification td{
	height: 24px;
	border: 1px solid #CCC;
}
.tbl_notification .header{
	font-weight: bold;
	font-size: 15px;
}
/************* End Notification ********************/

.position-label{
	border: none!important;
	background: none!important;
	color: rgba(255, 0, 0, 0.95);
	font-weight: bold!important;
	font-size: 13px;
	text-shadow: -1px -2px white!important;
}
.maintenanceActive{
	background: #18181F;
}

/************ Validation***********/
label.error {
	color: #F00;
	font-style: italic;
}

.inactiveSelect{
	display: none;
}