@charset "utf-8";
/* CSS Document */

/* UNDO Html */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
ol {list-style: decimal;}
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* LAYOUT */

/* General */
body {margin: 0px; font-family: Arial, Helvetica, sans-serif;	font-size: 62.5%;	color: #000000;	background: #efefef;}

h1 {font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 150%;}
h2 {font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; inherit; line-height: 150%;}
h3 {font-size: 1.1em; line-height: 150%;}
h4 {font-size: 1.0em; line-height: 150%;}
p {margin-bottom: 15px; line-height:150%;}

a {color: #000;	text-decoration: underline;}
a:visited {color: #666; text-decoration: underline;}
a:hover {color: #33cc99; text-decoration: underline;}

.yesColour, .yesColour a, .yesColour a:visited {color: #991717;}
.yesColour a:hover {color: #000;}
.noColour, .noColour a, .noColour a:visited  {color: #1F627D;}
.noColour a:hover {color: #000;}

.clearAll {clear: both; margin:0;}
.bold {font-weight: bold;}
.italics {font-style:italic;}
.hide {display: none;}
.ie6 .ie6Hide {display: none;}
.downplay {font-size: 0.9em; color:#666; display:inline;}

textarea {border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;}
.textfield {border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF;}

.horizontalLines {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 4px 0;}
.ie6 .horizontalLines {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 4px 0; margin: 20px -10px 0 -10px;}
.horizontalLineTop {border-top: 1px solid #999;}
.horizontalLineBottom {border-bottom: 1px solid #999;}
.lightHorizontalLineTop {border-top: 1px solid #ccc;}
.lightHorizontalLineBottom {border-top: 1px solid #ccc;}
.darkHorizontalLineTop {border-top: 1px solid #333;}
.darkHorizontalLineBottom {border-top: 1px solid #333;}
.lightDashedLine {border-bottom: 1px dashed #999;}

.lightGrey {color: #999}
.mediumGrey {color: #666}
.darkGrey {color: #333}
.highlightColour {color: #33cc99;}
.highlightColourReverse {color: #fff;}
.whiteText {color: #FFF;}

.whiteBG {background-color: #FFF;}
.lightGreyBG {background-color:#f6f6f6;}
.lightGreenBG {background-color: #d7eae6; padding: 0;}
.darkGreenBG {background-color: #33cc99;}
.height24px {height: 24px;}


/* Background Colours */
.commentPointTitleBG, .debateTitleInPage {background-color: #eaeaea;}
.commenterBG {background-color: #f6f6f6;}
.zebraOdd {background-color: #f3f3f3;}
.zebraEven {background-color: #fff;}


/* Used for debugging */
.redBorder {border: solid 1px red;}
.blueBorder {border: solid 1px blue;}
.highlightColourBorder {border: solid 1px highlightColour;}


/* Overall widths */
#wrapper {width: 990px;	margin: auto;	background: #fff url(images/global/background.png) repeat-y scroll 0 0;}
#content {width: 960px;	margin: auto;	font-size: 1.2em;}
.ie6 #content {padding: 24px 0 0;}


/* Header */
#header {margin-bottom: 24px;}
.ie8 #header, .ie7 #header,.ie6 #header {margin-bottom: 24px;}
#header a, #header a:visited {text-decoration:none;}
.logo {margin: 0 0 10px -1px; float: left;}

.login {float: right;	margin: 8px -2px 0 0; width: auto;}
.login li {	display: inline;}
.login a, .login a:visited {color: #666; margin:0 2px;}
.login a:hover {color: #33cc99; text-decoration:underline;}
.ie6.login {float: right; margin: -18px -2px 0;}

.mainNav {
	font-size: 1.2em;
	margin: -31px -8px 16px 0;
	float: right;
	position: relative;
	z-index: 50;
	min-width: 645px;
}
.mainNav li {	display: inline;}
.mainNav a, .mainNav a:visited {margin:0 8px; color: #333;}
.mainNav a:hover {text-decoration:none; color: #33cc99;}
.ie6.mainNav {float: right; margin: 50px -8px 16px -100px; width: 700px;}}
.ie7 .mainNav {float: right; margin: 50px -8px 16px -100px; width: 700px;}

.search {	margin: 12px 0 0;	float:right;	color: #666; border: solid 1px #ccc;}
.searchField {
	border: 0;
	color: #666;
	height: 18px;
	padding: 0 0 4px 6px;
	width: 200px;
}
.ie7 .searchField, .ie6 .searchField  {padding: 0 0 2px 6px;}

.go {	margin: 0 0 -8px;}
.ie8 .go {	margin: 0 0 -9px;}
.ie7 .go, .ie6 .go  {	margin: 0 0 -5px;}


.newsFeed {font-style: italic;}
.newsFeedTitle {float: left; width: 110px; padding-top: 2px;}
.newsFeed a {color: #33cc99}
.newsFeed a:visited {color: #666}
.newsFeed a:hover {color: #000}
.newsFeed ul {
	float: left;
	width: 70%;
	line-height: 150%;
	height: 35px;
	overflow: hidden;
}

.greyDivider {margin:	2px -90px 0 10px;}
.ie6 .greyDivider {display: none;}
.ie7 .greyDivider {display: none;}

.helpLinks {
	background: url(http://debatewise.org/images/global/green-arrow.png) no-repeat;
	float: right;
	margin: 10px 0;
	padding: 0 0 0 20px;
	
}
.ie6 .helpLinks {width: 110px;}
.ie7 .helpLinks {width: 110px;}



/* Home Page */
#homePageHighlights {margin: -12px 0;}
.ie8 #homePageHighlights {margin: 12px 0;}
.ie7 #homePageHighlights, .ie6 #homePageHighlights {margin: 24px 0;}


.sevenThings {
	float: left;
	width: 516px;
	margin: -8px 16px 0 -8px;
}
.ie7 .sevenThings, .ie6 .sevenThings {margin: -24px 16px 0 -8px;}

.sevenThingsButton {
	float: left;
	position: relative;
	margin: 13px 0 -138px 10px;
}
.ie7 .sevenThingsButton {margin: 30px -180px -138px 17px;}

.callToAction {	float: right;}
.ie6 .callToAction { margin-right: -100px;}
.darkGreyHeadingBG {
	background: #949494;
	width: 93%;
	height: 14px;
	padding: 8px 0 8px 30px;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
}
.ie7 .darkGreyHeadingBG {width: 398px;}
.tasks {padding: 24px 31px 13px 20px; margin-bottom: 10px;}
.tasks .button {float: left; margin-right: 16px;}
.tasks .last {margin: 0;}

.topContributors {font-size: 1.2em;	font-family: Georgia, "Times New Roman", Times, serif;}

.topContributors li {margin: 0 0 8px 24px; list-style-type: decimal;}
.ie6 .topContributors li {margin: 0 0 8px 32px; list-style-type: decimal;}
.ie7 .topContributors li {margin: 0 48px 8px 32px; list-style-type: decimal;}

.topContributorsCol1,
.topContributorsCol2 {
	float: left;
	width: 210px;
	padding-top: 8px;
	margin-left: 4px;
}
.topContributorsCol1 a, .topContributorsCol2 a {color: #33cc99; text-decoration: none;}
.topContributorsCol1 a:visited, .topContributorsCol2 a:visited {color: #666; text-decoration: none;}
.topContributorsCol1 a:hover, .topContributorsCol2 a:hover {color: #000;}
.ie6 .topContributorsCol1 {width: 40%;}

.debateListWrapper {
	float: left;
	width: 73%;
	margin: 24px 24px 0 0;
}

.homePageRightCol {
	float: right;
	width: 24%;
	margin-top: 24px; /* Should be the same figure as .homePageMainCol */
}

.homePageRightCol a,.homePageRightCol a:visited {text-decoration:none;}


/* BUTTONS */
.button a, .buttons input {
	background:url(http://debatewise.org/images/global/blank-button-both.gif) no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	height:31px;
	padding:5px 0 0;
	text-align:center;
	text-decoration:none;
	width:115px;
	font-weight: bold;
}
.buttonLight a {
	background:url(http://debatewise.org/images/global/blank-button-both-light.gif) no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	height:31px;
	padding:6px 0 0;
	text-align:center;
	text-decoration:none;
	width:115px;
	font-weight: bold;
}
.button a:visited, .buttonLight a:visited {color:#fff; text-decoration: none;} 
.button a:hover, .buttonLight a:hover {background-position: -115px 0; color:#000;}  

.buttonSmall a, .buttonSmall a:visited {
	background:url(http://debatewise.org/images/global/blank-buttonSmall-both.gif) no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.8em;
	height:21px;
	padding: 1px 0 0;
	text-align:center;
	text-decoration:none;
	width:79px;
	font-weight: bold;
}

.buttonSmallLight a, .buttonSmallLight a:visited {
	background:url(http://debatewise.org/images/global/blank-buttonSmall-both-light.gif) no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.8em;
	height:21px;
	padding: 0 0 0;
	text-align:center;
	text-decoration:none;
	width:79px;
	font-weight: bold;
}
.buttonSmall a:hover,.buttonSmallLight a:hover {background-position: -79px 0; color:#333;} 
.buttonSmallComments a {margin: 11px 0 0 72px;}
.buttonSmallEditPoint a {margin: 11px 0 0; padding: 0; float:left;}
.buttonSmallEditPointCancel {float: right; margin-right: 1%}
.tasksButtonFix a, .tasksButtonFix a:visited {padding-top: 8px;}
.buttonSidebar {margin-top: 8px;}
.buttonSidebar .buttonSmall a, .buttonSidebar .buttonSmall a:visited {padding: 4px 0 0 ;}

/* Tabs */
.tabsPageTitle {
	float: left;
	color: #fff;
	background: #33cc99;
	font-size: 1.3em;
	padding: 2px 124px 4px 32px;
}

.tabs a, .tabs a:visited {
	color: #000; 
	text-decoration:none;	
	padding: 10px 48px 10px 24px;	
	float: left;	
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: bold; 
	background: #f3f3f3;
	}
.tabs .inactive a:hover {color: #fff; text-decoration: none; background-color: #666; cursor: hand; cursor: pointer;}
.tabs .active a {color: #fff;text-decoration: none; font-weight: bold; background-color: #33cc99; cursor: hand; cursor: pointer;}
.tabs .active a:visited {color: #fff;text-decoration: none; font-weight: bold; background-color: #33cc99; cursor: hand; cursor: pointer;}
.tabs .active a:hover {color: #fff; background-color: #666; cursor: hand; cursor: pointer;}

.ie6 .tabs li {float: left; display:inline;}
.ie7 .tabs li {float: left; display:inline;}

.asterisk {
	font-size: 2.5em;
	margin: -5px 8px -30px -20px;
	float: left;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.asteriskPageHeading{
	font-size: 2em;
	margin: -3px 8px -20px -20px;
	float: left;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.asteriskPageTitle {
	font-size: 2em;
	margin: 6px 12px -30px -26px;
	float: left;
	font-weight: normal;
}
.ie7 .asteriskPageTitle {
	margin: -6px 12px -30px -26px;
	line-height: 150%;
}

.asteriskDebatePage {
	font-size: 2.5em;
	margin: 5px 20px -30px -22px;
	float: left;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.ie7 .asteriskDebatePage, .ie6 .asteriskDebatePage {
	margin: -8px 10px -30px -20px;
	line-height: 150%;
}

/* Debate list */
.debateListOdd {background-color: #e3e3e3;}
.debateListEven {background-color: #f9f9f9;}

.debateThumb {
	margin: 16px;
	border: 1px solid #ccc;
	float: left;
}

.debateList  .title {
	margin: 12px 16px 8px 16px;
	font-size: 1.2em;
	line-height: 150%;
}
.debateList .title a {text-decoration: none; position: relative; z-index: 100;}
.debateList .title a:hover {text-decoration: underline;}
.debateList .intro {margin: 0 16px 8px 0;}
.ie6 .debateList .intro {margin: 0 16px 8px 0; position: relative; z-index: 100;}
.debateList .more {font-weight: bold;}

.pagination {
	color: #333;
	margin-top: 8px;
}

/* Categories */
.categories {
	margin: 0 0 8px;
	font-weight: normal;
}
.subCategories {font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif;}
.categories a {margin: 0 6px; text-decoration: none; font-weight: normal;}
.categories .first {margin: 0 6px 0 0;}
.categoryWrapper {
	float: left;
	width: 200px;
}

/* General Text Page */
.generalPageMainCol {
	float: left;
	width: 78%;
	margin: 0 24px 0 0;
	font-size: 1.1em;
	line-height: 150%;
}
.ie6 .generalPageMainCol {
	width: 78%;
}
	
.generalPageMainColFull {
	float: left;
	width: 100%;
	margin: 0 24px 0 0;
	font-size: 1.1em;
	line-height: 150%;
}

.generalPageRightCol {
	float: right;
	width: 16%;
}
.ie7 .generalPageRightCol {margin: 0 38px 0 -16px;}
.ie6 .generalPageRightCol {margin: 0 -20px 0 0;}

.generalPageContent {
	padding: 16px;
	margin: 32px 12px 16px 12px;
}


.loginPageContent {
	padding: 16px 0;
	margin: 32px 12px 16px 12px;
}

.generalPageContent ul {list-style: disc;}
.generalPageContent li {margin: 10px 0 0 20px; line-height: 150%;}

.pageTitle span {
	float: left;
	display: inline;
	padding: 4px 0 0px 36px;
	margin: 32px -28px -17px 0;
	background: #f6f6f6 url(http://debatewise.org/images/global/active-tab.gif) no-repeat;
	color: #FFF;
	font-weight: bold;
}

.generalPageContent .imageLeft {
	margin: 0 24px 24px 0;
	float: left;
}

.faqsCol1 {float: left; width: 650px; margin-right: 35px;}
.faqsCol2 {float: left; width: 200px;}
.faqsCol1 h1 {margin: 10px 0 -15px; font-size: 1.4em;}
.nameLinks, .nameLinks a, .nameLinks a:visited, .nameLinks a:hover {color: #FFF; text-decoration: none;}
.faqsCol2 h1 {margin: 0; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}
.faqsCol2 h2 {margin: 0; font-size: 1.0em; font-family: Arial, Helvetica, sans-serif;}
.faqsCol2 ul {margin: -10px 0 20px;}
.faqsCol2 li {margin: 8px 0 -2px 15px;}

.stats ul {
	margin-bottom: 32px;
}

.settings {
	padding: 0 0 0 16px;
}

.settings h3 {margin: 16px 0 8px;}

.settingsCol1 {
	float: left;
	width: 160px;

}

.settingsCol1b {
	float: left;
	width: 100%;
}

.settingsCol2,
.settingsCol2b {
	float: left;
	width: 60%;
}
.settingsCol2 input {
	width: 100%;
	height: 20px;
	padding: 3px 0 3px 3px;
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.ie7 .settingsCol2 input, .ie6 .settingsCol2 input {margin-left: -12px;}
.settingsCol2 .buttons {
	margin: 0 0 16px;
}

.settingsCol2 .checkbox {
	margin: 0;
	padding: 0;
	display: inline;
}

.subscribedDebatesCol1 {
	float: left;
	width: 25px;
	padding-top: 2px;
}

.subscribedDebatesCol2 {
	float: left;
	width: 90%;
	margin: 0 0 16px;
}

.subscribedDebatesCol2 a {text-decoration: none;}


.contests p {margin: 0 0 15px;}
.contests a, .contests a:visited {text-decoration: none;}
.contestCol {
	float: left;
	width: 47%;
	margin-bottom: 8px;
}
.contests span {display: block;	margin-bottom: 8px;}
.contests h3 {margin: 24px 0 -12px;}
.versusCol {float: left; width: 15%;}
.positionCol {float: left;	width: 10%;}
.statusCol {float: left;	width: 14%;}
.timeCol {float: left;	width: 14%;}
.contests .heading {font-weight: bold; color: #333;	margin: 8px 0 2px;}


#wiki {margin: 16px 0 -16px;}
#wiki span {margin: 0 8px 0 0;}
#wiki h2, #wiki h3 {font-style: italic;}
#wiki .previousNext{font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif;}
#wiki .previousNext span {margin-right: 24px;}
#wiki a, #wiki a:visited  {text-decoration: none;}
#wiki .previousNext a, #wiki .previousNext a:visited  {color: #666;}
#wiki .previousNext a:hover  {color: #000;}
.versionList ul {padding: 16px 0;}
.versionList li {
	display: inline;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.versionList a {padding: 0 4px;}


.allVersions li {
	font-size: 1.1em;
	padding: 2px 0;
	list-style: disc;
	margin: 0 0 0 15px;
}
.allVersions ul {margin-bottom: 24px;}
.allVersions a {color: #333;}
.allVersions a:visited {color: #999;}
.allVersions a:hover {color: #000;}

.wikiKey {margin: 20px 0 60px;}
.wikiKey li {
	padding: 4px 0;
	list-style: disc;
	margin: 0 0 0 15px;
}
.wikiKey .point-diff {padding: 0;}

.point-history-link {
	color: #333;
  font-size: 1.2em;
	font-style: italic;
	text-align: left;
	margin: 10px 0 0 10px;
}
.versionChange {font-family: Georgia, "Times New Roman", Times, serif; font-family: 1.2em; font-weight: bold; text-align: left; margin-left: 8px;}
.point-version-nav { margin-right: 15px;}
.point-version-nav p { margin: 10px 0;}

.point-diff-title {
	width: 100%;
	background-color: #fff;
	margin-left: 8px;
	font-size: 1.1em;
	text-align: left;
}

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

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

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




/* Forms */
label {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
}

.commentCol textarea {
	width: 100%;
	height: 250px;
	padding: 6px 0 0 6px;
	border: solid 1px #CCC;
	display: block;
}

.checkbox {margin: 34px 0 0px 8px;}
input.Checkbox{height: 19px;}
.ie7 input.Checkbox, .ie6 input.Checkbox{height: 17px; margin-left: -5px;}

.checkbox .col1 {float: left;	width: 20px;}
.checkbox .col2 {	float: left;	width: 140px;	margin-bottom: 20px;}
.ie7 .checkbox .col2, .ie6 .checkbox .col2 {margin-bottom: 0px;}

.checkbox p {
	color: #666;
	margin: -20px 0 0 25px;
	font-size: 0.9em;
}

.checkbox label {
	color: #666;
	font-family: inherit;
	font-size: 0.9em;
	margin: -8px 0 0;
}

.feedbackForm {
	margin: -16px 12px 16px 12px;
	padding: 16px;
}

.feedbackFormCol1 {
		width: 99%;
		float: left;
		margin: 8px 16px 0 0;
}
.ie6 .feedbackFormCol1 {width: 90%;}

.feedbackFormCol2 {
		width: 35%;
		float: left;
		margin-top: 136px;
}

.feedbackFormCol1 tabs {
	margin: 16px 0 2px;
	display: block;
}

.feedbackFormCol1 input {
	width: 100%;
	height: 23px;
	padding: 3px 0 3px 6px;
	border: solid 1px #CCC;
	display: block;
	margin: 2px 0 16px;
}
.ie7 .feedbackFormCol1 input, .ie6 .feedbackFormCol1 input {margin-left: -12px;}
.ie7 .feedbackFormCol1 textarea, .ie6 .feedbackFormCol1 textarea{margin-left: -12px;}

.feedbackFormCol1 textarea {
	width: 100%;
	height: 180px;
	padding: 6px 0 0 6px;
	border: solid 1px #CCC;
	display: block;
}

.reCaptcha {margin:  28px 0;}

.registerCol1 {float: left;	width: 50%;}
.registerCol2 {float: left;	width: 50%;}
.registerForm1, .registerForm2 {float: left;	width: 50%;}

.registerForm1 input, .registerForm2 input {
	width: 90%;
	margin: 2px 0 16px;
	height: 20px;
	padding: 3px 0 3px 3px;
	border: 1px solid #ccc;
}
.formatHelp {margin: 16px 0 0;}
.formatHelp h2 {margin: 0 0 8px 0;}
.formatHelp span a {text-decoration: none; display: block; margin-top: 147px;}
.formatHelpDebate span a, .formatHelpDebate span a:visited {text-decoration: none; display: block; margin-top: 0;}
.ie8 .formatHelp span a {text-decoration: none; display: block; padding-top: 147px;}
.ie8 .formatHelpDebate span a {text-decoration: none; display: block; padding-top: 0px;}
.formatCodesCol2 ol {margin-left: 20px; list-style: decimal; margin-left: -5px; font-size: 1.1em;}
.formatCodesCol2 ol li {background: inherit; border: 0; list-style-type: decimal; font-size: 0.8em; margin-left: 25px;}
.formatCodesCol2 a, formatCodesCol2 a:visited {text-decoration: underline;}
.ie7 .formatCodesCol2 ol{margin-top: 8px; background-color: none;}


/* Sidebar */
/* Sidebar Home */
.rightColTab {
	padding: 10px 0 10px 28px;
	background-color: #f3f3f3;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px dashed #666;
}

.bestDebaterPic {background-color: #f3f3f3; text-align:center; padding: 8px 0 16px;}
.ie6.bestDebaterPic {margin-top: 14px;}

.bestDebaterList .title {
	float: left;
	font-size: 0.9em;
	width: 65px;
	color: #000;
	padding: 8px 4px 4px 6px;
}

.bestDebaterList .details {
	font-size: 1.2em;
	float: left;
	width: 145px;
	padding: 6px 4px 4px 4px;
}
.ie6 .bestDebaterList .details {margin-right: -50px;}
.featuredDebater {}
.featuredDebater .title,
.featuredDebater .details {color: #fff;}


.debateListOdd li {
	display: block;
	padding: 8px;
}

.debateListOdd a {color: #333;}
.debateListOdd a:visited {color: #666;}

.debateListOdd a:hover {
	color: #33cc99;
}

.tagCloud {text-align: justify; margin-top: -8px;}
.tagCloud ul {margin-top:12px;}
.tagCloud li {display: inline;}

.tagCloud .size1 a, .tagCloud .size1 a:visited {font-size: 1em; color:#999;}
.tagCloud .size2 a, .tagCloud .size2 a:visited {font-size: 1.2em; color:#666;}
.tagCloud .size3 a, .tagCloud .size3 a:visited {font-size: 1.4em; color:#666;}
.tagCloud .size4 a, .tagCloud .size4 a:visited {font-size: 1.6em; color:#333;}
.tagCloud .size5 a, .tagCloud .size5 a:visited {font-size: 1.8em; color:#333;}
.tagCloud .size1 a:hover {font-size: 1em; color:#33cc99;}
.tagCloud .size2 a:hover {font-size: 1.2em; color:#33cc99;}
.tagCloud .size3 a:hover {font-size: 1.4em; color:#33cc99;}
.tagCloud .size4 a:hover {font-size: 1.6em; color:#33cc99;}
.tagCloud .size5 a:hover {font-size: 1.8em; color:#33cc99;}

/* Sidebar Debates */
#sidebar {
	float:right;
	width: 192px;
	background-color: #f9f9f9;
}	
.ie6 #sidebar {width: 190px;}

#sidebar a, #sidebar a:visited {text-decoration: none;}
.ie6 #sidebar p {line-height: 150%; position: relative; z-index: 100;}
.sidebarSubheader {
	font-weight: bold;
	padding: 8px 0 4px 8px;
	font-size: 1.1em;
	border-top: #959595 1px solid;
	border-bottom: #959595 1px dashed;
	background-color: #f6f6f6;
}

.sidebarSubheaderNoBottom {
	font-weight: bold;
	padding: 8px 0 4px 8px;
	font-size: 1.1em;
	border-top: #959595 1px solid;
	background-color: #f6f6f6;
}
.sidebarBG {background-color: #e3e3e3;}

.facebookLike {margin: 24px 0 24px 8px}

.lastModified {padding: 8px 8px 8px 0; margin-bottom: -8px;}
.lastModifiedDate {margin-left: 8px;	display: inline;}

.voteTotal {padding: 8px 0 0;}
.voteTotal p {margin: 8px 0 0 8px; float: left;	width: 70px;}
.totalPercent {font-weight: bold; float: left; font-size: 1.3em;	width: 80px;	padding: 6px 0 3px;}

.relatedDebates {margin: 0 0 8px 8px;}
.relatedDebates a {padding: 8px 8px 8px 0px;	display: block;}
.sidebarForms {padding: 8px;}
.sidebarForms .textfield {color: #666;	width: 95%;}
.sendButton {cursor: pointer;	cursor: hand;	margin: 8px 0;}
.sidebarForms textarea {font-size: 1em;	color: #666; width: 95%;	height: 80px;}
.addThis {padding: 18px 12px 12px 12px;}
.donateNow {padding: 8px;}
.donateNowHeader {font-size: 1.1em; margin: 8px 0 4px; font-weight: bold;}

#rightColumn {float: right; margin: 24px 0 0; width: 180px}
.osiIDEASponsorLogos  {
	float:left;
	margin:0 0 12px -19px;
}

/* THE DEBATES */
#yieldDebate {
	float: left;
	width: 758px;
	line-height: 150%;
}

#yieldComment {
	float: left;
	width: 100%;
	margin-top: 16px;
	line-height: 150%;
}


.debateMainCol {
	float: left;
	font-size: 1.1em;
	width: 758px;
}
.ie7 .debateMainCol, .ie6 .debateMainCol {margin-top: -24px;}

/* Debate title and intro */
.debateTitle {
	background-color:#E4E4E4;
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:1.2em;
	padding:8px;
}

.debateTitleInPage {
	font-size: 1.1em;
	padding: 4px 8px;
	background-color: #eaeaea;
	font-style: italic;
	margin-bottom: 10px;
	border:1px solid #CCCCCC;
}
.ie7.debateTitleInPage {}
.ie6 .debateTitleInPage h1{margin: 32px 0 10px;}
	
.debateOtherLinks {
	border-bottom: #959595 1px solid;
	padding: 4px 0;
	font-size: 0.9em;
}

.editDebate a {
	float: left;
	width: 150px;
	font-style: italic;
	color: #333;
	font-size: 1.1em;
}
.editDebate a:hover {color: #000;}


.debateStarterCredits{
	float: right;
}

.debateTitleByline {
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0 4px 0 16px;
	color: #333;
}

.debateStarter {
	font-weight: bold;
	margin: 0;
}

.debateIntro {
	text-align: justify;
	margin: 8px 0 24px 0;
	color: #333;
}
	
.debateIntro p {
	margin: inherit;
}


/* Debates */

.allPointsWrapper {
	float:left;
	width: 100%;
	margin-bottom: 16px;
}	
.ie7 .allPointsWrapper {margin-top: -24px;}
.ie6 .allPointsWrapper {margin-top: -32px;}

.pointTitlesWrapper {margin:16px 0;}
.pointTitles li{
	line-height: 150%;
	list-style: decimal;
	margin: 8px 24px;
}
.ie7 .pointTitles li{
	margin-left: 34px;
	list-style: disc;
}

.pointTitlesHeader {
	font-weight: bold;
	font-size: 1.1em;
	padding:0 0 8px 8px;
	font-style: italic;
}

.allPointsWrapper .horizontalRule {
	border-bottom: #999999 1px solid;
	margin:16px;
}

.ie6 .odd, .ie6 .even, .ie6 .odd a, .ie6 .even a
{ margin: 0;
	padding: 0;
}

.oddPointList,
.evenPointList {
	margin: -8px -24px;
	padding: 8px 0;
}
.oddPointList a, .evenPointList a{padding: 0 0 0 24px; text-decoration: none;}

.addNewPointTop {
	margin: 16px 0 16px 8px;
	font-style: italic;
}

.addNewPointBottom {
	float: left;
	width: 50%;
	text-align: right;
}

.addNewPointBottom div {
	padding: 6px 8px;
	margin: 8px 0 16px 0;
	background-color: #e4e4e4;
}
.addNewPointBottom a, .addNewPointBottom a:visited {text-decoration: none;}
.addNewPointBottom a:hover {color: #000;}
.addNewPointBottom .first {margin-right: 10px;}

.addNewPointFormTop {
	margin: 24px 0;
}

.addNewPointForm input {
	width: 99%;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
	margin-bottom: 16px;
}

.addNewPointForm textarea, .commentEdit textarea {
	width: 99%;
	height: 200px;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
}

#new_undefined_point_form{}

.forAgainstRadioSpacer {display: block; margin: 16px 0 8px;}
.radioButton input {width: 155px; display: block; margin: -17px 0 8px; outline: none;}

.createDebateText  {
	width: 99%;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
	margin: 4px 0 32px;
}

.createDebateText2  {
	width: 90%;
	display: block;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
	margin: 4px 0 32px;
}

.browsePictures {float: right; margin: -55px 0 0;}
.createDebate select {
	width: 50%;
	border: solid 1px #CCC;	font-family: inherit; background-color: #FFF; font-size: 1em; line-height: 150%;
	margin-bottom: 16px;
}

.createDebate textarea{
	width: 99%;
	height: 100px;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
}
.createDebateCheckboxWrapper {margin: 32px 0;}
.createDebateCheckboxWrapperIntro {margin: 4px 0; display:block; color: #666; font-family:Georgia, "Times New Roman", Times, serif;}
.createDebateCheckboxWrapper label {color: #000; font-family: Arial, Helvetica, sans-serif;}
.createDebateCheckbox {margin: 0 40px 0 2px;}
.ie6 .createDebateCheckbox {margin: 0 30px 0 2px;}
.ie7 .createDebateCheckbox {margin: 0 30px 0 2px;}


/* The points */

.yesNoColumns {width: 49%; float: left; margin-top: 8px;}
.noColumn {margin-left: 8px;}
.spacerColumn {width: 2%;	float: left;}
.yesNoHeaders {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 8px;
	font-style: italic;
}
.because {display: block; padding-bottom: 4px;}
.because a, .because a:visited {text-decoration: none; color: #333;}
.markup p {margin: 0 8px 16px 8px;}
.markup fieldset {margin: 12px 4px; padding: 4px;}


.yesNoWrapper {background:transparent url(http://debatewise.org/images/global/points-bg.gif) scroll 50% 0 repeat-x; }
.ie7 .yesNoWrapper {margin-top: 16px;}
.ie6 .yesNoWrapper {background: none;}

.stregnthenPoint {
	margin: 16px 8px;
	padding: 4px 0 0;
	font-style: italic;
	width: 95%;
}
.strengthenPoint a, .strengthenPoint a:visited {text-decoration: underline;}

.yesNoColumns textarea {
	width: 98%;
	border: solid 1px #CCC;	font-family: inherit; padding: 4px 0 4px 4px; background-color: #FFF; font-size: 1em; line-height: 150%;
}

.footnotes ol {margin: 8px 0 0 ;}
.footnotes li {margin: 0 0 8px 26px;}


.toTopBorderTop {
	border-top: 1px solid #999;
	margin: 24px 0 0 8px;
	min-height: 20px;
	}

.toTop {
	background-color: #666;
	float: right;
	font-size: 0.8em;
	margin: -20px 0 16px;
	width: 70px;
	padding: 2px;
	position: relative;
	z-index: 100;
	text-align: center;
}
.toTopComments {margin:-25px 0 16px;}
.commentPointEnd {padding: 24px 0; margin-bottom: 16px; border-top: 1px solid #ccc;}

.toTop a, .toTop a:visited {color: #fff; text-decoration:none;}
.toTop a:hover {color: #ccc;}


.voteIntro {
	font-size:1.1em;
	color: #333;
	margin: 16px 0 -8px;
	text-align: center;
}
.voteIntro span {font-weight: normal;}

.wikiLink {
	font-size:1em;
	font-style: italic;
	color: #333;
	margin: -19px 0 0 8px;
	float: left;
	font-weight: normal;
	text-decoration: none;
}
.wikiLink a, .wikiLink a:visited {color: #000; text-decoration:none;}
.wikiLink a:hover {color: #33cc99;}

.votingOn {margin: 8px;}


/* Comments */
.commentCol {float: left;	width: 75%;}
.commenterCol {float: left;	width: 24%}
.commentCol .comment {border: 0;}

.commentCol .button {float: left;	margin: 8px 8px 8px 0;}
.commentCol .buttonSmall {float: left;	margin: 8px 8px 8px 16px;}

.pointTitleComments {
	font-size: 1.1em;
	padding: 8px 0 8px 8px;
	font-weight: normal;
	margin-bottom: -16px;
  border-top: 1px solid #ccc;
}

.commentWrapperOdd {background-color: #f9f9f9;}
.commentWrapperEven {background-color: #e3e3e3;}
.commentWrapperFirst {background-color: #fff;} /* Needs to come after the other two so it takes precedence */
.commentFirst {margin-left: -8px;}
.comment {margin-top: 16px; padding: 0px 16px 8px 16px; border-top: 1px dashed #ccc;}
.commenter {padding: 12px 0 4px 0px; float:left;}
.commenter .name {font-weight: bold;	margin-right: 2px;}
.commenter .postDate {margin-right: 8px;	font-style: italic;	color: #666;	font-size: 0.9em;}
.commenter .karma {margin-right: 8px;	color: #333;	font-size: 0.9em;}
.commenter .applause {font-size: 0.9em; font-weight: bold;}
.upArrow {margin-left: 25px 0 -4px -180px;}

.commentResponse a, .commentResponse a:visited {
	padding: 2px 4px;	
	float: left;	
	border: 1px solid #ccc;
	font-size: 0.8em;
	}
.commentResponse {margin-bottom: 42px;}
.commentResponse li { display: inline;}
.commentResponse  li a {text-decoration: none; background-color: #f6f6f6; margin: 0 8px 0 0;}
.commentResponse li a:visited {color: #fff; text-decoration: none; background-color: #666;}
.commentResponse li a:hover {color: #fff; background-color: #666}


.minimize {padding: 12px 0 0; float:right; font-size: 0.8em;}
.minimize a, .minimize a:visited {padding: 0; color:#666; border:0; text-decoration: none; font-size: 1em;} /* Needs to come after the comment a so it takes precedence */
.minimize a:hover {color:#33cc99;}
.comment .buttonSmall a {padding: 2px 0 0;}

.indent {margin-left: 8px; padding-bottom: 16px;}
.indent2 {margin-left: 16px; padding-bottom: 16px; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;}
.indentTextNoBorder1 {margin-left: 8px; display: inline;}
.indentTextNoBorder {margin-left: 16px;}


/* Footer */
#footer {
	margin: 24px 0 16px;
}

.footerNav {
	padding: 2px 0px;
	float: left;
	margin-left: -2px;
}

.footerNav li {
	display: inline;
	padding: 0 4px 0 0;
}

.footerNav a,
.footerNav a:visited,
.navBottomRight a,
.navBottomRight a:visited {
	padding: 0 4px;
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
	color: #33cc99;
}

.navHighlight a,
.navHighlight a:visited {
	color: #33cc99;
	font-weight: bold;
}

.navBottomRight {
	padding: 2px 0px;
	float: right;
	margin-right: -2px;
}


/*
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(http://debatewise.org/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;
	text-align: center;
	z-index: 8;
}

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

.vote-input-box {
	width: 770px;
	height: 50px;
	background-image: url(http://debatewise.org/images/vote-boxes-redesign.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 {
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	border: #999 1px solid;
	margin: 20px 150px;
	font-size: 1.1em;
}

div#flash.good{
	color: #006600;
}

div#flash.bad{
	color: #991616;
}

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

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

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

.debate-teams {
	border: dashed 1px #999999;
	width: 85%;
	margin: 0 auto;
}	

.debate-teams-proponents h1,
.debate-teams-opponents h1 {
	font-size: 1.2em;
}

.debate-teams-proponents,
.debate-teams-opponents {
	float: left;
	margin: 16px;
	width: 44%;
}

.debate-teams li {
	margin: 4px 0 0 16px;
	list-style: circle;
}	

/* WODC */

.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;
}

.wodcImageRight {
	float: right;
	margin-left: 15px;
}

.wodcImageLeft{
	float: left;
	margin-right: 30px;
}

.wodc .debateList .title {
font-size:1em;
line-height:150%;
margin:12px 16px 8px;
}

#debate-decisions {background-color: #f6f6f6; padding-bottom: 12px;}
.adjudicator {font-size: 1.2em; margin: 0 0 -16px; padding: 8px 0 0;}
#debate-decision1, #debate-decision2 {padding: 0 16px 16px 16px; margin: 8px 16px; border-bottom: 1px dashed #ccc;}

.wodcCol1 {float: left; width: 345px; margin-right: 80px;}
.wodcCol2 {float: left; width: 260px;}


/* Pagination */
#pagination {width: 75%;}
.jPaginate{
      height:34px;
      position:relative;
      color:#a5a5a5;
      font-size:small; 
  		width:100%;
			margin-top: 8px;
  }
  .jPaginate a{
      line-height:15px; 
      text-decoration:none;
      height:18px;
      cursor:pointer;
      padding:3px 5px 1px 5px;
      margin:2px;
      float:left;
  }
  .jPag-control-back{
  	position:absolute;
  	left:0px;
  }
  .jPag-control-front{
  	position:absolute;
  	top:0px;
  }
  .jPaginate span{
      cursor:pointer;
  }
  ul.jPag-pages{
      float:left;
      list-style-type:none;
      margin:0px 0px 0px 0px;
      padding:0px;
  }
  ul.jPag-pages li{
      display:inline;
      float:left;
      padding:0px;
      margin:0px;
  }
  ul.jPag-pages li a{
      float:left;
      padding:3px 5px 1px 5px;
  }
  span.jPag-current{
      cursor:default;
      font-weight:normal;
      line-height:15px;
      height:18px;
      padding:2px 5px;
      margin:2px;
      float:left;
  }
  ul.jPag-pages li span.jPag-previous,
  ul.jPag-pages li span.jPag-next,
  span.jPag-sprevious,
  span.jPag-snext,
  ul.jPag-pages li span.jPag-previous-img,
  ul.jPag-pages li span.jPag-next-img,
  span.jPag-sprevious-img,
  span.jPag-snext-img{
      height:22px;
      margin:2px;
      float:left;
      line-height:18px;
  }

  ul.jPag-pages li span.jPag-previous,
  ul.jPag-pages li span.jPag-previous-img{
      margin:2px 0px 2px 2px;
      font-size:12px;
      font-weight:bold;
          width:10px;

  }
  ul.jPag-pages li span.jPag-next,
  ul.jPag-pages li span.jPag-next-img{
      margin:2px 2px 2px 0px;
      font-size:12px;
      font-weight:bold;
      width:10px;
  }
  span.jPag-sprevious,
  span.jPag-sprevious-img{
      margin:4px 4px 0 0px;
      font-size:18px;
      width:15px;
      text-align:right;
  }
  span.jPag-snext,
  span.jPag-snext-img{
      margin:4px 4px 0 0px;
      font-size:18px;
      width:15px;
       text-align:right;
  }
  ul.jPag-pages li span.jPag-previous-img{
      background:transparent url(http://debatewise.org/images/pagination/previous.png) no-repeat center right;
              }
  ul.jPag-pages li span.jPag-next-img{
      background:transparent url(http://debatewise.org/images/pagination/next.png) no-repeat center left;
              }
  span.jPag-sprevious-img{
      background:transparent url(http://debatewise.org/images/pagination/sprevious.png) no-repeat center right;
              }
  span.jPag-snext-img{
      background:transparent url(http://debatewise.org/images/pagination/snext.png) no-repeat center left;
              }