@charset "utf-8";
/* CSS Document */

.csWindow {
position:absolute;
top:0px;
left:0px;
width:200px;
border-width:0px;
background-image:url(../images/corner-TL-blackborder.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
padding:0px;
font-size:12px;
font-family:sans-serif;
font-weight:100;
line-height:1px;
z-index:2;
cursor:move;
}

.csRoundedTop {
position:static;
background-image:url(../images/bigcorner-TR-blackborder.gif);
background-repeat:no-repeat;
background-position: top right;
margin-left:14px;
height:12px;
padding:0px;
font-size:1px;
font-family:sans-serif;
font-weight:100;
line-height:1px;
}

.csRoundedBottomLeft {
position:static;
background-image:url(../images/corner-BL-greyborder.gif);
background-repeat:no-repeat;
background-position: bottom left;
height:12px;
margin:0px;
padding:0px;
font-size:1px;
font-family:sans-serif;
font-weight:100;
line-height:1px;
}

.csRoundedBottomRight {
position:static;
background-image:url(../images/bigcorner-BR-greyborder.gif);
background-repeat:no-repeat;
background-position: bottom right;
margin-left:14px;
height:12px;
}

.csTitleDiv {
position:relative;
clear:both;
background-color:#000000;
border-width:2px;
border-color:white;
border-style:none solid none solid;
font-weight:bolder;
color:white;
padding-bottom:4px;
line-height:1.2;
}

.csTitle {
	margin-left:20px;
	margin-right:20px;
}

.csCloseButton {
/*float:right;
margin-right:8px;
margin-top:0px;*/
/* This works on IE6 as well - the float:right makes it invisible otherwise */
position:absolute;
top:-4px;
right:0px;
cursor:pointer;
}

.csColourScalePanel {
position:static;
background-color:#666666;
border-width:2px;
border-color:white;
border-style:none solid none solid;
font-size:12px; /* must fit inside 16px */
line-height:20px; /* 16 for the csColour height +2 +2 for the margin=20px */
}

.csColour {
border-style:none;
padding:0px;
/*padding:2px 0px 2px 0px;*/
margin:2px 0px 2px -2px;
/*margin:0px;*/
width:32px;
height:16px;
background-color:#000000;
clear:both;
float:left;
}

.csDescription {
float:left;
margin-left:8px;
color:white;
width:70%;
}

.csPointMarker 
{
	margin-left:8px;
}

/* These are from maptube.css for the more information link */
.infoTextSmall {
	font-family: Helvetica;
	color: #333333;
	font-size: 10px;
	word-spacing: 0.01em;
	line-height: 10px;
	margin-right:1em;
	float:right;
}

a:hover {
	color:#666666;
	font-weight: bold;
	text-decoration:underline;
}

a { 	
	font-weight: bold;
	text-decoration:none;
}
	
a:link {
	color:#333333;
	font-weight: bold;
}
a:visited {
	color:#333333;
	font-weight: bold;
}

a:active {
	color:#333333;
	font-weight: bold;
}

