@CHARSET "UTF-8";


body{font-family: arial, verdana, helvetica, sans-serif; font-size: 10px;   padding:0px; margin:0px;	background-color: #ffffff; 	color: #222222;  overflow:hidden;	 z-index:1;}

h6{font-family: arial, verdana, helvetica, sans-serif; font-size: 16px;   padding:0px; margin:0px;	color: red;  overflow:hidden;	font-weight:bold;}


#OuterProgrammArea{position:absolute; top:0px; left:0px; right:0px;  bottom:0px;  overflow:hidden; background-color:gray; min-width:1024px; min-height:600px;}

#ProgrammArea{position:absolute; top:5px; left:5px; right:5px;  bottom:5px; overflow:hidden; background-color:white;
              -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; }
              
                    
#TopArea{position:absolute; top:0px; left:0px; height:45px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px;
    background: #efefef; 
	background: linear-gradient(top, #0099FF 0%, #4169E1 70%);  
	background: -moz-linear-gradient(top, #0099FF 0%, #4169E1 70%); 
	background: -webkit-linear-gradient(top, #0099FF 0%,#4169E1 70%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
#MainMenuAndProgrammArea{position:absolute; top:45px; left:0px; bottom: 0px; right:0px; display:block; color:blue; overflow:hidden; font-size: 1px; background-color: #DCDCDC; }

#MainMenuBackgroundArea{position:absolute; top:0px; left:0px; height: 38px; right:0px; display:block;  overflow:hidden;
    background: #efefef; 
	background: linear-gradient(top, #4169E1 30%, #0099FF 100%);  
	background: -moz-linear-gradient(top, #4169E1 30%, #0099FF 100%); 
	background: -webkit-linear-gradient(top, #4169E1 30%, #0099FF 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); 
	z-index:0;}
	
	
	
	
#MainPrgArea{position:absolute; top:0px; left:0px; right:0px;  bottom: 0px; background-color:white; overflow:hidden;font-size: 10px;} 


#MainPrgArea{position:absolute; top:0px; left:0px;  width:100%;height:100%; background-color:white; overflow:hidden;font-size: 10px;} 
.MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:white; overflow:hidden;font-size: 10px;z-index:2;} 



/*---------------------------*/

input{border:none;}

.hotelinput{font-size: 10px; text-align: right; width:80px; height:18px; padding: 3px 5px 3px 5px; overflow:hidden;  border:1px #3399FF solid; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}



table {	font-size: 1em;}



.ui-draggable, .ui-droppable {
	background-position: top;
}



#HelpBorder1{position:absolute; top:1px; left:1px; width:1024px; height:768px; border:1px green dashed; z-index: 99999;}
#HelpBorder2{position:absolute; top:0px; left:0px; width:1280px; height:854px; border:1px red dashed; z-index: 99999;}





/*  TOP Area Stuff   --------------------------------------------------------------------------------------------------------------------*/
#Logo{position:absolute; top:5px; left:5px; height:40px; width:350px; float:left;   background:url(../img/AppLogoTop.png) no-repeat  0 0;}
#Logo:hover{background-position: -3px -2px; }

#JobName{position:absolute; bottom:8px; left:380px; height:20px; width:300px; color:white; font-size:20px; text-align:left; font-style:italic;}
#HotelDate{position:absolute; bottom:25px; right:250px; height:12px; width:120px; color:white; float:left;   font-size: 10px; }
#CustomerName{position:absolute; bottom:8px; right:250px; height:12px; width:120px; color:white; float:left;   font-size: 10px; }

#LoginUnameTitle{position:absolute; top:5px; right:160px; height:10px; width:80px; font-size: 8px; color:white;}
#LoginUnameData{position:absolute; top:15px; right:160px; height:20px; width:80px; font-size: 10px;}
#LoginPswdTitle{position:absolute; top:5px; right:60px; height:10px; width:80px; font-size: 8px; color:white;}
#LoginPswdData{position:absolute; top:15px; right:60px; height:20px; width:80px; font-size: 10px;}
#LoginOK{position:absolute; top:10px; right:10px; height:30px; width:30px; background:url(../img/ok_red.png);background-position: 0 0;}
#LoginOK:hover { background-position: 0px -30px;  }
#LoginOKFormBtnSubmit{visibility:hidden;}




#UpDownTopAreaBtn{position:absolute; top:0px; left:985px; height:35px; width:35px; background:url(../img/updown.png) no-repeat  0 0;  z-index:99999}



/*  MAIN MENU STUFF   --------------------------------------------------------------------------------------------------------*/
#init_MainMenuDiv{position:absolute; top:0px; left:0px; width:100%;height:100%; border:none;}
#init_MainMenuDiv1{position:absolute; top:5px; left:5px; right:10px; height:154px; border:none;}
                      
#init_MainMenuDiv2{position:absolute; top:160px; left:5px; width:234px; bottom:10px; border:none; }

.init_MainMenu{position:relative; display:block; width:230px; height:150px; padding:2px;}
.init_MainMenu:hover{border:2px #ffffff solid; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; }



#init_MainMenu_Graphs{background:url(../img/menu_graphs.png) no-repeat  0 0; float:left;}
#init_MainMenu_Lists{background:url(../img/menu_lists.png) no-repeat  0 0;float:left;}
#init_MainMenu_Mimics{background:url(../img/menu_mimics.png) no-repeat  0 0;float:left;}
#init_MainMenu_Stats{background:url(../img/menu_stats.png) no-repeat  0 0;float:left;}
#init_MainMenu_Alerts{background:url(../img/menu_alerts.png) no-repeat  0 0;}
#init_MainMenu_Params{background:url(../img/menu_params.png) no-repeat  0 0;}
#init_MainMenu_About{background:url(../img/menu_about.png) no-repeat  0 0;}



#init_MainMenu2Div{position:absolute; top:165px; left:245px; width:690px; height:450px; overflow-x:hidden; overflow-y:auto; border:1px #D0D0D0 solid;
                   background-color:#F8F8F8     ;-webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; }

.init_MainSubMenu2{position:absolute; top:2px; left:2px; right:2px; bottom:2px; overflow-x:hidden; overflow-y:auto; float:left; display: none; }

/*  .init_MainSubMenu2{ visibility: hidden; }  */

.init_MainMenu2Item{position:relative; display:block;  width:212px; height:70px; float:left;
                    background-color: #F0F0F0 ; font:Arial; font-size:18px; color:#707070 ;
                     padding: 2px; margin:2px;   border-width: 1px;	border-style: solid; 	border-color: #D8D8D8;
                     -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
                     -moz-box-shadow:  2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999; }


.init_MainMenu2Item:hover{border-color: #3333FF; color:#3333FF}








/*    timepicker stuff  ------------------------------------*/

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



.GraphTopControls{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:#99CCFF ; display:block; color:white; overflow:hidden; font-size: 10px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}

.planBtn{position:absolute; top:5px; width:50px;  height:50px; display:block; overflow:hidden; border:none;}
.planBtn:hover{border:2px #6666FF solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;}

.planBtn30{position:absolute; top:0px; width:30px;  height:30px; display:block; overflow:hidden; border:none;}
.planBtn30:hover{border:1px #6666FF solid;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}




.BtnSave{right:30px;  background:url(../img/save.png) no-repeat  0 0;}
.BtnRefresh{right:100px;  background:url(../img/refresh.png) no-repeat  0 0;}
.BtnDownload{right:170px;  background:url(../img/download.png) no-repeat  0 0;}


.BtnAdd{left:10px;  background:url(../img/add.png) no-repeat  0 0;}
.BtnDelete{left:80px;  background:url(../img/Remove.png) no-repeat  0 0;}
.BtnEdit{left:150px;  background:url(../img/edit.png) no-repeat  0 0;}

.BtnMimicAdd{left:250px;  background:url(../img/mimicImgBtn.png) no-repeat  0 0;}
.BtnMimicDelete{left:320px;  background:url(../img/mimicImgBtnDelete.png) no-repeat  0 0;}

.MainPlanInput{position:absolute; top:5px; width:80px;  height:20px; padding: 5px; margin:5px;  display:block; overflow:hidden; border:1px blue solid; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}




/*  POP UP WINDOW    --------------------------------------------------------------------------------------------------------*/

.PopUpWindow{position:absolute; top:10px; height:510px;  right: 430px; width:550px;  display:none; z-index:9001; background-color:#F0F0F0 ;
                      border-width: 1px; 	padding: 0px; margin:0px;	border-style: solid; 	border-color: blue;
                      -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
                      -moz-box-shadow:    2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999; }


.PopUpWindowTop{position:absolute; top:0px; left:0px; height:50px; width:100%; background:blue; padding: 0px 0px 0px 0px;  margin:0px 0px 0px 0px; 
                      border-width: 0px; border-style: solid; 	border-color: gray; -webkit-border-radius: 2px 2px 0px 0px;   -moz-border-radius: 2px 2px 0px 0px;   border-radius: 2px 2px 0px 0px;;}
                      
.PopUpWindowTopTitle{position:relative; top:13px; height:14px;  left: 10px; width:150px;  font-family: Arial, verdana, helvetica, sans-serif;  font-size: 14px;  font-weight:bold; color: white; }   
   
.PopUpWindowContentsTopValueBorder{position:absolute; top:5px; left:150px; width:400px;  height:20px;  font-size: 20px; color: #003366;  text-align:left; 
                                              padding: 5px 0px 5px 0px; margin:5px 0px 5px 0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	padding: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
                                                              
.PopUpWindowTopSave{position:absolute;top:0px; right:10px; width:40px; height:40px;  background:url(../img/save40.png) no-repeat  0 0; }
.PopUpWindowTopSave:hover{border:1px blue solid;}
.PopUpWindowTopCancel{position:absolute;top:0px; right:90px; width:40px; height:40px; background:url(../img/exit40.png) no-repeat  0 0; }
.PopUpWindowTopCancel:hover{border:1px blue solid;}

.PopUpWindowTopOk{position:absolute;top:0px; right:10px; width:40px; height:40px;  background:url(../img/ok40.png) no-repeat  0 0; }
.PopUpWindowTopOk:hover{border:1px blue solid;}


.PopUpWindowTopCarbonCopy{position:absolute;top:0px; right:170px; width:40px; height:40px; background:url(../img/carboncopy40.png) no-repeat  0 0; }
.PopUpWindowTopCarbonCopy:hover{border:1px blue solid; background-color:#0099FF;   -webkit-border-radius: 20px;   -moz-border-radius: 20px;   border-radius: 20px;}


.PopUpWindowTopClose{position:absolute; top:10px; height:20px;  right:10px; width:20px; background: url("../img/w_exit.png");}


.PopUpWindowContents{position:absolute; top:40px; bottom:40px;  left: 0px; right:0px;  font-family: Arial, verdana, helvetica, sans-serif;  font-size: 20px; color: blue;  background-color:#F0F0F0;}


.PopUpWindowContentsFormLine{position:relative; top: 0px; left:0px; right:0px;  height:40px; margin:1px 0px 1px 0px; }
     .PopUpWindowContentsFormFieldTitle{position:absolute; top: 1px; left:0px;  width:150px;  height:30px; text-align:right; color:#003366;   padding: 5px 4px 5px 4px; margin:5px 0px 5px 0px; float:left;}
     .PopUpWindowContentsFormFieldValueBorder{position:absolute; top:0px; left:160px; width:400px;  height:30px;  font-size: 20px; color: #003366;  text-align:left; 
                                              padding: 5px 10px 5px 103px; margin:5px 0px 5px 0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	padding: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
     .PopUpWindowContentsFormFieldValueNoBorder{position:absolute; top:0px; left:160px; width:400px;  height:30px;  font-size: 20px;  color: #003366;   text-align:left; 
                                                padding: 5px 4px 5px 4px; margin:5px 0px 5px 0px; background-color:#F8F8F8   ;}
     .PopUpWindowContentsFormFieldValueNoBorderNoBackground{position:absolute; top:0px; left:160px; width:400px;  height:30px;  font-size: 20px;  color: #003366;   text-align:left; 
                                                padding: 5px 4px 5px 4px; margin:5px 0px 5px 0px; }
     .PopUpWindowContentsFormFieldSELECT1{position:absolute; top:0px; left:160px; width:300px;  height:30px; text-align:left; font-size: 20px; color: #003366;    padding: 5px 4px 5px 4px; margin:5px 0px 5px 0px;}
     .PopUpWindowContentsFormFieldSELECT1 SELECT{font-size: 20px; width:300px; color: #003366;  background-color:#F8F8F8  ;}

     .PopUpWindowContentsFormFieldSELECT2{position:absolute; top:0px; left:160px; width:400px;  height:30px; text-align:left; font-size: 20px; color: #003366;    padding: 5px 4px 5px 4px; margin:5px 0px 5px 0px;}


  .PopUpWindowContentsFormLineSeperator{position:relative; top: 0px; left:5px; right:25px;  height:2px; margin: 11px 0px 11px 0px; background-color:blue;}


     .PopUpWindowContentsForm4Lines {position:relative; top:22px; left:0px; width:100%;  height:90px;}
     .PopUpWindowContentsFormTextArea4{position:absolute; top: 0px; left:110px; width:400px;  height:80px; text-align:left; padding: 0px;
                                              background-color:white;     border: 1px #999999 solid; -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; 
                                              box-shadow: rgba(0,0,0,0.4) 1px 1px;}
   

   .PopUpWindowContentsVerticalSpace{position:relative; top: 0px; left:0px; width:100%;  height:30px; }


.PopUpWindowContentsFormLineNew{position:relative; top: 0px; left:0px; right:0px;  height:40px; margin:1px 0px 1px 0px; }
.PopUpWindowContentsFormLineCol{position:relative; top: 0px; left:0px; width:300px; height:30px; display:block;  float:left; overflow:hidden;}
.PopUpWindowContentsFormFieldColTitle{position:absolute; top:0px; left:0px;  width:95px;  height:12px; text-align:right; color:#003366; font-size: 12px;  padding: 4px 4px 4px 4px; margin:5px 0px 5px 0px;
                                      float:left; overflow:hidden;}
.PopUpWindowContentsFormFieldColValueBorder{position:absolute; top:0px; left:100px; width:200px;  height:24px;  font-size: 14px; color: #003366;  text-align:left; overflow:hidden;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}





.PopUpWindowContentsFLUDRoomingList{position:relative; top: 0px; left:0px; right:0px;  height:480px; margin:1px 0px 1px 0px;}
.PopUpWindowContentsFLUDRoomingListArea{position:absolute; top:18px; left:1px; right:1px;  bottom:1px;  font-size: 14px; color: #003366;  text-align:left; overflow-x:hidden; overflow-y:auto;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowContentsAreaGridTopControls{position:absolute; top:0px; left:0px; height:40px; right:0px; background-color:#99CCFF ; display:block; color:white; overflow:hidden; font-size: 10px;}






.PopUpWindowContentsFLUDBig{position:relative; top: 0px; left:0px; right:0px;  height:240px; margin:1px 0px 1px 0px;}




.PopUpWindowContentsFLUDBigCol33{position:relative; top: 1px; left:1px; width:900px;  height:380px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }

.PopUpWindowContentsFLUDBigCol23{position:relative; top: 1px; left:1px; width:700px;  height:215px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }
.PopUpWindowContentsFLUDBigCol13{position:relative; top: 1px; left:1px; width:250px;  height:215px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }

.PopUpWindowContentsFLUDCol13TextArea{position:absolute; top:18px; left:1px; right:1px;  bottom:1px;  font-size: 14px; color: #003366;  text-align:left; overflow-x:hidden; overflow-y:auto;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}

.PopUpWindowContentsFLUDCol23Area{position:absolute; top:18px; left:1px; right:1px;  bottom:1px;  font-size: 14px; color: #003366;  text-align:left; overflow-x:hidden; overflow-y:auto;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowContentsAreaGridTopControls{position:absolute; top:00px; left:0px; height:40px; right:0px; background-color:#99CCFF ; display:block; color:white; overflow:hidden; font-size: 10px;}


.PopUpWindowContentsAreaGridDataLines{position:absolute; top:40px; left:0px; bottom:40px; right:0px; overflow-x:hidden; overflow-y:auto;  font-size: 10px;}





.PopUpWindowContentsFLUD{position:relative; top: 0px; left:0px; right:0px;  height:48px; margin:1px 0px 1px 0px; }

.PopUpWindowContentsFLUDHorizDivider{position:relative; top: 0px; left:10px; width:930px;  height:3px; margin:1px 0px 1px 0px; background-color:#F8F8F8;  
                                     border-width:1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}


.PopUpWindowContentsFLUDCol6{position:relative; top: 1px; left:1px; width:150px; height:48px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }
.PopUpWindowContentsFLUDCol3{position:relative; top: 1px; left:1px; width:300px; height:48px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }
.PopUpWindowContentsFLUDCol2{position:relative; top: 1px; left:1px; width:450px; height:48px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }
.PopUpWindowContentsFLUDCol1{position:relative; top: 1px; left:1px; width:900px; height:48px; display:block;  float:left; overflow:hidden; margin:1px 4px 1px 4px; }

.PopUpWindowContentsFLUDColTitle{position:absolute; top:0px; left:0px; right:0px; height:14px; text-align:left; color:#707070 ; font-size: 10px;  padding: 3px 3px 0px 3px; margin:0px;
                                      overflow:hidden;}
                                      
.PopUpWindowContentsFLUDColValueBorder{position:absolute; top:18px; left:1px; right:1px;  height:24px;  font-size: 14px; color: #003366;  text-align:center; overflow:hidden;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowContentsFLUDColValueBorder input{left:2px; right:2px; }


.PopUpWindowContentsFLUDColSearchBox{position:absolute; top:18px; left:1px; width:60px;  height:24px;  font-size: 14px; color: #003366;  text-align:center; overflow:hidden;
                                              padding: 1px 4px 1px 4px; margin:1px 0px 1px 0px; background-color:#F8F8F8  ; 
                                              border-width: 1px; border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}

.PopUpWindowContentsFLUDColSearchBtn{position:absolute; top:18px; left:70px; width:30px; height:30px;  background:url(../img/search30.png) no-repeat  0 0;}
.PopUpWindowContentsFLUDColSearchBtn:hover{border:1px #6666FF solid;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}


.PopUpWindowContentsFLUDColSearchSELECTBox{position:absolute; top:18px; left:105px; right:20px;  height:28px; text-align:left; color: #003366; padding: 0px 4px 0px 4px; margin:1px 0px 1px 0px;}
.PopUpWindowContentsFLUDColSearchSELECTBox SELECT{position:absolute; top:0px; left:0px; right:0px; height:28px; min-width:300px; background-color:#F8F8F8;  padding:0px; margin:0px; }
.PopUpWindowContentsFLUDColSearchSELECTBox SELECT option{font-size: 11px; color: #003366;}


.PopUpWindowContentsFLUDColSELECTBox{position:absolute; top:18px; left:5px; right:5px;  height:28px; text-align:left; color: #003366; padding: 0px 4px 0px 4px; margin:1px 0px 1px 0px;}
.PopUpWindowContentsFLUDColSELECTBox SELECT{position:absolute; top:0px; left:0px; right:0px; height:28px; min-width:250px; background-color:#F8F8F8;  padding:0px; margin:0px; }
.PopUpWindowContentsFLUDColSELECTBox SELECT option{font-size: 11px; color: #003366;}

.MainPlanSelect{position:absolute; top:15px;  left:400px; width:180px;  font-size:14px;
                 border-width: 1px;           border-style: solid; 	border-color: blue;
                -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px ; }
.MainPlanSelect SELECT{width:180px;}


.PopUpWindowContentsFormTabsHost{position:absolute; top: 5px; left:10px; right:10px;  bottom:5px; font-size:12px;}



.PopUpWindowBottom{position:absolute; bottom:0px; height:40px;  left: 0px; width:100%;  adding: 2px; float:left;}

.PopUpWindowBottomBtn150{position:absolute;  top:0px; height:30px; width:150px; background-color:white;  font-family: Arial; font-size:12px;
	                             color:blue; font-weight:bold;  text-align:center; float:left;
	                             border-width: 1px; 	padding: 0px; margin:0px;	border-style: solid; 	border-color: blue;
                                 -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; }
.PopUpWindowBottomBtn150:hover { background-color:blue; color:white; }
	
.PopUpWindowBottomBtn150 p {position: absolute; top: 50%; height: 12px; margin-top: -10px; width:150px; text-align:center; }




.WaitSymbol{position:absolute; top:45%; left:45%; height:65px; width:65px; z-index:9999; display:none; background:url(../img/wait.gif);}



.PopUpWindowsTabBody{height:560px;font-size:11px; color:gray;}




.PopUpWindowContentsFormLineImgDiv80{position:absolute; top:0px; right:190px; width:80px;  height:60px; 
                                              padding: 5px 10px 5px 103px; margin:5px 0px 5px 0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	padding: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
                                              
.PopUpWindowContentsFormLineImgDiv150{position:absolute; top:80px; left:10px; width:150px;  height:114px; 
                                              padding: 5px 10px 5px 103px; margin:5px 0px 5px 0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	padding: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
                                              
.PopUpWindowContentsFormLineImgDivBIG{position:absolute; top:180px; left:10px; width:800px;  height:600px; 
                                              padding: 5px 10px 5px 103px; margin:5px 0px 5px 0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	padding: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}                                             



.PopUpWindowContentsFormLineImgDivBIGCanvas{position:absolute;  width:800px;  height:600px;}


.PopUpWindowTopRefresh{position:absolute;top:0px; right:60px; width:40px; height:40px; background:url(../img/refresh40.png) no-repeat  0 0; }
.PopUpWindowTopRefresh:hover{border:1px blue solid;}


 
.planSelectBox{position:absolute; top:12px; height:30px; left:430px; width:210px; min-width:150px;}
.planSelect{width:200px; height:30px; min-width:150px; padding: 5px; margin:5px; display:block; overflow:hidden; border:1px blue solid; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.planSelect option{width:200px; min-width:150px; font-size:14px; }

.planBtnRefresh{top:5px; right:80px;  background:url(../img/refresh.png) no-repeat  0 0;}





/*---------------------------------  LISTS -----------------------------------------------------*/
.GridDiv{position:absolute; top:60px; left:0px; bottom:0px; right:80px; background-color:#E8E8E8 ; display:block; color:white; overflow:auto; font-size: 10px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}

.GridDivLabel{position:absolute; top:0px; left:0px; height:30px; right:0px; background-color:#E8E8E8 ; display:block; color:white; overflow:none; font-size: 14px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
	
.GridDivData{position:absolute; top:32px; left:0px; bottom:10px; right:0px; background-color:#EBF5FF ; display:block; color:#404040;  overflow-y:auto; font-size: 14px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}	



.GridDivTable{ display:table;  font-family: Arial;  width:100%; background-color:#EBF5FF ; color:#404040;   margin:0px; padding:0px; }

.GridDivTabletr{display:table-row;  overflow:hidden; font-size: 16px; color:#404040; padding:5px;}
.GridDivTabletr:hover{color: #0000CC ;   font-weight:bold;}
.GGridDivTableth{display:table-cell;  min-width:30px; min-height:10px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:4px 4px 4px 4px;
                font-size: 18px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletd{display:table-cell;  min-width:50px; min-height:10px; overflow:hidden; max-height:50px; text-align:right;    padding:4px 4px 4px 4px;
                font-size: 18px;   border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}


.GridDivTableInput{ font-family: Arial;  font-size: 18px; text-align:center; width:100%;   background-color:#EBF5FF ; color:#404040; padding:4px 4px 4px 4px;  }


.GridDivImgBg{position:absolute; top:60px; left:0px; bottom:0px; right:80px;  display:block;overflow:none; background-color:#E8E8E8 ;box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
.GridDivMimic{position:absolute; top:60px; left:0px; bottom:0px; right:80px;  display:block;overflow:none;}




.GridDivLabel2{position:relative; width:100%; background-color:#E8E8E8 ; display:block; color:white; overflow:none;   font-size: 10px;  
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
	
.GridDivData2{position:absolute; top:12px; left:0px; bottom:5px; right:0px; background-color:#EBF5FF ; display:block; color:#404040;  overflow-y:auto;   font-size: 10px;  
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); border:1px green solid;}	


.GridDivTable2{ display:table;  font-family: Arial;  width:100%; background-color:#EBF5FF ; color:#404040;   margin:0px; padding:0px; }


.GridDivTabletr2{display:table-row;   width:100%; overflow:hidden; font-size: 10px; color:#404040; padding:5px;}
.GridDivTabletr2:hover{color: #0000CC ;   font-weight:bold;}

.GridDivTableth2{display:table-cell;  min-width:10px; min-height:10px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:2px;
                font-size: 10px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletd2{display:table-cell;  min-width:10px; min-height:10px; overflow:hidden; max-height:50px; text-align:center;    padding:2px;
                font-size: 10px;   border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}


.GridDivTableInput2{ font-family: Arial;  font-size: 10px; text-align:center; width:100%;   background-color:#EBF5FF ; color:#404040; padding:2px;  }



.GridDivTable3{ display:table;  font-family: Arial;  width:100%; background-color:#EBF5FF ; color:#404040;   margin:0px; padding:0px;
                border:1px #EBEBFF solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletr3{display:table-row;   width:100%; overflow:hidden; font-size: 10px; color:#404040; padding:0px;}
.GridDivTabletr3:hover{color: #0000CC ; border-bottom:1px red solid;}

.GridDivTableth3{display:table-cell;  min-width:10px; min-height:10px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:2px;
                font-size: 10px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletd3{display:table-cell;  min-width:10px; min-height:10px; overflow:hidden; max-height:30px; text-align:left;    padding:1px;
                font-size: 10px;  border:none;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}


.GridDivTableInput3{ font-family: Arial;  font-size: 10px; text-align:center; width:100%;   background-color:#EBF5FF ; color:#404040; padding:2px;  }


.GridDivTableColorBox{ width:25px; height:15px;  background-color:#EBF5FF ; padding:5px 5px 5px 5px; border:1px black solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}





/* --------------------------   checkbox  --------------------------------------------  */
.checkboxFour input { width:30px;}
.checkboxFour input[type=checkbox] { visibility: hidden; }



/**  * Checkbox Four  */
.checkboxFour {	width:25px; height:25px;	background: #ddd;	margin: 2px 2px 2px 2px; border-radius: 100%;	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.checkboxFour label {	display: block;	border-radius: 100px; width: 15px;	height: 15px;
    -webkit-transition: all .5s ease; 	-moz-transition: all .5s ease; 	-o-transition: all .5s ease; 	-ms-transition: all .5s ease;	transition: all .5s ease;
	cursor: pointer; 	position: absolute;  top: 5px;	left: 5px;	z-index: 1;	background: red;
	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.checkboxFour input[type=checkbox]:checked + label { background: #26ca28;}



/* --------------------------   checkbox2  --------------------------------------------  */


.checkboxFour2 input { width:20px;}
.checkboxFour2 input[type=checkbox] { visibility: hidden; }



/**  * Checkbox Four  */
.checkboxFour2 {top:-2px;width:16px; height:16px;	background: #ddd;	margin: 0px 2px 0px 2px; ; border-radius: 100%;	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.checkboxFour2 label {	display: block;	border-radius: 100px; width: 10px;	height: 10px;
    -webkit-transition: all .5s ease; 	-moz-transition: all .5s ease; 	-o-transition: all .5s ease; 	-ms-transition: all .5s ease;	transition: all .5s ease;
	cursor: pointer; 	position: absolute;  top: 3px;	left: 3px;	z-index: 1;	background: #600000;
	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.checkboxFour2 input[type=checkbox]:checked + label { background: #26ca28;}




/*  --------------------------    GRID 2 TABLES STUFF -----------------------------------------------*/
.GridDataAreaDataLabels{position:absolute; top: 0px; left:0px; right:0px;  height:12px; display:block; float:left;}
.GridDataAreaDataLines{position:absolute; top: 12px; left:0px;  right:0px;  bottom:0px; display:block; float:left; overflow-x:hidden; overflow-y:auto; }



table.GridTbl{font-family: Arial, verdana, helvetica, sans-serif; border-width: 1px;  border-color: gray; border-collapse:collapse;
	          font-size: 11px; color: #333333; padding: 1px; border-spacing: 0px;
	          table-layout: fixed;   width:100%;	
}


table.GridTbl th {
	border-width: 1px; 	padding: 0px; 	border-style: solid; border-color: gray;  background-color: #58ACFA;
	font-weight:bold; overflow: hidden;  width: 100px; text-align:center; vertical-align: center;
} 

table.GridTbl td {
	border-width: 1px; 	padding: 0px; 	border-style: solid; 	border-color: gray;
    table-layout: fixed; overflow: hidden;      text-align:center;  vertical-align: center;
}



table.GridTbl tr {}
table.GridTbl tr:hover {background: #CCFFFF;}


.oddrowcolor{	background-color: white; }
.evenrowcolor{ 	background-color:#E0ECF8;}


.InitialGridLine  { background: none; }
.highlightGridLine { background: #CCFFFF; }
.clickedSelectedGridLine {  background: #00FF00; }

.yellowBgrd{ background: #FFFF99;}
.lightblueBgrd{ background: #66CCFF;}


.GridTblInput{font-size:10px; text-align:center;}


.RotatedText{
    transform:rotate(-70deg);
    -moz-transform:rotate(-70deg);
    -o-transform:rotate(-70deg);
    -webkit-transform:rotate(-70deg);
    -ms-transform:rotate(-70deg);
}


.SelectedGridTblRow{border-width: 4px; border-style: solid;  border-color: blue; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.SelectedGridTblRow2{background-color:green;}
.SelectedGridTblRow3{color:green; font-weight:bold;}

/*---------------Pop Up Selects------------------*/
table.GridTbl2{
	font-family: Arial, verdana, helvetica, sans-serif; border-width: 1px;  border-color: white; border-collapse:collapse;
	font-size: 20px;  color: #333333; padding: 1px; border-spacing: 0px; background-color: white;
	table-layout: fixed;   right:10px; margin:3px; min-height:40px;
	
}


table.GridTbl2 th {
	border-width: 1px; 	padding:10px 0px 10px 0px; 	border-style: solid; border-color: gray;  background-color: #58ACFA;
	font-weight:bold; overflow: hidden;  width: 100px; text-align:center;
} 


table.GridTbl2 td {overflow: hidden;  text-align:center; padding:14px 0px 14px 0px; background: #E8E8E8  ;  color: #333333; font-weight:bold; border:1px white solid;}
table.GridTbl2 td:hover {overflow: hidden;  text-align:center;  padding:14px 0px 14px 0px; background: #303030 ;  color: white; font-weight:bold; border:1px white solid;}

.GridDataAreaDataTitles2{position:absolute; top: 0px; left:0px; right:0px;  height:32px; display:block; float:left;}
.GridDataAreaDataLines2{position:absolute; top: 0px; left:0px;  right:0px;  bottom:0px; display:block; float:left; overflow-x:hidden; overflow-y:auto; }





/* Grid Tables Stuff           --------------------------------------------------*/

.GridTopControls{position:absolute; top: 0px; left:5px; right:5px;  height:34px; display:block; float:left;  background-color:#4169E1;}

.GridTopControls_AddBtn{position:absolute; top: 2px; left:5px; width:30px;  height:30px; background:url(../img/btn_add.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_AddBtn:hover { background-position: 0px -30px;  }
.GridTopControls_MinusBtn{position:absolute; top: 2px; left:40px; width:30px;  height:30px; background:url(../img/btn_delete.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_MinusBtn:hover { background-position: 0px -30px;  }
.GridTopControls_EditBtn{position:absolute; top: 2px; left:75px; width:30px;  height:30px; background:url(../img/btn_edit.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_EditBtn:hover{ background-position: 0px -30px;  }


.GridTopControls_OKBtn{position:absolute; top: 2px; left:75px; width:30px;  height:30px; background:url(../img/ok.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_OKBtn:hover{ background-position: 0px -30px;  }



.GridTopControls_MailBtn{position:absolute; top: 2px; right:220px; width:30px;  height:30px; background:url(../img/btn_mail.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_MailBtn:hover{ background-position: 0px -30px;  }


.GridTopControls_TranslateBtn{position:absolute; top: 2px; right:180px; width:30px;  height:30px; background:url(../img/btn_viewtrans.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_TranslateBtn:hover{ background-position: 0px -30px;  }

.GridTopControls_PrintBtn{position:absolute; top: 2px; right:140px; width:30px;  height:30px; background:url(../img/btn_print.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_PrintBtn:hover{ background-position: 0px -30px;  }




.GridTopControls_TextBox{position:absolute; top: 2px; left:10px; width:100px;  height:10px; font-size:10px; padding: 5px 0px 5px 0px; text-align:right; color: white; font-weight:bold;}

.GridTopControls_fromDateBox{position:absolute; top: 4px; left:120px; width:100px; height:14px; padding: 5px;  border-width: 1px;  float:left; font-size:14px;
               border-style: solid;  border-color: gray; -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridTopControls_toDateBox{position:absolute; top: 4px; left:235px; width:100px; height:14px; padding: 5px;  border-width: 1px;  float:left; font-size:14px;
               border-style: solid;  border-color: gray; -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

.GridTopControls_SearchValueBox{position:absolute; top: 4px; left:370px; width:120px; height:14px; padding: 5px;  border-width: 1px;  float:left; font-size:14px;
               border-style: solid;  border-color: gray; -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

.GridTopControls_SearchBtn{position:absolute; top: 2px; left:505px; width:30px;  height:30px; background:url(../img/btn_search.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_SearchBtn:hover { background-position: 0px -30px;  }

.GridTopControls_SelectListBox{position:absolute; top: 4px; left:10px; width:380px; height:14px; padding: 5px;  border-width: 0px;  float:left; font-size:14px;
               border-style: solid;  border-color: gray; -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

.GridTopControls_OKBtn{position:absolute; top: 2px; left:400px; width:30px;  height:30px; background:url(../img/ok_red.png) no-repeat  0 0; display:block;  float:left;}
.GridTopControls_OKBtn:hover { background-position: 0px -30px;  }






.GridTopControls_Title{position:absolute; top: 2px; right:10px; width:100px;  height:10px; font-size:10px; padding: 5px 0px 5px 0px; text-align:right; color: white; font-weight:bold;}



.GridDataArea{position:absolute; top: 35px; left:5px; right:5px;  bottom:5px; display:block; float:left;}

.GridDataAreaDataTitles{position:absolute; top: 0px; left:0px; right:0px;  height:12px; display:block; float:left;}
.GridDataAreaDataLines{position:absolute; top: 15px; left:0px;  right:0px;  bottom:0px; display:block; float:left; overflow-x:hidden; overflow-y:auto; }





.SensorDiv{position:relative; top:0px; right:0px; height: 200px; padding:5px; margin:2px; color:blue; font-size: 10px; text-align:center;
                           overflow-x:hidden;  overflow-y:hidden; 
                           border:1px #E8E8E8  solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                            }  
         
         
         
.SensorGaugeOnlyDiv{position:relative; top:0px; width:160px; height: 190px; padding:5px; margin:2px; color:blue; font-size: 10px; text-align:center; float: left;
                           overflow-x:hidden;  overflow-y:hidden;  color:#383838 ;
                           border:1px #FFFFFF    solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                            background: -webkit-linear-gradient(left top, #F8F8F8 , #D0D0D0  ); /* For Safari 5.1 to 6.0 */
						    background: -o-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Opera 11.1 to 12.0 */
						    background: -moz-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Firefox 3.6 to 15 */
						    background: linear-gradient(to bottom right, #F8F8F8 , #D0D0D0); /* Standard syntax (must be last) */

                            }           
                           
.SensorGaugeDiv{position:absolute; top:0px; left:0px; width: 150px; bottom:0px;  overflow-x:hidden;  overflow-y:hidden;} 
             
.SensorGaugeDivSensorName{position:absolute; top:2px; left:2px; right:2px; height:14px;  overflow-x:hidden;  overflow-y:hidden;  font-size: 12px; text-align:center;font-weight:bold; color:black;}                     
.SensorGaugeDivTypeName{position:absolute; top:17px; left:2px; right: 2px;  height:14px;   overflow-x:hidden;  overflow-y:hidden;  font-size: 10px; text-align:center;}                             
.SensorGaugeDivBlockGroupName{position:absolute; top:30px; left:2px; right: 2px;  height:14px;   overflow-x:hidden;  overflow-y:hidden;  font-size: 10px; text-align:center;font-weight:bold;}                              
.SensorGaugeDivSensorGauge{position:absolute; top:45px; left:10px; width: 150px; height:150px; overflow-x:hidden;  overflow-y:hidden;}   

        
      


/*-------  TimeLines With gauges   ----------------*/
      
      
      
.SensorTimeLineDiv{position:relative; top:0px; left:0px; width:480px; height: 220px; padding:5px; margin:2px; color:blue; font-size: 10px; text-align:center; float: left;
                           overflow-x:hidden;  overflow-y:hidden;  color:#383838 ;
                           border:1px #FFFFFF    solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                            background: -webkit-linear-gradient(left top, #F8F8F8 , #D0D0D0  ); /* For Safari 5.1 to 6.0 */
						    background: -o-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Opera 11.1 to 12.0 */
						    background: -moz-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Firefox 3.6 to 15 */
						    background: linear-gradient(to bottom right, #F8F8F8 , #D0D0D0); /* Standard syntax (must be last) */

                            }           
                           
.SensorTimeLineGaugeDivSensorName{position:absolute; top:2px; left:4px; right:4px; height:14px;   font-size: 10px; text-align:center;font-weight:bold; color:#FFFFFF;
                                  overflow-x:hidden;  overflow-y:hidden; background-color:#888888; 
                                  border:1px #888888     solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                                  }                     

.SensorTimeLineGaugeDiv{position:absolute; top:20px; left:0px; width: 105px; bottom:0px;  overflow-x:hidden;  overflow-y:hidden;} 
.SensorTimeLineGaugeGraphDiv{position:absolute; top:45px; left:0px; width: 100px; height:100px; overflow-x:hidden;  overflow-y:hidden;}   
.SensorTimeLineGraphDiv{position:absolute; top:24px; left:60px; right:4px; bottom:4px;  overflow-x:hidden;  overflow-y:hidden; }              
         
      



/*-------  TimeLines Concentrated Types  ----------------*/
      
      
      
.ConstedTimeLineDiv{position:relative; top:0px; left:0px; width:800px; height: 380px; padding:5px; margin:2px; color:blue; font-size: 10px; text-align:center; float: left;
                           overflow-x:hidden;  overflow-y:hidden;  color:#383838 ;
                           border:1px #FFFFFF    solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                            background: -webkit-linear-gradient(left top, #F8F8F8 , #D0D0D0  ); /* For Safari 5.1 to 6.0 */
						    background: -o-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Opera 11.1 to 12.0 */
						    background: -moz-linear-gradient(bottom right, #F8F8F8, #D0D0D0); /* For Firefox 3.6 to 15 */
						    background: linear-gradient(to bottom right, #F8F8F8 , #D0D0D0); /* Standard syntax (must be last) */

                            }           
                           
.ConstedTimeLineSensorName{position:absolute; top:2px; left:4px; right:4px; height:14px;   font-size: 10px; text-align:center;font-weight:bold; color:#FFFFFF;
                                  overflow-x:hidden;  overflow-y:hidden; background-color:#888888; 
                                  border:1px #888888     solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;
                                  }                     

.ConstedTimeLineGraphDiv{position:absolute; top:24px; left:4px; right:4px; bottom:4px;  overflow-x:hidden;  overflow-y:hidden; }              
         
 
 
 
/*-------  MIMICS PARAMS  ----------------*/
   
.MimicItemDiv{position:absolute; top:5px; left:10px;  width:150px;  height:114px; color:blue; font-size: 10px;  display:block; overflow:hidden; border:none;  background-color:white;}
.MimicItemDiv:hover{border:2px #6666FF solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;}
      
     
 
.MimicSensorDiv{position:absolute; top:5px; left:10px;  width:80px;  height:60px; color:blue; font-size: 8px;  display:block; overflow:hidden; background-color:#F8F8F8;
                 border:2px #000066 solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.MimicSensorDiv:hover{border:5px #FF0000  solid;   -webkit-border-radius: 4px;   -moz-border-radius: 4px;   border-radius: 4px;}
      
.MimicSensorDivTitle{position:absolute; top:1px; left:1px;  right:1px;  height:32px; color:#000066; font-size: 8px;  display:block; overflow:hidden; text-align:center; }
.MimicSensorDivVal{position:absolute; top:34px; left:2px;  right:2px;  bottom:2px; color:#FFFF00; background-color:#000066; font-size: 16px;  display:block; overflow:hidden; text-align:right; }
.MimicSensorDivVal a{padding:2px; color:white; font-weight:bold; display:block; overflow:hidden; text-align:right; }