@import url( "rounddiv.css" );
@import url( "barchart.css" );

#searchtitle {
	width:100%;
}

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

#selectionpanel {
	width:320px;
	overflow:auto;
	float:left;
}

#results{
	width:660px;
	overflow:auto;
	float:right;
	background-color: #dcdcdc;
	height:223px;
}

#searchbox {
}

#typebox {
	margin-top:10px;
}

#results ul {
	overflow-y: scroll;
	height:223px;	
}

#results p {
	font-size:0.8em;	
}

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

#results li:hover, #typebox li:hover, #sessionbox li:hover {
	background-color: #14A7C4;
}

#results li.selected, #typebox li.selected, #sessionbox li.selected {
	background-color: #14A7C4;
}

#textbar {
	margin-top:20px;
	width:100%;
	overflow:auto;
}

#textdescription {
	padding:10px;
	width:98%;
	overflow:auto;
	background-color:#dcdcdc;
}

#textdescription h3 {
	font-weight:bold;
	padding: 5px 0px 0px 0px;
}

#textvote {
	margin:20px 0px 20px 0px;
	width:100%;
	overflow:auto;
}

#textinfo {
	margin: 0px 0px 10px 0px;
	font-style:italic;
}

#infolayer {
	width:920px;
}

#infolayer h1 {
	margin-bottom: 10px;
}

#infolayer .lstline {
	width:872px;	
}

#infolayer .lsbline {
	width:872px;
}

#longlayer {
	width:260px;
	text-align: left;	
}

#longlayer .lstline {
	width:212px;	
}

#longlayer .lsbline {
	width:212px;
}

.smallbox {
	float:left;
	width:200px;
	margin-left:10px;
}

.smallbox:first-child {
	margin-left:0px;
}

.smallbox h1 {
	border-bottom: black solid 1px;
	margin-bottom: 10px;
}

.smallbox ul {
	height:250px;
	width:200px;
	margin-bottom:10px;
	overflow-y: scroll;
	background-color: #dcdcdc;
}

.smallbox li {
	font-size: 0.8em;
	padding: 2px;
	background-color: #dcdcdc;
	border-bottom: #f5f5f5 solid 1px;
	cursor:pointer;
}

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

#voteresult {
	width:200px;
	margin-right:10px;
	padding-top:5px;
}

#voteresult .contenth .count {
	text-align:center;
	font-weight:bold;
	font-size:46px;
	padding-top:13px;
}

#voteresult .contenth .label {
	text-align:center;
	font-size:16px;
	padding-bottom:10px;
}

#voteresultbox {
	text-align:right;
}

#voteresultbox #left {
	float:left;
	width:80px;
}

#voteresultbox #right {
	float:left;
	width:100px;
}

#voteresultbox ul {
}

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

.textbox {
	float:left;
	width:97px;
	margin-top:8px;
}

.textbox .contenth .count {
	text-align:center;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
}

.textbox .contenth .label {
	text-align:center;
	font-size:16px;
	padding-bottom:10px;
}

#votepgroup {
	float:left;
	width:260px;
}

#votepgroup .hbarchart .bar div {
	height:43px;
}

#votepgroup .hbarchart .label {
	padding-top: 21px;
	width:80px;
	color:#1e5f99;
}

#votepgroup .hbarchart span:hover {
	background-color: #14A7C4;
	cursor:pointer;
}

.votecountry {
	float:left;
	width:265px;
}

.votecountry .hbarchart .bar div {
	height:22px;
}

.votecountry .hbarchart .label {
	padding-top: 10px;
	width:95px;
	font-size:0.9em;
	color:#1e5f99;
}

.votecountry .hbarchart span:hover {
	background-color: #14A7C4;
	cursor:pointer;
}

span.percentage {
	font-size:12px;
	margin:0px; 
	padding:0px;
	line-height:12px;
}

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

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

.inputbox {
 width:98%;
}