body {
	margin: 0px; padding: 3px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: url(/images/bg-body.gif) repeat-x;
	}	

form { padding: 0px; margin: 0px; }

img { display: block; margin: 0px; }

html { min-height: 101%; }


/*	-------------------------------------------	
	WRAPPER + HEADER STYLES 
	-------------------------------------------	*/	
#wrapper, #wrapperTop { 
	margin: 0px auto 0px auto; 
	width: 736px;
	padding: 0px 0px 0px 14px;
	}		

#wrapperTop { 
	background: url(/images/bg-header-photos.gif) no-repeat 396px 0px; 

	}

#blueBg {
	width: 100%;
	background: url(/images/bg-blue.gif) bottom repeat-x;
	float: left;
	}

#couch {
	left: -195px;
	position: relative;
	margin-left: auto;
	float: left;
	}
	
#logo { 
	position: relative;
	float: right;
	margin: 0px 50px 0px 0px;
	display: inline;
	clear: right;
	}

#logo a { 
	float: left;  /* needed to make FF 1.0.7 display correctly */
	border: none; 
	}

/*	-------------------------------------------	
	BROWN INTRO BLOCK STYLES 
	-------------------------------------------	*/	
#introBlock { 
	background: url(/images/bg-brown-middle.gif) repeat-y; 
	padding: 0px 0px 0px 0px; width: 722px; 
	float: left;
	display: inline;  /* needed to stop margin doubling in ie */
	}		

#introBlockTop {
	background: url(/images/bg-brown-top.gif) no-repeat top left;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	float: left;
	}
	
#introBlock h3 {
	background: url(/images/bg-brown-bottom.gif) no-repeat bottom left; 	
	margin: 0px;
	padding: 15px 22px 24px 22px;
	font-size: .9em;
	color: #fff;
	line-height: 145%
	}
	

/*	-------------------------------------------	
	NAVIGATION STYLES 
	-------------------------------------------	*/	
#nav {
	border-top: 1px solid #CCC6B5;
	border-bottom: 1px solid #CCC6B5;
	width: 720px;
	float: left;
	display: inline; /* needed to stop margin doubling on a PC */
	background: url(/images/bg-nav-strip.gif) left bottom repeat-x #F7F6E5;
	margin: 25px 1px 0px 1px;
	}

#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #CCC6B5;
	float: left;
	position: relative;
	left: -1px;
	}

#nav ul li {
	padding: 0px;
	margin: 0px;
	border-right: 1px solid #D6D3AF;
	float: left;
	}

#nav ul li a {
	background: url(/images/bg-nav-underline.gif) left bottom repeat-x;
	display: block;
	padding: 6px 0px 1px 0px;
	border-left: 8px solid #F6F5E1;
	border-right: 8px solid #F6F5E1;
	border-bottom: 6px solid #F6F5E1;
	margin: 0px;
	font-size: .85em; 
	line-height: 1em; 
	min-height: 14px; /* needed to help safari em spacing */
	color:#6B3B00;
	}
		
#nav ul li a:hover, #nav ul li a.active {
	background: url(/images/bg-nav-active.gif) center top #F5ECB9;
	border-left: 8px solid #F5ECB9;
	border-right: 8px solid #F5ECB9;
	border-bottom: 6px solid #F5ECB9;
	margin: 0px;
	color: #43362D;
	}
		
#nav p {
	float: right;
	font-size: .68em;
	line-height: 100%;
	padding: 8px 0px 8px 5px;
	border-right: 1px solid #CCC6B5;
	position: relative;
	right: -1px;
	color:#444;
	}

#nav p a {
	font-family: Verdana, Arial, Helvetica, Sans Serif; 
	font-weight: normal;
	position: relative;
	margin: 0px 6px 5px 5px;
	}

#nav p span {
	padding-right: 6px;
	}


/*	-------------------------------------------	
	LOGGING IN STYLES 
	-------------------------------------------	*/	
#logIn {
	width: 400px;
	float: right;
	margin-right: 14px;
	display: inline; /* stop ie margin doubling */
	background: url(/images/bg-loggin-in.gif) bottom right no-repeat;
	padding: 13px 0px 13px 180px;
	border-right: 1px solid #CCC6B5;
	position: relative;
	top: 0px;
	}

#logIn a { float: left; margin: 8px 0px 0px 0px; }

#logIn label, #couchLoginPlease label {
	display: block;
	float: left;
	font-size: .7em;
	line-height: .8em;
	color: #333;
	padding: 0px 15px 0px 0px;
	}

input.email, input.passWord {
	display: block;
	margin: 3px 0px 8px 0px;
	height: 13px;
	}	
	
#logIn input.email { width: 170px; }

#logIn input.passWord { width: 110px; }

#nav p a.selected, #nav p a:hover.selected {
	background: url(/images/bg-poll-odd.gif) #E9E8E5;
	border-left: 1px solid #CCC6B5;
	border-right: 1px solid #CCC6B5;
	border-bottom: none;
	padding: 7px 6px 8px 4px;
	margin: 0px;
	color: #544339;
	position: relative;
	right: -1px;
	}

#logIn label#remember {
	width: 300px;
	color: #333;
	}

/* couch public please login styles */
#couchLoginPlease label {
	width: 200px;
	margin-bottom: 5px; 
	color: #333; 
	line-height: 1.4em;
	}

#couchLoginPlease input.loginBtn { float: left; margin-bottom: 5px; margin-top: 2px; } 

#couchLoginPlease div { 
	float: left; 
	width: 705px; 
	}

#couchLoginPlease label input.text {
	width: 200px;
	}

#couchLoginPlease label#remember { 
	width: 400px; 
	float: left; 
	clear: left; 
	}

a.forgotPassword { 
	font-size: 0.65em; 
	margin-top: 5px; 
	display: block;
	float: left;
	}

#couchLoginPlease div a.forgotPassword  { margin-top: 20px; }

#loginError { 
	border: 1px solid #FF0000;
	background: #FFFEE0;
	float: left; 
	margin-top: 25px;
	padding: 15px 15px 10px 15px;
	width: 689px;
	font-size: .70em;
	}

#loginError h2 { 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	color: #666; 
	}

/*	-------------------------------------------	
	GENERAL FORM STYLES 
	-------------------------------------------	*/	
.takingPoll input, .takingQuestionnaire input, #remember input, .signUpRightColumn input {
	margin: 0px 4px -2px 0px;
	width: 12px;
	height: inherit; /*makes firefox draw height same as width */
	}
	
.takingPoll input[type="checkbox"], .takingQuestionnaire input[type="checkbox"], #remember input[type="checkbox"], .signUpRightColumn input[type="checkbox"] { margin-bottom: 0px; } /*makes firefox align checkboxes correctly */

textarea, input.text, .signUpRightColumn fieldset select {
	font-family: Verdana, Arial, Helvetica, Sans Serif; /* needed to make ie pick up the font in input fields */
	padding: 2px; 
	font-size: 1em;
	color: #666;
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #B2B0B0;
	border-bottom: 1px solid #B2B0B0;
	}

#logIn input.log-in { margin-top: 8px; }

/*	-------------------------------------------	
	TEXT STYLES 
	-------------------------------------------	*/	
h1, h2, h3, #nav a, #couchLoginPlease h2 a { 
	font-family: Arial, Helvetica, Verdana, Sans Serif;
	font-weight: bold;
	}

h4, a, p, input { 
	font-family: Verdana, Arial, Helvetica, Sans Serif; 
	text-decoration: none;
	padding: 0px; margin: 0px;
	}

h5 { 
	color: #333; 
	font-weight: normal;
	border-top: 1px solid #ccc;
	padding: 6px 6px 2px 6px;
	margin: 0px;
	font-size: 1em;
	}

p { line-height: 145%; color: #4A4A49; }

a { 
	color: #762E0A;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #bbb;
	}

a:hover { 
	color: #8A3603;
	background: #FFF6C4;
	border-bottom: 1px solid #B2AC9F;
	padding: 0px;
	}

/*	contextual text styles 	*/
h2, h3 { 
	font-size: 1.4em; 
	margin: 0px 0px 5px 0px;
	}
	
.polls h3, .questionnaires h3, .info h3 { margin: 15px -15px 5px -15px; padding: 11px 15px 0px 15px; }

.polls h3 { border-top: 1px solid #BED7D9; }

.info h3 { border-top: 1px solid #CCC; }

.questionnaires h3, .subQuestionnaire h3 { border-top: 1px solid #C1D6C0; }

.aboutFaq h3, .signUpleftColumn h3, .siteMap h3, .signUpLeftColumn h3 { border-top: 1px solid #ddd; padding-top: 10px;}

.polls, .polls h5, .takingPoll, .takingPoll fieldset h4, .takingPoll .graphHolder h5, .pollUserAnswers h4 { color: #223C58; }

.questionnaires, .subQuestionnaire, .subQuestionnaire h5, .takingQuestionnaire, .takingQuestionnaire fieldset h4, .questionnaireUserAnswers h4 { color: #30491A }

.info, .aboutFaq, .signUpleftColumn, .siteMap { color: #555 }

.polls h4, .polls p, .polls li { color: #223C58; font-size: 1em; }

.questionnaires h4, .questionnaires p, .questionnaires li, .subQuestionnaire p, .subQuestionnaire h4 { color: #30491A; font-size: 1em; }

.subQuestionnaire p, .info p, .info a { font-size: 1.1em; }

.subQuestionnaire .newBox p

.info p { margin-bottom: 8px; }

.info p a, .subQuestionnaire .newBox p { font-size: 1em; }

.pastBox p { margin: 0px 0px 10px 6px; } 

/* about + FAQ styles start */
.aboutFaq p, .takingPoll p, .takingQuestionnaire p, .siteMap p, .signUpLeftColumn p {
	font-size: 1.1em;
	margin-bottom: 15px;
	}
	
	
.takingPoll span p, .takingQuestionnaire span p {
		font-size: 1em;
		}
		
			
.aboutFaq p a.topLink { font-size: .9em; }
	
.aboutFaq h3, .siteMap h3, .signUpLeftColumn h3 { margin: 0px 0px 2px 0px; font-size: 1.3em; }

.aboutFaq ol {
	padding: 0px 15px 5px 15px;
	margin: 0px -15px 0px 8px; 
	list-style-type: none;
	text-indent: -23px;
}
	
.aboutFaq ol li {
	padding: 3px 0px 8px 0px;
	font-size: 1.1em;
	line-height: 1.35em;
	}

/* FAQ answer highlight styles start */	
.aboutFaq h3.highlighted, .aboutFaq p.highlighted {
	background: #ffffcc;
	}

.takingPoll h3, .takingQuestionnaire h3 { 
	font-size: 1.3em;
	line-height: 1.3em; /* needed to make ie display the correct font size */
	}
 
#couchLoginPlease h2 {
	margin: 0px 0px 10px 0px; padding: 0px;
	font-size: 1em;
	color: #493C2E;
	}

/* temp homepage styles for the crappy no-graph homepage */
#contentTempHome .polls p, #contentTempHome .questionnaires p {
	font-size: 1.1em;
	margin-bottom: 8px;
	}

#contentTempHome .polls .newBox p {
	font-size: 1em;
	margin-bottom: 0px;
	}
	
#contentTempHome .polls h3 {
	margin: 9px -15px 5px -15px;
	}

/*sitemap specific style */
.siteMap ul li { 
	margin: 0px;
	padding: 4px 0px 0px 0px;
	font-size: 1.1em;
	}
	
.siteMap ul { 
	list-style-type: square; 
	padding: 2px 0px 2px 25px;
	margin: 0px;
	}

.siteMap ul ul li { 
	list-style-type: circle;
	margin: 2px 0px 0px 0px;
	font-size: .9em;
	padding: 0px 0px 5px 0px;
	}
	
.bigText p, .bigText a, .bigText li {
	font-size: 1.1em;
}

.bigText ol, .bigText ul  {
	padding-left: 20px;
}

p.spaceBottom {
	margin-bottom: 8px;
}

/*	-------------------------------------------	
	STYLES FOR THE TEXT SIZE CHANGER:
	
	big styles are held in big-text.css
	
	small styles are held in small-text.css
	-------------------------------------------	*/	
	

/*	-------------------------------------------	
	COLUMN STYLES 
	-------------------------------------------	*/	
#contentCouch, #contentHome, #contentHomeQuestionnaire, #contentGreyRight, #couchLoginPlease, #contentTempHome, #contentSignUp { 	
	width: 720px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0px 0px 70px 0px;
	margin-top: 25px;
	}
	
#contentCouch, #contentTempHome { background: url(/images/bg-columns-my-couch.gif) top left repeat-y; }

#contentSignUp { background: url(/images/bg-columns-signup.gif) top left repeat-y; }

#contentHome { background: url(/images/bg-columns-home.gif) top left repeat-y; }

#contentHomeQuestionnaire { background: url(/images/bg-columns-home-survey.gif) top left repeat-y; }

#contentGreyRight { background: url(/images/bg-columns-taking-poll.gif) top left repeat-y; }

#couchLoginPlease {
	border: 1px solid #CCC6B5;
	background: url(/images/bg-poll-odd.gif);
	padding: 15px;
	width: 689px;
	}

.polls, .questionnaires, .info, .takingPoll, .aboutFaq, .FAQ, .takingQuestionnaire, .signUpRightColumn, .signUpLeftColumn, .siteMap {
	width: 210px;
	float: left;
	padding: 15px;
	background: url(/images/bg-content-top-line.gif) top left repeat-x;
	font-size: .70em;
	}
	
.info h2 {
	color:#4A4A49;
}

.h2_takepoll {
margin-bottom:0px;
}

.info h3 {
	color:#4A4A49;
}
	
.signUpLeftColumn, .signUpRightColumn { 
	width: 330px; 
	color: #666; 
	}

.takingPoll, .aboutFaq, .FAQ, .takingQuestionnaire, .siteMap { width: 450px; }
	
.subPoll, .subQuestionnaire {
	width: 210px;
	}
	
	
/*	poll + questionnaire block styles	*/
.newBox, .noQuestion, .thanks { 
	padding: 5px 4px 0px 7px; 
	margin: 0px 0px 10px 0px;
	}
	
.newBox ol, .newBox ul { padding-bottom:10px; padding-left: 20px; }	

.newBox p { margin-bottom: 14px; }
.newBox p.noBottomPadding { margin-bottom: 6px; }
.newBox a.start { display: block; margin-top: -14px; }

.polls .newBox { 
	border-left: 1px solid #A8D5ED; 
	background: #F0FAFB; 
	}
	
.subQuestionnaire .newBox, .questionnaires .newBox { 
	border-left: 1px solid #B8D3A1; 
	background: #F2FAEA; 
	}
	
.newBox div { 
	margin: 6px -4px 4px -7px;
	padding: 5px 4px 3px 7px;
	border-top: 1px solid #FFFFFF; 
	background: url(/images/bg-poll-box-fade.gif) left top repeat-y;
	}
	
.polls .noQuestion, .questionnaires .noQuestion {
	padding-bottom: 3px;
	background: url(/images/bg-poll-box-fade.gif) left top repeat-y;
}

.secondaryPoll  {
	background: none;
	margin-left:-25px;
}

.secondaryPoll li a {
	color:#223C58;
	border:0px;
	text-decoration:underline;
}

.secondaryPoll li a:hover {
	background:#FFF6C4;
}

.secondaryQuestionnaire  {
	background: none;
	margin-left:-25px;
}

.secondaryQuestionnaire li a {
	color:#30491A;
	border:0px;
	text-decoration:underline;
}

.secondaryQuestionnaire li a:hover {
	background:#FFF6C4;
}


.polls h6 {
	color:#223C58;
	font-size:11px;
	margin:0px 10px 0px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
}

.questionnaires h6 {
	color:#30491A;
	font-size:11px;
	margin:0px 10px 0px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom:5px;
	font-weight:bold;
}

.polls .thanks, .questionnaires .thanks { 
	padding-bottom: 7px; 
	background: url(/images/bg-poll-box-fade.gif) left top repeat-y;
	}

.questionnaires .noQuestion, .questionnaires .thanks { background: url(/images/bg-survey-box-fade.gif) left top repeat-y; }

.subQuestionnaire .newBox div, .questionnaires .newBox div { background: url(/images/bg-survey-box-fade.gif) left top repeat-y; }

.pastBox {
	width: 208px;
	border: 1px solid #ccc; border-top: none;
	background: #fff;
	}

.pastBox h5 { color: #333; }	

.floatRight { float: right; display: inline; }

.floatLeft { float: left; display: inline; clear: left; }

.bgBlue { 
	background: url(/images/bg-column-blue.gif) left top repeat-y #E5F3F4;
	margin: -11px -15px 0px -15px; 
	padding: 11px 15px 10px 15px;
	}

.bgBlue .newBox div { padding-bottom: 0px; }

.subQuestionnaire h3 {
	margin-top: 0px;
}

	
/*	-------------------------------------------	
	BUTTON STYLES 
	-------------------------------------------	*/	
a.tellAFriend, a.send, a.start, a.sendMyAnswers, a.saveForLater, a.back, a.next, a.signUp, a.log-in, a.view, input.sendMyAnswers, input.saveMyAnswers {
	text-indent: -1000em;
	overflow: hidden;
	height: 31px;
	display: block;
	border: none;
	}
	
a:hover.tellAFriend, a:hover.send, a:hover.start, a:hover.sendMyAnswers, a:hover.saveForLater, a:hover.back, a:hover.next, a:hover.signUp, a:hover.log-in, a:hover.view { border: none; height: 31px; }

a.back { width: 63px; background: url(/images/btn-back.gif) no-repeat; } a:hover.back { background: url(/images/btn-back.gif) no-repeat 0px -31px; }

a.next { width: 63px; background: url(/images/btn-next.gif) no-repeat; } a:hover.next { background: url(/images/btn-next.gif) no-repeat 0px -31px; }

a.signUp { width: 80px; background: url(/images/btn-signup.gif) no-repeat; } a:hover.signUp { background: url(/images/btn-signup.gif) no-repeat 0px -31px; }
a.tellAFriend { width: 130px; background: url(/images/btn-tell-friend.gif) no-repeat; } a:hover.tellAFriend { background: url(/images/btn-tell-friend.gif) no-repeat 0px -31px; }
a.send { width: 60px; background: url(/images/send.gif) no-repeat; } a:hover.send { background: url(/images/send.gif) no-repeat 0px -31px; }

a.log-in { width: 69px; background: url(/images/btn-login.gif) no-repeat; } a:hover.log-in { background: url(/images/btn-login.gif) no-repeat 0px -31px; }

.polls a.start { width: 66px; background: url(/images/btn-start-poll.gif) no-repeat; } .polls a:hover.start { background: url(/images/btn-start-poll.gif) no-repeat 0px -31px; }

.polls a.view { width: 59px; background: url(/images/btn-view-poll.gif) no-repeat; } .polls a:hover.view { background: url(/images/btn-view-poll.gif) no-repeat 0px -31px; }

.questionnaires a.start, .subQuestionnaire a.start { width: 66px; background: url(/images/btn-start-survey.gif) no-repeat; } .questionnaires a:hover.start, .subQuestionnaire a:hover.start { background: url(/images/btn-start-survey.gif) no-repeat 0px -31px; }

.questionnaires a.view { background: url(/images/btn-view-survey.gif) no-repeat; } .questionnaires a:hover.view { background: url(/images/btn-view-survey.gif) no-repeat 0px -31px; }



/*	-------------------------------------------	
	GRAPH STYLES 
	-------------------------------------------	*/	
.graphHolder {
	margin: -6px 0px 8px -6px;
	padding: 6px 0px 0px 0px;
	}

.resultsGraphs .graphHolder {
/*	float: left; */
	margin: -6px 12px 0px 0px;
	width: 464px;
	/*	display: inline; */
	}
	
.graph {
	padding-bottom: 11px;
	}
	
.takingPoll .graphHolder .graph {
	background: url(/images/bg-pollresults.gif);
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	}
	
.takingQuestionnaire .graphHolder .graph {
	background: url(/images/bg-questionnaireresults.gif);
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	}
	
.polls .graph { background: url(/images/bg-graph-bottom-blue.gif) bottom left no-repeat; }

.polls .graphHolder { background: url(/images/bg-graph-top-left-blue.gif) top left no-repeat; }

.questionnaires .graph { background: url(/images/bg-graph-bottom-green.gif) bottom left no-repeat; }

.questionnaires .graphHolder { background: url(/images/bg-graph-top-left-green.gif) top left no-repeat; }

.takingPoll .graph img {
	border-top: none;
	border-bottom: none;
	padding: 10px 5px 20px 10px;
	background: url(/images/bg-graphs.gif) top left no-repeat;
	float:left;
	margin-left:10px;
	}
	
.takingQuestionnaire .graph img {
	border-top: none;
	border-bottom: none;
	padding: 10px 5px 20px 10px;
	background: url(/images/bg-graphs-q.gif) top left no-repeat;
	float:left;
	margin-left:10px;
	}
	
.graph_content {
	margin-left:15px;
}

.graph h5
 {
	padding: 10px 5px 4px 15px;
	border-top: solid 1px #cccccc;
		position: relative; /* needed because ie is fucked */
	left: 1px;
	margin:0px 0px 10px 0px
	}
	
.questionnaires .graph h5, .subQuestionnaire .graph h5, .takingQuestionnaire .graph h5 { background: none; }

.graphHolder .graph .caption {
	color: #696966;
	margin: 10px 0px 0px 10px;
	min-width:405px;
	background: url(/images/dotted-results.gif) repeat-x top;
}

.graphHolder .graph p {
	color: #696966;
	padding: 3px 5px 3px 6px;
	margin: 0px;
	font-size: .93em;
	width: 440px; /* width needed to make ie display correctly */
	}
	
/* graph key styles */

.results_list {
	float:right;
	width:194px;
	}
	
.results .graph ul {
	margin: -10px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	list-style: none;
}

.results .graph li {
	color: #404444;
	padding: 4px 0px 4px 17px;
	font-size: .9em;
	margin: 0px 0px 0px 10px;
}

.graph ul {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style: none;
}

.graph li {
	color: #404444;
	padding: 4px 0px 4px 17px;
	font-size: .9em;
	margin: 0px 0px 0px 10px;
}

.graph li span {
	color: #515251;
}

.graph li.blue { background: url(/images/graph-key-blue.gif) no-repeat left 4px;}

.graph li.kharki { background: url(/images/graph-key-kharki.gif) no-repeat left 4px; }
	
.graph li.red { background: url(/images/graph-key-red.gif) no-repeat left 4px; }

.graph li.orange { background: url(/images/graph-key-orange.gif) no-repeat left 4px; }

.graph li.brown { background: url(/images/graph-key-brown.gif) no-repeat left 4px; }

.graph li.green { background: url(/images/graph-key-green.gif) no-repeat left 4px;}

.graph li.pink { background: url(/images/graph-key-pink.gif) no-repeat left 4px; }

.graph li.grey { background: url(/images/graph-key-grey.gif) no-repeat left 4px; }

.graph li.purple { background: url(/images/graph-key-purple.gif) no-repeat left 4px; }

.graph li.yellow { background: url(/images/graph-key-yellow.gif) no-repeat left 4px; }
	

.resultsGraphs .graphHolder {
	margin-top: 10px;
	padding-bottom: 0px;
}

/*	-------------------------------------------	
	TAKING POLL+SURVEY STYLES 
	-------------------------------------------	*/	
.takingPoll fieldset, .takingQuestionnaire fieldset {
	padding: 11px 15px 13px 15px;
	margin: 15px 0px 15px -15px;
	border: none;
	border-top: 1px solid #ccc;
	background: url(/images/bg-poll-odd.gif) #E9E8E5;
	width: 435px;
	display: block;
	color: #666;
	}
	
.takingPoll fieldset.even { background: url(/images/bg-poll-blue.gif) #DCF3FE; }

.takingQuestionnaire fieldset.even { background: url(/images/bg-survey-green.gif) #DBE7CF; }

.takingPoll fieldset span, .takingQuestionnaire fieldset span { color: #222; font-size: 1.1em; }

.takingPoll fieldset h4, .takingQuestionnaire fieldset h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	}
	
fieldset textarea {
	width: 428px;
	margin: 0px;
	}

.takingPoll label, .takingPoll .likert label, .takingQuestionnaire .likert label, .takingQuestionnaire label { 
	padding: 0px 10px 0px 0px;
	color: #666;
	line-height: 1em;
	display: block;
	}

.takingPoll label, .takingQuestionnaire label {
	line-height: 1.9em;
	}

.takingPoll div.intro, .takingQuestionnaire div.intro {
	background: url(/images/bg-taking-poll-intro.gif) top left repeat-y;
	padding: 0px 15px 0px 15px;
	margin: 0px -15px 4px -15px;
	}

.takingQuestionnaire div.intro { background: url(/images/bg-taking-survey-intro.gif) top left repeat-y; }	

.takingPoll h2, .takingQuestionnaire h2 {
	padding-top: 11px;
	margin-top: -11px;
	}
	
.takingPoll p, .takingQuestionnaire p { 
	padding-bottom: 7px; 
	margin-bottom: 11px; 
	}
	
.question_count { 
	color:#666666;
	font-weight:bold;
	background: url(/images/bg-poll-odd.gif);
	height:20px;
	margin:-5px 0px -6px -15px;
	padding: 6px 0px 0px 10px;
	}
	
/*	liechart styles	*/
.likert {
	border: 1px solid #ccc;
	background: #fff;
	margin: 2px;
	text-align: center;
	}

.likert label { padding: 2px 0px 0px 0px; }

.likert td {
	border-top: 1px solid #D8D8D8;
	padding: 6px;
	margin: 0px -3px 0px -3px;
	width: 34px;
	}
	
.likert td.firstCell {
	width: 110px;
	padding: 6px 0px 6px 6px;
	margin: 0px;
	}
	
.likert td input { 
	margin: 0px 0px -2px 0px; 
	width: 13px;
	height: 13px;
	}

.likert th h4 {
	font-size: .9em;
	float: right;
	margin: 3px 0px 3px 0px;
	}

.likert th h4.na { 
	margin: 15px 14px 3px 0px; 
	display: inline;
	}
	
/*	questionnaire button styles */
#questionnaireButtons {
	margin: 0px 0px 15px -15px;	
	margin-top: expression(this.parentNode.offsetWidth / 200 + 'px'); /* needed to stop hover jumping on a PC */
	float: left;
	width: 465px;
	background: url(/images/bg-survey-btns-fade-new.gif) left top repeat-y;
	height:42px;
	}

#questionnaireButtons img, input.next, input.back { float: left; margin-top: 6px; }
input.saveForLater, input.sendMyAnswers  { float: left; margin-top: 6px; margin-left:5px; }

#questionnaireButtons h4 {
	color: #555;
	font-weight: normal;
	float: left;
	width: 145px;
	padding: 15px 0px 15px 10px; /* needed to make ie display bg round span */
	font-size: 1em; /* needed to make ie render the correct text size */
	}

#questionnaireButtons h4 span { 
	background: url(/images/bg-page-number.gif) left 3px no-repeat;
	padding: 6px;
	}

input.next, input.back { 
	width: 63px; 
	height: 30px; 
	}

input.sendMyAnswers, input.saveForLater { width: 162px; height: 30px; } 

/*	poll error styles	*/
span.fieldWithErrors {
	background: url(/images/bg-field-with-errors.gif) left top no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	position: relative;
	}
 
span.fieldWithErrors textarea {
	padding: 0px;
	margin-left: -2px;
	border: red;
	}

#Flash, #errorExplanation {
	border: 1px solid #FF0000;
	width: 433px;
	background: #FFFEE0;
	color: #666;
	margin-bottom: 25px;
	}

.takingQuestionnaire #Flash, .takingPoll #Flash {
	padding: 11px 15px 13px 15px;
	margin: 15px 0px 15px -15px;
	}

#errorExplanation { 
	width: 308px; 
	padding: 10px; 
	margin: 4px 0px 20px 0px;
	}

#errorExplanation h2 {
	color: #CC0000;
	}
	
#Flash h3, #errorExplanation h2 {
 	background: none;
 	font-size: 1.25em;
 	line-height: 1.2em; 
	}

#Flash p { 
	color: #CC0000;
	font-size: 1em;
	margin-bottom: 5px;
	padding-bottom: 0px;
	background: none;
	}

#Flash ul, #Flash ul li, #errorExplanation ul, #errorExplanation ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#Flash ul li, #errorExplanation ul li { padding-bottom: 3px; }



/*	-------------------------------------------	
	RESULTS STYLES 
	-------------------------------------------	*/	
.results p { margin-bottom: 11px; }

.results li { 
	font-size: 1.1em;
	color: #666;
}

.results ol, .results ul { padding-left: 20px; }	

.resultsReport h3, .resultsReport p { 
	background: none; 
	padding-bottom: 0px; 
	}

.resultsReport h3 { 
	font-size: 1.25em; 
	font-weight: normal; 
	display: inline; /*needed to make ie display spacing correctly*/
	}

.resultsGraphs {
	margin: 0px -15px 0px -15px;
	padding: 1px 0px 4px 0px;
	width: 480px;
	display: inline;
	float: left;
	}

.pollUserAnswers h4, .questionnaireUserAnswers h4 {
	font-weight: normal;
	font-size: .9em;
	border-bottom: 1px solid #DFDBD6;
	padding: 0px 0px 7px 0px;
	margin-bottom: 7px;
	}

.pollUserAnswers h4 span, .questionaUserAnswers h4 span { color: #666; }

div.linkIcon { 
	padding: 4px 0px 10px 29px; 
	background: url(/images/bg-csv-icon.gif) no-repeat left top;
	line-height: 1.35em;
	}


/*	-------------------------------------------	
	SIGN UP STYLES 
	-------------------------------------------	*/	

.signUpRightColumn fieldset h4 { 
	color: #5A240A; 
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background: url(/images/bg-signup-arrow.gif) no-repeat left 3px;
	font-weight: normal;
	font-size: 1em;
	}	

.signUpRightColumn fieldset { 
	border: none;
	padding: 8px 10px 13px 0px; margin: 0px 0px 1px 0px;
	float: left;
	width: 318px;
	background: #F1F9E3;
	}

.signUpRightColumn fieldset label { 
	margin: 0px 3px 0px 10px; 
	line-height: 1.4em; 
	padding-top: 5px; 
	float: left; 
	display: inline; 
	}

.signUpRightColumn h2 small { 
	font-size: .8em;
	color: #555;
	}

.signUpRightColumn fieldset.radioBtn { padding-bottom: 8px; }

.signUpRightColumn fieldset.last { margin-bottom: 0px; }

.signUpRightColumn fieldset.brown { background: url(/images/bg-poll-odd.gif) #F3F3EF; }	
	
.signUpRightColumn fieldset input.text {
	width: 140px;
	margin-right: 0px;
	border-bottom: 1px solid #B2B0B0;
	}

fieldset.textInput label { width: 145px; float: left; }

label#emailAddress, input#user_email { width: 298px; }

#nameEmail, #details { 
	border: 1px solid #D6D6D6; 
	margin: 0px 0px 20px 0px; 
	float: left; 
	padding: 0px;
	background: url(/images/bg-signup-dotted-divider.gif) #F1F9E3;
	color:#333;
	}
	
#livingPartners label {
	display: block;
	float: none;
	}

fieldset#ethnicity label, fieldset#livingPartners label { line-height: 1.9em; padding-top: 0px; }

.signUpRightColumn fieldset h4 label { margin-left: 0px; }

fieldset.btn input { width: auto; margin-left: 10px;}

input#other_ethnicity_description { 
	float: left; 
	clear: left; 
	display: inline; 
	margin: 2px 0px 0px 10px; 
	}

#city_dropdown select, select#demographics_region_id  { float: left; margin: 2px 5px 3px 10px; width: 144px; }

/* signup error styles * /


/*	-------------------------------------------	
	COUCH LAUNCH PHOTO STYLES 
	-------------------------------------------	*/
.thumbNails {
	float: left;
	margin: 0px -17px 0px 1px;
}

.thumbNails span {
	float: left;
	background: url(/images/bg-bbb-pixel.gif) repeat-x left bottom;
}

.thumbNails a {
	width: 88px;
	height: 85px;
	display: inline;
	float: left;
	background: url(/images/bg-thumb-pho.gif) no-repeat;
	margin: 7px 18px 0px 0px;
	padding: 7px 0px 7px 7px;
	}

.thumbNails a img { border: 1px solid #CCC; }	

.thumbNails a:hover { 
	border-bottom: 1px solid #666; 
	margin: 7px 18px 0px 0px; /* have to repeat all this guff coz ie sux*/
	padding: 7px 0px 7px 7px;
	background: url(/images/bg-thumb-pho.gif) no-repeat;
	}

.thumbNails a:hover img { border: 1px solid #666; }	

span.highlight { 
	background-color: #fff6c4; 
	color: #333;
	}

/*popup styles*/
body#photoPopup {
	background: none;
	margin: 5px 15px 15px 15px;
	font-size: .76em;
}

#photoPopupWrapper {
	width: inherit;
}

#photoPopupWrapper a { display: inline-block; margin-left: 4px; } /*needed because ie will not show underline on link*/

#photoPopupWrapper p {
	border-bottom: 1px solid #bbb;
	margin: 0px 4px 7px 4px;
	padding: 0px 0px 7px 0px;
}

#photoPopupWrapper div {
	padding: 11px 0px 11px 12px;
	background: url(/images/bg-pho-left.gif) no-repeat left 11px;
}

#photoPopupWrapper img {
	background: url(/images/bg-pho-right.gif) no-repeat right top;
	padding: 11px 12px 11px 0px; 
	margin: 0px 0px 0px 0px;
}

/*homepage styles*/
.photoCaption {
	background: url(/images/bg-pho-bottom.gif) no-repeat left bottom;
	padding: 1px 0px 6px 0px;
	margin: 0px 0px 8px 0px;
}

.photoCaption a, .photoCaption a:hover { 
	border: none;
	}

.photoCaption p {
	padding: 0px 10px 3px 10px;
	background: url(/images/bg-pho-caption.gif) repeat-y left top;
	color: #555;
	font-size: .95em;
	margin: 0px;
}	
	
/*	-------------------------------------------	
	FOOTER STYLES 
	-------------------------------------------	*/	
#footer {
	float: left;
	width: 721px;
	font-size: .57em;
	padding: 0px 0px 70px 0px;
	}
	
#footer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
	}

#footer ul li {	
	padding: 8px 5px 5px 5px;
	margin: 0px;
	display: block;
	border-left: 1px solid #D6D3AF;
	float: left;
	}
	
#footer ul li.noLine { border-left: none; padding-left: 0px; }

#footer a { 
	color: #555;
	}

#footer a:hover { 
	color: #000;
	background: #eee;
	}

/*	text size styles	*/
ul#textSize {
	float: right;
	background: #F5F4DE;
	border-right: 1px solid #D6D3AF;
	color: #444;
	}

a#smallText { font-size: 1em; line-height: 10px; color: #444;}	

a#mediumText { font-size: 1.2em; line-height: 9px; color: #444;}	

a#bigText { font-size: 1.35em; line-height: 9px; color: #444;}

ul#textSize li a:hover { color: #000; background: none; }

ul#textSize li.selected { background: #fff; padding-bottom: 7px; }

ul#textSize li.selected a, ul#textSize li.selected a:hover { background: #fff; border: none; color: #333; }



/*	-------------------------------------------	
	TERMS AND CONDITIONS STYLES 
	-------------------------------------------	*/	
#termsWrapper { 
	width: 450px; 
	padding: 10px; 
	margin: 0px auto 30px auto; 
	color: #666;
	}	
	
#termsWrapper p, #termsWrapper ul, #termsWrapper ol { font-size: .7em; } /* need to spec here for ie to display font sizes correctly */
	
#termsWrapper h1 { 
	font-size: 1em; 	
	margin: 0px; 
	}

#termsWrapper h3 { 
	background: #eee; 
	border: 1px solid #ddd;
	margin: 10px 0px 0px 0px;
	padding: 4px;
	font-size: .8em;
	}

#termsWrapper h4 {
	background: none;
	padding-left: 0px;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-size: .7em;
	}

#termsWrapper ul { 
	list-style-type: circle; 	
	margin: 10px 0px 10px 30px; 
	padding: 0px;
	}

#termsWrapper ol { color: #666; }

#termsWrapper ul li, #termsWrapper li { 
	margin: 0px 0px 5px 0px;
	color: #666; 
	line-height: 1.3em;
	}

#termsWrapper h2 {
	border-top: 1px solid #ccc;
	padding: 4px 0px 0px 0px;
	margin: 17px 0px 3px 0px;
	font-size: .9em;
	}
	
span.red, h4 span.red {	
	color: #CC0000; 
	font-size: 1em; 
	}
	
blockquote {
margin-left:15px;
width:385px;
}

.intro li {
	line-height: 145%;
	color:#4A4A49;
	font-size:1.1em;
	
	}
.resultsReport li {	
	line-height: 145%;
	color:#4A4A49;
	font-size:1.1em;
	}

/*	-------------------------------------------	
	HOME GRAPH
	-------------------------------------------	*/	

.graphHolderHome {
	margin: -6px 0px 8px -6px;
	padding: 6px 0px 0px 6px;
	}

.resultsGraphs .graphHolderHome {
/*	float: left; */
	margin: -6px 12px 0px 10px;
	width: 210px;
/*	display: inline; */
	}
	
.graphHome {
	background: #FCFDEA;
	border-top: 1px solid #D5D6BF;
	padding-bottom: 11px;
	}
	
.resultsGraphs .graphHome { background: url(/images/bg-graph-bottom-white.gif) no-repeat left bottom; }

.resultsGraphs .graphHolderHome { background: url(/images/bg-graph-top-left-white.gif) top left no-repeat; }

.polls .graphHome { background: url(/images/bg-graph-bottom-blue.gif) bottom left no-repeat; }

.polls .graphHolderHome { background: url(/images/bg-graph-top-left-blue.gif) top left no-repeat; }

.questionnaires .graphHome { background: url(/images/bg-graph-bottom-green.gif) bottom left no-repeat; }

.questionnaires .graphHolderHome { background: url(/images/bg-graph-top-left-green.gif) top left no-repeat; }

.graphHome img {
	border: 1px solid #D5D6BF;
	border-top: none;
	border-bottom: none;
	padding: 5px 9px 5px 9px;
	background: #FBFCE9;
	width:190px;
	height:142px;
	}

.graphHome h5
 {
	background: url(/images/bg-pollgraph-title.gif) repeat-y left top;
	padding: 3px 5px 4px 5px;
	border: none;
	border-right: 1px solid #D5D6BF;
	border-top: 1px solid #fff;
	width: 198px; /* width needed to make ie display the background img correctly */
	position: relative; /* needed because ie is fucked */
	left: 1px;
	}
	
.questionnaires .graphHome h5, .subQuestionnaire .graphHome h5, .takingQuestionnaire .graphHome h5 { background: url(/images/bg-surveygraph-title.gif) repeat-y left top; }

.graphHolderHome .graphHome .caption {
	color: #666;
	background: url(/images/bg-graph-p.gif) repeat-y left top;	
	border-right: 1px solid #D5D6BF;
	border-left: 1px solid #D5D6BF;
	border-top: 1px solid white;	
	margin: 0px;
}

.graphHolderHome .graphHome p {
	color: #666;
	padding: 3px 5px 3px 6px;
	margin: 0px;
	background: url(/images/bg-graph-p.gif) repeat-y left top;
	font-size: .93em;
	width: 197px; /* width needed to make ie display correctly */
	}

.results .graphHome ul {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style: none;
	background: url(/images/bg-dotted-line.gif) repeat-x left top #FDFDEE; 
	border-left: 1px solid #D5D6BF;
	border-right: 1px solid #D5D6BF;
	border-bottom: 1px solid #D5D6BF;
}

.results .graphHome li {
	color: #666;
	padding: 4px 0px 4px 17px;
	font-size: .9em;
	margin: 0px 0px 0px 10px;
}

.graphHome ul {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	list-style: none;
	background: url(/images/bg-dotted-line.gif) repeat-x left top #FDFDEE; 
	border-left: 1px solid #D5D6BF;
	border-right: 1px solid #D5D6BF;
	border-bottom: 1px solid #D5D6BF;
}

.graphHome li {
	color: #666;
	padding: 4px 0px 4px 17px;
	font-size: .9em;
	margin: 0px 0px 0px 10px;
}

.graphHome li span {
	color: #999;
}

.graphHome li.blue { background: url(/images/graph-key-blue.gif) no-repeat left 4px; }

.graphHome li.kharki { background: url(/images/graph-key-kharki.gif) no-repeat left 4px; }
	
.graphHome li.red { background: url(/images/graph-key-red.gif) no-repeat left 4px; }

.graphHome li.orange { background: url(/images/graph-key-orange.gif) no-repeat left 4px; }

.graphHome li.brown { background: url(/images/graph-key-brown.gif) no-repeat left 4px; }

.graphHome li.green { background: url(/images/graph-key-green.gif) no-repeat left 4px;}

.graphHome li.pink { background: url(/images/graph-key-pink.gif) no-repeat left 4px; }

.graphHome li.grey { background: url(/images/graph-key-grey.gif) no-repeat left 4px; }

.graphHome li.purple { background: url(/images/graph-key-purple.gif) no-repeat left 4px; }

.graphHome li.yellow { background: url(/images/graph-key-yellow.gif) no-repeat left 4px; }
	

.resultsGraphs .graphHolderHome {
	margin-top: 10px;
	padding-bottom: 10px;
}

.pollUserAnswers h2 {
	margin-bottom:10px;
	}
	
/*	-------------------------------------------	
	PRINT STYLES 
-------------------------------------------	*/

.print { display: none; visibility: hidden; }