/*body{
    margin:0;
    padding:0;
	width:500px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.428571429;
	color:#333;
	background-color:#fff;
}*/

.left{
    float:left;
}

.vmap{
    margin:0;
    /*width:775px;
    height:591px;*/
    width:500px;
    height:382px;
}

.qstn{
	width:500px;
    font-size:13px;
    float:left;
    position:relative;
}

.res{
	margin:15px 15px 0 0;
	position:absolute;
	z-index:999;
    right:0;
}
.res div span.color{
    margin:2px 5px 0 0;
    width:20px;
    height:14px;
    display:block;
    float:left;
}
.res .glyphicon{
    width:30px;
    height:30px;
    line-height:30px;
    color:#000;
    font-size:29px;
    position:absolute;
    display:none;
}
.res div.active span.text{
    text-decoration:underline;
}

div.c00 span.color{
    background:#aaaaaa;
}
div.c25 span.color{
    background:#91ff00;
}
div.c50 span.color{
    background:#fff500;
}
div.c75 span.color{
    background:#ff9e00;
}
div.c100 span.color{
    background:#ff1400;
}

.res label{
	margin:0 2px 0 0;
	padding:0 5px;
	width:34px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	color:#000;
	display:block;
	float:left;
	cursor:pointer;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
label.yes{
	background:#91ff00;
}
label.no{
	background:#ff1400;
}
label.na{
	background:#aaa;
}
.res label.selected{
	text-decoration:underline;
}
.res label.active{
	text-decoration:underline;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
}
.map1 .res{
	padding:5px;
	background:#fff;
	box-shadow:1px 1px 5px rgba(0,0,0,.5);
}