@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

form{ height: 0;}
html, body, #Form1{height:100%; width:100%;}
body {background:#fff9e7 url('../images/background.jpg') repeat-x 0px 0px; font-family:Arial, Helvetica, sans-serif; color:#494d4d; font-size:62.5%; /* 1em is 10px */}
#center { margin: 0 auto; width: 1200px; }
.clear {display: block; clear: both; font-size: 0; line-height: 0;}

h1 { font-size: 4em; font-weight: bold; margin: 5px 0 15px 0; }
h2 { font-size: 2.4em; font-weight: bold; margin: 5px 0 15px 0; }
h3 { font-size: 2em; font-weight: bold; margin: 5px 0 10px 0; }
h4 { font-size: 1.6em; font-weight: bold; margin: 5px 0 10px 0; }
h5 { font-size: 1.2em; font-weight: bold; margin: 5px 0 10px 0; }

p { font-size: 1.4em; }
.para { display: block; margin: 10px 0 5px 0; line-height: 1.6em; }

.orange { color: #ff9600; }

hr {background:url('../images/divider.gif') repeat-x; border:0px; margin:15px auto; height:2px; clear:both; margin:20px 0px 0px 0px; display:block;}

	div#header {width:100%; height:146px; position:relative; margin:0px 0px 10px 0px; }
	div#header h1 { font-size: 1em; margin: 0; }
	div#header h1 a {background:url('../images/logo_tweet.gif') no-repeat; width:118px; height:121px; position:absolute; bottom:10px; left:0px; text-indent:-9999em;}
	div#header span.vote a {background:url('../images/logo.gif') no-repeat; width:429px; height:118px; position:absolute; bottom:10px; left:196px; text-indent:-9999em;}
	div#header span.join a {background:url('../images/join_in.gif') no-repeat; width:380px; height:20px; position:absolute; bottom:10px; left:176px; text-indent:-9999em;}
	div#header span.results a {background:url('../images/btn-results.gif') no-repeat; width:380px; height:20px; position:absolute; bottom:10px; left:176px; text-indent:-9999em;}
	
	div#header div.networking {position:absolute; top:10px; right:10px;}
	
	div#header a.sendToFriend { background:url('../images/send_to_friend.gif') no-repeat; width:128px; height:29px; display:block; text-indent:-9999em; float:left; }
	div#header a.sendToFriend:hover {background-position:left bottom;}
	div#header a.twitter {background:url('../images/twitter_icon.gif') no-repeat; width:29px; height:30px; display:block; float:left; text-indent:-9999em;  margin-left:0px;}
	div#header a.twitter:hover {background-position:left bottom;}
	
	a.facebook {background:url('../images/facebook_icon.gif') no-repeat; width:29px; height:30px; display:block; float:left; text-indent:-9999em;  margin-left:5px;}
	a.facebook:hover {background-position:left bottom;}
	
	ul#navigation {width:176px; list-style:none; float:left;}
	ul#navigation a {margin:0px 0px 5px 0px;}
	ul#navigation a.home {background:url('../images/home.gif') no-repeat; height:19px; width:46px; display:block; text-indent:-99999em;} 
	ul#navigation a.home:hover {background-position:left bottom;} 
	
	ul#navigation a.join {background:url('../images/join.gif') no-repeat; height:19px; width:117px; display:block; text-indent:-99999em;} 
	ul#navigation a.join:hover {background-position:left bottom;} 
	
	ul#navigation a.vote {background:url('../images/vote.gif') no-repeat; height:19px; width:128px; display:block; text-indent:-99999em;} 
	ul#navigation a.vote:hover {background-position:left bottom;} 
		
	ul#navigation a.results {background:url('../images/btn-results.gif') no-repeat; height:19px; width:128px; display:block; text-indent:-99999em;} 
	ul#navigation a.results:hover {background-position:left bottom;} 
	
	ul#navigation a.active {background-position:left bottom;} 

span.labour {color:#d41920; font-weight:bold;}
span.conservative {color:#0f97dd; font-weight:bold;}
span.libdem {color:#fbb647; font-weight:bold;}
span.green {color:#7ab12d; font-weight:bold;}
span.ukip {color:#75246c; font-weight:bold;}
span.bnp {color:#8b8b8b; font-weight:bold;}

div#mainContainer {width:960px; margin:0 auto;}
div#rightContainer {width:784px; float:right; }

div.candidates {position:relative; height:610px; margin:10px 0px 30px 0px; }

span.rank {text-shadow: #d3d3d3 1px 3px 0px;}

/* CANDIDATES - HOMEPAGE */

div.brown {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:0px; }
div.brownTop {background:url('../images/brownTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.brownBottom {background:#d41920 url('../images/brownBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */ display:block;}

	div.brown span.rank {color:#F00; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}
	div.brown span.candidateName {background:url('../images/gordonBrown.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 10px;}
	div.brown span.party {color:#F00; display:block; background:url('../images/labour.gif') no-repeat; width:48px; height:9px; text-indent:-9999em; margin:10px 0px 0px 35px;}

div.cameron {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:128px;}
div.cameronTop {background:url('../images/cameronTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.cameronBottom {background:#0f97dd url('../images/cameronBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */ display:block;}

	div.cameron span.rank {color:#0f97dd; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}div.cameron span.candidateName {background:url('../images/davidCameron.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 10px;}
	div.cameron span.party {color:#F00; display:block; background:url('../images/conservative.gif') no-repeat; width:88px; height:9px; text-indent:-9999em; margin:10px 0px 0px 15px;}
	div.cameron span.candidateName {background:url('../images/davidCameron.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 10px;}

div.clegg {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:256px;}
div.cleggTop {background:url('../images/cleggTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.cleggBottom {background:#fbb647 url('../images/cleggBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */ display:block;}

	div.clegg span.rank {color:#ffbf24; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}
	div.clegg span.candidateName {background:url('../images/nickClegg.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 30px;}
	div.clegg span.party {color:#F00; display:block; background:url('../images/libdem.gif') no-repeat; width:48px; height:9px; text-indent:-9999em; margin:10px 0px 0px 40px;}

div.lucas {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:384px;}
div.lucasTop {background:url('../images/lucasTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.lucasBottom {background:#7ab12d url('../images/lucasBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */ display:block; }

	div.lucas span.rank {color:#86bd39; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}
	div.lucas span.candidateName {background:url('../images/carolineLucas.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 10px;}
	div.lucas span.party {color:#F00; display:block; background:url('../images/green.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; margin:10px 0px 0px 40px;}

div.pearson {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:512px;}
div.pearsonTop {background:url('../images/pearsonTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.pearsonBottom {background:#5b1f54 url('../images/pearsonBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */  display:block;}

	div.pearson span.rank {color:#75246c; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}
	div.pearson span.candidateName {background:url('../images/lordPearson.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 10px;}
	div.pearson span.party {color:#F00; display:block; background:url('../images/ukip.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; margin:10px 0px 0px 40px;}

div.griffin {float:left; margin:0px 5px 0px 0px; position:absolute; bottom:0px; left:641px;}
div.griffinTop {background:url('../images/griffinTop.gif') no-repeat; width:123px; height:305px; display:block;}
div.griffinBottom {background:#8b8b8b url('../images/griffinBottom.gif') no-repeat left bottom; width:123px; height:100px; /* change height */  display:block;}

div.griffin span.rank {color:#999999; display:block; font-size:2.8em; font-weight:bold; text-align:center; margin:10px 0px 0px 0px; letter-spacing:-2px;}
div.griffin span.candidateName {background:url('../images/nickGriffin.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; margin:10px 0px 0px 25px;}
div.griffin span.party {color:#F00; display:block; background:url('../images/bnp.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; margin:10px 0px 0px 50px;}


/* JOIN OUR POLL PAGE */

h2.results {background:url('../images/results.gif') no-repeat; width:273px; height:12px; text-indent:-9999em; margin:25px 0px 0px 0px;}


div#tweets h2 {background:url('../images/twitterNoise.gif') no-repeat; width:230px; height:15px; margin:20px 0px 0px 0px; text-indent:-99999em;}
div#tweets div.tweet {width:200px; background:url('../images/tweet.gif') no-repeat; width:230px; height:112px; padding:10px; margin:10px 0px 0px 0px; font-size:1.4em; float:left; overflow:auto;}

div.pollVote { float:right; margin:10px 0px 0px 0px;}
a.pollNo {display:block; background:url('../images/poll_no.gif') no-repeat left bottom; width:262px; height:98px; text-indent:-9999em;}
a.pollYes {display:block; background:url('../images/poll_yes.gif') no-repeat; width:262px; height:131px; text-indent:-9999em;}

div#latestQuestion {background:url('../images/paxman.jpg') no-repeat; width:490px; height:288px; position:relative; float:left;}
div#latestQuestion span.question {padding:5px; font-size:2.3em; position:absolute; top:30px; left:170px; width:275px; text-transform:uppercase; text-shadow: #e5e5e5 1px 3px 0px; overflow:auto; height:226px;}

.pollHistoryContainer, .pollResultContainer{clear: both;}

	div.question {height: 340px; width:130px; float:left; margin:0px 50px 0px 0px;}
	div.question span.question {text-transform:capitalize; font-weight:bold; font-size:1.1em; position:relative; width:130px; text-align:center; display:block; margin:10px 0px 0px 0px;}

	div.questionBar { position:relative; display:run-in; height:230px;}
	
	div.questionBar div.yes {width:60px; height:200px; -moz-border-radius: 5px;	-webkit-border-radius: 5px; position:absolute; bottom:0px; left:0px; color:#fff;}
	div.questionBar div.yes span.percent {position:absolute; left:5px; bottom:10px; font-weight:bold; font-size:1.2em; text-align:center;}
	
	div.questionBar div.no {width:55px; height:150px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  position:absolute; bottom:0px; left:65px; }
	div.questionBar div.no span.percent {position:absolute; left:5px; bottom:10px; font-weight:bold; font-size:1.2em; text-align:center; color:#000;}
		
	div.questionBar div.grey-yes {background-color:#888; }
	div.questionBar div.grey-no { background-color:#fff; border:3px solid #888; }
	
	div.questionBar div.labouryes {background-color:#d61e26; }
	div.questionBar div.labourno { background-color:#f5e0d4; border:3px solid #e05f61; }
	
	div.questionBar div.conservativeyes {background-color:#1e97d6; }
	div.questionBar div.conservativeno { background-color:#e3ede7; border:3px solid #1e97d6; }
	
	div.questionBar div.libdemyes {background-color:#ffc600; }
	div.questionBar div.libdemno { background-color:#f4e7b8; border:3px solid #ffc600; }
	
	div.questionBar div.bnpyes {background-color:#999999; }
	div.questionBar div.bnpno { background-color:#e7e7e7; border:3px solid #999999; }
	
	div.questionBar div.greenyes {background-color:#009245; }
	div.questionBar div.greenno { background-color:#dff5e9; border:3px solid #009245; }
	
	div.questionBar div.ukipyes {background-color:#54247e; }
	div.questionBar div.ukipno { background-color:#e9def3; border:3px solid #54247e; }


/* CAST YOUR VOTE PAGE */

div.brownVote span.candidateName {background:url('../images/gordonBrown.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:20px;}
div.brownVote span.party {color:#F00; display:block; background:url('../images/labour.gif') no-repeat; width:48px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:40px;}

div.cameronVote span.candidateName {background:url('../images/davidCameron.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:20px;}
div.cameronVote span.party {color:#F00; display:block; background:url('../images/conservative.gif') no-repeat; width:88px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:25px;}

div.cleggVote span.candidateName {background:url('../images/nickClegg.gif') no-repeat; width:98px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:35px;}
div.cleggVote span.party {color:#F00; display:block; background:url('../images/libdem.gif') no-repeat; width:48px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:45px;}

div.lucasVote span.candidateName {background:url('../images/carolineLucas.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:20px;}
div.lucasVote span.party {color:#F00; display:block; background:url('../images/green.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:50px;}

div.pearsonVote span.candidateName {background:url('../images/lordPearson.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:20px;}
div.pearsonVote span.party {color:#F00; display:block; background:url('../images/ukip.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:55px;}

div.griffinVote span.candidateName {background:url('../images/nickGriffin.gif') no-repeat; width:101px; height:9px; display:block; text-indent:-999em; position:absolute; bottom:35px; left:30px;}
div.griffinVote span.party {color:#F00; display:block; background:url('../images/bnp.gif') no-repeat; width:40px; height:9px; text-indent:-9999em; position:absolute; bottom:20px; left:55px;}
	
div.brownVote {float:left; width:129px; height:292px; background:url('../images/brown_vote.gif') no-repeat; position:relative; margin:0px 0px 15px 0px; }
div.brownVote input {position:absolute; bottom:0px; left:50px;}

div.cameronVote {float:left; width:129px; height:292px; background:url('../images/cameron_vote.gif') no-repeat; position:relative;}
div.cameronVote input {position:absolute; bottom:0px; left:55px;}

div.cleggVote {float:left; width:129px; height:292px; background:url('../images/clegg_vote.gif') no-repeat; position:relative;}
div.cleggVote input {position:absolute; bottom:0px; left:55px;}

div.lucasVote {float:left; width:129px; height:292px; background:url('../images/lucas_vote.gif') no-repeat; position:relative;}
div.lucasVote input {position:absolute; bottom:0px; left:55px;}

div.pearsonVote {float:left; width:129px; height:292px; background:url('../images/pearson_vote.gif') no-repeat; position:relative;}
div.pearsonVote input {position:absolute; bottom:0px; left:55px;}

div.griffinVote {float:left; width:129px; height:292px; background:url('../images/griffin_vote.gif') no-repeat; position:relative;}
div.griffinVote input {position:absolute; bottom:0px; left:55px;}

span.twitterConnected {display:block; background:url('../images/twitterConnected.gif') no-repeat; width:379px; height:9px; margin:20px auto; text-indent:-9999em;}
span.tweetName {font-size:2.4em; font-weight:bold; text-align:center; color:#575354; margin:0 auto;  display:block; height: 60px; }

div.voteInfo  {margin:10px 0px 0px 270px;}
div.voteInfo label { font-size: 1.3em; }
input.vote {background:url('../images/voteBtn.gif') no-repeat; width:99px; height:33px; border:0px; text-indent:-9999em; cursor:pointer;  margin:20px 0px 0px 330px; display:block; overflow:hidden;  font-size:0; line-height:0;}


div#pnlCurrentResults {font-size:1.2em; margin:10px 0px 0px 0px;}
div#pnlCurrentResults h1 {font-weight:bold; font-size:1.4em; margin:0px 0px 20px 0px;}
div#pnlCurrentResults table {width:100%; padding:0px;}
div#pnlCurrentResults table th {font-weight:bold; text-align:left; padding:0px 0px 10px 0px;}
div#pnlCurrentResults table td {padding:5px; }


div#pnlScores {font-size:1.2em;margin:10px 0px 0px 0px;}
div#pnlScores h1 {font-weight:bold; font-size:1.4em; margin:0px 0px 20px 0px;}
div#pnlScores table {width:250px; padding:5px;}
div#pnlScores table th {font-weight:bold; text-align:left; padding:0px 0px 10px 0px;}
div#pnlScores table td {padding:2px;}

div#pnlRecentTweets {font-size:1.2em;margin:10px 0px 0px 0px;}
div#pnlRecentTweets h1 {font-weight:bold; font-size:1.4em; margin:0px 0px 20px 0px;}
div#pnlRecentTweets table {width:100%; padding:5px;}
div#pnlRecentTweets table th {font-weight:bold; text-align:left; padding:0px 0px 10px 0px;}
div#pnlRecentTweets table td {padding:2px;}

div#pnlHistoricalVoting {font-size:1.2em;margin:10px 0px 0px 0px;}
div#pnlHistoricalVoting h1 {font-weight:bold; font-size:1.4em; margin:0px 0px 20px 0px;}
div#pnlHistoricalVoting table {width:100%; padding:5px;}
div#pnlHistoricalVoting table th {font-weight:bold; text-align:left; padding:0px 0px 10px 0px; font-size:1.2em;}
div#pnlHistoricalVoting table td {padding:2px;}

div#pnlCandidateTweets {font-size:1.1em; margin:10px 0px 0px 0px;}
div#pnlCandidateTweets h1 {font-weight:bold; font-size:1.4em; margin:0px 0px 20px 0px;}
div#pnlCandidateTweets table {width:100%; padding:5px;}
div#pnlCandidateTweets table th {font-weight:bold; text-align:left; padding:0px 0px 10px 0px; font-size:1.2em;}
div#pnlCandidateTweets table td {padding:2px;}

input#auth {margin:30px 0px 0px 270px; background:url('../images/authBtn.gif') no-repeat; width:99px; height:33px; border:0px; text-indent:-9999em; overflow:hidden; line-height:0; cursor:pointer; }
#pnlTwitterUser { display: none; }
#pnlTwitterLogin { display: block; }

#pnlInner { width: 550px; }
div#pnlForm { margin: 10px; border: 1px solid #ccc; background: #E9EBEA; }
div#pnlForm ul { list-style-type: none; margin: 10px; }
div#pnlForm li { list-style-type: none; clear: both; margin-bottom: 15px; margin-top: 15px; }
div#pnlForm li label{ display: block; float: left; width: 100px; font-size: 1.4em; font-weight: bold; }
div#pnlForm li input{ display: block; float: left; width: 120px; font-size: 1.4em; }
div#pnlForm li select{ display: block; float: left; width: 180px; font-size: 1.4em; }

div#pnlForm li .rb { display: block;  float: left; width: 120px; }
div#pnlForm li .rb input{ display: inline; float: none; width: auto;  font-size: 1.2em; font-weight: normal;}
div#pnlForm li .rb label{ display: inline; float: none; width: auto;  font-size: 1.2em;}

div#pnlBtnContainer { text-align: center; margin: 20px 0 20px 0; }
div#pnlBtnContainer input { margin: 0 10px 0 10px; }

div#pnlResultsContainer {}
div#pnlResultsParty { float: left; width: 180px; text-align: center; }
div#pnlResultsMsg { float: left; text-align: center; width: 500px; }
div#pnlResultsMsg h1 { margin-bottom: 0px; }
div#pnlResultsMsg h3 { margin-top: 0px; }

img.candidateName { margin:0px 0px 10px 0px; }
img.party { margin:0px 0px 10px 0px; }

.twtMyVote { display: block; margin-top: 50px; }

.errorTxt { display: block;  float: left; clear: left; color: Red; margin-right: 10px; }
div#pnlValidationSummary { display: block; background: #ffe496; border: Red; margin: 10px; }
div#pnlValidationSummary ul { list-style-type: none; margin: 0; padding: 10px; }
div#pnlValidationSummary li { list-style-type: none; clear: both; margin-bottom: 5px; margin-top: 5px; }

.labourColor { color: #DD3D44; }
.conservativeColor { color: #999; }
.libdemColor { color: #FECA15; }
.bnpColor { color: #999; }
.greenColor { color: #289422; }
.ukipColor { color: #75246C; }