/* stylesheet for the map page only */
v\:* {
	behavior:url(#default#VML);
}

body {
margin:0;
}

/* the Google map itself */
#map { /* position absolutely, but height and width is changed in js resize code to be compatible with IE6 */
	position:absolute;
	/*height:100%;*/
	top:60px;
	left:0px;
	right:114px;
	margin:0px;
	border:0px;
	padding:0px;
}

/* formatting for the vertical map list on the right hand panel */
div#thumbnails {
/* position absolutely, but height is changed in js resize code to be compatible with IE6. */
/* Width is needed as this is read by js to keep it fixed width. */
	position:absolute;
	/*height:100%;*/
	top:60px;
	width:112px;
	right:0px;
	background-color:#000000;
	margin:0px;
	border:0px;
	padding:0px;
	overflow:hidden;
}

ul#sortablemapstiles {
	margin:0px;
	padding:0px;
}

ul#sortablemapskml {
	margin:0px;
	padding:0px;
}

li.sortme {
	height:136px;
	padding: 0px;
	margin: 0px;
	border-width:0px;
	cursor: pointer;
	list-style: none;
}

div.sortme {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	position:relative;
	background-image:url(../images/bk_thumbs_fadeedge.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:112px; /* was 96*/
	height:136px; /* was 128*/
}

img.mapbutton {
	position:absolute;
	left:72px;
	top:18px;
}

img.mapclickable {
	position:absolute;
	left:22px;
	top:18px;
}

img.thumbmap {
	position:absolute;
	display:block;
	margin:41px 24px; /*was 16px 24px*/
	height:64px;
	width:64px;
}

/*div.sliderarea {
	background:url(../images/bg_slider.gif) center center;
	background-repeat:no-repeat;
	height: 13px;
	width: 88px;
	left:12px;
	top:108px;
	position: absolute;
}*/
 
/*div.sliderknob {
	background:url(../images/mark-red.gif) center center;
	background-repeat:no-repeat;
	height: 13px;
	width: 13px;
}*/

.ui-slider
{
    background:url(../images/bg_slider_75.gif) center center;
	background-repeat:no-repeat;
	height: 13px;
	/*width: 88px;*/
	width: 75px;
	left:12px;
	top:108px;
	position: absolute;
	border-style:none;
	margin-left:6px;
	margin-right:6px;
}

.ui-slider .ui-slider-handle 
{
    background:url(../images/mark-red.gif) center center;
	background-repeat:no-repeat;
	height: 13px;
	width: 13px;
	position: absolute;
	top:0px;
	border-style:none;
	outline: none; 
}

.ui-slider-horizontal .ui-slider-handle
{
    margin-left: -6px;
}

/*.ui-state-focus
{
    border-style:none;
}*/

/*.ui-slider .ui-slider-handle .ui-state-focus
{
    border-style:none;
}*/

input.csCloseButton {
	float:right;
	margin-right:8px;
	margin-top:0px;
}

img.uparrow {
	margin-left:32px;
	border-style:none;
	color:#FFFFFF;
	border-color:#000000;
	border-width:1px;
	border-style:dotted;
	visibility:hidden;
}

img.downarrow {
	margin-left:32px;
	border-style:none;
	color:#FFFFFF;
	border-color:#000000;
	border-width:1px;
	border-style:dotted;
	visibility:hidden;
}

/* for the 45 degree menu buttons */
img.button45 {
	cursor: pointer;
}