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

#selectiontitle {
	width:100%;
}

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

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

#leftpanel {
	float:left;
	width:390;
	overflow:auto;
}

#rightpanel {
	float:left;
	width:610;
	overflow:auto;
}

#rtpanel {
	width:100%;
	overflow:auto;
}

#rbpanel {
	width:100%;
	overflow:auto;
}

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

#countrybox {
	width:200px;
	float:left;
}

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

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

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

#countrybox li.selected, #mepbox li.selected, #pgroupbox li.selected {
	background-color: #14A7C4;
}

#infolayer {
	width:720px;
}

#infolayer h1 {
	margin-bottom: 10px;
	font-size:1.2em;
}

#infolayer h2 {
	border-bottom: black solid 1px;
	margin-bottom: 10px;
	font-size:1em;
}

#infolayer .lstline {
	width:672px;	
}

#infolayer .lsbline {
	width:672px;
}

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

#shortlayer .lstline {
	width:212px;	
}

#shortlayer .lsbline {
	width:212px;
}

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

#longlayer .lstline {
	width:312px;	
}

#longlayer .lsbline {
	width:312px;
}

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

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

.smallbox ul {
	height:250px;
	width:150px;
	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;
}

#timelinechart {
	width:100%;
	overflow:auto;
	margin-bottom:10px;
}

#timelinechart .vbarchart {
	border-top: #d1d1d1 solid 1px;
}

#timelinechart .vbarchart .bar {
	height:100px;
}

#timelinechart .vbarchart .label {
	border-top: #d1d1d1 solid 1px;
	font-size:0.7em;
}

#timelinebar #axis {
	float:left;
	width:40px;
}

#timelinebar #chart {
	float:left;
	width:960px;
}

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

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

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

#voteresultbox {
	text-align:right;
}

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

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

#voteresultbox ul {
}

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

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

.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;
}

.votecommittee {
	float:left;
	width:390px;
	overflow:auto;
	font-size:0.9em;
	margin-left:10px;
}

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

.votecommittee .hbarchart .label {
	padding-top: 10px;
	width:252px;
}

.votecommittee .hbarchart span.islink {
	color:#1e5f99;
}


.votecommittee .hbarchart span.islink: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;
}