/********* Global ************/
.border-main
{
	border: 1px solid #C7C7C7;
	vertical-align: top;
	padding: 1px 1px 1px 1px;
}

.main-container
{
	width:953px;
	position: relative;
	font-size: 8pt;
	font-family: Tahoma;
	color: #333333;
}

.right-col
{
	width: 392px;
	float: right;
}

#accordion
{
	width: 268px;
	height: 364px;
	overflow: auto;
	position: relative;
	background: #FCFDFF;
	margin: 0px;

}
/***************************/

/********* Map search ************/

.map-serch
{
	background: white url( '../Images/Map/map-serach-line.jpg' ) repeat-x;
	border: 1px #c7c7c7 solid;
	padding: 18px 15px 18px 0px;
	float: right;
	width: 372px;
}

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


/********* Main TD ************/

.mainTD
{
	background-color: #C7C7C7;
	width: 100%;
}

.mainTD a:link
{
	color: #333333;
	text-decoration: none;
}

.mainTD a:hover
{
	color: #0062F5;
}

.mainTD a:visited
{
	color: #AEAEAE;
	text-decoration: none;
}

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

/********* Show Details ************/

.map-showdetails-title
{
	background-color: #E0E0E0;
	font-size: 8pt;
	font-family: Tahoma;
	color: #333333;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.map-showdetails-row1
{
	background-color: #F4F4F4;
	font-size: 8pt;
	font-family: Tahoma;
	color: #333333;
	text-align: right;
	padding: 10px 10px 10px 5px;
}

.map-showdetails-row2
{
	background-color: #FFFFFF;
	font-size: 8pt;
	font-family: Tahoma;
	color: #333333;
	text-align: right;
	padding: 10px 10px 10px 5px;
}

.map-showdetails-row1 span
{
	color: #0062F5;
}

.map-showdetails-row2 span
{
	color: #0062F5;
}

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

/*********** Map class ****************/

.map-content
{
	float: left;
	width: 545px;
	height: 443px;
	border: 1px solid #C7C7C7;
	vertical-align: top;
	padding: 1px 1px 1px 1px;	
}

.map-base
{
	height: 410px;
	position: relative;
	top: 0px;
	right: 0px;
}
.mapToolbar
{
	padding: 0px 3px 0px 3px;
	background: #C7C7C7 url( '../Images/Map/map-toolbar-bg.gif' ) repeat-x 50% bottom;
	margin: 0px 0px 0px 0px;
	width: 539px;
	height: 33px;
	position: relative;
}

.mapToolbar-help
{
	text-align: left;
	padding: 9px 0px 5px 10px;
}
.map-watermark
{
	background: url( '../Images/Map/watermark.png' ) no-repeat right;
	height: 24px;
	position: absolute;
	top: 378px;
	right: 10px;
	width: 117px;
}

.map-loading{
	width:140px;
	height:40px;
	z-index:100;
	position:absolute;
	right:202px;
	top:170px;
	text-align:center;
	background:transparent url('../Images/map/loading.gif');
	width:140px;
	height:40px
}

.map-zoom
{
	background: url( '../Images/Map/zoom.png' ) no-repeat right;
	height: 68px;
	position: absolute;
	top: 6px;
	right: 10px;
	width: 107px;
	z-index: 50;
}

.map-tumb-back
{
	background-color: white;
	border-right: 1px #c7c7c7 solid;
	border-bottom: 1px #c7c7c7 solid;
	padding: 3px 3px 3px 3px;
	width: 176px;
	height: 126px;
	position: absolute;
	top: -1px;
	right: 362px;
	z-index:3;
}

.map-view
{
	background: url( '../Images/Map/view.png' ) no-repeat center;
	height: 43px;
	position: absolute;
	top: 43px;
	right: 425px;
	width: 60px;
	z-index: 10;
}

.map-view-top
{
	background: url( '../Images/Map/view-arrow-top.gif' ) no-repeat;
	position: absolute;
	width: 17px;
	height: 17px;
	top: 115px;
	right: 362px;
	z-index:10;
}
.map-view-top2
{
	background: url( '../Images/flag.gif' ) no-repeat;
	position:absolute;
	width: 20px;
	height: 25px;
	display:none;	
}

.map-view-bottom
{
	background: url( '../Images/Map/view-arrow-bottom.gif' ) no-repeat;
	position: absolute;
	width: 17px;
	height: 17px;
	top: -2px;
	right: 530px;
	z-index:10;
}

.zoom-in , .zoom-in-disable
{
	position: absolute;
	width: 22px;
	height: 22px;
	top: 29px;
	right: 78px;
}

.zoom-in
{
	background: url( '../Images/Map/zoom-in.gif' ) no-repeat;
}

.zoom-in-disable
{
	background: url( '../Images/Map/zoom-back-disable.gif' ) no-repeat;
}

.zoom-back , .zoom-back-disable
{
	position: absolute;
	width: 22px;
	height: 22px;
	top: 29px;
	right: 4px;
}

.zoom-back-disable
{
	background: url( '../Images/Map/zoom-in-disable.gif' ) no-repeat;
}

.zoom-back 
{
	background: url( '../Images/Map/zoom-back.gif' ) no-repeat;
}

.top-view
{
	background: url( '../Images/Map/top.gif' ) no-repeat;
	position: absolute;
	width: 8px;
	height: 10px;
	top: 20px;
	right: 48px;
}

.bottom-view
{
	background: url( '../Images/Map/bottom.gif' ) no-repeat;
	position: absolute;
	width: 8px;
	height: 10px;
	top: 50px;
	right: 48px;
}

.right-view
{
	background: url( '../Images/Map/right.gif' ) no-repeat;
	position: absolute;
	width: 10px;
	height: 8px;
	top: 36px;
	right: 32px;
}

.left-view
{
	background: url( '../Images/Map/left.gif' ) no-repeat;
	position: absolute;
	width: 10px;
	height: 8px;
	top: 36px;
	right: 62px;
}

.zoom-level
{
	position: absolute;
	z-index: 12;
	top: 0px;
	right: 1px;
}

.zoom-lvl1,.zoom-lvl1-over
{
	background: url( '../Images/Map/lvl1.png' ) no-repeat;
	position: absolute;
	width: 15px;
	height: 17px;
	top: 18px;
	right: 33px;
	z-index:15;
}

.zoom-lvl1
{
	background: url( '../Images/Map/lvl1.png' ) no-repeat;
}

.zoom-lvl1-over
{
	background: url( '../Images/Map/lvl1-over.png' ) no-repeat;
}



.zoom-lvl2 , .zoom-lvl2-over
{
	position: absolute;
	width: 19px;
	height: 21px;
	top: 10px;
	right: 38px;
	z-index:14;
}

.zoom-lvl2
{
	background: url( '../Images/Map/lvl2.png' ) no-repeat;
}

.zoom-lvl2-over
{
	background: url( '../Images/Map/lvl2-over.png' ) no-repeat;
}

.zoom-lvl3 , .zoom-lvl3-over
{
	position: absolute;
	width: 26px;
	height: 21px;
	top:4px;
	right: 50px;
	z-index:13;
}

.zoom-lvl3
{
	background: url( '../Images/Map/lvl3.png' ) no-repeat;
}

.zoom-lvl3-over
{
	background: url( '../Images/Map/lvl3-over.png' ) no-repeat;
}

/***************************/
.map-outputLayer
{
	position:absolute;
	right:405px;
	top:2px;
	z-index:2;
}

/******** Map Search Result *******************/

.map-detail-border
{
	border: 1px solid #C7C7C7;
	vertical-align: top;
	padding: 5px 10px 5px 10px;		
}

div.element h3,div.element  a:link
{
	margin: 0px;
	padding: 4px 4px 8px 4px;
	background-color: #E0E0E0;
	font-size: 8pt;
	font-weight: normal;
	font-family: Tahoma;
	color: #333333;
	text-decoration: none;
	text-align: right;
}

div.element a:hover
{
	color: #0062F5;
}

div.element a:visited
{
	color: #AEAEAE;
	text-decoration: none;
	padding: 4px 4px 8px 4px;
}
div.toggler
{
	border-bottom: 1px #C7C7C7 dashed;
	background: #FFFFFF url( '../Images/Map/map-detail-arrow.gif' ) no-repeat right;
}
div.toggler h2
{
	cursor: pointer;
	font-size: 8pt;
	font-family: Tahoma;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 0px;
	font-weight: normal;
	text-align: right;
}

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