@import url( "shadowdiv.css" );

#selectiontitle {
	width:100%;
}

#selectionbar {
	margin-top:10px;
	width:100%;
	overflow: auto;	
}

#selectionbar h1 {
	border-bottom: black solid 1px;
	margin-bottom: 10px;
}

#maptitle {
	margin-top:20px;
	width:100%;
}

#mapbar {
	margin-top:20px;
	width:100%;
}

#pgroupbox {
	width:390px;
	float:left;
}

#typebox {
	width:390px;
	float:left;
	margin-left:10px;
}

#votebox {
	width:200px;
	margin-left:10px;
	float:left;
}

#typebox li, #votebox li, #pgroupbox li {
	font-size:0.8em;
	padding: 2px;
	background-color: #dcdcdc;
	border-bottom: #f5f5f5 solid 1px;
}

#typebox li:hover, #votebox li:hover, #pgroupbox li:hover {
	background-color: #14A7C4;
	cursor:pointer;
}

#typebox li.selected, #votebox li.selected, #pgroupbox li.selected {
	background-color: #14A7C4;
}

.boxcontent {
	overflow-y: scroll;
	height:143px;
}

#map {
	margin:20px 0px 20px 0px;
	width:100%;
	overflow:auto;	
	clear:both;
}

#mapbox {
	width:800px;
	float:left;
}

#mapinfobox {
	float:left;
	border: 1px solid #d1d1d1;
	padding:10px;
	width:178px;
	height:780px;
}

#mapinfobox h1 {
	border-bottom: gray solid 1px;
}

#mapinfobox li {
	font-size:0.8em;
}


#mapcountrybox h1 {
	font-size:1.4em;
}

#mapcountrybox ul {
	text-align:right;
	width:70%;
}

#mapcountrybox ul li {
	height:25px;
	font-size:1.8em;
	font-weight:bold;
	padding-bottom:15px;
}

#mapcountrybox ul li:first-child {
	padding-top:10px;
}

#countryinfobox h1 {
	font-variant: small-caps;	
	color: gray;
	font-size: 1.1em;
	margin-bottom: 2px;
	border-bottom: gray solid 1px;
}

#mapinfobox ul {
	margin-top:5px;
	height:750px;
	overflow-y: scroll;
}

#mapinfobox li:hover {
	background-color: #14A7C4;
	cursor:pointer;
}

span.subscript {
	font-size:0.4em;
}