@charset "utf-8";
/*
* These are styles for the elements of a CanvasMap.
* Change these as you desire to change the appearance of the elements in the CanvasMap
*
* This style sheet was created by Josh Rodriguez
*/

/* The class for the div containing the title and tools */
.CM_MapContainer {
	position:relative;
	left:0px;
	top:0px; /* where is this positioning controlled CM_ALERT */
	width:500px;
	height:500px; 
	
	/* The .noselect css styles are used to prevent selectable text within the CM_MapContainer */
 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.CM_CanvasContainer
{
	position:absolute;
	left:0px;
	top:00px; /* where is this positioning controlled CM_ALERT */
	width:500px;
	height:500px;
	opacity: 0.95;
}

.CM_Canvas
{
	position:absolute;
	left:0px;
	top:0px;
}

/* The following .opacity styles create a fade effect on "mouseover" 
for elements that have the style applied to them. They are used with buttons created with images. */

.opacity_img{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; 
  filter:alpha(opacity=45);
 }
.opacity_img:hover{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
 }
 
.opacity_img{
  opacity: 1.0;
 }
 
.opacity_img:hover{
  cursor:pointer;
  opacity: 0.75;
 }
 
.h2_lighter {
	 font-size:24px;
	 font-weight: lighter; 
 }

/* The .noselect class is used to prevent selectable text within 
the element the class is applied to */

 .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}