@import url('http://fonts.googleapis.com/css?family=Droid+Sans');

BODY {
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

.center {
	margin: 0 auto;
	width: 45em;
}

#drop div{
	float: left;
	width: 20em;
	/*background-color: #eee;*/
	margin: 1ex;
	padding: 1ex;
	
}

.square {
	width: 0.75em;
	height: 0.75em;
	border: solid 2px #fff;
	display: inline-block;
	margin-left: 0.5ex;
	margin-right: 0.5ex;
}

.r {
	font-weight: bold;
}

#mainlegend div {
	display: inline-block;
	margin-left: 1ex;
	font-size: 12px;
}

#mainlegend {
	background-color: #eee;
}


#mainlegend span, #mainlegend a {
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}

.nv-axis text, .nvtooltip, .nvtooltip h3 {
   font-family: 'Droid Sans', sans-serif;
   border-radius: 5px;
   font-size: 12px;
}

.right {
	float: right;
		margin: 1ex;
	padding: 1ex;
}

/* to fix the checkbox alignment  issue with font-size 12px */
.checkbox-inline, .checkbox {
   line-height: 1.9;
}