body
{
	background-image: url(/img/purple_top.png);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

p {margin: 0; padding: 0;}

:active, :focus { outline: none; -moz-outline-style: none; }

#info h2 {display: none;}

#info {width: 240px; height:150px; position: absolute; top:65px; left: 37px;}

#info a {display: block;  width: 240px; height:150px; text-indent: -10000px;}

#contain
{
	width: 970px;
	height: 700px;
	background-image: url(/img/votedaisy_background.png);
	background-repeat: no-repeat;
	background-position: 35px 10px;
	position: relative;
	margin: 0 auto 0 auto;
}

div#message {position: absolute; top: 95px; left: 789px;}
div#message, div#download {width: 155px; height: 28px;}
div#message p {display: none;}	

div#download a {display: block; width: 155px; height: 28px; text-indent: -10000px;}
div#download a:link {background-image: none;}
div#download a:hover
{
	background-image: url(/img/friendly_note.png);
	background-repeat: no-repeat;
}

div#voting {position: absolute; top:390px; left: 0; width: 400px;}
div#voting h2 {display: none;}
div#voting ul {margin: 0; padding: 0; list-style: none;}		

/*
RESULTS
*/		
div#results {display: none;}

div#results li
{
	height: 30px;
	padding-left: 120px;
	margin-bottom: 11px;
	background-repeat: no-repeat;
}
div.bar
{
	float: left;
	height: 30px;
	background-repeat: no-repeat;
	background-position: right 0px;
	width: 30px;
}
div#results div.bar p
{
	text-indent: -10000px;
	height: 30px;
	background-repeat: no-repeat;
}

li#rclorox
{
	background-image: url(/img/rlabels.png);
	background-position: -5px 3px;
}
li#rmother
{
	background-image: url(/img/rlabels.png);
	background-position:  -5px  -36px;
}
li#rmethod
{
	background-image: url(/img/rlabels.png);
	background-position: -5px -75px;
}
li#rclorox div.bar {background-image: url(/img/rclorox_right.png);}
li#rmother div.bar {background-image: url(/img/rmother_right.png);}
li#rmethod div.bar {background-image: url(/img/rmethod_right.png);}
li#rclorox div.bar p {background-image: url(/img/rclorox_left.png);}
li#rmother div.bar p {background-image: url(/img/rmother_left.png);}
li#rmethod div.bar p {background-image: url(/img/rmethod_left.png);}

div.count
{
	float: left;
	width: 100px;
	height: 30px;
	margin-left: 5px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
span.tot {display: block; font-size: 11px; color: #666;}
span.per
{
	display: block;
	padding-top: 1px;
	font-size: 17px;
	color: #262626;
	line-height: 16px;
	font-weight: bold;
}

.leader
{
	width: 233px;
	height: 64px;
	background-image: url(/img/leader.png);
	position: absolute;
	left: 43px;
	top: 125px;
	display: none;
}
.leader h3 {display: none;}
.lclorox {background-position:0px 0px;}
.lmother {background-position:0px -64px;}
.lmethod {background-position:0px -128px;}
.ltie {background-position:0px -192px;}

.thankyou
{
	width: 310px;
	height: 30px;
	position: absolute;
	left: 3px;
	top: 200px;
	background-image: url(/img/thankyou.png);
	background-repeat: no-repeat;
	display: none;
}
.tclorox { background-position: 0px 0px; }
.tmother { background-position: 0px -30px; }
.tmethod { background-position: 0px -60px; }		
.thankyou p {display: none;}

#share
{
	width: 270px;
	height: 30px;
	position: absolute;
	left: 28px;
	top: 227px;
}
div#share p
{
	width: 75px;
	height: 30px;
	text-indent: -10000px;
	background-image: url(/img/share.png);
	float: left;
}
div#share ul
{
	width: 184px;
	height: 30px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
div#share ul li
{
	height 30px;
	margin: 0;
	padding: 0;
	float: left;
}
div#share ul li#twitter {width: 58px;}
div#share ul li#facebook {width: 75px;}
div#share ul li#email {width: 50px;}
div#share ul li a
{
	display: block;
	height: 30px;
	text-indent: -10000px;
}
div#share ul li#twitter a
{
	width: 58px;
	background-image: url(/img/share.png);
	background-position: -77px 0px;
}
div#share ul li#facebook a
{
	width: 75px;
	background-image: url(/img/share.png);
	background-position: -135px 0px;
}
div#share ul li#email a
{
	width: 50px;
	background-image: url(/img/share.png);
	background-position: -210px 0px;
}
div#share ul li#twitter a:hover
{
	width: 58px;
	background-image: url(/img/share.png);
	background-position: -77px -30px;
}
div#share ul li#facebook a:hover
{
	width: 75px;
	background-image: url(/img/share.png);
	background-position: -135px -30px;
}
div#share ul li#email a:hover
{
	width: 50px;
	background-image: url(/img/share.png);
	background-position: -210px -30px;
}
		
div#vote {width: 315px;}

div#vote ul {margin: 0; padding: 0; list-style: none;}

div#vote ul li
{
	padding: 0;
	height: 45px;
	margin: 0 auto 0 auto;
}

div#vote li#vclorox {width: 125px;}
div#vote li#vmother {width: 230px;}
div#vote li#vmethod {width: 132px;}

div#vote ul li a
{
	height: 45px;
	display: block;
	text-indent: -10000px;
	background-image: url(/img/vote.png);
	background-repeat: no-repeat;
}

div#vote li#vclorox a
{
	width: 125px;
	background-position: -53px -1px;
}
div#vote li#vmother a
{
	width: 230px;
	background-position: 0px -45px;
}
div#vote li#vmethod a
{
	width: 132px;
	background-position: -47px -90px;
}



div#vote li#vclorox a:hover
{
	width: 125px;
	background-position: -281px 0px;
}

div#vote li#vmother a:hover
{
	width: 230px;
	background-position: -228px -44px;
}
div#vote li#vmethod a:hover
{
	width: 131px;
	background-position: -274px -89px;
}

div#skip
{
	width: 233px;
	margin: 20px auto 0 auto;
}


div#skip a {width: 233px; height: 42px; display: block; }

div#skip a { background-image: url(/img/skip.png); text-indent: -10000px; background-repeat: none;}
div#skip a:hover {background-position: 0px -53px;}

div#spinner {
	position: absolute; left: 146px; top: 50px; display: none
}

div#video {position: absolute; left: 539px; top: 291px;}

div#video p {float: right; width: 285px; margin-top: 15px;}

div#video p a
{
	width: 285px;
	height: 30px;
	display: block;
	text-indent: -10000px;
	background-image: url(/img/youtube.png);
	background-repeat: no-repeat;
}

div#video p a:hover { background-position: 0px -30px; }

div#credit {position: absolute; left: 767px; top: 645px; width: 208px; font-size: 8px; line-height: 8px;}

div#credit p span {display: none;}
div#credit p a {display: block; float: left;}

div#credit a#cnerduo
{
	width: 120px;
	height: 15px;
	text-indent: -10000px;
	background-image: url(/img/credit2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#credit a#cmethod
{
	width: 80px;
	height: 15px;
	text-indent: -10000px;
	background-image: url(/img/credit.png);
	background-repeat: repeat;
	background-position: -120px 0px;
}

div#credit a#cnerduo:hover { background-position: 0px -15px; }
div#credit a#cmethod:hover { background-position: -120px -15px; }


#powered {position: absolute; top: 662px; left: 54px; height: 20px; width: 210px; font-size: 8px; line-height: 8px;}

#powered a {display: block; height: 20px; width: 210px; text-indent: -10000px; background-image: none;}
#powered a:hover
{
	background-image: url(/img/powered.png);
	background-repeat: no-repeat;
}

#cloroxtrademark {display: none;}