/********************************************************************
* For Screen
********************************************************************/
BODY
{
    FONT-SIZE: 75%;
    FONT-FAMILY: arial
}

A:link
{
    COLOR: #0066cc;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #0066cc;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #ff6600;
    TEXT-DECORATION: none
}
A.white:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.white:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.white:active
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.white:hover
{
    COLOR: #0066cc;
    TEXT-DECORATION: none
}

UL
{
    PADDING-LEFT: 0px;
    MARGIN-LEFT: 0px;
    LIST-STYLE-TYPE: none
}
LI
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 75%;
    BACKGROUND: url(../images/arrow-blue.gif) no-repeat 0px 14%;
    PADDING-BOTTOM: 10px;
    COLOR: #454545;
    LINE-HEIGHT: 160%;
    FONT-FAMILY: arial
}
TABLE .border
{
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    BORDER-LEFT: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid
}
CAPTION
{
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    PADDING-BOTTOM: 6px;
    COLOR: #ff6600;
    FONT-FAMILY: arial;
    TEXT-ALIGN: left
}
TD .border
{
    FONT-SIZE: 95%;
    COLOR: #003366;
    LINE-HEIGHT: 140%;
    FONT-FAMILY: arial
}
STRONG
{
    FONT-SIZE: 120%
}
BIG
{
    FONT-SIZE: 120%
}
.white
{
    COLOR: #fff
}
.orange
{
    COLOR: #ff6600
}
.blue
{
    COLOR: #0066cc
}
.darkgrey
{
    COLOR: #687980
}
.text
{
    FONT-SIZE: 75%;
    COLOR: #454545;
    LINE-HEIGHT: 140%;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
.tabletext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 100%;
    COLOR: #333333
}
.tabletext-small
{
    FONT-SIZE: 80%;
    COLOR: #003366;
    LINE-HEIGHT: 200%
}
.submenu
{
    PADDING-LEFT: 31px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 75%;
    COLOR: #0066cc;
    LINE-HEIGHT: 180%;
    FONT-FAMILY: arial
}
.text-white
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    FONT-SIZE: 75%;
    PADDING-BOTTOM: 15px;
    COLOR: #ffffff;
    LINE-HEIGHT: 140%;
    PADDING-TOP: 15px;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
.copyright
{
    FONT-SIZE: 60%;
    COLOR: #0066cc;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
/*.top
{
    BORDER-TOP: #2b67aa 7px solid;
    HEIGHT: 50px
} */

.trline
{
    BORDER-TOP: #778 1px solid; 
    HEIGHT: 1px;
    BACKGROUND-COLOR: #778
}
#trlink
{
    CURSOR: hand
}

.tdleft
{
    BORDER-LEFT: #778 1px solid;
}
.tdleftright
{
    BORDER-LEFT: #778 1px solid;
    BORDER-RIGHT: #778 1px solid;
}
.tdright
{
    BORDER-RIGHT: #778 1px solid;
}
.tdbox
{
    BORDER-TOP: #778 1px solid;
    BORDER-LEFT: #778 1px solid;
    BORDER-BOTTOM: #778 1px solid;
    BORDER-RIGHT: #778 1px solid;
}

.toolbar
{
    BORDER-TOP: #e8d8b5 1px solid;
    HEIGHT: 50px;
    BACKGROUND-COLOR: #f5e8cc
}
.toolbarline
{
    BORDER-TOP: #e8d8b5 1px solid;
    HEIGHT: 50px;
}
.toolbarnone
{
    HEIGHT: 50px;
    FONT: bold 70%/1.2em Verdana, sans-serif;
}
.toolbartext
{
    HEIGHT: 50px;
    FONT: bold 75% arial, sans-serif;
    BACKGROUND-COLOR: #f5e8cc
}

.selectbox
{
    BORDER-RIGHT: #A5ACB2 1px solid;
    BORDER-TOP: #A5ACB2 1px solid;
    BORDER-LEFT: #A5ACB2 1px solid;
    BORDER-BOTTOM: #A5ACB2 1px solid;
    FONT: 100%/1.2em Arial, sans-serif;
    COLOR: #333;    
    BACKGROUND-COLOR: #fff
}

/* .inputbox
{
    BORDER-RIGHT: #A5ACB2 1px solid;
    BORDER-TOP: #A5ACB2 1px solid;
    BORDER-LEFT: #A5ACB2 1px solid;
    BORDER-BOTTOM: #A5ACB2 1px solid;
    FONT: 100%/1.2em Arial, sans-serif;
    COLOR: #333;    
    BACKGROUND-COLOR: #fff
} */
    
.inputbox-slim
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    BORDER-LEFT: #cdaf71 1px solid;
    BORDER-BOTTOM: #cdaf71 1px solid;        
    FONT: 100%/1.2em Arial, sans-serif;
    COLOR: #333;
    BACKGROUND-COLOR: #fff
}

.button-slim
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    FONT: 100%/1.2em Arial, sans-serif;
    BORDER-LEFT: #cdaf71 1px solid;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #fff
}

.panel
{
    BACKGROUND-COLOR: #edd5a3
}
#panel
{
    BACKGROUND: url(../images/bg-panel.gif) #edd5a3 repeat-x
}
#panel-iframe
{
    BACKGROUND-COLOR: #f5e8cc
}
.panel-line
{
    BORDER-TOP: #edd5a3 1px solid; 
    HEIGHT: 1px;
    BACKGROUND-COLOR: #edd5a3
}
.panel-line-dark
{
    BORDER-TOP: #E8D19E 1px solid; 
    HEIGHT: 1px;
    BACKGROUND-COLOR: #E8D19E
}


.vehicle-btns
{
    WIDTH: 250px;
    BACKGROUND-COLOR: #cdaf71;
    TEXT-ALIGN: center
}

.plate
{
    BACKGROUND: url(../images/plate-bg.gif) #edd5a3 repeat-x;
    FONT: bold 120% arial, sans-serif;
    COLOR: #333;
    HEIGHT: 40px;
    TEXT-ALIGN: center
}
.plate-speed
{
    BACKGROUND: url(../images/plate-speed-bg.gif) #edd5a3 repeat-x;
    FONT: bold 120% arial, sans-serif;
    COLOR: #fff;
    HEIGHT: 60px;
    TEXT-ALIGN: center
}

#panel-info
{
    BORDER-TOP: #cdaf71 2px solid;
    FONT: bold 70%/1.2em Verdana, sans-serif;
    COLOR: #333;
    BACKGROUND-COLOR: #f5e8cc
}
#panel-info TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #e8d8b5 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px
}
#panel-info TD.dark
{
    BACKGROUND-COLOR: #e8d8b5
}
#panel-info-iframe
{
    FONT: bold 70%/1.2em Verdana, sans-serif;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 2px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#panel-info-iframe TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #e8d8b5 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px
}
#panel-info-iframe TD.dark
{
    BACKGROUND-COLOR: #e8d8b5
}
#panel-info-iframe INPUT
{
    FONT: bold 100%/1.2em Verdana, sans-serif;
}

#info-list
{
    BORDER-TOP: #687980 7px solid;
    FONT: 90%/1.2em Verdana, sans-serif;
    COLOR: #333333;
    BORDER-BOTTOM: #cdaf71 2px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#info-list TH
{
    BORDER-RIGHT: #cdaf71 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    FONT: bold 100%/1.2em Verdana, sans-serif;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #e8d8b5
}
#info-list TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #e8d8b5 1px solid
}
#info
{
    BORDER-TOP: #687980 7px solid;
    FONT: 90%/1.2em Verdana, sans-serif;
    COLOR: #333333;
    BORDER-BOTTOM: #cdaf71 2px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#info TH
{
    BORDER-RIGHT: #cdaf71 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    FONT: bold 100%/1.2em Verdana, sans-serif;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #e8d8b5
}
#info TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #e8d8b5 1px solid
}

#top-list
{
    FONT: 90%/1.2em Verdana, sans-serif;
    COLOR: #333333;
    BACKGROUND-COLOR: #f5e8cc
}
#top-list TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #e8d8b5 1px solid
}
#top-list .inputbox
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    FONT: 100%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 1px solid;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #fff
}
#top-list2
{
    FONT: 100%/1.2em Verdana, sans-serif;
    COLOR: #333333;
    BACKGROUND-COLOR: #f5e8cc
}
#top-list2 TD
{
    FONT-SIZE: 100%
}
#top-list2 .inputbox
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    FONT: 100%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 1px solid;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #fff
}
#top-list3
{
    COLOR: #333333;
    BACKGROUND-COLOR: #f5e8cc
}
#top-list3 TD
{
    HEIGHT: 50px;
    FONT: bold 70%/1.2em Verdana, sans-serif;
    BACKGROUND-COLOR: #f5e8cc
}
#top-list3 .inputbox
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    FONT: 70%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 1px solid;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #fff
}

#report
{
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}

#main
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    BORDER-LEFT: #cdaf71 1px solid;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #edd5a3;
    TEXT-ALIGN: center
}
#main #msg-box
{
    BORDER-RIGHT: #cdaf71 10px solid;
    BORDER-TOP: #cdaf71 10px solid;
    FONT: bold 80%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 10px solid;
    WIDTH: 600px;
    COLOR: #8e6a2d;
    BORDER-BOTTOM: #cdaf71 10px solid;
    HEIGHT: 130px;
    BACKGROUND-COLOR: #f5e8cc;
    TEXT-ALIGN: center
}
#main #msg-title
{
    BORDER-RIGHT: #cdaf71 10px solid;
    BORDER-TOP: #cdaf71 10px solid;
    FONT: bold 120%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 10px solid;
    WIDTH: 600px;
    COLOR: #8e6a2d;
    BORDER-BOTTOM: #cdaf71 10px solid;
    HEIGHT: 50px;
    BACKGROUND-COLOR: #f5e8cc;
    TEXT-ALIGN: center
}
#main #msg-option
{
    BORDER-RIGHT: #cdaf71 10px solid;
    BORDER-TOP: #cdaf71 10px solid;
    FONT: bold 80%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 10px solid;
    WIDTH: 600px;
    COLOR: #8e6a2d;
    BORDER-BOTTOM: #cdaf71 10px solid;
    HEIGHT: 220px;
    BACKGROUND-COLOR: #f5e8cc;
    TEXT-ALIGN: center
}
#main #msg-option TD
{
    FONT: bold 80%/1.2em Verdana, sans-serif;
    COLOR: #8e6a2d;
}
#main #msg-option .inputbox
{
    BORDER-RIGHT: #cdaf71 1px solid;
    BORDER-TOP: #cdaf71 1px solid;
    FONT: 100%/1.2em Verdana, sans-serif;
    BORDER-LEFT: #cdaf71 1px solid;
    COLOR: #333;
    BORDER-BOTTOM: #cdaf71 1px solid;
    BACKGROUND-COLOR: #fff
}

#popup
{
    BORDER-TOP: #2b67aa 7px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#popup TD
{
    FONT: bold 80%/1.2em Verdana, sans-serif;
    COLOR: #333
}

#panel-list
{
    BORDER-TOP: #687980 7px solid;
    FONT: bold 70%/1.2em Verdana, sans-serif;
    COLOR: #333333;
    BORDER-BOTTOM: #cdaf71 2px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#panel-list TD
{
    BORDER-RIGHT: #e8d8b5 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #e8d8b5 1px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px
}

#login
{
    BORDER-RIGHT: #edd5a3 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #edd5a3 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    FONT: 80%/1.2em Arial, sans-serif;
    BORDER-LEFT: #edd5a3 1px solid;
    COLOR: #333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #edd5a3 1px solid;
    BACKGROUND-COLOR: #f5e8cc
}
#login .inputbox
{
    FONT: 70%/1.2em Verdana, sans-serif;
    COLOR: #333
}

#minical  
{
	background : buttonface; margin: 5; margin-top: 2;
	border-top: 1 solid buttonhighlight;
	border-left: 1 solid buttonhighlight;
	border-right: 1 solid buttonshadow;
	border-bottom: 1 solid buttonshadow;
	width:155;display:none;position: absolute; z-index: 99
}

.readonly
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.readonly-plate
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT: bold 120% arial, sans-serif;
    BORDER-LEFT: 0px;
    COLOR: #333;
    BORDER-BOTTOM: 0px;
    TEXT-ALIGN: center
}
.readonly-plate-speed
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    FONT: bold 120% arial, sans-serif;
    BORDER-LEFT: 0px;
    COLOR: #fff;
    BORDER-BOTTOM: 0px;
    TEXT-ALIGN: center
}


/********************************************************************
* For Print 
********************************************************************/

@media print {
	
	body 	{ font-size: 9pt/1.2 arial, sans-serif; line-height:100%; backgroud-color: #FFFFFF}
	td 		{ font-size: 9pt/1.2 arial, sans-serif; line-height:100%; backgroud-color: #FFFFFF } 
	
	A:visited{ color: #595959; text-decoration: none; }
	A:hover 	{ color: #595959; text-decoration: none; }
	A:active 	{ color: #595959; text-decoration: none; }
	A:link 	{ color: #595959; text-decoration: none; }
	
	img 		{ display : none; }		
	
	.excelTitle 	{ font-size: 12pt; line-height:100%; }
	.trline 		{ border-top: #778 1px solid;  height: 1px; background-color: #778 }		

	.printHidden {
		display : none;
	}
	
	#printHidden {
		display : none;
	}
}