/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
 
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
/* 
This "all" stylesheet needs to be checked into svn
until then it shall be commented out...
*/
/* @import "all.css"; */ /* just some basic formatting, no layout stuff*/	
	

/* Reworked Tags */	
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	cursor: auto;
	color: #000000;	
	background-color: #efefef;
	line-height: 130%;
	_text-align: center;
	margin-top: 0px;
}

a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #1f627d;
}

a:visited {
	text-decoration: none;
	color: #000000;
}


/* Main page areas */
#page {
}


#content-area {
}

/* Columns, header and nav */

#nav {
	font-size: 1.25em;
	margin-top: -15px;
	margin-left: 155px;
	margin-bottom: 20px;
	position: relative;
}

.nav-bottom /* Styles the nav at the bottom of the page */ 
{
	font-size: 0.9em;
	display: inline;
	float: left;
	margin-left: 11px;
}

.nav-bottom-right {
	font-size: 1.0em;
	#font-size: 0.9em;
	_font-size: 0.9em;
	display: inline;
	float: right;
	margin-right: 10px;
}

#nav a {
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
	color: #1f627d;
}

.nav-bottom a,.nav-bottom a:visited  {
	color: #666;
	text-decoration: none;
}

.nav-bottom a:hover {
	text-decoration: underline;
	color: #1f627d;
}

.nav-bottom-right a,.nav-bottom-right a:visited {
	text-decoration: none;
	color: #666;
} 

.nav-bottom-right a:hover {
	text-decoration: underline;
	color: #1f627d;
} 


/*Styles the header */
#home-header a {
  display: block;
  height: 98px;
  width: 247px;
  background-image: url('/images/debatewise_beta.png');
}

#header a {
	background-image:url(/images/debatewise-idebate.gif);
	display:block;
	height:97px;
	position:relative;
	width:603px;
	float: left;
	z-index: 5;
}

#idebate a {
	background: url(/images/idebate.gif) no-repeat;
	display:block;
	height:85px;
	position:relative;
	width:349px;
	float: left;
	z-index: 5;
}

.top-nav {
	margin: 100px 2px -5px 5px;
	#margin: 120px 2px -5px 5px;
	padding: 20px 0 0 0;
}

.header-normal {
	float:left;
	margin-left: 21px;
	margin-right:10px;
	margin-top:-88px;
	#margin-top:-3px;
}

.header-debate {
	margin-left: -144px;
	margin-top: -88px;
	#margin-top: -3px;
	#margin-left: -144px;
	margin-right: 10px;
	float: left;
	position: relative;
	z-index: 1;
}

.footer-normal {
	margin-left: 35px;
	margin-right: -20px;
	padding-bottom: 15px;
	margin-top: 20px;
	_margin-top: 35px;
	padding-left: 5px;
}

.footer-debate {
	margin: 20px -19px 0 188px;
	_padding: 0 0 15px 0;
}

.footer-pages {
	padding-bottom: 15px;
	margin: 20px -20px 0px 40px;
	_margin: 20px -20px 0px 30px;
}

#header a span{
  display:none;
}


#logged-in /* Styles the log-in or logged-in area */
{
	text-align: right;
	float: right;
	width: 600px;
	line-height: 150%;
	margin: -90px 24px 10px 0;
	#margin: 0px 24px 0 0;
	_margin-right: 15px;
	position: relative;
	z-index: 50;
}

#logged-in a {
	text-decoration: none;
	color: #666;
}

#logged-in a:hover {
	text-decoration: underline;
	color: #1f627d;
}

#register-link {
	font-weight: bold;
	}

.start-debate-link{
	margin-right: 3px;
}

.debate-creation-tips {
	display: inline;
	font-style: italic;
	font-size: 0.9em;
	color: #999999;
	margin-right: 3px;
	_margin-right: 3px;
}

.debate-creation-tips a {
	font-style: italic;
	color: #666;
	display: inline;
	font-size: 0.9em;
}

#log-in-column-1 {
	float: left;
	margin-left: 6px;
	margin-right: 50px;
}

#log-in-column-3 {
	padding-top: 2px;
	margin-right: 6px;
	#padding-top: 4px;
	_padding-top: 0px;
}

#log-in-column-3 a:hover {
	text-decoration: underline;
	color: #1f627d;
}

#start-debate-debate-tips {
	text-decoration: none;
	background: url(/images/medium-arrow.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.log-in-image {
	margin-bottom: 4px;
}

.entry-box {
	border: #999999 solid 1px;
	background-color: #f3f3f3;
	height: 14px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 113px;
	#width: 109px;
	_width: 109px;
	margin-top: 0px;
	margin-bottom: 10px;
}


.search-image {
	background-image: url("/images/search.gif");
	height:9px;
	width:39px;
	margin-top: 7px;
	#margin-top: 8px;
	_margin-top: 6px;
	position: absolute;
}

.search-image span{
  display:none;
}

.search-box {
	background-color: #f3f3f3;
	border: #bfbfbf 1px solid;
	height: 14px;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 179px;
	margin-left: 42px;
	_margin-top: -3px;
	_position: fixed;
	z-index: 10;
}

.search-button {
	margin-left: 3px;
	margin-left: 1px;
	_margin-left: 1px;	
	margin-top: 0px;
	#margin-top: 1px;
	_margin-top: -2px;
	position: absolute;
	width:20px;
	height:19px;
	background-image: url("/images/go-small.gif");
	border: none;
}

.auto-forgot-password {
	font-size: 0.9em;
	color:#000000;
	width: 230px;
	float: left;
	#margin-left: -4px;
	_margin-left: -4px;
	#margin-top: -8px;
	_margin-top: -4px;
}

.auto-forgot-password a {
	text-decoration: none;
	color:#000000
}

.auto-forgot-password a:hover {
	font-size: 1em;
	text-decoration: underline;
	color:#1f627d
}

.auto-forgot-password a:visited {
	font-size: 1em;
	color:#000000;
}

.horizontal-line {
	border-bottom: #999999 1px solid;
	margin-top: 5px;
	font-size: 0.1em;
	width: 520px;
}

.horizontal-line-100 {
	border-bottom: #999999 1px solid;
	margin-bottom: 10px;
	font-size: 0.1em;
	width: 790px;
}

#debate-vote {
}

.horizontal-line-overall-vote /* Styles the horizontal line above the Vote on the Overall Debate link */
{
	border-bottom: #999999 1px solid;
	#margin-top: -14px;
	_margin-top: -5px;
	_margin-left: -10px;
	margin-bottom: 30px;
	font-size: 0.1em;
	width: 790px;
}

.horizontal-line-vote {
	border-bottom: #999999 1px solid;
	margin-top: 5px;
	margin-bottom: 17px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.horizontal-line-vote-bottom {
	border-bottom: #999999 1px solid;
	padding-top: 16px;
	margin-bottom: 5px;
	margin-top: -5px;
	width: 100%;
}

.horizontal-line-debate-top {
	margin-top: 7px;
	margin-bottom: -30px;	
	border-top: #ccc 1px solid;
	width: 790px;
}

.horizontal-line-bottom /* Adds the horizontal line which tops and bottoms the footer text */ 
{
	border-bottom: #999999 1px solid;
	padding-top: 4px;
	padding-bottom: 18px;
	#padding-bottom: 4px;
	_padding-bottom: 4px;
	#padding-top: 4px;
	_padding-top: 4px;
	margin-top: 10px;
	margin-bottom: -8px;	
	border-top: #999999 1px solid;
	width: 99%;
	text-align: right;
	margin-left: -25px;
	_margin-left: -15px;
	_width: 950px;
}

.start-a-debate  /* Adds the horizontal line which tops and bottoms the search box and Start a New debate text */
{
	border-bottom: #999999 1px solid;
	padding-top: 6px;
	padding-bottom: 7px;
	#padding-bottom: 4px;
	#padding-top: 4px;
	_padding-bottom: 8px;
	_padding-top: 8px;
	margin-top: 8px;
	margin-bottom: 4px;	
	min-height: 20px;
	border-top: #999999 1px solid;
	text-align: right;
	margin-right: 15px;
	margin-left: 15px;
}

.clear-all{
	clear:both;
	display:block;
}

.home-page-intro-wrapper {
	background: url(/images/intro-image.png) no-repeat;
	width: 948px;
	height: 268px;
	margin: 0 0 20px -5px;
	float: left;
}

.home-page-intro-wrapper-small {
	background: url(/site/climate_map.png) no-repeat;
	width: 710px;
	height: 201px;
	margin: 0 0 20px -5px;
	float: left;
}

.cop15IntroWrapper {
	width: 710px;
	height: 201px;
	margin: 0 0 20px -5px;
	float: left;
}


.home-page-intro-wrapper-pre-budget-report {
	margin: 0 0 20px -5px;
	float: left;
}

.featured-debates-wrapper {
	margin: 0 -30px 20px 3px;
	float: left;
	width: 235px;
	height: 201px;
}

.featured-debates {
	padding: 5px 5px 1px;
	}
	
.featured-debates h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 3px;
}

.vacancies-home {
	margin: 2px 0 0 -1px;
	}

.vacancies-home-no-line {
	margin: -5px 0 0 -1px;
	}

.home-page-feature-image {
	margin: -5px 0 0px -5px;
}

.featured-debates li {
	margin: 0 0 5px 15px;
}

.featured-debates a {
	color: #0e4351;
	}

.featured-debates a:hover {
	text-decoration: underline;
	color: #000;
	}

.home-page-feature {
	margin: 0 0 20px 3px;
	float: left;
}

/* Currently unused */
.home-page-intro {
	background: url(/images/images/intro.jpg) no-repeat;
	}

.home-page-intro {
	text-align: center;
	font-size: 2.0em;
	padding-top: 17px;
	padding-bottom: 13px;
	font-weight: normal;
}


.intro-column {
	margin-bottom: -5px;
	padding-top: 2px;
}

.intro-column-1 {
	float: left;
	width: 423px;
	text-align: right;
	margin-right:50px;
	margin-bottom: -15px;
}

.intro-column-2 {
	padding-bottom: 1px;
	text-align: left;
}

.intro-column-intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	color: #760f12;
	font-weight: normal;
	line-height: normal;
}

.intro-column-1-intro {
	color: #760f12;
}

.intro-column-2-intro {
	color: #14667b;
}


.intro-point {
	margin-top: 7px;
	margin-bottom: 20px;
	line-height: 150%;
	font-weight: normal;
}

.intro-column-no {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	font-weight: bold;
	display: inline;
}


.intro-column-1-no {
	color: #760f12;
}

.intro-column-2-no {
	color: #14667b;
}

.intro-column-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #000;
	font-style: italic;
	display: inline;
}
/* End of currently unused */



#how-it-works-column-1 {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	margin-right:70px;
	padding-top: 20px;
	margin-left: 20px;
	text-align: center;
}


#how-it-works-column-1b {
	float: left;
	width: 375px;
	margin-bottom: 10px;
	margin-right:70px;
	padding-top: 20px;
	margin-left: 20px;
}

.how-it-works-column-1-intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #14667b;
}

.how-it-works-column-1-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #760f12;
	font-weight: bold;
}

.how-it-works-column-1-no {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #760f12;
	margin-right: 10px;
	font-weight: bold;
}

.how-it-works-column-1-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #000;
	font-style: italic;
	margin-top: -18px;
	margin-left: 23px;
}

#how-it-works-column-2 {
	margin-bottom: 10px;
	#margin-bottom: -5px;
	_margin-bottom: -5px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: left;
	float: left;
	width: 400px;
}

#how-it-works-column-2b {
	margin-bottom: 10px;
	#margin-bottom: -5px;
	_margin-bottom: -5px;
	padding-top: 33px;
	padding-bottom: 10px;
	text-align: left;
	float: left;
	width: 447px;
}

.how-it-works-column-2-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #14667b;
	font-weight: bold;
}

.how-it-works-column-2-intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #14667b;
	font-weight: bold;
}

.how-it-works-column-2-no {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #14667b;
	margin-right: 10px;
	font-weight: bold;
}

.how-it-works-column-2-no-indent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #14667b;
	margin-right: 10px;
	font-weight: bold;
	margin-left: 5px;
	display: inline;

}

.intro-point-indent {
	margin-top: -10px;
	margin-bottom: 20px;
	line-height: 150%;
	margin-top: -18px;
	margin-left: 23px;
}


.how-it-works-column-2-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #000;
	font-style: italic;
	margin-top: -21px;
	margin-left: 23px;
	line-height: 150%;
}




.medium-arrow {
	margin: 0 0 -3px 4px;
	padding-right: 0px;
}


#home-column-1-large {
	float:left;
	margin-left:0px;
	padding-right:10px;
	width:465px;
	_width:445px;
}

.home-columns {
	background-image: url(/images/column-top-border.gif);
	background-repeat: repeat-x;	
	padding-top: 8px;	
	float: left;
	width: 150px;
	margin: 0 9px 10px 0;
	_margin-right: 5px;
	}

.home-page-comp {
	background-image: url(/images/column-top-border.gif);
	background-repeat: repeat-x;	
	padding-top: 24px;	
	float: left;
	width: 305px;
	margin: 0 9px 10px 0;
	_margin-right: 5px;
	}

.debate-columns {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px;
}

.home-column-1 {
	margin-left: -5px;
	_margin-left: -1px;
}

.home-column-6 {
	width: 150px;
	_margin-right: -200px;
}

.alternative-columns { /*Prototype home page alternative columns */
	min-height: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	#margin-top: -3px;
}

.alt-column-1 { /*Prototype home page column blue bg*/
	background: #f7f7f7 url(/images/home-column-1-bg.png) repeat-x;
}

.alt-column-2 {  /*Prototype home page column grey bg */
	background: #f7f7f7 url(/images/home-column-2-bg.png) repeat-x;
}

.home-columns-link {	
	float: left;
	width: 145px;
	margin: -10px 9px 0 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	background-color: #f7f7f7;
	}

.home-columns-link-last {	
	float: left;
	width: 145px;
	margin: -10px 9px 0 0;
	#margin: -10px -9px 0 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	background-color: #f7f7f7;
	}
	
.home-columns-link-comp {	
	float: left;
	width: 305px;
	margin: -10px 9px 0 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	background-color: #f7f7f7;
	text-align: center;
	_text-align: left;
	_padding: 5px 0 5px 75px;
	}
	
.home-column-link-1 {
	margin-left: -5px;
	_margin-left: -1px;
}

.home-column-link-6 {
	_margin-right: -20px;
}

.debate-headline {
	color: #000;
	text-transform: uppercase;
	background-color: #f4f4f4;
	padding: 4px 0 7px 9px;
	margin: -4px 0 0;
	width: 791px;
	line-height: 130%;
}

.edit-debate-link{
	font-size: 0.9em;
	margin: 0px 0 0 20px;
	font-style: italic;
}

.debate-title { /* Styles the debate title on the prototype home page */ 
	margin-left: 5px;
	margin-right: 15px;
	line-height: 120%;
	font-weight: normal;
	display: block;
}

.debate-title a:hover {
	text-decoration: underline;
	color: #1f627d;
}

.debate-intro /* Styles the text introducing the debate on the prototype home page */ {
	font-size: 0.9em;
	font-style: italic;
	color: #666666;
	margin-bottom: 2px;
	line-height: 130%;
	margin: 5px;
}

.debate-link a:hover {
	text-decoration: underline;
	color: #1f627d;
}

.odd {
	background-color: #f0f0f0;
	margin-right: 6px;
}

.lower-level-page-copy {
	background-image:url(/images/blue_bg.png);
	background-repeat:repeat-x;
	font-size:1.2em;
	line-height:160%;
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 500px;
}

.lower-level-page-copy-noBG {
	font-size:1.2em;
	line-height:160%;
	margin-top:5px;
	padding:10px;
	width: 620px;
}

.wodcImageRight {
	float: right;
	margin: 0 13px 20px 25px;
	}
	
.wodcImageLeft {
	float: left;
	margin: 0 30px 10px 0;
	}

.lower-level-page-copy p,
.lower-level-page-copy-noBG p {
	margin-bottom: 15px;
	}

.lower-level-page-copy a {
	text-decoration: underline;
}	


.lower-level-page-copy a:hover {
	text-decoration: underline;
}	

.lower-level-page-copy a:visited {
	text-decoration: underline;
}	

.lower-level-page-copy-how-it-works{
	background-image:url(/images/blue_bg.png);
	background-repeat:repeat-x;
	font-size:1.3em;
	line-height:160%;
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 920px;
}


.most-active {
	margin-left: 5px;
	margin-bottom: 5px;
}


.leader-board {
	margin-left: 5px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.home-pic /* Styles the thumbnail pic on the debate columns on the prototype home page */
{
	margin-top: 4px;
	margin-bottom: 0px;
}

.yes-no {
	margin-top: -2px;
	margin-left: -8px;
}

.big-arrow /* The arrow next to the debate title */
{
	margin-top: 6px;
	color: #666666;
}

#debate-tab-wrapper {
	margin-left: 3px;
}


.debate-tabs /* Styles the tabs which appear under the debate title */
{
	padding: 3px;
	background-color: #efefef;
	display: inline;
}

.column-top-border-debate-left {
	background-image: url(/images/column-top-border.gif);

	background-repeat: repeat-x;	
	width: 480px;
	min-height: 6px;
	float: left;
	margin-right: 16px;
	margin-bottom: -10px;
}

.column-top-border-debate-right {
	background-image: url(/images/column-top-border.gif);
	background-repeat: repeat-x;	
	width: 478px;
	min-height: 6px;
	float: left;
	padding-bottom: -100px;
}


/* Styling the debate columns */ 

.column-top-border-yes /* Adds border to top of Yes column */  {
	background-image: url(/images/column-top-border.gif);
	background-repeat: repeat-x;	
	width: 390px;
	margin-top: 0px;
	min-height: 6px;
	float: left;
}

.column-top-border-no /* Adds border to top of No column */ {
	background-image: url(/images/column-top-border.gif);
	background-repeat: repeat-x;
	margin-left: 10px;	
	width: 390px;
	margin-top: 0px;
	margin-bottom: 6px;
	#margin-bottom: -2px;
	_margin-bottom: 2px;
	min-height: 6px;
	float: left;
}

.main-debate-column-1-header /* Column for the Yes image  */ {
	background-image: url(/images/blue_gradient.png);
	background-repeat: repeat-x;	
	width: 475px;
	margin-top: 0px;
	float: left;
	height: 26px;
}

.yes-image /* The Yes image */ {
	margin-top: -1px;
	background-image: url(/images/yes.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	margin-top: 3px;
	margin-left: 5px;
}

.main-debate-column-2-header /* Column for the No image  */  {
	background-image: url(/images/gray_gradient.png);
	background-repeat: repeat-x;
	width: 475px;
	margin-top: 0px;
	margin-left: 10px;
	float: left;
	height: 26px;
}

.no-image /* The No image */  {
	margin-top: -1px;
	background-image: url(/images/no.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	margin-top: 3px;
	margin-left: 4px;
}

.argument-image {
  float:left;
}

.argument-image span{
  display: none;
}

.headlines-debate-page-top-wrapper/* Background behind headlines at top of debate page */  {
	background-image: url(/images/points-background.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 790px;
	background-color: #f7f7f7;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.yes-headlines-debate-page-top {
  float: left;
  font-size: 1.0em;
  line-height: 150%;
  border: 0px solid #000000;
  color: #760f12;
  width: 408px;
  padding-left: 3px;
	position: relative;
	z-index: 5;
}

.no-headlines-debate-page-top {
  float: left;
  font-size: 1.0em;
  line-height: 150%;
  border: 0px solid #000000;
  color: #14667b;
  width: 375px;
}

.add-new-point-debate-top {
	margin: 8px 0 12px 26px;
	font-style: italic;
	}
	
.add-new-point-debate-top-yes a:visited {
	  color: #760f12;
  }
	
.add-new-point-debate-top-yes a {
	  color: #760f12;
  }
  
.add-new-point-debate-top-no a {
	  color: #14667b;
  }
  
.add-new-point-debate-top-no a:visited {
	  color: #14667b;
  }
  
.headlines-debate-page-spacer {
	background-image: url(/images/horizontal-line-coloured.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

.for-against-top {
	background: url(/images/debate-top-curves.png) no-repeat;
	width: 790px;
	height: 7px;
	border: 0px solid  #FF0000;
	margin: 20px 0 -10px 0;
	_margin: 20px 0 -20px 0;
	}

.for-against-wrapper /* Background behind for and against */  {
	background: url(/images/yes-no-top-with-curves.png) no-repeat;
	margin-top: 10px;
	min-height: 35px;
	width: 790px;
	position: relative;
	z-index: 2;
	font-weight: bold;
}

.points-wrapper /* Background behind both the main Yes and No columns */  {
	width: 960px; 
	position: relative;
	background-image: url(/images/points-background.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
	height: auto;
	overflow: hidden;
	line-height: 150%;
	margin-top: -4px;
}

.for-argument-image /* Styles the For image */
{
	width: 390px;
	float: left;
	height: 16px;
	/* background-image: url(/images/for-image.png);*/ /* Change to for */
	background-repeat: no-repeat;
	margin-top: -2px;
	margin-left: 7px;
}

.against-argument-image /* Styles the Against image */ 
{
	width: 370px;
	height: 23px;
	margin-left: 10px;
	/* background-image: url(/images/against-image.png);*/ /* Change to against */
	background-repeat: no-repeat;
	float: left;
	margin-top: -5px;
	padding-left: 9px;
}

.yes-because {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin: 2px 0 8px -0px;
	position: relative;
	z-index: 5;
	padding-top: 5px;
}


.no-because {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin: 2px 0 8px -0px;
	position: relative;
	z-index: 5;
	padding-top: 5px;
}

.pro-header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin-top: 4px;
	background-repeat: no-repeat;
	padding-left: 18px;
	position: relative;
	z-index: 5;
	padding-top: 13px;
}

.pro-header a:hover {
	color: #000000;
	cursor: default;
	position: relative;
	z-index: 5;
	text-decoration: none;
}

.cons-header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin: 6px 0 0 -9px;
	padding-bottom: 14px;
	background-repeat: no-repeat;
	padding-left: 18px;
	position: relative;
	z-index: 5;
	padding-top: 13px;
}

.cons-header a:hover {
	color: #000000;
	cursor: default;
	position: relative;
	z-index: 5;
	text-decoration: none;
}

.argument-subtitle {
	font-size: 0.7em;
	font-weight: normal;
	display: block;
	margin: 2px 0 0px 0;
	position: relative;
	z-index: 5;
	}
	
.argument-subtitle a:hover  {
	cursor: default;
	text-decoration: none;
	}

.points-wrapper-no-js /* Background behind both the main Yes and No columns when JS is turned off */  
{
  width: 960px; 
  position: relative;
  background-image: url(/images/points-bg.png);
  background-repeat: repeat-y;
  padding-top: 5px;
  line-height: 150%;
  #margin-top: 9px;
  _margin-top: 9px;
}


.points{
  display: block;
}

/*
.yes-points{
  width: 400px;
}

.no-points{
  width: 400px;
}
*/

.point-headline{
  text-align: left;
  width: 790px;
  margin: 15px 0 -5px 10px;
  #margin: 15px 0 -20px 10px;
  _margin: 0px 0 -20px 0px;
}

.yes-point-headline
{
  font-size: 1.0em bold;
  font-weight: bold;
  width: 375px;
  line-height: 150%;
  border: 0px solid #000000;
  color: #760f12;
  position: relative;
  z-index: 3;
}`

.no-point-headline
{
	/* leave because for some reason the no headlines don't work unless it's here */
}

.no-point-headline {
  font-size: 1.0em;
  font-weight: bold;
  margin-left: 407px;
  width: 370px;
  #width: 360px;
  line-height: 150%;
  border: 0px solid #000000;
  color: #14667b;
}

.up-and-down-mod /* Styles the up and down mod arrows */
{
	display:block;
	margin:8px 0px -16px -20px;
}

.up-down-mod-spacer {
	width: 5px;
	display: inline;
}

.yes-point-argument-wrapper {
	left: 0px;
	background-image: url(/images/substantiation-bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	line-height: 170%;
}

.yes-point-argument, .no-point-argument {
	margin-bottom: 20px;
	#margin-bottom: 30px;
	_margin-bottom: 30px;
	margin-top: 5px;
}

.point-headline a:hover /* Hover colour for mouseover on points headline */{
	text-decoration: underline;
	color: #1f627d;
}

.main-debate-column-1 /* Column for the Yes argument */  {
	float: left;
	width: 360px;
	_margin-left: -10px;
	_width: 380px;
	color: #000;
	text-align: justify;
	line-height: 200%;
	padding: 5px 10px 0 10px;
	#padding-bottom: 30px;
}


.main-debate-column-2 /* Column for the No argument */ {
	color: #000;
	float: left;
	margin-left: 10px;
	text-align: justify;
	line-height: 200%;
	padding: 5px 10px 0 28px;
	#padding-bottom: 30px;
	width: 350px;
	_width: 380px;
	_margin-right: -150px;
}

.point-argument-wrapper {
	background: #fff url(/images/yes-no-bottom.png) no-repeat;
	overflow: hidden;
	width: 785px;
	margin-top: -13px;
	_margin-top: -20px;
	margin-bottom: -1px;
	_padding-left: 8px;
	_padding-top: 8px;
	position: relative;
	z-index: 1;
}

.point-argument {
	background-image: url(/images/vote-bg.png);
	margin-top: 5px;
	top: 0px;
}

.point-argument /* Styles the Edit this Point link */ {
	position: relative;
	margin-bottom: 5px;
	z-index: 3;
}

.edit-point{
  font-size: 90%;  
  color: #999;
  font-style: italic;
}

.edit-link {
	font-size: 1em;
}

.edit-entire-debate-link {
	font-size: 0.9em;
	font-style: italic;
	margin: 0px 0 0 26px;
}

.edit-entire-debate-link a {
	color: #333333;
}

.edit-entire-debate-linka:visited {
	color: #333333;
}

.point-argument .edit-link-point {
	position: absolute;
	bottom: 5px;
	#bottom: -15px;
	_bottom: -15px;
	z-index: 5;
}

.yes-point-argument br /* Styles the gap between paragraphs in the point substantiation */ 
{
	display: block;
	margin-bottom: 15px;
}

.no-point-argument br /* Styles the gap between paragraphs in the point substantiation */ 
{
	display: block;
	margin-bottom: 15px;
}

.edit-link-point {
	font-style: italic;
	display: block;
	width: 300px;
	margin-left: -8px;
	padding-left: 8px;
	margin-bottom: -32px;
	_margin-bottom: -12px;
}

.single-point-link /* Styles the position of ...edit this point if there is only one side of the substantiation */
{
	border-top: 1px solid #999999;
	margin-top:20px;
	font-style: italic;
	padding: 2px 32px 8px 1px;
}

.double-point-link  /* Styles the position of ...edit this point if there are both sides of the substantiation */
{
	border-top:1px solid #999999;
	margin-top:20px;
	padding: 2px 0 17px 1px;
}

.strengthen-left {
	text-decoration: none;
	margin-top:20px;
}


.strengthen-right {
	margin-top:20px;
}

.strengthen-left a {
	color: #760f12;
	text-decoration: none;
}

.strengthen-left a:hover {
	color: #760f12;
	text-decoration: underline;
}

.strengthen-left a:visited{
	color: #760f12;
	text-decoration: none;
}

.strengthen-right a:hover {
	color: #14667b;
	text-decoration: underline;
}

.strengthen-right a:visited {
	color: #14667b;
	text-decoration: none;
}

.in-page-top-border {
	border-top: 1px solid #999;
	width: 100%;
	margin-top: -8px;
	position: relative;
	z-index: 10;
	min-height: 20px;
	background-color: #fff;
	}

.in-page-top-borderJTDFix {
		margin-right: -28px;
}

.in-page-to-top-of-page {
	text-align: right;
	font-size: 0.9em;
	float: right;
	border: 1px  #999999;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 4px 10px 4px 4px;
	margin: -20px 15px 20px 0;
	_margin: -15px 5px 0 0;
	_padding: 4px 7px 4px 7px;
	position: relative;
	z-index: 10;
	min-width: 70px;
}

.jtdTopOFPageFix {
	margin: -20px 28px 20px 0;
}

#add-point-wrapper /*styles the border above the Add a new Yes or Now point links */
{
  border-top: 1px solid #999;
  width: 790px;
  clear:both;
  float:left;
  position: relative;
  _margin-top: 20px;
}

.add-a-yes-point /* Styles the Add a Yes Point link */  {
	background-image: url(/images/blue_gradient.png);
	background-repeat: repeat-x;
	width: 380px; 
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	_padding-bottom: 20px;
	text-align: right;
}

.add-a-no-point /* Styles the Add a No Point link */  {
	background-image: url(/images/gray_gradient.png);
	background-repeat: repeat-x;
	width: 380px; /* Shorter than the column header to bring the text in from the edge */
	float: left;
	padding-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: right;
}

.add-a-no-point a:hover, .add-a-yes-point a:hover {
	text-decoration: underline;
	color: #1f627d;
}



.points-display-column-1 /* Styles the Yes column for point argument display when Javascript turned off */  
{
	background-image: url(/images/blue_gradient.png);
  background-repeat: repeat;
	width: 466px;
	float: left;
	margin-right: 12px;
	padding-left: 8px;
	padding-top: 4px;
	line-height: 150%;
	padding-bottom: 8px;
	position: relative;
	margin-top: 5px;
}

.points-display-column-2 /* Styles the No column for point argument display when Javascript turned off */   
{
	background-image: url(/images/gray_gradient.png);
  background-repeat: repeat;
	width: 466px;
	float: left;
	padding-left: 8px;
	padding-top: 4px;
	margin-right: -26px;
	line-height: 150%;
	padding-bottom: 8px;
	position: relative;
	margin-top: 5px;
}


#debate-wrapper {
	background-image: url(/images/debate-wrapper.gif);
	background-repeat: repeat;
	height: 400px;
	margin-left: -25px;
	padding: 0px
}

#point-headline-left {
	float: left;
	width: 460px;
	margin-right: 15px;
	margin-bottom: -4px;
	margin-top: 10px;	
	padding-left: 41px;
	padding-top: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 150%;		
}

#point-headline-right {
	float: left;
	width: 457px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-left: 21px;
	padding-top: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 150%;
}

#substantiation-left {
	float: left;
	width: 430px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: -2px;	
	padding-left: 64px;
	padding-top: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 150%;
}

#substantiation-right {
	float: left;
	width: 427px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: -2px;	
	padding-left:52px;
	padding-top: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 150%;	
}

.point-bottom-borders {
	background-image: url(/images/in-column-border.gif);
	background-repeat: repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
	margin-bottom: 4px;
}

#vote {
	margin-left: 415px;
	margin-bottom: 10px;
	border-bottom: #000000 1px; solid;
}

.home-page-bullets ul {
	margin-bottom: -10px;
	width: 350px;
}

.home-page-numbers ol {
	margin-bottom: -10px;
	width: 350px;
	list-style: decimal;
}


.home-page-bullets li {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: disc;
	line-height: 100%;
}


.page-title {
	font-size: 1.7em;
	margin-bottom: 20px;
	_margin-top: 0px;
	line-height: 130%;
	display: inline;
	font-weight: normal;
	position: relative;
	z-index: 20;
}
    
.page-title-right-column {
	font-size:1.5em;
	font-weight:bold;
	line-height:130%;
	margin-bottom:-14px;
	margin-top:4px;
}
    
    
.profile-pic {
	float: right 
}

.text-spacer6px {
	margin-bottom: 6px;
}

.text-spacer9px {
	margin-bottom: 9px;
}

.text-spacer12px {
	margin-bottom: 12px;
}

#openid-input {
	background: url(/images/openid-logo.gif) no-repeat;
	background-color:White;
	text-indent:20px;
	width: 412px;
}

.category {
	background: url(/images/star.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}


.home-page-title {
	padding-left: 0px;
	margin-top: 10px;
	#margin-top: 0px;
	padding-top: 10px;
	margin-bottom: -10px;
	text-align: center;
	width: 948px;
	font-size: 1.2em;
}

.remember-me-checkbox {
	border: #FF0000 2px solid;
}

.debate-elements-vote-stats-comments {
	font-size: 1.2em;
	text-align: justify;
	padding-top: 5px;
	margin-bottom: 10px;
}

.site-pages-column2-header {
	margin-top: 31px;
	margin-bottom: 10px;
}

.search-results {
	margin-bottom: 5px;
}

.horizontal-rule-middle {
	border-bottom: #999999 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
	#padding-bottom: 0px;
	_padding-bottom: 0px;
	margin-top: 8px;
	margin-bottom: 8px;	
	border-top: #999999 1px solid;
	width: 960px;
}

.horizontal-rule-4px-above {
	margin-top: 4px;
	border-top: #ccc 1px solid;
	width: 960px;
}

.horizontal-rule-debate-bottom {
	margin-top: 40px;
	#margin-top: 4px;
	_margin-top: 4px;
	margin-bottom: -35px;	
	border-top: #ccc 1px solid;
	width: 960px;
}


.up-down {
	display: inline;
	clear: right;
	margin-right: 5px;
}


.pont-reading-explanation /* Styles the text explaining that point headlines have to be clicked */ {
	font-style: italic;
	font-size: 0.8em;
	margin-top: -11px;
	margin-left: 70px;
}

.no-point-argument-wrapper  {
	left:-485px;
	background-image: url(/images/substantiation-bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	line-height: 170%;
}

.point {
	font-size: 1em;
/*  width:450px;*/
}



/* VoteMatch */
.imageRightVM {
	float: right;
	margin: 0 65px 10px 40px;
	}
	
.lower-level-page-copy-full-width {
	font-size:1.1em;
	line-height:160%;
	margin-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 920px;
}	

.lower-level-page-copy-full-width h2 {
	font-size: 1.3em;
	}

.debateCols {
	float: left;
	width: 430px;
	margin: 15px 0;
	font-size: 0.9em;
}

.debateColsThin {
	float: left;
	width: 328px;
	font-size: 0.9em;
}

.debateTwoColWrapper {
	width: 659px;
	float: left;
	margin-right: 15px;
}

.debateTwoColBorder {
	border: solid 1px #999;
}

.debatesThirdCol {
	width: 245px;
	float: left;
	_margin-right: -50px;
}

.debatesThirdCol a,
.debatesThirdCol a:visited {
	color: #1F627D;
}

.debatesThirdCol a:hover {
	color: #000;
	text-decoration: underline;
}

.thirdColSpacer {
	margin-top: 0px;
}

.more_linkThin {
	display: block;
	margin: 0px 0 0px 246px;
	color: #1F627D;
	font-style: italic;
}	


.debateColLeft {
	border-right: 1px solid #999999;
	}

.debateCol1 {
	background-color: #DCDCDC;
}

.debateCol2 {
	background-color: #F4F4F4;
	}

.debateWrapperEU {
	padding: 15px;
	border-bottom: 1px solid #666;
}

.more_linkVM {
	display: block;
	margin: 0px 0 0px 352px;
	color: #1F627D;
	font-style: italic;
}	

.debate_photoVM {
	border:1px solid #666666;
	float:left;
	margin:5px 10px 10px 0; 
	clear: both;
}

/* Stats Code */
.stats-explanation {
	float: right;
	width: 230px;
	padding: 6px;
	background-color: #fafafa;
	margin: 1px 24px 0 0;
	line-height: 160%;
	border: 1px solid #666666;
}

.debate-explanation {
	float: right;
	width: 400px;
	padding: 6px;
	background-color: #fafafa;
	margin: -50px 24px 0 0;
	line-height: 150%;
	border: 1px solid #666666;
	display: block;
}

.pre-budget-report-thumbs {
	margin: 26px 0 0 10px;
}

.pre-budget-image-home {
	margin: 20px 0 0 0px;
}