A:link {
	COLOR: #336799; TEXT-DECORATION: none
}
A:visited {
	COLOR: #336799; TEXT-DECORATION: none
}
A:hover {
	COLOR: #900; TEXT-DECORATION: underline
}

.footer {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #ffffff}
.tabsmidon {  background-image: url(3_00_CommonImagePool/tab-bg_mid_on.gif); background-repeat: repeat-x; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; font-weight: bold; color: #ffffff}
.tabsmidoff { background-image: url(3_00_CommonImagePool/tab-bg_mid_off.gif); background-repeat: repeat-x; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-style: normal; font-weight: bold}
.tabsmidoff A:link { COLOR: black}
.tabsmidoff A:visited {	COLOR: black; TEXT-DECORATION: none}
.tabsmidoff A:active { COLOR: black; TEXT-DECORATION: none}
.tabsmidoff A:hover { COLOR: #0054a5}
.tabslefton { background-image: url(3_00_CommonImagePool/tab-bg_left_on.gif); background-repeat: no-repeat}
.tabsrighton { background-image: url(3_00_CommonImagePool/tab-bg_right_on.gif); background-repeat: no-repeat; clip:   rect(   )}
.tabsleftoff { background-image: url(3_00_CommonImagePool/tab-bg_left_off.gif); background-repeat: no-repeat}
.tabsrightoff { background-image: url(3_00_CommonImagePool/tab-bg_right_off.gif); background-repeat: no-repeat}
.PageTitle {  filter: DropShadow(Color=#000000, OffX=1, OffY=1); color: #ffffff; font-size: 24px; border: 1px #000000 solid}
.subtitle {  background-color: #b0c3ad; color: #344d30}
.leftTitle 
{  font-size: 12px; font-family: "Arial", "Helvetica"; font-weight: bold; color: white; padding-left: 2px}
.leftTitle A:link{color:white}
.leftTitle A:visited{color:white}
.leftTitle A:active{color:white}
.leftTitle A:hover{color:yellow; TEXT-DECORATION: none}

.leftTitle2 
{ font-size: 12px; font-family: "Arial", "Helvetica"; font-weight: bold; color: white; padding-left: 2px}
.leftTitle2 A:link{color:white}
.leftTitle2 A:visited{color:white}
.leftTitle2 A:active{color:white}
.leftTitle2 A:hover{color:yellow; TEXT-DECORATION: none}

.Shadow {  filter: DropShadow(Color=#ff0000, OffX=5, OffY=5)}
body {  font-family: "Arial", "Helvetica"; font-size: 12px}
td {  font-family: "Arial", "Helvetica"; font-size: 12px}
.featureBarTitle {  font-size: 20px; font-weight: bold; color: #3333FF; font-family: "Arial", "Helvetica"; clip:   rect(   ); margin-left: 10px; text-indent: 10pt}
.ProductBarTitle {  font-weight: bold; color: #ffffff; background-color: #000099; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 16px}
.TopHKITSBarTitle {  font-size: 15px; font-weight: normal; color: #ffffff; font-family: "Arial", "Helvetica"; clip:   rect(   ); margin-left: 10px; text-indent: 10pt}
.WelcomeBarTitle {  font-size: 20px; font-weight: bold; color: #3333FF; font-family: "Arial", "Helvetica"; clip:   rect(); margin-left: 0px; text-indent: 1pt}
.GeneralTitle {  font-size: 20px; font-weight: bold;  font-family: "Arial", "Helvetica"; clip:   rect(   ); margin-left: 0px; }
.UpdateTimeText {  font-size: 14px; font-weight: bold;  font-family: "Arial", "Helvetica"; clip:   rect(   ); margin-left: 0px; }
.BigGeneralTitle {  font-size: 26px; font-weight: bold;  font-family: "Arial", "Helvetica"; clip:   rect(   ); margin-left: 0px; }



/**************************************************************/


/**********************************************/




#h-handle 
{

    background-color: #d0d0d0; 
    border-top: 1px solid #868686;
    border-bottom: 1px solid #868686;

    bottom: 220px; /*header height*/    
    right: 610px; /*right panel width*/
    position: absolute;
    height: 100%;
    height: 5px;
    
    cursor: n-resize;

}



#bottom-content {
/*    background-color: #ffffff;*/
    
    position: absolute;
    left: 0px;
	top: 5px; /*h-handle height*/
    height: 100%;
    width: 100%;
/*    overflow: auto;*/
}

#v-handle {
    background-color: #d0d0d0;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
    
    top: 140px; /*header height*/
    
    right: 610px; /*right panel width*/
    position: absolute;
    height: 100%;
    width: 5px;
    cursor: e-resize;
}

#v-handle-normal {
    background-color: #d0d0d0;
    border-left: 1px solid #868686;
    border-right: 1px solid #868686;
    top: 140px; /*header height*/    
    right: 610px; /*right panel width*/
    position: absolute;
    height: 100%;
    width: 5px;
}


#v-handle:hover, #h-handle:hover {
    background-color: #a0a0a0;
}


#header {  
    border-bottom: 1px solid #000000;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 85px; /*header height - 1*/
    width: 100%;
}

#vehicle-table_header{
    margin:0; 
    padding:1px; 
	white-space: nowrap;
	overflow: auto;
}

#vehicle-table{
    margin:0; 
    padding:1px; 
	white-space: nowrap;
	overflow: auto;
	
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	font-size: 10px; 
	color: #ffffff
}

#event-table{
    margin:0; 
    padding:1px;
	overflow: auto;	
		
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	font-size: 10px; 
	color: #ffffff
}

#query-table{
    margin:0; 
    padding:1px; 
	white-space: nowrap;
    
	overflow: auto;
}





/*  --------------------------- Style for Table --------------------------  */

.table-class table {
    border-collapse: collapse; 
 	table-layout: fixed;
	white-space: nowrap;
	height:auto;
	overflow: scroll;
}
.table-class td, th {
	empty-cells: show;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}
.table-class th {
    background: #c6f4d9;
/*    background: #aa0000;*/
	border-color: #aaaaaa;
	border-style: solid;
    border-width: 2px;
    font-weight: bold;
	padding: 0 5px;
	
}

.table-class tbody 
{	
}




/* when hover the row, show different color*/ 
/*
.table-class tr:hover {
	background-color: #f1d1f5;
	border-bottom: 1px solid #868686;
}

.table-class tr:evenColColor {
	background-color: #eff5d1;
	border-bottom: 1px solid #868686;
}
*/
.table-class td {
	border: 1px solid #cccccc;/*#f3f7fb;*/
	font-weight: normal;
	cursor: pointer;
	padding: 0 5px;
	white-space: nowrap; /* set no wrap , or else if content too long it will break into multip lines */
}
.table-class .selected td {
    background-color: #3399ff;
    border-bottom: 1px solid #3399ff;
    color: #ffffff;
}

.table-class .selected_clicked td {
    background-color: #f5993f;
    border-bottom: 1px solid #3399ff;
    color: #000000;
}


.table-class .handler{
	display: block;
	float: right;
	height: 16px;
	width: 5px;
	margin-right: -5px;
	cursor: e-resize;
}
.table-class .title{
    display: block;
    float: left;
	height: 16px;
	width: 100%;
	padding: 0 0 0 5px;
	margin-left: -5px;
}