html
{
	overflow:hidden;
} 
body
{
	margin:0px;
	padding:0px;
	overflow:hidden;
}

div, input, tr, td, select, textarea
{
	font-family:Arial;
	font-size:11px;
}




/* Main Div Format */
div#divHeader
{
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:74px;
	border-bottom:1px solid black;
}

div#divContent
{
	position:absolute;	
	top:75px;
	left:0px;	
	width:100%;
	height:700px;
}


#divWorkArea
{
	position:absolute;
	top:20px;
	left:0px;
	width:400px;
	height:480px;	
}

#divSplitter
{
	position:absolute;
	left:400px;
	top:20px;
	width:1px;
	height:680px;
	background-color:Gray;	
	cursor:pointer;
	z-index:1;
}

#divHighlightSplitter
{
    position:absolute;
    z-index:0;
    background-color:Gray;   
}

#divMap
{
	position:absolute;
	left:405px;
	top:20px;
	overflow:hidden;
	height:680px;
	width:600px;	
}
/* Main Div Format */







/* Header div contents */
div#divLogoImage
{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
}

div#divSearch
{
	position:absolute;
	left:340px;
	top:20px;
	width:530px;
}

div#divTwitter
{
	position:absolute;
	right:150px;
	top:15px;	
}

div#divTopMenu
{
	position:absolute;
	right: 10px;
	top:7px;	
	text-align:right;
}


img#imgGrFlag, img#imgEnFlag
{
    cursor:pointer;
}

input#txtAddress
{
	width:380px;
	float:left;	
}

img#imgMainLoading
{
	visibility:hidden;	
}

#imgLogo
{
	width:350px;
	height:74px;
}

#imgPoweredBy
{
    cursor:pointer;
    width:120px;
}

span#spnDescription
{
	color : Gray;
	font-size : 7pt;
	position:absolute;
	left:0px;
}
ul#ulTopMenu
{	
	list-style-type:none;
	text-align:right;
}
li.liTopMenu
{	
	margin-top:2px;
}
div#divSuggestionsGeocode
{
    position:absolute;
    display:none;   
}
table#tblSuggestions
{
    border-collapse:collapse; 
    background-color:#F9F9F9;
}
.hovered
{
    background-color:Gray;
}
div#divGrayEverything
{
    background-color : #e0e0e0;
    position:absolute;
    z-index:1100;
}

/* Header div contents */







/* Menu div contents */
div#divMenu
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:20px;
	background-color:#e0e0e0;
}

div#divWorkAreaMenu
{
	position:absolute;
	left:0px;
	top:2px;
}

div#divMapTools
{
    position:absolute;
	left:405px;
	top:2px;
}

div#divMapMenu
{
	position:absolute;
	right:0px;
	top:2px;
}
/* Menu div contents */


/* Map Tools Menu Items */
ul#ulMapTools
{
    margin: 0;
	margin-left:3px;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;		
}

li.liMapTool
{
    margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
	border-right: 1px solid black;
}


.liMapToolLast 
{
	margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
}

div#divMapButtons
{
    position:absolute;
    width:360px;
    /*width:120px;*/
    height:40px;
    right:30px;
    top:10px;
    z-index:1; 
    cursor:pointer;  
}

img.MapTool
{
    float:left;
    padding-right:5px;
}

div#divPoisContainer
{
    z-index:1;
    position:absolute;
}

/* Map Tools Menu Items */


/* Work Area Menu Items */
ul#ulWorkMenu
{
	margin: 0;
	margin-left:3px;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;		
}

.liWorkMenu
{
	margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
	border-right: 1px solid black;
}

.liWorkMenuLast 
{
	margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
}
/* Work Area Menu Items */



/* Map Menu Items */
ul#ulMapMenu
{
	margin: 0;
	margin-left:3px;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;		
}

.liMapMenu
{
	margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
	border-right: 1px solid black;
}

.liMapMenuLast 
{
	margin-left : 3px;
	margin-right : 3px;
	padding-left : 5px;
	padding-right : 5px;
	display: inline;	
}
/* Map Menu Items */



/* Map Buttons */
#imgMagnifier
{
    cursor:pointer;   
}
/* Map Buttons */


/* Work Area Tabs */
.tabDivSelected
{
	position:absolute;
	top:0px;
	left:5px;	 
	width:99%; 
	height:480px; 
	display:block;	
	overflow-y:auto;
	overflow-x:hidden;
}

.tabDivUnselected
{
	width:99%; 
	height:0px; 
	display:none;	
	overflow:auto;
}
/* Work Area Tabs */



/* Work area contents */
div#divAds
{
	position:absolute;
	top:480px;
	left:0px;
	width:100%;
	height:200px;
	border-top: 2px solid black;
	text-align:center;
}
/* Work area contents */




/* Work area Geocoding tab */
ul#ulGeocodeCandidates
{
	margin : 0px;
	padding-left: 20px;	
	width : 95%;
}
img.geocodeTool 
{
	cursor : pointer;
	margin-right : 5px;	
}
/* Work area Geocoding tab */




/* Work area Routing tab */
input#txtRouteStart {width:80%;}
input#btnRouteStart {width:13%;}
input#txtRouteIntermediate {width:80%;}
input#btnRouteIntermediate {width:13%;}
input#txtRouteEnd {width:80%;}
input#btnRouteEnd {width:13%;}

select#selRouteVehicle
{
	width:100%;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;	
}

select#selRouteType
{
	width:100%;
	margin-right : 35px;
}

div.divRouteSmall
{
	height: 230px;	
	padding : 20px 25px 10px 25px;
	background-repeat:no-repeat;
}

div.divRouteLarge
{
	height: 260px;	
	padding : 20px 25px 10px 25px;
	background-repeat:no-repeat;
}

div#divRouteOptionsPanel
{
	width: 90%; 
	height:105px;
	float:left;	
	background-position: -9px -3px;
	background-repeat : no-repeat;
	padding : 20px 25px 10px 10px;
} 

img.removeRouteElementVisible
{
	visibility:visible;
	cursor:pointer;
}

img.removeRouteElementHidden
{
	visibility:hidden;
}

ol#olRouteDirections
{
	margin : 10px;
	padding-left : 20px;	            
}
/* Work area Routing tab */



/* Work area Traffic tab */
div#divTrafficHistory
{
    padding-left:20px;
    padding-bottom:10px;
}


div.divTrafficHistorySmall
{
	width:90%;
	height:60px; 
	overflow:hidden; 
	padding : 40px 35px 20px 20px;
	background-repeat : no-repeat;	
}

div.divTrafficHistoryLarge
{
	width:90%;
	height:230px; 
	overflow:hidden; 
	padding : 40px 35px 20px 20px;
	background-repeat : no-repeat;	
}

div.divTrafficHistoryExtended
{
	width:90%;
	height:270px; 
	overflow:hidden; 
	padding : 40px 35px 20px 20px;
	background-repeat : no-repeat;	
}

div#divTrafficEvents
{
	width:90%;
	height:180px; 
	overflow:hidden; 
	padding : 20px 18px 20px 20px;
	background-repeat : no-repeat;	
}

div#divTrafficEventsContainer
{
    height:175px;
    overflow:auto;   
}

table#tblNoEvents
{
    padding-top:70px;
    padding-left:30px;
}

table#tblEvents
{
    padding-top:0px;
    padding-left:0px;
}


div#divTrafficRoutesOptions 
{
	height:40px;
	padding : 30px 35px 10px 20px;	
	background-repeat : no-repeat;	
}
div#divTrafficRoutesContainer
{
	width:100%;
	min-height:300px;
}

div#divTrafficRoutesAxis
{
    padding : 10px 15px 10px 20px;
}

div#divTrafficRoutes
{
	height:70%;
	overflow-x:hidden;
	overflow-y:auto;
}

.tableRoute
{
	width:100%;
	border-bottom : 1px dashed #E0E0E0;
}

.heavyEvent
{
    color : #DD0101;
    cursor:pointer;
    font-weight:bold;
}

.mediumEvent
{
    color : #FFCC00;    
    cursor:pointer;
    font-weight:bold;
}

.lightEvent
{
    color : #33B100;
    cursor:pointer;
    font-weight:bold;
}

.unknownEvent
{
    color : Gray;
    cursor:pointer;
    font-weight:bold;
}
/* Work area Traffic tab */



/* Work area UserPoints tab */
ul#ulUserPoints
{
	margin : 0px;
	padding-left: 20px;	
	width : 95%;
}
img.geocodeTool 
{
	cursor : pointer;
	margin-right : 5px;	
}

#txtUserPointName, #txtUserPointDescription
{
    width:95%;
}

#txtUserPointPathName
{
    width:60%;   
}

#btnChangeIcon
{
    width:35%;   
}
/* Work area UserPoints tab */




/* Splitter div contents */
img.imgHideWorkArea
{
	width:20px;
	height:20px;
	position:relative;
	left:-15px;
	top:-20px;
	cursor:pointer;
}
 
img.imgShowWorkArea
{
	width:20px;
	height:20px;
	position:relative;
	left:0px;
	top:-20px;
	cursor:pointer;
} 
/* Splitter div contents */



/* Accordion styles */

.accordionItem h3 { margin: 0; font-size: 1.1em; padding: 0.4em; color: #fff; background-color: #a0a0a0; border-bottom: 1px solid #000000; }
.accordionItem h3:hover { cursor: pointer; }
.accordionItem div { margin: 0; padding: 1em 0.4em; background-color: #e0e0e0; border-bottom: 1px solid #000000; }
.accordionItem.hide h3 { color: #000; background-color: #a0a0a0; }
.accordionItem.hide div { display: none; }


/* Accordion styles */



/* Anchors */
a.anchor
{            
	 text-decoration:underline;
	 color:blue;
	 cursor:pointer;
}

a.selected
{
	font-weight: bold;
}

a.unselected
{
	text-decoration:underline;
	color:blue;
	cursor:pointer;
}

a.disabled
{
	text-decoration: none;
	color:Gray;
	cursor:default;	
}
/* Anchors */


/* Various */
.newItem
{
    color:Red;   
}

.fontGreen
{
    color:Green;
}

.fontRed
{
    color:Red;   
}

.odd
{
    background-color:#FFFFFF;	
}

.even
{
	background-color:#F0F0F0;
}

.floatLeft
{
    float:left;
}

.pointer
{
    cursor:pointer;
}
/* Various */