html{
	overflow:hidden;
}
body{
	background-color: #B3BDCA;
	color: #000000;
	font-family: verdana;
	font-size: 8pt;
	overflow:hidden;
}

.winArrowLeft{
	position:absolute;
	background:url(/common/images/windows/arrowLeft.gif);
	width:27px; height:14px;
}
.winArrowRight{
	position:absolute;
	background:url(/common/images/windows/arrowRight.gif);
	width:27px; height:14px;
}
.winBar, .winBarLeft, .winBarRight{
	position:absolute; top:0px; height:20px;
}
.winBarLeft{
	width:6px;
	background:url(/common/images/windows/barLeft.gif)
}
.winBarRight{
	width:6px;
	background:url(/common/images/windows/barRight.gif);
}
.winBar{
	padding-top:2px; padding-left:5px; 
	background: repeat-x #fff url(/common/images/windows/barBack.gif); 
	font:italic bold 9pt verdana; color:white;
}
.winHeader{
	z-index:2; overflow:visible; position:absolute; top:20px;
	background-color:white;
}
.winContent{
	z-index:3; position:absolute; background-color:white;
}
.winContentLeft,.winContentRight{
	z-index:3; position:absolute;
	top:20px; width:4px;
	background-color:white;
}
.winFooter{
	z-index:1; position:absolute; 
	height:18px;
	background:repeat-x #fff url(/common/images/windows/footerBack.gif);;
}
.winFooterLeft{
	position:absolute;
	left:-6px; width:6px; height:100%;
	background-image:url(/common/images/windows/footerLeft.gif)
}
.winFooterRight{
	position:absolute;
	right:-6px; width:6px; height:100%;
	background-image:url(/common/images/windows/footerRight.gif);
}
.menuText{
	font:bold 8pt verdana; color:#00308f;
	height:18px; line-height:17px;  float:left;
	margin-top:-2px;
}
.menu_view, .menu_overlays, .menu_search, .menu_help{
	z-index:500; top:1px;
	height:21px; padding:4px 10px 0px 17px;
	letter-spacing:-0.5px; float:right;
	cursor:default;
}
.menu_view{
	background:no-repeat url(/common/images/map2/mapMenuView_Mini.gif);
}
.menu_overlays{
	background:no-repeat url(/common/images/map2/mapMenuOverlays_Mini.gif);
}
.menu_search{
	background:no-repeat url(/common/images/map2/mapMenuSearch_Mini.gif);
}
.menu_help{
	background:no-repeat url(/common/images/map2/mapMenuHelp_Mini.gif);
}
.slidder{
	position:absolute; width:3px; height:70px;
	background-color:#FFF; cursor:e-resize;
}
.header{
	width:100%; height:16px; white-space:nowrap; cursor:pointer; margin-bottom:2px;
	background-image: url(/common/images/windows/barBack.gif); font-weight:bold; color:white; 
}
.btnGlobe{
	background:url(/common/images/map2/globe.jpg);
	width:16px; height:16px; cursor:pointer;
}
.btnContext{
	background:url(/common/images/map2/menu.gif);
	width:16px; height:16px; cursor:pointer;
}
.btnSearch{
	cursor:pointer; width:17px; height:21px; float:left;
	background:no-repeat url(/common/images/map2/mapMenuSearch_mini.gif);
}
input{
	color: #000000;
	font-family: verdana;
	font-size: 8pt    
}
img {border:0px;}

hr {height:1px; width:100%; color:#CCD6EB}

.limit{
    background-image:url(/common/images/map2/limit.gif);
    text-align:center;
    line-height:20px;
    width:20px; height:20px;
    font-size:7pt; font-weight:bold;
}
.speed {
	height:32px; width:32px; background-image:url('/common/images/map2/speedLimit.gif');
	font-size:7pt;
	font-weight:bold;
	text-align:center;
}
.trafficDelay{
    font: bold 10px/40px verdana;
	height: 40px; 
    letter-spacing: 0;            
    text-align: center;
    width: 40px;
	position:relative; top:-5px; left:-5px;
}
.vehCountBlue, .vehCountGreen, .vehCountYellow, .vehCountRed{
	width:16px; height:14px; float:right; margin:1px;
} 
.vehCountBlue{
	background-image:url('/common/images/vehicle_bleu.gif');
}
.vehCountGreen{
	background-image:url('/common/images/vehicle_green.gif');
}
.vehCountYellow{
	background-image:url('/common/images/vehicle_yellow.gif');
}
.vehCountRed{
	background-image:url('/common/images/vehicle_red.gif');
}
.roadSign{
	display:block; background-color:black; border: 4px solid yellow;
	color:yellow; font:18px bold Arial Black;
	margin:10px 0;
	line-height:24px;
	width:250px;
	padding:5px	
}
.colouredStop{
	height:16px; width:18px; 
	padding-top:2px; 
	text-align:center;
	font:bold 8pt arial;
}

.drawingToolbar {
	 position: absolute;
	 z-index: 1000;
	 bottom: 0px;
	 left: 40%;
	 height: 22px; 
	 border: 1px solid #4f4f4f;
	 background: #fff;
	 padding: 1px;
}
a.btnLine, a.btnRect, a.btnCirc, a.btnPoly, a.btnLineWidth, a.btnColor {
	 float: left; 
	 display: block;
	 width: 22px; 
	 height: 22px;
	 margin: 0 1px;
}
.toolbarDivider {
	float: left;
	width: 2px;
	font-size: 0px;
	height: 22px;
	margin-right: 2px;
	border-right: 1px dashed #646464;
}

a.btnLine { background: #fff url(/common/images/map2/toolbar-line.gif) no-repeat 0 0; }
a.btnRect { background: #fff url(/common/images/map2/toolbar-square.gif) no-repeat 0 0; }
a.btnCirc { background: #fff url(/common/images/map2/toolbar-circle.gif) no-repeat 0 0; }
a.btnPoly { background: #fff url(/common/images/map2/toolbar-polygon.gif) no-repeat 0 0; }
a.btnLineWidth { background: #fff url(/common/images/map2/toolbar-lineThickness.gif) no-repeat 0 0; }
a.btnColor { background: #fff url(/common/images/map2/toolbar-colourPicker.gif) no-repeat 0 0; }

a.btnLine:active, a.btnLine:hover, a.btnRect:active, a.btnRect:hover,
a.btnCirc:active, a.btnCirc:hover, a.btnPoly:active, a.btnPoly:hover,
a.btnLineWidth:active, a.btnLineWidth:hover, a.btnColor:active, a.btnColor:hover {
	background-position: -22px 0;
}
a:link { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

.rteInstructions {
	padding-left: 7px;
	padding-right: 17px;	
	padding-top: 10px;
	border-top: 1px solid #D6D2CB;
}
.rteInstructions p {
	padding-bottom: 10px;
}
.rteInstructions li {
	padding-bottom: 10px;
	clear: both;
}
.rteInstructions li span {
	display: block;
	float: left;
}
.rteInstructions li span.direction {
	width: 70%;
	padding-bottom:10px;
}
.rteInstructions li span.distance {
	width: 25%;
	text-indent: 3px;
	padding-bottom:10px;
}

.btnDelete { background: url(/common/images/delete.gif) no-repeat 0 0; height: 25px; width: 25px; }
.btnUp { background: url(/common/images/up.gif) no-repeat 0 0; height: 20px; width: 20px; }
.btnDown { background: url(/common/images/down.gif) no-repeat 0 0; height: 20px; width: 20px; }
.btnDelete, .btnUp, .btnDown{
	cursor: pointer; margin-left: 3px; display: block; float: left;
}
.btnMedium, .btnWide, .btnWider {display:block; margin-bottom:4px}
.btnMedium, .btnWide, .btnWider, .link { color: #00308f; text-decoration: underline; cursor:pointer;}
.linkMenu { font-family: arial; color: #00308f; text-decoration: none; cursor:pointer; font-weight:bold;}
.linkSmall, .miniCombo { font-family: arial; font-size:7pt; color: #00308f; text-decoration: underline; cursor:pointer;}
.caption {border:1px solid black; background-color:White; font-size:7pt;}
.btnMedium, .btnWide, .btnWider, .bullet {background-image:url('/common/images/li.gif'); background-repeat:no-repeat; background-position:0 2px; padding-left:15px;}
.arrow {background-image:url('/common/images/map2/rightArrow.gif'); background-repeat:no-repeat; background-position:12px 4px; padding-left:22px;}

.miniCombo {border:1px solid #DDDDDD; background: url(/common/images/downArrowSmall.gif) right no-repeat;}
.normalCombo {border:1px solid #7f9db9; background: url(/common/images/downArrow2.gif) 90px no-repeat; padding:2px 13px 2px 2px;}

.tableHeader {background-image:url(/common/images/windows/barback2.gif); color:white; text-align:center; font-weight:bold;}
.ExcelTable {border-collapse:collapse;}
.ExcelCell {background-color:white; border:1px solid #d0d7e5; padding:4px;}
.ExcelHeader {background-color:#e4ecf7; border:1px solid #9eb6ce; padding:4px; text-align:center;}

a.cal			{ text-decoration:none; color:black; background-color:#B3BDCA; }
a.cal:visited	{ text-decoration:none; color:black; background-color:#B3BDCA; }
a.cal:hover		{ text-decoration:none; color:white; background-color:highlight; }
a.cal:active	{ text-decoration:none; color:maroon; background-color:#838D9A; }

a.calD		{ text-decoration:none; color:red; background-color:#B3BDCA; }
a.calD:visited	{ text-decoration:none; color:red; background-color:#B3BDCA; }
a.calD:hover	{ text-decoration:none; color:red; background-color:highlight; }
a.calD:active	{ text-decoration:none; color:red; background-color:#838D9A; }

a.calM		{ text-decoration:none; color:#777777; background-color:#B3BDCA; }
a.calM:visited	{ text-decoration:none; color:#777777; background-color:#B3BDCA; }
a.calM:hover	{ text-decoration:none; color:white; background-color:highlight; }
a.calM:active	{ text-decoration:none; color:maroon; background-color:#838D9A; }

a.calW		{ text-decoration:none; color:white; background-color:#B3BDCA; }
a.calW:visited	{ text-decoration:none; color:white; background-color:#B3BDCA; }
a.calW:hover	{ text-decoration:none; color:white; background-color:highlight; }
a.calW:active	{ text-decoration:none; color:maroon; background-color:#838D9A; }

A.calH		{ text-decoration:none; color:black; font-weight:bold; font-size: 7pt}
A.calH:visited	{ text-decoration:none; color:black; font-weight:bold; font-size: 7pt}
A.calH:hover	{ text-decoration:none; color:black; font-weight:bold; font-size: 7pt}
A.calH:active	{ text-decoration:none; color:black; font-weight:bold; font-size: 7pt}