/* CSS Document */

/* General */
.right {
  float:right;
}
.left {
  float:left;
}

.bold {	
	font-weight: bold;
	}

.for {
	background-color:#5D8191;
  float:left;
}
.against {
	background-color:#853333;
  float:right;
}
.w450 {
	width: 450px;
}
/*--    #overlay   --*/
#overlay{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: #333;
  opacity: 0.8;/*
    -moz-opacity: 80;
    -moz-opacity: 0.8;   */
  filter:alpha(opacity=80);
  text-align: center;
}

#js-area{
	top:20px;
  position: fixed;
  _position: absolute;
  width: 100%;
  height: 100%;
  z-index: 21;
  text-align: center;
  _text-align: left;
  _margin-left: -300px;
}

#login-top-border {
  background-color: #ccc;
  color: #000;
  display:block;
  width: 600px;
  _width: 630px;
  height: 15px;
  padding: 10px;
  text-align: right;
}

#login-top-border a, #login-top-border a:visited {
  color: #000;
  text-decoration: underline;
}

#login-top-border a:hover{
  text-decoration: none;
}

#rjs {
  font-size: 120%;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFF;
  border: 1px solid #999;
	position:relative;
  text-align: left;
  width: 620px;
  height: auto;
}

#rjs-data {
  padding: 30px 50px 20px 50px;
}

#rjs-loading{
  margin-top: 30%;
  margin-right: auto;
  margin-left: auto;
  width: 35px;
  height: 35px;
  background-image: url('/images/rjs-loader.gif');
  background-position:center center;
  background-repeat:no-repeat;
}

/* OpenIdLabel for text inputs */
.OpenIDLabel{
  width:250px;
  background-image: url(/images/openid-logo.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: White;
  text-indent: 20px;
}

.flash-link{
  color: #FFF;
}

.flash-link:hover{
 color: #999;
}
 
.loading{
 width: 16px; 
 height: 16px;
 background-image: url(/images/loading.gif);
}

#hr{
  display: block;
  background-color: #999;
  height: 1px;
  width:980px;
  margin-bottom: 20px;
}

#login-column,#register-column{
  width:498px;
}

.login-intro {
	font-size: 1.3em;
	color: #333333;
}

#left-column {
	float: left;
	width: 150px;
	background-color: #f9f9f9;
	margin-top: -10px;
	padding-top: 10px;
	margin-left: 15px;
	_margin-left: 7px;
}

#main-column {
	text-align: left;
	width:990px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	background-color: #FFFFFF;
	padding-top: 8px;
	background:url(/images/site_bg.png);
	background-repeat: repeat-y;
	
}

#yield_content{
	text-align: left;
	width:964px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-top: 15px;
	background:url(/images/site_bg.png);
	background-repeat: repeat-y;
	padding-left: 26px;
}


#yield_debate{
	text-align: left;
	width:800px;
	text-align:left;
	margin-right: -50px;
	background-color: #FFFFFF;
	margin-top: 15px;
	float: left;
	margin-left: 5px;
	-margin-left: 11px;
}

#full-page-column {
	text-align: left;
	width:900px;
	line-height: 150%;
	
}


/* Left Column CSS */
.left-column-top-spacer {
	height: 133px;
	background-color: #FFFFFF;
}

.left-column-text-border {
	border-bottom: #959595 1px solid;
	border-top: #959595 1px solid;
	padding: 0 0 10px 5px;
	margin-right: 5px;
	background: url(/images/left-column-star.png) 5px 10px  no-repeat;
	position: relative;
}

.left-column-text-border-arguments-left-nav {
	border-top: #959595 1px solid;
	padding-left: 5px;
	margin-right: 0px;
	background: url(/images/left-column-star.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	position: relative;
}

.left-column-text-border-tella-friend {
}

.left-column-text-border-subscribe {
}

.left-column-text-border-tella-friend label {
	padding-left: 12px;
}

.left-column-header-text {
	color: #000;
	margin: 0 0 0 5px;
	padding: 8px 0 4px 0;
	position: relative;
	z-index: 10;
	background-color: #FFFFFF;
	font-weight: bold;
}

.other-debates {
	background-color: #e3e3e3;
	border-bottom: #959595 1px solid;
	border-top: #959595 1px solid;
	padding: 8px 0 0 5px;
	}
	

.left-column-explanation {
	color: #5b5b5b;
	margin-top: 3px;
	position: relative;
	font-size: 0.8em;	
}

.left-column-text-border-date {
	border-bottom: #959595 1px solid;
	border-top: #959595 1px solid;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	#padding-bottom: 9px;
	_padding-bottom: 9px;
	margin-left: 0px;
}

.left-column-header-text-date {
	color: #5b5b5b;
	position: relative;
	display: inline;
	font-size: 0.9em;	
}


.left-column-field {
	width: 115px;
	background-color: #FFFFFF;
	margin: 2px 0 10px 12px;
}

.left-column-textarea {
	width: 130px;
	height: 80px;
	background-color: #FFFFFF;
	margin: 0px 0 10px 5px;
	padding: 4px 0 8px 0;
	border: #959595 1px solid;
}


#tella-friend-go {
  border: #bfbfbf 1px solid;
  height: 20px;
  margin-left: 5px;
}

#subscribe, input.subscribe {
  border: #bfbfbf 1px solid;
  height: 20px;
  margin-left: 5px;
}

.left-column-explanation {
	margin: 5px 0 0 5px;
	font-size: 0.8em;
	}

.left-column-explanation2-header {
	margin: 5px 0 0 5px;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.left-column-explanation2 {
	margin: 5px 0 0 5px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	}
	
.left-column-button {
	margin-left: 3px;
	#margin-left: -2px;
	_margin-left: -1px;	
	margin-top: 0px;
	#margin-top: 1px;
	_margin-top: -2px;
	position: absolute;
	width:20px;
	height:15px;
	background-image: url("/images/go-small.gif");
	border: none;
}

.left-column-text-border-share {
	border-bottom: #959595 1px solid;
	border-top: #959595 1px solid;
	background-color: #FFFFFF;
	padding: 4px 0;
	margin: 10px 0 0;
	}

.left-column-text-border-paypal {
	border-bottom: #959595 1px solid;
	background-color: #FFFFFF;
	padding: 4px 0 12px 0;
	margin: 10px 0 0;
	}
	
#debate-last-modified-date {
	margin-left: 20px;
	color: #5b5b5b;
	display: inline;
}

#debate-last-modified {
	display: inline;
	font-size: 0.9em;
}

.headlines-list {
	margin: -5px 10px 0 27px;
	color: #5b5b5b;
}

.headlines-list li {
	margin: 0px 0 10px 0;
}

.headlines-list-wrapper {
	margin-bottom: 20px;
	margin-left: -6px;
	#margin-left: -4px;
	_margin-left: -4px;
}

.headlines-list l1 {
	margin-left: -5px;
}

.headlines-list-add-point {
	color: #5b5b5b;
	margin: 5px 0 0 27px;
	text-decoration: underline;
	font-weight: bold;
}

.headlines-list-add-point a:hover {
	color: #1f627d;
	text-decoration: none;
}

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

.left-column-total-votes-image {
	margin-top: 5px;
}

.left-column-item-spacer {
}

#debate-starter {
	margin-left: 15px;
	margin-top: -9px;
}

/* Debate Create */
/* Code for the debate creation form */

.debate-steps {
	color: #760f12;
	font-size: 1.2em;
	width: 22px;
	display: block;
	float: left;
	margin-top: -1px;
	position: relative;
	z-index: 10;
}

.debate-form-intro {
  display:none;
}

.debate-form-title {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 4px;
	color: #14667b;
}


.create-debate-label {
	font-weight: normal;
	margin: 0 0 8px 0;
	font-size: 1.2em;
	color: #14667b;
	position: relative;
	z-index: 5;
	}

.debate-form-title input {
  width: 430px;
  font-size: 1.2em;
}

.tooltips-line-break {
	margin-bottom: 5px;
}

.categories-new-debate-column {
	float: left;
	width: 170px;
	margin: 6px 0 8px 23px;
	_margin: 6px 0 8px 13px;
}

.categories-new-debate-column2{
	float: left;
	width: 370px;
	margin: 6px 0 8px 23px;
	_margin: 6px 0 8px 13px;
}

.checkbox-column {
	float: left;
	margin-top: 4px;
}

checkbox {
	border: none;
}


.debate-creation-column-1 {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 500px;
}

.debate-creation-column-2 {
	float: left;
	width: 350px;
	margin-left: 10px;
	margin-top: -41px;
}

.point-for-debate {
	width: 480px;
	margin-bottom: 10px
}


.debate-title-field {
	min-width: 480px;
	_width: 480px;
	min-height: 20px;
	margin: 2px 0 20px 23px;
	padding: 2px;	
	border: solid 1px #bbb;
}

select.debate-title-field {
  min-width: 0;
  min-height: 0;
}

.debate-intro-field {
	min-width: 480px;
	_width: 480px;
	height: 60px;
	margin: 2px 0 20px 23px;
	padding: 2px;	
	border: solid 1px #bbb;
}
.debate-form-argument {
	border:medium none;
	float:left;
	margin-bottom:20px;
	margin-top:28px;
}



.debate-tip-title {
	border:  #ccc 1px solid;
	color:	#000000;
	padding: 8px;
	margin-top: 12px;
	#margin-top: 15px;
	line-height: 150%;
}

.debate-tip-link-line-title {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:25px;
	margin-left:-47px;
	margin-top:-27px;
	#margin-top:-38px;
	_margin-top:-38px;
	width:47px;
}

.debate-tip-radio {
	border:1px solid #CCCCCC;
	color:#000000;
	line-height:150%;
	margin-left:-396px;
	#margin-left:-365px;
	margin-top:-6px;
	#margin-top:-2px;
	padding:8px;
	width:331px;
	#width:301px;
}

.debate-tip-link-line-radio {
	border-bottom:1px solid #CCCCCC;
	margin-left:-443px;
	margin-top:-27px;
	width:47px;
	#margin-left:-429px;
	_margin-left:-429px;
	#margin-top:-40px;
	_margin-top:-40px;
	#width:65px;
	_width:65px;
}

.debate-point-general {
	border:1px solid #CCCCCC;
	color:#000000;
	line-height:150%;
	margin-top:-12px;
	padding:8px;
	position: relative;
	z-index: 10;
}

.debate-point-headline {
	border:  #ccc 1px solid;
	color:	#000000;
	padding: 8px;
	margin-top: 8px;
	#margin-top: 16px;
	_margin-top: 16px;
	line-height: 150%;
}

.debate-tip-link-line-headline {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:25px;
	margin-left:-48px;
	margin-top:-50px;
	#margin-top:-62px;
	_margin-top:-62px;
	width:48px;
}

.debate-point-substantiation {
	border:  #ccc 1px solid;
	color:	#000000;
	padding: 8px;
	margin-top: 84px;
	#margin-top: 92px;
	_margin-top: 92px;
	line-height: 150%;
}

.debate-tip-link-line-substantiation {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:25px;
	margin-left:-48px;
	margin-top:-36px;
	#margin-top:-48px;
	width:48px;
}

.debate-point-others {
	border:  #ccc 1px solid;
	color:	#000000;
	padding: 8px;
	margin-top: 80px;
	line-height: 150%;
}

.headline-field {
	width: 480px;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 2px;
}

.submit-button {
	color: #000;
	padding: 2px;
	margin: 10px 0 10px 0px;
}

.submit-button-password {
	color: #000;
	padding: 2px;
}

.submit-button-create {
	color: #000;
	padding: 2px;
	margin: -25px 0 10px 22px;
}

.submit-button-create-updated {
	color: #000;
	padding: 2px;
	margin: -25px 0 10px 22px;
}

.points-button {
	color: #000;
	padding: 2px;
	margin: 0px 0 10px 0px;
}

.points-button-updated {
	color: #000;
	padding: 2px;
	margin: -23px 0 10px 0px;
}


.button-explanation {
	font-style: italic;
	color: #666666;
	font-size: 0.9em;
	margin: -40px 2px 3px 186px;
	#margin: -20px 2px 3px 226px;
	display: block;
	width: 335px;
}

.button-explanation-updated {
	font-style: italic;
	color: #666666;
	font-size: 0.9em;
	margin: -2px 2px 3px 169px;
	#margin: -2px 2px 3px 219px;
	display: block;
	width: 335px;
}

#new_points_grid {
	margin-left: 23px;
	}

.debate_published {
	margin: 10px 0 10px 0;
}

/* Styles the columns for the Edit Debate page */
.input-field {
	width: 350px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.input_for {
  width:380px;
  margin-bottom: 20px;
  float: left;
}

.input_agst {
  width:380px;
  padding-left: 20px;
  margin-bottom: 20px;
  float: left;
}

.odd_point  {
  width:800px;
  margin-bottom: 20px;
  float: left;
}


.even_point {
  width:800px;
  margin-bottom: 20px;;
  float: left;
}

/* Styles the text fields for the edit debate page */
.headline-field-edit {
	min-width: 388px;
	height: 20px;



	margin-bottom: 20px;
	margin-top: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
}

.substantiation-field-edit {
	min-width: 380px;
	height: 150px;
	margin-bottom: -10px;
	#margin-bottom: 10px;
	_margin-bottom: 10px;
	margin-top: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	background-color: #FFFFFF;
	font-size: 1em;
	padding: 4px;
}

.edit-point-headline-field {
	min-width: 390px;
	min-width: 390px;
	padding-left: 2px;
	height: 20px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.edit-point-substantiation-field {
	min-width: 480px;
	_width: 480px;
	padding-left: 2px;
	height: 320px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

.add-point-wrapper {
	margin-left: 5px;
}

.input-field-right {
	width: 253px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: none;
	margin-left: -23px;
}

label {
	font-weight: normal;
}

.debate-creation-column-3 {
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 230px;
}

.move-up {
	margin-bottom: -500px;
	margin-top: -500px;
}


ul {
	margin-bottom: -10px;
}

li {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: disc;
	line-height: 150%;
}

.copy-bullets ol {
	margin-bottom: -10px;
}

.copy-bullets li {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: decimal;
	line-height: 150%;
}

.debate-headlines li{
	margin: 5px 25px 5px 25px;
	#margin-left: 29px;
	_margin-left: 39px;
	line-height: 200%;
	list-style: decimal;
}
.debate-headlines ul li {
	list-style: none;
}

.debate-tips ul {
	margin-bottom: -10px;
}

.debate-tips li {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style: disc;
	line-height: 150%;
}

input, textarea {
}



#debate-title  /* Styles the debate title on the prototype home page */
{
	font-size: 1.2em;
	border-bottom: #999999 1px solid;
	border-top: #999999 1px solid;
	padding: 6px 4px 2px 0px;
}

.debate-title  /* Styles the debate title on the prototype home page */
{
	font-size: 1.2em;
	border-bottom: #999999 1px solid;
	border-top: #999999 1px solid;
	padding: 6px 4px 2px 0px;
	color: #000;
	text-transform: uppercase;
	background-color: #f4f4f4;
	padding: 4px 0 7px 9px;
	margin: -4px 0 0;
}


.debate-title-in-page {
	margin: 0 0 0 -5px;
	width: 804px;
}

.debate-other-links {
	border-bottom: #999999 1px solid;
	padding: 3px 0 2px 10px;
	font-size: 0.9em;
	color: #666666;
}

.debate-headlines-hr {
	border-bottom: #999999 1px solid;
	margin: -6px 10px 16px 8px;
}

.debate-headlines-new-point {
	border-bottom: #999999 1px solid;
	margin: 10px 0px -5px 23px;
}

.debate-starter-credits {
	display: inline;
	float: right;
	margin: 0px 5px 0 0;
	#margin-top: -16px;
	color: #666666;
	text-transform: uppercase;
	font-size: 0.9em;
}

.debate-starter-credits-name {
	text-transform: none;
	font-weight: bold;
}

.debate-introduction {
	font-style: normal;
	margin: 10px 4px 10px 10px;
	color: #666666;
	line-height: 130%;
}

.edit-debate-link {
  font-size: 1em;
  color: #666;
  font-style: italic;
  font-weight: normal;
  margin-left: 20px;
  margin-bottom: 10px;
}

.edit-debate-link a:visited {
  font-size: 75%;
  color: red;
  font-style: italic;
}

#search-form{
}

#search-form-text-field{
  float: left;
  #float: none;
  height: 18px;
  _height: 22px;
}

#search-form-go-img{
  border: #bfbfbf 1px solid;
  height: 20px;
}

/*
  displayed on a specific 
  vote-input element
  when hovered over.
  TODO: Add an image as a background
  and add background-position: center center;
  --DAVE
*/
.hover-over-vote-input{
}
/*
  to signal a specific 
  vote-input element
  is current vote.
  FIXED: Add an image as a background
  and add background-position: center center;
  FIXED: add this selected vote functionality
*/
.selected-vote-input{
/*  background-color: #FFF;*/
  width: 86px;
  height: 55px;
  background-image: url(/images/vote-cross-grey.png);
  background-repeat: no-repeat;
}

.vote-input-text{
  margin-top: 50px;
  padding: 2px;
  border: #999999 1px solid;
  display: block;
  background-color: #FFFFFF;
  position: relative;
  z-index: 8;
}

.vote-input {
  float: left;
  display: block;  
  width: 86px;
  height: 55px;
  margin-right: 2px;
	position: relative;
	z-index: 1000;
  _margin-bottom: -55px;
}

.vote-input-box {
  width: 800px;
  height: 80px;
  background-image: url(/images/vote-boxes2.png);
  background-repeat: no-repeat;
  margin-left:0px;
  cursor: pointer;
  padding-bottom: 20px;
}

.vote-intro-text {
	color: #333;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	margin-bottom: 10px;
}

.vote-point-header {
	text-align: left;
	font-weight: bold;
	margin: 10px 0 -5px 0px;
	#margin: 10px 0 -10px 0px;
	_margin: 10px 0 -10px 0px;
	color: #666666;
	font-size: 1.2em;
	min-height: 23px;
	_height: 23px;
}

.recorded-vote {
	color: #000000;
	display: inline;
}

.hide, .noshow{
  display:none;
}


div#flash {
	text-align: center;
	width: 70%;
	font-size: 1em;
/*	height:1em;*/
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 20px;
  margin-bottom: 20px;
	font-weight: bold;
	background-color: #F0F0F0;
}

div#flash.good{
/*  background-color: #009900;*/
  color: #006600;
	border: #006600 1px solid;
}

div#flash.bad{
/*background-color: #aa0000;*/
  color: #991616;
	border: #999 1px solid;
}

.errorExplanation {
	padding: 5px;
	background-color: #e7e7e7;
	width: 350px;
	}

.errorExplanation h2 {	
	margin-bottom: 10px;
	}

.errorExplanation p {	
	margin-bottom: 10px;
	}
		
.headline{
  display:block;
/*  width:800px;*/
}

.for_headline, .for_argument{
  width:400px;
  float:left;
}

.against_headline, .against_argument{
  margin-right:20px;
  width:450px;
  float:right;
}

.vote /* Styles the entire voting area, includes Edit this Point */ {
  display:block;
  position:relative;
  clear:both;
  width:100%;
  text-align: center;
  margin-top: 10px;
  _margin-top: -20px;
  background-color: #FFFFFF;
  border-top: 1px solid #999;
}

.vote-bottom /* Styles the entire voting area, includes Edit this Point */ {
  display:block;
  position:relative;
  clear:both;
  width:100%;
  text-align: center;
  margin-top: 10px;
  _margin-top: -20px;
  background-color: #FFFFFF;
}

.point-vote  /* Adds a top and bottom border to the voting within points */ {
	border-bottom:0px solid #999999;
}

.vote_text /* Styles the Vote on This Point and You Voted... text */  {
	margin-left: 9px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
}

.vote_form {
	width: 790px;
	_width: 86px;
	_margin-left: -5px;
}


.clear-both {
	clear:both;
}


/* All Forms */
#contact-form-name {
	width: 350px;
	margin-top: 2px;
	margin-bottom: 10px;
}

#contact-form-email {
	width: 350px;
	margin-top: 2px;
	margin-bottom: 10px;
}

#contact-form-comment {
	width: 350px;
	height: 10em;
	margin-top: 2px;
	margin-bottom: 10px;
}

#contact-form-name-small {
	width: 200px;
	margin-top: 2px;
	margin-bottom: 10px;
}
#contact-form-email-small {
	width: 200px;
	margin-top: 2px;
	margin-bottom: 10px;
}

#contact-form-comment-small {
	width: 200px;
	height: 7em;
	margin-top: 2px;
	margin-bottom: 10px;
}
.regtext {
	font-size: 12px;
	line-height: 1.4em;
	font-family: verdana;
	margin: 2pt 0 20px 0;
	font-weight: normal;
}

.regtext a, .regtext a:visited {
	text-decoration: underline;
}

.regtext a:hover {
	text-decoration: none;
}


.open-id {
	float: right;
}

.form-column-1 {
	float: left;
	margin-right: 10px;
/*	overflow-x:auto;
	overflow-y:auto;
*//*	position:fixed;*/
/*	position:expression("absolute");*/
}


.form-column-2 {
	float: left;

/*	margin-left:220px;*/
/*	position:fixed;*/
/*	position:expression("absolute");*/
}

.form-row-2{
/*	position:fixed;
	position:expression("absolute");
	padding-top: 20px;
	padding-bottom: 20px;*/
}



.substantiation-field {
	width: 480px;
	height: 120px;
	margin-bottom: 20px;
	margin-top: 2px;
}

.comments-field {
	min-width: 474px;
	height: 120px;
	margin-bottom: 20px;
	margin-top: 1px;
}

-field-check {
	width: 200px;
	border: 1px solid #060;
	height: 18px;
}

.view-debate {
	border: solid 1px #999999;
	background-color: #666;
	color: #fff;
	padding: 12px;
	width: 400px;
	margin: 0 auto 23px;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
	}

.view-debate a, .view-debate a:link, .view-debate a:visited, .view-debate a:active {
	color: #fff;
	}

.view-debate a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
/* CSS for Tool Tips */


#DHTMLgoodies_formTooltipDiv{
	color:#4f4949;
	font-family:arial;
	font-size:1.2em;
	line-height:150%;
	text-align: left;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#666;
	font-weight:normal;
	font-size:0.8em;
}


dl {
  font:normal 12px/15px Arial;
  position: relative;
  width: 100%;
}
  
dt {
  clear: both;
  float:left;
  width: 100%;
  padding: 4px 0 2px 0;
  text-align: left;
}
 
dd {
  float: left;
  width: 200px;
  margin: 0 0 8px 0;
  padding-left: 6px;
}/* The hint to Hide and Show */
  
.hint {
  display: none;
  position: absolute;
  right: -180px;
  width: 200px;
  margin-top: -4px;
  border: 1px solid #999999;
  padding: 10px 12px;
  background-color: #f1f1f1;
  z-index:98;
}
  
/* The pointer image is hadded by using another span */

.hint .hint-pointer {
  position: absolute;
  z-index:99;
  left: -13px;
  top: 2px;
  width: 16px;
  height: 28px;
  background: url(images/commentarrow.png) left top no-repeat;
}

/* END OF TOOL TIPS CSS */


/* Category Listing CSS */

.category-lising-debate {
	margin: 3px 0 20px -19px;
	#margin: 3px 0 20px 0px;
}

.category-lising-debate-title a:visited {
	color: #666666;
	}


.category-listing-intro {
	margin: 2px 0 0 0;
	color: #666666;
	line-height: 140%;
}



.errorExplanation ul li {
	margin-left: 15px;
	}


.okay /* Styles the text which confirms the username is available */
{
	margin-top: -4px;
	margin-bottom: 10px;
	margin-left: -212px;
	font-size: 1em;
}


.error  /* Styles the text which says that the passwords do not match */
{
	margin-top: -4px;
	margin-bottom: 10px;
	margin-left: -212px;
	font-size: 1em;
}



.no-input-error{
	border: 1px solid #060;
	background-color:White;
	background-position: right 2px;
	background-image: url(/images/correct.png);
	background-repeat: no-repeat;
	width: 200px;
}

.input-error{
	border: 1px solid #900;
	background-color:White;
	background-position: right 2px;
	background-image: url(/images/warning.png);
	background-repeat: no-repeat;
	width: 200px;
}

#email_in_use {
}

#password_errors {
}

.forgot-password /* Styles the Forgot Password link on log-in pages */
{
	margin-left: 212px;
	margin-top: -14px;
	display-inline;
}

.forgot-password a, .forgot-password a:visited {
	text-decoration: underline;
}

.forgot-password a:hover {
	text-decoration: none;
	color: #1f627d;
}


.forgot-password-field /* Styles the forgot password entry field */ 
{
	width: 200px;
	height: 19px;
	#height: 21px;
	_height: 25px;
	padding-top: 3px;
	padding-left: 1px;
	margin-top: -10px;
}


.edit-wrapper {
	border: 0px solid #000000;
	min-height: 500px;
	padding: 15px 0 0 3px;
	background-color: #f7f7f7;
	background-image: url(/images/points-background.png);
	background-repeat: no-repeat;
	background-position: 0 70px;
}

.edit-point-for-col-title {
	float: left;
	width: 395px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0 -30px 4px;
	#margin: 15px 0 -15px 4px;
	color: #666666;
	position: relative;
	z-index: 5;
	display: block;
	}

.edit-point-against-col-title {
	float: left;

	width: 280px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0 -30px 0;
	#margin: 15px 0 -15px 4px;
	color: #666666;
	position: relative;
	z-index: 50;
	display: block;
}

.edit-column-1 {
	float: left;
	width: 370px;
	margin: 10px 20px 0 0;
	color:#666666;
	line-height:180%;
	padding: 0 5px 0 5px;
}


.edit-point-point-col-1 {
	float: left;
	width: 70px;
	font-weight: bold;
	color: #666666;
	margin-bottom:15px;
	padding-top: 1px;
	}

.edit-point-point-col-2 {
	float: left;
	width: 650px;
	display: run-in;
	}
	
.edit-point-point-col-2 h1 {
	font-size: 1.4em;
	display: inline;
	position: relative;
	z-index: 5;
	}

.edit-point-point-col-2 h2 {
	font-size: 1.2em;
	position: relative;
	z-index: 5;
	}


.edit-wrapper h4 {
	font-size: 1.2em;
	}


.edit-wrapper h3 {
	font-size: 1.2em;
	margin: 0px 0 -10px 3px;
	color: #666666;
	width: 70px;
	float: left;
	}


.edit-point-point-title {
	font-size: 1.2em;
	margin: 12px 0 -10px 3px;
	color: #666666;
	width: 70px;
	float: left;
	font-weight: bold;
	}

.edit-column-1 h2 {
	margin: -15px 0px -5px 0;
	}

.edit-column-1 input {
	background-color: #FFFFFF;
	}

.edit-point-headline /*Styles the Edit a Point text */ {
	min-width: 600px;
	_width: 600px;
	background: #fff url(/images/points-background-NONE.png) no-repeat;
	margin-top: -5px;
	padding: 2px;
	_border: 1px solid  #999;
}


.edit-point-headline input {
	border: 1px solid  #999;
	padding: 2px 2px 2px 5px;
}

.edit-point-headline-response /*Styles the right-hand-column when editing a point */ {
	margin: -15px 0 0px 0;
	#margin: -24px 0 0 0;
	font-weight: bold;
	font-size: 1.3em;
}

.edit-column-1 textarea {
	background-color: #FFFFFF;
	padding: 5px 0px 5px 5px;
	min-width: 380px;
	_width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	border: 1px solid  #999;
	margin-top: 24px;
	#margin-top: 13px;
	}
	

.edit-column-2 {
	color:#666666;
	float:left;
	line-height:180%;
	margin: 16px 0 0 0;
	#margin: 7px 0 0 0;
	width: 380px;
}

.edit-column-2 textarea {
	background-color: #FFFFFF;
	padding: 5px;
	min-width: 380px;
	_width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	border: 1px solid  #999;
	margin: 24px 0 0 0;
	#margin: 13px 0 0 0;
	}

.no-counter-argument {
	margin: 5px 0 0 0;	
	#margin: -4px 0 0 0;	
}


/* Debate Page */
.voteable-debate {
	margin-top: -4px;
}


/* Comments Styling */

#debate-comments {
	width: 790px;
}

.commentator /* Styles the name of the commentator and space between it and comment */
{
	font-style: italic;
	margin-bottom: -15px;
}

.comment-odd /* Styles the odd numbered comment */
{
	background-image: url(/images/blue_gradient.png);
	background-repeat: repeat-x;
	border-bottom: dotted #999999 1px;
	padding:1px 20px 0px 10px;
}

.comment-even  /* Styles the even numbered comment */
{
	background-image: url(/images/gray_gradient.png);
	background-repeat: repeat-x;
	border-bottom: dotted #999999 1px;
	padding:1px 20px 0px 10px;
}

.zebra-one  /* The first zebra colour in the tabs */
{
	background-color: #dcdcdc;
	line-height: 150%;
	padding: 5px 5px 25px 5px;
	margin: -23px 0 -10px -10px;
	border: 0px solid red;
	position: relative;
	z-index: 10;
	float: left;
  width: 100%;
}

.zebra-two   /* The second zebra colour in the tabs */
{
	background-color: #f4f4f4;
	line-height: 150%;
	padding: 5px 5px 25px 5px;
	margin: -23px 0 -10px -10px;
	border: 0px solid red;
	position: relative;
	z-index: 10;
	float: left;
  width: 100%;
}

.comment p /* Styles the comment itself */
{
	margin-bottom: 12px;
	line-height: 150%;
}



#ajax-loading{
  text-align: center;  
  z-index: 25;
  width:100%;
  _width:50%;
  _left:20%;
  _right:20%;
  top:50px;
  position: fixed;
  _position: absolute;
	font-size:16px;
}

#ajax-loading span{
  margin-left:auto;
  margin-right:auto;
  background-color: #900;
  padding:10px;
  color: #fff;
}

* html #overlay { /* ie6 hack */
	z-index: ;
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#debate-tags {
	display: inline;
}


.lower-level-column1 {
	float: left;
	margin-right: 10px;
}

.lower-level-column2 {
	float: left;
	margin: 12px -10px 0 10px;
	font-size: 1.1em;
	line-height: 150%;
}


.lower-level-column-full-width {
	float: left;
	margin-right: 10px;
}

#IE6 {
  font-family: Arial, "MS Trebuchet", sans-serif;
  text-align: center;
  font-size: 110%;
  background-color: #900;
  color: #fff;
  width:100%;
}

#IE6 p {
  padding-top:5px;
  padding-bottom:5px;
  text-align: left;
}

.text-field :focus /* Styles any text field when the cursor is placed into it */ {
 color: #fff; 
 background-color: red;
 border: 1px solid #999;
 text-decoration: blink;
}

/* Do we need?
input:focus {
	background-color: #e7e7e7;
	overflow: visible;
	cursor: text;
	border: 1px solid #00CC66;
}
 */

.text-field {
	width: 200px;
	height: 18px;
	margin-top: 1px;
	margin-bottom: 10px;
}



.in-page-link {
	font-weight: normal;
	margin-left: 20px;
}

.in-page-link ul {
	margin: 0 0 0 -10px;
	#margin: 0 0 0 -20px;
}

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

.in-page-link li {
	margin: 0 0 10px 0px;
	#margin: 0 0 10px -20px;
	_margin: 0 0 10px 0px;
}


.active div {
	font-weight: bold;
	background-image: url(/images/substantiation-bg.png);
	background-repeat: repeat;
  background-position: 0px 0px;
}

.active div a {
	color: #333333;
}

.inactive div {
	font-weight: bold;
	font-size: 3em;
}

.point-headline-no-js /* Styles the counter point headline on the page which appears when JS is turned off */
{
	font-size: 1em;
	#margin-bottom: -15px;
	_margin-bottom: -15px;
}

.counter-point-headline-no-js /* Styles the counter point headline on the page which appears when JS is turned off */
{
	width: 475px;
	margin-left: 489px;
	font-size: 1em;
	#padding-top: 5px;
	_padding-top: 5px;
}

.toggle-arguments-wrapper{
  float:right;
  width: 800px;
}

img div { behavior: url(http://www.23.co.uk/debatewisepng/iepngfix.htc) 
}

/* Styles the votes in the top left on the debate page */

#total_debate_votes {
	padding: 5px 0 0 5px;
	font-size: 0.9em;
	background-color: #e3e3e3;
	border-bottom: #959595 1px solid;
}

#votes_overall_text {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.vote_value_text {
	float: left;
	width: 78px;
	font-size: 110%;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	_z-index: 15;
	_position: relative;
	font-weight: normal;
}

.total_vote_text {
	padding-top: 6px;
}

.for_votes_percentage {
	color:#853333; 
	font-size: 180%;
	font-weight: bold;
	margin: 10px 0;
    }

.against_votes_percentage {
	color:#5D8191; 
	font-size: 180%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}

.neutral_votes_percentage {
	color:#000; 
	font-size: 180%;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: normal;
}

.total_votes_percentage {
	color:#000; 
	font-size: 180%;
	margin-top: 19px;
	#margin-top: 16px;
	_margin-bottom: -20px;
	_z-index: 15;
	_position: relative;
	font-weight: normal;
}

.vote-spacer {
	margin-top: 23px;
}

.vote-spacer-bottom {
	margin-top: -10px;
}

.points-vote {
	min-height: 50px;
	padding: 4px;
}

.points-header {
	font-weight: bold;
	}
	
.for-score-point {
	color:#853333; 
	font-weight: bold;
	}

.against-score-point {
	color:#5D8191; 
	font-weight: bold;
	}

/* End of styles for the votes in the top left on the debate page */
 
#breadcrumb {
	text-align: right;
	display: none;
	}


/* Competition Styles */	
.comp-col-1 {
	float: left;
	width: 500px;
	line-height: 180%;
}

.comp-col-2 {
	float: left;
	width: 180px;
}

.comp-col-2b {
	float: left;
	width: 380px;
}

.comp-col-3 {
	float: left;
	width: 225px;
	line-height: 150%;
	background: url(http://www.debatewise.com//images/blue_bg.png) repeat-x;
	padding: 0 10px 0 15px;
	line-height: 210%;
	margin: 0px 0 0 10px;
}

.comp-col-1 ul {
	margin: -15px 0 0 15px;
	}
	
.comp-col-1 li {
	margin: 0 0 5px 0;
	}	

.comp-col-1 h1 {
	font-size: 1.6em;
	margin: 30px 0 0px 0;
	color: #2887a0;
	font-weight: bold;
	}
	
.comp-col-1 h2 {
	font-size: 1.3em;
	margin: 30px 0 0px 0;
	color: #2887a0;
	}

.comp-col-1 a:hover {
	text-decoration: underline;
	}

.comp-col-1 a {
	text-decoration: underline;
	}

.comp-col-3 h2 {
	font-size: 1.3em;
	margin: 5px 0 -2px 0;
	color: #2887a0;
	}

.comp-col-3 ul {
	margin-left: 15px;
	}	

.comp-col-3 li {
	margin-bottom: 10px;
	}	
	
.comp-col-1 p {
	font-size: 1.1em;
	margin: 0 0 20px 0;
	}


.comp-col-3 a:hover {
	text-decoration: underline;
	}

.comp-col-3 a {
	text-decoration: underline;
	}
	
			
.comp-images {
	margin: 0 0 30px 20px;
}

.blue-highlight {
	color: #2887a0;
	font-weight: bold;
}

.comp-col-3 strong  {
	color: #991717;
	font-weight: normal;
}

.red-highlight {
	color: #991717;
	font-weight: bold;
}


  
.blue-highlight {
	  color: #14667b;
  }
  

.comp-radio {
	margin-top: 10px;
}

.comp-button {
	border: 1px solid #999999;
	margin-top: 10px;
	}
	
.comp-form {	
	border: 1px dotted #999999;
	padding: 5px;
	margin: 0 10px 0 10px;
	}	
	
#competition-link {
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
	color: 	#991717;
	}
	
.competition-link a {	
	color: 	#2887a0;
	}
	
.competition-link a:hover {	
	color: 	#2887a0;
	text-decoration: none;
	}
	
.competition-link a:visited {	
	color: 	#2887a0;
	}
			
/* Buttons */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	padding: 10px;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.debate_photo {
	margin: 5px 10px 10px 0;
	float: left;
	border: 1px solid #666666;
	_position: relative;
	_z-index: 40;
}

/* Revisewise */

.revisewiseLogo {
	margin: -15px 0 0 -5px;
	display: none;
	}
	
.intro-banner {
	margin: 15px 0 45px -4px;
	}
	
.citationExample {
	margin: -15px 0 20px 0;
	line-height: 150%;
	color: #333333;
	}
	
.citationExamplePoint	 {
	margin: -25px 0 20px 5px;
	line-height: 150%;
	color: #333333;
	}

/* BBCode markup */

.markup {
  line-height: 167%;
}

.markup fieldset {
  border: 3px double #888;
  padding: 0.5em;
  margin: 0.5em 0;
}

.markup fieldset legend {
  font-style: italic;
	font-size: 1.2em;
}

.markup p {
  padding-top: 10px;
}

.markup ol.footnotes {
  padding-top: 10px;
  margin-left: 1.5em;
}

.markup ol.footnotes li {
  list-style-type: decimal;
  margin-top: 5px;
  text-align: left;
}

/* WODC styling goes here */
	
.wodc-col-1 {
	float: left;
	width: 650px;
	margin: 15px 20px 0 0;
}

.wodc-col-2 {
	float: left;
	width: 250px;
	margin: 15px 0px 0 20px;
}
	
.wodcText {
	font-size: 1.1em;
	line-height: 150%;
}
	
.wodcText li {
	margin: 0 0 0 15px;
}

.subHead {
	font-weight: bold;
}

.debate-teams-proponents,
.debate-teams-opponents {
	float: left;
	width: 250px;
	margin: 15px 0 10px 20px;
	}
	
.debate-teams {
	border: dashed 1px #999999;
	width: 540px;
	margin: 0 auto;
	}	
	
.debate-teams li {
	margin: 5px 0 0 15px;
}	

.wodcDebateTitleWrapper {
	font-size: 1.0em;
	color: #666;
	margin-bottom: 10px;
}

.wodcDebateContestWrapper {
	padding: 12px 0;
}

.WODCteamName {
	font-size: 1.3em;
	margin-bottom: 5px
}

.wodcDebate {
	float: left;
	margin: 5px 10px 0px 0;
	width: 350px;
}

.wodcVersus{
	float: left;
	margin: 5px 10px 0px 0;
	width: 120px;
}

.wodcPosition{
	float: left;
	margin: 5px 10px 0px 0;
	width: 80px;
}

.wodcStatus{
	float: left;
	margin: 5px 10px 0px 0;
	width: 80px;
}

.wodcTimeRemaining{
	float: left;
	margin: 5px 10px 0px 0;
	width: 120px;
}

.point-history-link {
	color: #333;
  font-size: 1.2em;
	font-style: italic;
	text-align: left;
	margin: 10px 0 0 10px;
}

.point-version-nav {
  margin-right: 15px;
}

.point-version-nav p {
  margin: 10px 0;
}

.point-diff {
  padding: 5px;
  background: #eeeeee;
  font-family: sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
}

.point-diff ins {
  color: #338833;
  background-color: #bbeebb;
  text-decoration: none;
  font-weight: bold;
}

.point-diff del {
  color: #883333;
  background-color: #ffcccc;
  text-decoration: line-through;
  font-weight: bold;
}

.format_help {
  font-size: smaller;
}

.format_help a:link, .format_help a:visited, .format_help a:hover {
  text-decoration: underline;
}

.jcCopy {
	width: 650px;
	float: left;
	margin-right: 40px;
}

#search-results,
.jcCopyIEDown {
	#margin-top: 150px;
	_margin-top: 0px;
}

.jcCopy b {
	margin-top: 10px;
}

.jcCopy p {
	margin-bottom: 15px;
	font-size: 1.1em;
	line-height: 150%;
}
.jcCopy a,
.jcCopy a:visited,
.jcCopyCol2 a,
.jcCopyCol2 a:visited{
	color: #1F627D;
}

.jcCopy a:hover,
.jcCopyCol2 a:hover{
	color: #000;
	text-decoration: underline;
}

.jcCopy h1,
.jcCopyCol2 h1{
	font-size: 1.2em;
	margin: 10px 0;
}

.jcCopy h2 {
	font-size: 1.1em;
	margin: 35px 0 -15px;
	color: #128EC7;
}

.firstH2 {
	font-size: 1.1em;
	margin: 0 0 -15px;
	color: #128EC7;
	font-weight: bold;
}

.jcCopyCol2 h2 {
	font-size: 1.1em;
	margin-bottom: 0px;
	color: #128EC7;
}

.jcCopyCol2 ul {
	margin-bottom: 15px;
}

.jcCopyCol2 li {
	margin-bottom: 15px;
	font-size: 1.1em;
	line-height: 150%;
}

.jcCopyCol2 {
	float: left;
	width: 250px;
}

.jcCopy .nameLinks {
	margin-bottom: -10px;
}

.partner-logo-list {
  float: right;
  margin: auto;
  padding: 0 0 4px 4px;
}

.partner-logo-debate {
  float: right;
  margin: auto;
  padding: 0 0 8px 8px;
}

				#surveyDialog title {
					font-size: 18px;
				}
				.surveyDialog p {
					font-size: 14px;
					#margin-top: 24px;
					line-height: 150%;
				}			
				.surveyDialog a, .surveyDialog a:visited {	
					color: #000;
					text-decoration: underline;
				}	
				.surveyDialog a:hover {	
					color: #F00;
				}