html {
	background: url('../images/background.jpg') no-repeat top center;
	background-color: #999999;
}

/* remove outlines from all links */
* {
	outline: none;
}

/**
		Wrappers
**/

#body-wrapper {
	width: 960px;
	margin: 0 auto;	
	
}

#question-wrapper {
	
	background-color: transparent;
	height: 162px; 
}

#ask-poly-coa {
	width: 205px; 
	height: 61px;   
	background: url("../images/ask-polly-tab-cot.png") no-repeat bottom right;
	position: relative;
	cursor: pointer;
	left: 785px;
	float: left;
	
}

#ask-poly {
	width: 523px;
	height: 136px;
	background: url("../images/ask-polly-tab-bg.png") no-repeat bottom right;
	position: relative;
	padding: 12px 17px 17px 17px;
	float: left;
	left: 230px;
}

.ask-poly-start-position {
	top:-200px;
}

#ask-poly h2 {
	font-family:"arial",sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	padding: 0 0 10px 0;
	
}

#ask-question-input,
#twitter-id-input,
#name-input {
	font-family:"arial",sans-serif;
	font-size: 11.5px;
	border: 0;
	padding: 3px 5px;
	color: #666666;
}

#ask-question-input {
	width: 360px;
	float: left;
}

#twitter-id-input,
#name-input {
	float: right;
	width: 135px;
	clear: right;
}

#twitter-id-input {
	margin-top: 5px;
}

#ask-question-submit {
	padding: 0;
	margin: 45px 0 0 0;
	width: 73px;
	height: 26px;
	border: 0;
	text-indent: -999px;
	line-height: 0;
	background: url("../images/submit.png") no-repeat;
	cursor: pointer;
	float: right;
	clear: both;
	display: block;
}

#ask-question-submit:hover {
	background-position: 0 -26px;
}

.link:hover {
	color: #ff5a19;	
	cursor: pointer;
}

#ask-question-feedback {
	font-family:"arial",sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 25px 0 0 2px;
}

.errorInput {
	background-color: #ffd6c6;	
}

#ask-poly-thanks-close,
#ask-poly-close {
	float: right;
	background: url("../images/ask-polly-tab-close.png") no-repeat bottom left;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	position: relative;
	top: -7px;
}

#ask-poly-thankyou p {
	color: #000;
	width: 320px;
	line-height: 18px;
}

#ask-poly-thankyou a {
	color: #ff6600;
	text-decoration: none;	
	font-weight: bold;
}

#ask-poly-thankyou h2 {
	padding-bottom: 20px;	
}


#content-wrapper {
	position:relative;
	left: 120px;
	width: 616px;
}

/**
	main content
**/

#title {
	height: 40px;
	padding: 0 0 0 101px;
}

#title h1 {
	background: url("../images/logo.png") no-repeat bottom left;
	line-height: 0;
	width: 173px;
	height: 40px;
	display: block;
	text-indent: -100000px;
}

#menu {
	float: left;
	clear:both;
	width: 101px;
}

#content {
	float: left;
}

#about.inactive,
#archive.inactive,
#video.inactive {
	display: none;
}

#archive {
	float: left;
	clear: both;
	display: block;
	background-color: transparent;
}

#archive-inner {
	background-color: #fff;
}

#video {
	width: 500px;
	height: 340px;
	float:left;
	clear:both;
	display:block;
	background-color: #fff;
}

#video-no-flash {
	padding: 8px 10px;	
}

#vote-panel {
	width: 500px;
	background: url("../images/vote-controls-bg.png") no-repeat bottom left;

}

#vote-text {
	width: 292px;
	padding: 10px 15px 0 12px;
	float: left;
}

#vote-thanks,
#vote-thanks-final,
#vote-closed {
	padding: 10px 15px 0 12px;
	float: left;
}

#vote-thanks p.question-text,
#vote-thanks-final p.question-text {
	color: #474747;
	border-bottom: 1px solid #858585;
	padding: 0 0 5px 0;
	margin-bottom: 6px;
}



#vote-thanks h2,
#vote-thanks-final h2,
#vote-closed h2 {
	font-family:"arial",sans-serif;
	font-weight: normal;
	color: #6c6c6c;
	line-height: 12px;
	font-size: 18px;
	padding: 3px 0 10px 0;
}

#vote-text h2 {
	font-family:"arial",sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 12px;
	font-size: 16px;
	padding: 3px 0 7px 0;
	border-bottom: 1px solid #858585;
}

#vote-text p {
	line-height: 17px;
	font-size: 13px;
	color: #474747;
	padding-top: 7px;
}


#vote-thanks p,
#vote-thanks-final p {
	
	font-size: 13px;
	color: #6c6c6c;
	padding: 0 0 10px 0;
	
}

#vote-controls {
	width: 178px;
	float: left;
	padding-top: 19px;
}

#vote-yes,
#vote-no {
	width: 74px;
	height: 35px;
	background: url("../images/vote-button-sprite.png") no-repeat top left;
	padding: 0;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	float: left;
	line-height: 0;
	display: block;
}


#vote-yes.inactive,
#vote-yes:hover.inactive {
	background-position: 0 0;
}
	
#vote-no,
#vote-no .inactive,
#vote-no:hover.inactive {
	background-position: -74px 0;
	margin-left: 15px;
}

#vote-no:hover,
#vote-no.selected {
	background-position: -74px -35px;	
}


#vote-yes:hover,
#vote-yes.selected {
	background-position: 0 -35px;	
}

#vote-no.selected,
#vote-no.inactive,
#vote-yes.selected,
#vote-yes.inactive {
	cursor: default;	
}

#about {
	float: left;
	background-color: #fff;
	width: 500px;
	height: 425px;
}

#about-text {
	padding: 25px 20px 191px 20px;
	background-color: #fff;
}

#archive-scroll,
#archive-scroll-small {
	overflow:auto;
	background-color: #fff;
	height: 424px;
}

#archive-scroll {
	width: 515px;
}

#archive-scroll-small {
	width: 500px;
}


.archive-item {
	width: 100%;
	float: left;
}

.archive-item:hover .archive-highlight {
	display: block;
}

.archive-item:hover .archive-question p {
	font-weight: bold;
}

.archive-results {
	float: left;
	height: 68px;
	background-color: white;
	padding: 8px 0 8px 10px;
}

.results-bars {
	height: 68px;
	width: 91px;
	background: url("../images/result-bar-grad-bg.gif") no-repeat bottom left;
	background-repeat: repeat-x;
}

.bar-yes,
.bar-no {
	width: 45px;
	display: block;
	float:left;
	color: #fff;
	font-family:"arial",sans-serif;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
}

.bar-no {
	background-color: #75a4d2;
	position: relative;
	left: 1px;	
}

.bar-yes {
	background-color: #ff5819;
}

.archive-highlight {
	line-height: 0px;
	height: 2px;
	background-color: #ff6600;
	clear: both;
	display: none;
	float: left;
	width: 100%;
}

#archive-scroll .archive-question-details {
	width: 354px;
}

#archive-scroll-small .archive-question-details {
	width: 369px;
}


.archive-question-details {
	height: 68px;
	float: left;
	padding: 8px 0 0 10px;
}



.archive-question {
	height: 42px;	
	margin-bottom: 10px;
}

.archive-user-details {
	border-top: 1px solid #898989;
	padding: 2px 0 0 0;	
}

.archive-user-details a {
	color: #ff5819;
}

.archive-user-details p {
	font-size: 11px;
}

/***
		Nav
***/

#menu ul li {
	padding-bottom: 5px;
}

#menu ul li a {
	text-indent: -100000px;
	width: 101px;
	height: 32px;
	display: block;
}

#nav_archive,
#nav_archive:hover {
	background-image: url("../images/history_icon.png");
}

#nav_archive.inactive:hover{
	background-position: 0 -32px;
}

#nav_archive.inactive {
	background-position: 0 -64px;
}

#nav_about,
#nav_about:hover	
	{
	background-image: url("../images/info_icon.png");

}

#nav_about.inactive:hover{
	background-position: 0 -32px;
}

#nav_about.inactive {
	background-position: 0 -64px;
}

#nav_video,
#nav_video:hover {
	background-image: url("../images/tick_icon.png");
}

#nav_video.inactive:hover {
	background-position: 0 -32px;
}

#nav_video.inactive {
	background-position: 0 -64px;
}

/*
	General
*/

p {
	font-family:"arial",sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #6c6c6c;
	padding: 0 0 16px 0;
}

#about a,
#video a {
	color: #ff6600;
}

.hide {
	display:none;
}

.panel-white-bottom {
	width: 500px;
	height: 5px;
	background: url("../images/panel-bottom.png") no-repeat bottom left;
}

/*
	Magic clear fix
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#debug {
	height: 500px;
	overflow: auto;
	width: 90%;
	position: relative;
	top: 100px;
	background-color: white;
	padding: 10px;
}