body { color: rgb(54,54,54);}

h1 {
  font-size: 18px;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 0px 10px; }

table {margin:10px;
border-radius: 5px;
border: solid 2px rgb(117, 150, 168);
}
	
tbody {	
	border:1px solid #ccc;
	padding:5px;
	border-radius: 5px;
	}
	
	td, tr {border:none;}
	
	button {
	background-color:#b5b5b5;
	border-radius:5px;
	border: solid 1px #bbb;
	padding:5px;
	color:#fff;
	font-weight:bold;
    width:100px;
	}
	
	#full_view  {
	background: rgb(178,178,178); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(178,178,178) 0%, rgb(140,140,140) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(178,178,178)), color-stop(100%,rgb(140,140,140))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(178,178,178) 0%,rgb(140,140,140) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(178,178,178) 0%,rgb(140,140,140) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(178,178,178) 0%,rgb(140,140,140) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(178,178,178) 0%,rgb(140,140,140) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */
}
	
	#stage_0 {
	background: rgb(132,150,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(132,150,209) 0%, rgb(92,114,181) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(132,150,209)), color-stop(100%,rgb(92,114,181))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(132,150,209) 0%,rgb(92,114,181) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(132,150,209) 0%,rgb(92,114,181) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(132,150,209) 0%,rgb(92,114,181) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(132,150,209) 0%,rgb(92,114,181) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8496d1', endColorstr='#5c72b5',GradientType=0 ); /* IE6-9 */

	
	}
	
	#stage_1 {
	
		background: rgb(114,170,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(114,170,137) 0%, rgb(67,130,92) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(114,170,137)), color-stop(100%,rgb(67,130,92))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(114,170,137) 0%,rgb(67,130,92) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(114,170,137) 0%,rgb(67,130,92) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(114,170,137) 0%,rgb(67,130,92) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(114,170,137) 0%,rgb(67,130,92) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aa89', endColorstr='#43825c',GradientType=0 ); /* IE6-9 */

	}
	
	#stage_2 {background-color:#f35b5c;
	background: rgb(248,104,105); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(248,104,105) 0%, rgb(206,72,72) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(248,104,105)), color-stop(100%,rgb(206,72,72))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(248,104,105) 0%,rgb(206,72,72) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(248,104,105) 0%,rgb(206,72,72) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(248,104,105) 0%,rgb(206,72,72) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(248,104,105) 0%,rgb(206,72,72) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f86869', endColorstr='#ce4848',GradientType=0 ); /* IE6-9 */

	}
	
	#stage_3 {
	background: rgb(251,206,115); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(251,206,115) 0%, rgb(219,162,48) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(251,206,115)), color-stop(100%,rgb(219,162,48))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(251,206,115) 0%,rgb(219,162,48) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(251,206,115) 0%,rgb(219,162,48) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(251,206,115) 0%,rgb(219,162,48) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(251,206,115) 0%,rgb(219,162,48) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbce73', endColorstr='#dba230',GradientType=0 ); /* IE6-9 */

	}
	
	#stage_4 {
	background: rgb(111,164,179); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(111,164,179) 0%, rgb(62,125,142) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(111,164,179)), color-stop(100%,rgb(62,125,142))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(111,164,179) 0%,rgb(62,125,142) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(111,164,179) 0%,rgb(62,125,142) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(111,164,179) 0%,rgb(62,125,142) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(111,164,179) 0%,rgb(62,125,142) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa4b3', endColorstr='#3e7d8e',GradientType=0 ); /* IE6-9 */

	}
	
	button:active, button:hover {cursor:pointer;}
	
#wrap {
	margin:20px;
	width:700px;
	height:574px;
	border:solid 2px #7596a8;
	border-radius:10px;
	overflow:hidden;
	background-color:#c8deea;
	}
	
.right {
	border-top-right-radius: 10px;
	width:150px;
	float:left;
	padding:2px 0 0 0;
	}	

.mini_map {
	border:solid 1px #ccc;
	border-top-right-radius:10px;
	width:145px; 
	height:120px;
	margin-left:3px;
	overflow:hidden;
	padding-top:30px;
	background:#fff;
	border:solid 1px #c8deea;
	}
	
.caption {
	border:solid 1px #ccc;
	border-bottom-right-radius:10px;
	width:129px; 
	height:362px;
	margin-left:3px;
	background:#fff;
	border:solid 1px #c8deea;
	padding:8px;
	}
	
.controls{
	padding:6px 0 0 37px;
	float:left;}
	
#viewport {
	background:#fff;
	border:solid 1px #c8deea;
    float:left;
    margin:0px;
    overflow:hidden; /* this is important */
    width:692px;
    height:529px;
    cursor:move;
	position: relative;
	overflow:hidden;
	border-radius: 9px;
	border-top:solid 1px #fff;
	margin-left:3px;
	margin-top:3px;
}

.whitefade {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20%;
	z-index:9000000;
	
background-image: linear-gradient(top , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -o-linear-gradient(top , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -moz-linear-gradient(top , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -webkit-linear-gradient(top , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -ms-linear-gradient(top , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF00', endColorstr='#FFFFFF00',GradientType=0 ); /* IE6-8 */
*zoom:1;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(255,255,255,1)),
	color-stop(0.60, rgba(255,255,255,0))
);
 
 }
	

.whitefade2 {
	width:20%;
	height:100%;
	
	background-image: linear-gradient(left , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -o-linear-gradient(left , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -moz-linear-gradient(left , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -webkit-linear-gradient(left , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -ms-linear-gradient(left , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF00', endColorstr='#FFFFFF00',GradientType=0 ); /* IE6-8 */
*zoom:1;

background-image: -webkit-gradient(
	linear,
	left,
	right,
	color-stop(0, rgba(255,255,255,1)),
	color-stop(0.60, rgba(255,255,255,0))
);

}	


.whitefade3 {
	left:435px;
    right:0;
	width:20%;
	height:100%;
	
	background-image: linear-gradient(right , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -o-linear-gradient(right , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -moz-linear-gradient(right , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -webkit-linear-gradient(right , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -ms-linear-gradient(right , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF00', endColorstr='#FFFFFF00',GradientType=0 ); /* IE6-8 */
*zoom:1;

background-image: -webkit-gradient(
	linear,
	right,
	left,
	color-stop(0, rgba(255,255,255,1)),
	color-stop(0.60, rgba(255,255,255,0))
);

}	


.whitefade4 {
	top:425px;
	width:100%;
	height:20%;
	
	background-image: linear-gradient(bottom , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -o-linear-gradient(bottom , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -moz-linear-gradient(bottom  , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -webkit-linear-gradient(bottom  , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
background-image: -ms-linear-gradient(bottom  , rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF00', endColorstr='#FFFFFF00',GradientType=0 ); /* IE6-8 */
*zoom:1;

background-image: -webkit-gradient(
	linear,
	bottom right,
	top left,
	color-stop(0, rgba(255,255,255,1)),
	color-stop(0.60, rgba(255,255,255,0))
);

}	


/* input values to crop the image */
#chart{        
    margin-top:-20px;
    margin-left:-20px;
}


.tooltip_img {
    display:none;
}


area:hover, .hover {display:block; cursor: pointer;}

.tooltip_img:hover {cursor: pointer;}

body area {display: block; cursor: pointer!important;}

a, img {
    border:none;
}