
/* ================================================================================ */
/*
	Please note:
	The indented CSS classes differ from those in CSS file of RTL version
*/
/* ================================================================================ */




/* General Styles ----------------------------------------- */

/* SITE General Styles ----------------------------------------- */
.grayBG{ background-color:#F4F4F4;}
.DFgrayBG{ background-color:#DFDFDF;}
/* END SITE General Styles ----------------------------------------- */
html{/*overflow:hidden;*/}
body {background : #F1F1F1;margin : 0px;padding:0px; direction: ltr; }

body, td, a, div, span, label{	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

input, select, textarea{font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 11px;color: #000000;}	

.page{padding-bottom:7px;background: #A0A0A0 url('Design/Images/general/mainWorkplaceBGI.gif') repeat-x top; }
#main{margin:0px 6px;height:660px;display:none; }

.leftSection{float:left; height:100%; display:block; overflow:hidden; }
.rightSection{float:left;height:100%;  display:block}
.middleSection{float:left;height:100%;  width:0.8%}



.container1Body1{border-left: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8;background: url(Design/Images/general/container1BGI.gif) repeat-x bottom #F4F4F4;}
.containerBodyBG{background: url(Design/Images/general/container1BGI.gif) repeat-x bottom #F4F4F4;}
.bodyDivWithScroll{position: relative;width: 100%;height: 100%;	overflow: auto;}

.positionRelativeContainer{width:100%;	height: 100%;	position: relative;	top:0px;left:0px;}	

.divWithScrolls{position: absolute;	top:0px;left: 0px;width: 100%;height: 100%;	Min-Width: 100%;Min-Height: 100%;Max-Width: 100%;Max-Height: 100%;overflow:auto;margin: 0px;}

.widthHeight100Percents{width: 100%;height: 100%;}

.width100Percents{width: 100%;}

.width50Percents{width: 50%;}

.height100Percents{height: 100%;}

.height50Percents{height: 50%;}

.height1Px{	height: 1px;}

/* Multipart Buttons --------------------------------- */

.tContentButtonHolder{ float:right; width:auto; height:21px;  margin-top:7px; margin-right:5px;}

.buttonUni{	cursor : pointer;cursor : hand;-moz-user-select: none;}
table.buttonUni tr td.buttonUniTextPlace2{padding: 4px 4px 0 4px;vertical-align: top;text-align: center;	background-image : url(Design/Images/multipartButtons/uni/BGI.gif); border:none}
table.buttonUniDisabled tr td, table.buttonUni tr td{border:none;}
.buttonUniDisabled{	cursor : default;-moz-user-select: none;}
	

/*----- Universal Button Type 1 -----*/
.buttonUniStartImg{	width: 6px;	height: 23px;}
			
			
.buttonUniEndImg{width: 8px;height: 23px;}
.buttonUniStartArrowImg{width: 19px;height: 23px;}
.buttonUniTextPlace1{padding: 4px 4px 0 4px;font : 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}	
table.buttonUni tr td.buttonUniTextPlaceMouseOver1, .buttonUniTextPlaceMouseOver1{padding: 4px 4px 0 4px;font :  11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif);}
table.buttonUniDisabled tr td.buttonUniTextPlaceDisabled1{padding: 4px 4px 0 4px;font :  11px Verdana, Arial, Helvetica, sans-serif;color: #C4C2C2;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_d.gif);}
table.buttonUni tr td.buttonUniTextPlace2, .buttonUniTextPlace2{padding: 4px 4px 0 4px;vertical-align: top;text-align: center;	background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}
table.buttonUni tr td.buttonUniTextPlace2 span,.buttonUniTextPlaceMouseOver2 span{font : bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;	white-space: nowrap;}
table.buttonUni tr td.buttonUniTextPlace5, .buttonUniTextPlace5{padding: 4px 4px 0 4px;font :  11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}	
table.buttonUni tr td.buttonUniTextPlace6, .buttonUniTextPlace6{padding: 4px 4px 0 4px;font :  bold 9px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}
table.buttonUni tr td.buttonUniTextPlaceMouseOver2, .buttonUniTextPlaceMouseOver2{padding: 4px 4px 0 4px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;	background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif);}
.buttonUniTextPlaceMouseOver6{	padding: 4px 4px 0 4px;	font :  bold 9px Verdana, Arial, Helvetica, sans-serif;	color: #242424;	white-space: nowrap;vertical-align: top;text-align: center;	background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif);}
table.buttonUniDisabled tr td.buttonUniTextPlaceDisabled2, .buttonUniTextPlaceDisabled2{padding: 4px 4px 0 4px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #C4C2C2;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_d.gif);}	
.buttonUniTextPlace3{padding: 0 3px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}	
.buttonUniTextPlaceMouseOver3{padding: 0 3px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif);}
.buttonUniTextPlaceDisabled3{padding: 0 3px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #C4C2C2;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_d.gif);}
.buttonUniTextPlace4{padding-right: 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;	white-space: nowrap;vertical-align: top;text-align: center;	background-image : url(Design/Images/multipartButtons/uni/BGI.gif);}	
.buttonUniTextPlaceMouseOver4{padding-right: 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif);}
.buttonUniTextPlaceDisabled4{padding-right: 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #C4C2C2;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni/BGI_d.gif);}

/*----- Universal Button Type 2 ----- */
.buttonUni2StartImg{width: 6px;height: 18px;}
.buttonUni2EndImg{width: 7px;height: 18px;}
.buttonUni2TextPlace1{padding: 2px 2px 0 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni2/BGI.gif);}	
.buttonUni2TextPlaceMouseOver1{padding: 2px 2px 0 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #242424;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni2/BGI_o.gif);}
.buttonUni2TextPlaceDisabled1{padding: 2px 2px 0 2px;font :  bold 11px Verdana, Arial, Helvetica, sans-serif;color: #C4C2C2;white-space: nowrap;vertical-align: top;text-align: center;background-image : url(Design/Images/multipartButtons/uni2/BGI_d.gif);}

/*----- AButton Type 2 -----*/
a.buttonUni{display:block; width:auto; height: 23px;float:left;}
a.buttonUni span{ line-height:21px; font-weight:bold; display:block; height:100%; width:auto; float:left;}
a.buttonUni .MUM{font-size:10px;text-align: center;background : url(Design/Images/multipartButtons/uni/BGI.gif);}
a.buttonUni:hover .MUM{background-image : url(Design/Images/multipartButtons/uni/BGI_o.gif); }
a.buttonUni .LUM{width:6px; background : url(Design/Images/multipartButtons/uni/L.gif) no-repeat 0 0;}
a.buttonUni:hover .LUM{background-image: url(Design/Images/multipartButtons/uni/L_o.gif);}
a.buttonUni .RUM{width:6px; background : url(Design/Images/multipartButtons/uni/R.gif) no-repeat 0 0;}
a.buttonUni:hover .RUM{background-image: url(Design/Images/multipartButtons/uni/R_o.gif);}
 
 
 
 
a.buttonUniDisabled{display:block; width:auto; height: 23px;float:left;}
a.buttonUniDisabled span,a.buttonUniDisabled span.MUM { line-height:21px; font-weight:bold; display:block; height:100%; width:auto; float:left;color:#C4C2C2;}
a.buttonUniDisabled .MUM{padding:0px 5px;text-align: center;background : url(Design/Images/multipartButtons/uni/BGI_d.gif);}
a.buttonUniDisabled:hover .MUM{padding:0px 5px;text-align: center;background : url(Design/Images/multipartButtons/uni/BGI_d.gif);}
a.buttonUniDisabled .LUM{width:6px; background : url(Design/Images/multipartButtons/uni/L_d.gif) no-repeat 0 0;}
a.buttonUniDisabled:hover .LUM{background : url(Design/Images/multipartButtons/uni/L_d.gif) no-repeat 0 0;}
a.buttonUniDisabled .RUM{width:6px; background : url(Design/Images/multipartButtons/uni/R_d.gif) no-repeat 0 0;}
a.buttonUniDisabled:hover .RUM{background : url(Design/Images/multipartButtons/uni/R_d.gif) no-repeat 0 0;}

 
 
 
a.mapRightButton .RUM{width:19px; background : url(Design/Images/multipartButtons/uni/R2.gif) no-repeat 0 0;}
a.mapRightButton:hover .RUM{background-image: url(Design/Images/multipartButtons/uni/R2_o.gif);}

a.mapRightButton .MUM{padding:0px; }




/* --------------------------------------------------- */

/*-----------------------------------------------------*/

.select {border: 1px solid #ADADAD;color: #5C5C5C}
.select1 {border: 1px solid #ADADAD;height: 22px;width: 205px;}
.select2 {border: 1px solid #ADADAD;height: 22px;width: 292px;}
.select3 {border: 1px solid #ADADAD;height: 22px;width: 193px;}
.select4{font-size:11px; width: 186px;height: 22px;border:1px solid #ADADAD;}
.select4:disabled { color: #898585; border-color: #c9c9c9; background-color: #f9f7f7;}
.select5{font-size:11px; width: 170px;height: 18px;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.select6{font-size:12px; width: 150px;height: 22px;border:1px solid #ADADAD;}
.select17 {width: 190px;font: 11px Verdana,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.select18{width: 250px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.select100 {border: 1px solid #ADADAD;height: 22px;width: 100%;}

.textbox{color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox1{width: 202px;height: 18px;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}
.textbox2{width: 290px;height: 18px;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox3{width: 365px;height: 18px;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}
.textbox4{width: 365px;height: 82px;font: 11px Verdana ,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox5{width: 290px;height: 120px;font: 11px Verdana ,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox6{width: 635px;height: 18px;font: 11px Verdana ,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;margin-right: 0px;}
.textbox7{width: 190px;height: 18px;font: 11px Verdana ,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox8{width: 180px;height: 18px;font: 11px Verdana,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}
.textbox8_{height: 18px;font: 11px Verdana,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}
.textbox8DT{width: 180px;height: 18px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD; cursor:pointer;background:white url('Design/Images/calendar/Calendar_scheduleHS.png') no-repeat right ;}
.textbox9{width: 220px;height: 30px;font: 11px Verdana,Arial, Helvetica, sans-serif;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textbox10{width: 170px;height: 18px;font: 11px Verdana ,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}
.textbox11{width: 150px;height: 18px;font: 11px Verdana,Arial, Helvetica, sans-serif;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}
.textbox13{width: 280px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textbox14{width: 283px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textbox15{width: 220px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textbox16{width: 150px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textbox18{width: 250px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD;}
.textboxDT{width: 168px;color: #5C5C5C;	background: #FFFFFF;border:1px solid #ADADAD; cursor:pointer;background:white url('Design/Images/calendar/Calendar_scheduleHS.png') no-repeat right ;}
.textbox100{width:99%;height: 18px;color: #5C5C5C;background: #FFFFFF;	border:1px solid #ADADAD;}

.textarea{color: #5C5C5C;background: #FFFFFF;	border: 1px solid #ADADAD;}
.textarea1{width: 300px;color: #5C5C5C;background: #FFFFFF;	border: 1px solid #ADADAD;}
.textarea2{width: 280px;color: #5C5C5C;background: #FFFFFF;	border: 1px solid #ADADAD;}


.select9{width: 64px;color: #5C5C5C;background: #FFFFFF;border:1px solid #ADADAD;}

.label1{font: 9px Verdana  ,Arial, Helvetica, sans-serif;color: #5E5E5E;}
.label2{font: 11px Verdana, Arial, Helvetica, sans-serif;color: #5E5E5E;}
.label3{font: bold 11px  Verdana, Arial, Helvetica, sans-serif;color: #5E5E5E;}
/*-----------------------------------------------------*/

.commandLine{margin:4px 0px; height:32px;}
.commandLine .CLB{ float:right; margin:5px 0px 0px 10px;}
.commandLine .CLFB{ float:left; margin:5px 10px 0px 0px; width:32px; height:32px;}
.commandLine #deleteButtonHolder{background:transparent url('Design/Images/admin/icon_delete_dis.gif')}

.commandLine #addButtonHolder{background:transparent url('Design/Images/admin/add-advanced_dis.gif')}

.lbHeader1{background: #919191 url(Design/Images/general/lbHeaderBGI.gif) repeat-x top;padding:0px 0px 0px 10px;height: 23px;}
.lbHeader2{background: #919191 url(Design/Images/general/lbHeaderBGI.gif) repeat-x top;padding:2px 2px 2px 10px;height: 23px;}
.lbHeader1 span,.lbHeaderText{font:bold 11px Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF;white-space: nowrap; line-height:21px;}
/****************---- MENU ----************************/

#menuContainer{height:56px; position:relative;}

/****************---- END MENU ----*********************/

/****************---- MENU RIGHT BUTTONS ----************************/
.PageButtons{float:right; width:250px;height:auto; }
.PageButtons a{ display:block; height:30px; width:30px; float:right;  margin:2px 0px;}
.PageButtons a.AFullMap{background:transparent url('Design/Images/general/displayMode_mapOnly.gif')}
.PageButtons a.AFullMap:hover{background:transparent url('Design/Images/general/displayMode_mapOnly_s.gif')}
.PageButtons a.ANoMap{background:transparent url('Design/Images/general/displayMode_reportsOnly.gif')}
.PageButtons a.ANoMap:hover{background:transparent url('Design/Images/general/displayMode_reportsOnly_s.gif')}
.PageButtons a.AHalfMap{background:transparent url('Design/Images/general/displayMode_reportsAndMap.gif')}
.PageButtons a.AHalfMap:hover{background:transparent url('Design/Images/general/displayMode_reportsAndMap_s.gif')}

.SoundHolder{float:right; width:30px; border-right:1px solid gray;margin:9px; height:20px;background:transparent url('Design/Images/general/sound.gif') no-repeat 50% 50%; cursor:pointer}
.PageButtons .mute{background:transparent url('Design/Images/general/mute.gif') no-repeat 50% 50%;}
/****************---- END MENU RIGHT BUTTONS ----************************/
	
	
/****************---- POPUP WINDOW ----************************/
 
.popupWindow{display:none; position:absolute; top:100px; left:200px; height:200px; width:500px; border:0px solid red; background:transparent; z-index:1001; }
.popupWindow .header{height:23px;}
.popupWindow .header div{height:23px;}
.popupWindow .header .cLeft{float:left;width:3px;background: url(Design/Images/general/ppdHeaderStart.gif) no-repeat;}
.popupWindow .header .cRight{float:left;width:7px;background: url(Design/Images/general/ppdHeaderEnd.gif) no-repeat;}
.popupWindow .header .closeButton{float:left;width:13px;background: url(Design/Images/general/ppdHeaderclose.gif) no-repeat;}
.popupWindow .header .miniButton{float:left;width:5px;background: url(Design/Images/general/ppdHeaderBGI.gif) repeat-x bottom #252626;}
.popupWindow .header .dragHandle{float:left;width:477px; cursor:move;background: url(Design/Images/general/ppdHeaderBGI.gif) repeat-x bottom #252626;}
.popupWindow .header .dragHandle span{ line-height:20px; padding-left:20px; font-size: 11px; font-weight: bold; color:White;}

.popupWindow .popupContent { clear:both; border:1px solid #515151; border-bottom:none;border-top:none; padding:10px 20px;background: url(Design/Images/general/ppdBodyBGI.gif) repeat-x top #F2F1F2;}
.popupWindow .popupContent .TBL span {line-height:20px;}
.popupWindow .popupFooter, .TaskBoxesHolder .popupFooter{clear:both; height: 31px;border: 1px solid #515151; border-top-color:#A1A1A1; background: #E9E9E9;padding: 0px 6px 0 6px;}
.popupWindow .popupFooter .buttonHolder, .TaskBoxesHolder .popupFooter .buttonHolder{float:right; margin:5px;}



/****************---- END POPUP WINDOW ----************************/

/****************---- POPUP Menu ----************************/
.popupMenu{display:none; position:absolute; top:100px; left:200px; height:auto; width:auto; border:0px solid red; background:transparent; z-index:1001; /*border:1px solid #515151;*/}

.popupMenu .popupContent { clear:both; border:1px solid #AAAAAA; }



.popupContent  a.popupItem { padding-left:5px; color: #BEBEBE; line-height:21px;display:block; height: 21px;background: url(Design/Images/general/actionDdBGI.gif) repeat-x top #242424;cursor : pointer;}
.popupContent  a.sep{display:block;height:1px; overflow:hidden; background:#AAAAAA;}
.popupContent  a.popupItem:hover{color: #D4D4D4;background: url(Design/Images/general/actionDdBGI_o.gif) repeat-x top #242424;}

.displayLine{height:21px; padding:2px 13px; background:#DDDDDD;}
.displayLine span {line-height:21px;}
.sepBlackLine{height:1px; overflow:hidden; background:#000000;}
.sepWhiteLine{height:1px; overflow:hidden; background:#FFFFFF;}

/******   BEFORE ADD Another popup in alert page 02.08.1011
#tblMenuPopup .TBL .TD {float:none;}

#tblMenuPopup  a.popupItem { padding-left:5px; color: #BEBEBE; line-height:21px;display:block; height: 21px;background: url(Design/Images/general/actionDdBGI.gif) repeat-x top #242424;cursor : pointer;}
#tblMenuPopup  a.sep{display:block;height:1px; overflow:hidden; background:#AAAAAA;}
#tblMenuPopup  a.popupItem:hover{color: #D4D4D4;background: url(Design/Images/general/actionDdBGI_o.gif) repeat-x top #242424;}
******************/

/****************---- END POPUP WINDOW ----************************/

/***************---- DATA TABLE ---------**************************/

a.selector { color:Red; margin-left:3px; height:16px; width:16px; display:block; background: url('Design/Images/dataTable/selector.gif');}

#fixedTblHeaderRowThead TH{
    border-left: 1px solid #D3D3D3;
    border-bottom: 1px solid #FFFFFF;
    background: url(Design/Images/dataTable/headerBGI.gif) repeat-x top #919191;
    white-space: nowrap;
    cursor: default;
    padding:0px;
    height:24px
}


TABLE.dataTable THEAD TR{height: 24px;}
TABLE.dataTable TR TH{border-left: 1px solid #D3D3D3;border-bottom: 1px solid #FFFFFF;background : url(Design/Images/dataTable/headerBGI.gif) repeat-x top #919191;white-space:nowrap;cursor: default;}
TABLE.dataTable TR TH.TH1{width:35px;border-left: none;}
TABLE.dataTable TR TH SPAN{padding:0px 7px;color: #FFFFFF; font-weight:normal; }
TABLE.dataTable TR TH SPAN.SRT{display:block;cursor:pointer;}
TABLE.dataTable TR TH SPAN.SRTUP{ background:url(Design/Images/dataTable/sortedUp.gif) no-repeat 100% 50%;}
TABLE.dataTable TR TH SPAN.SRTDOWN{ background:url(Design/Images/dataTable/sortedDown.gif) no-repeat 100% 50%;}
TABLE.dataTable TR.trBold td {font-weight:bold;}
TABLE.dataTable TD{padding: 0 7px;color: #242424;white-space:nowrap;border-left: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;}
TABLE.dataTable TD.TD1{border-left: none;}
TABLE.dataTable TBODY tr{ height:22px; background:#FFFFFF;}
TABLE.dataTable TBODY .dtRowClicked, tr.dtRowClicked {background : #eefcbe;}
TABLE.dataTable TBODY .dtRowDblClicked{background : #c5f2ff;}
TABLE.dataTable TBODY .dtRowTraceClicked ,tr.dtRowTraceClicked{background : #c5f2ff;}
TABLE.dataTable TBODY .dtRowTraceClicked ,tr.dtRowTrackingClicked{background : #ffa07a;}
TABLE.dataTable TBODY .dtRowNonTransmission ,tr.dtRowNonTransmission{background : #ff6347;}


TABLE TR.rowDisabled TD {color:#BCBCBC;}
.alertVehiclesTable td{ overflow:hidden;}

TABLE.dataTable TR.dtGroupRow{	background : #242424;height:19px;}
TABLE.dataTable TD.dtGroupNameCell{background : url(Design/Images/dataTable/groups/groupNameBGI.gif) repeat-x top #242424;border-left: 1px solid #D3D3D3;	border-bottom: 1px solid #D3D3D3;font: bold 11px Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF;	padding: 0 7px;	}
TABLE.dataTable TD.dtGroupToggleCell{	background : url(Design/Images/dataTable/groups/groupNameBGIAll.gif) repeat-x 0px 0px;text-align:center;padding: 0 0;border-bottom: 1px solid #D3D3D3;cursor : pointer;	cursor : hand; width:35px;}
TABLE.dataTable TD.dtGroupToggleCell div {height:19px; width:100%; background : url(Design/Images/dataTable/groups/openCloseAll.gif) no-repeat 50% 0px;}

div.tableOpen TABLE.dataTable div.toggle{background : url(Design/Images/general/clsclose.gif) no-repeat 50% -2px;width:20px; cursor:pointer }
div.tableClose TABLE.dataTable div.toggle{background : url(Design/Images/general/clsopen.gif) no-repeat 50% -2px;width:20px; cursor:pointer }
div.tableClose TABLE.layerContent{display:none;}
div.tableOpen TABLE.layerContent{display:table;}

/***************---- END DATA TABLE ---------**************************/

div.deleteTemplateBTN{height:16px; width:16px; background: url(Design/Images/general/deleteBTN.gif) no-repeat;}

table.dataTable tbody tr.Expired td{ color:red;}
table.dataTable tbody tr.Expired td a{ color:red;}


.dataTableHeaderHolder{position:relative;}
.dataTableHeaderHolder span{  color:White; padding-left:7px;}

.dataTableHeaderHolder .hCell{background: url(Design/Images/dataTable/headerBGI.gif) repeat; border-left:1px solid lightGrey;}

.container1HeaderUnderline{background: #D3D3D3;border-left: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;}


.infoBar{background : url(Design/Images/general/infoBarBGI.gif) repeat-x; height:20px;}
.infoBar span{line-height:20px;padding-left:12px;}

.divider1{margin-top: 6px;margin-bottom: 5px;background-color:#5C5C5C;height:1px;	}

/***************---- VEHICLE DETAILS ---------**************************/

#frmVehicleDetails {
    overflow: hidden;
    margin-right: 20px;
}

/***************---- END VEHICLE DETAILS ---------**************************/

/***************---- ROUTE HISTORY---------**************************/
.ppdHeaderTextPlace {
    margin-bottom: 5px;
    background: url(Design/Images/general/ppdHeaderBGI.gif) repeat-x bottom #252626;
    vertical-align: top;
    padding: 6px 11px 0 11px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    white-space: nowrap;
}
.rsDataTable{width: 100%;-moz-user-select: none; border:1px solid black}
.rsDataTable thead tr{height:21px}
.rsDataTable th{border-bottom: 1px solid #9A9A9A;background : url(Design/Images/general/srTableHeaderBGI.gif) repeat-x top #DDDDDD;white-space:nowrap;	font: 11px Verdana, Arial, Helvetica, sans-serif;color: #000000;padding:0 13px;cursor: default;}
.rsDataTable td{padding: 4px 13px;font: 11px Verdana, Arial, Helvetica, sans-serif;color: #5C5C5C;white-space:nowrap;border-bottom: 1px solid #D3D3D3;}
.rsDataTable td.TD1{border-right: 1px solid #9A9A9A;background : url(Design/Images/general/srTableHeaderBGI.gif) repeat-x top #DDDDDD;color: #000000;padding-left:2px;}

table.dataTable tbody tr.udSelected {background-color: #EEFCBE;}
table.rsDataTable tbody tr.srSelected {background-color: #c5f2ff;}


.monitorTables TR TH SPAN{padding:0px 7px;color: #FFFFFF; font-weight:normal; }
.monitorTables TR TH SPAN.SRT{display:block;cursor:pointer;}
.monitorTables TR TH SPAN.SRTUP{ background:url(Design/Images/dataTable/sortedUp.gif) no-repeat 100% 50%;}
.monitorTables TR TH SPAN.SRTDOWN{ background:url(Design/Images/dataTable/sortedDown.gif) no-repeat 100% 50%;}

/* Geo fence infowindow  padding:0px 5px 5px 5px;*/
.geofenceInfoWindow{margin-top:4px;}
.geofenceInfoWindowFont{font:normal 10px arial}


.CalculateTextDiamensionsDiv{position:absolute;visibility: hidden; height: auto; width: auto; white-space: nowrap;}

.TOOLTIP{ 
            background-image:  url(Design/Images/Icons/tooltip.gif);
            height:12px;
            width:12px;
            border:none;
            margin-top:4px;
        }

.TOOLTIP_R{ 
            background-image:  url(Design/Images/Icons/tooltip.png);
            background-repeat:no-repeat;
            height:17px;
            width:17px;
            border:none;
        }

.SHEADER_True {
    display:none;
}

