body, td, div, span, p {
	font-family:arial,sans-serif;}

body {
	background-color: transparent;}

#profileview {
	width: 336px;
	background-color: #000;
	color: #FFF;
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;}

#profileview p {
	font: 14px/20px Arial, Helvetica, sans-serif;
	padding: 20px;}

#profileview img {
	display: block;}

#profileview .install span {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	background-color: #40E0D0;
	cursor: pointer;}

#canvas {
	position: relative;
	height: 550px;
	background: transparent url(http://lypo.driebit.net/images/gadget/background.jpg) no-repeat; }

#canvas * {
	margin: 0;
	padding: 0;}

#canvas p {
	margin-bottom: 10px;}

#canvas p, #canvas ul, #canvas ol {
	font: 13px/1.5em Arial, Helvetica, sans-serif;}

#navigation {
	position: absolute;
	list-style-type: none;
	left: 0;
	top: 195px;}

#navigation li {
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 3px 20px 2px 15px;
	background-color: #000;
	float: left;
	clear: both;
	color: #40E0D0;}

#navigation li:hover,
#navigation li.active {
	background-color: #40E0D0;
	color: #000;}

#canvas #nametag {
	height: 44px;
	left: 13px;
	padding-left: 89px;
	padding-top: 55px;
	position: absolute;
	top: 59px;
	width: 118px;
	font: bold 13px Arial, Helvetica, sans-serif;}

#canvas #nametag .avatar {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 75px;
	height: 75px;
	overflow: hidden;}

#canvas .group {
	zoom: 1;
	-ms-zoom: 1;}

#canvas .group:after {
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;}

#canvas .hide {
	display: none;}

#canvas .debate, #canvas .profile {
	cursor: pointer;}

#canvas .page {
	margin: 0 0 0 240px;
	padding: 20px;
	height: 510px;
	overflow: auto;}

#canvas .page h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
	color: #FF9C00;}

#canvas #loading {
	position: absolute;
	top: 0;
	background: #40E0D0 url(http://lypo.driebit.net/images/gadget/loader.gif) center center no-repeat;}

#canvas .tabbed ul.tabs {
	list-style-type: none;
	position: relative;
	zoom: 1;
	-ms-zoom: 1;}

#canvas .tabbed ul.tabs:after {
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;}

#canvas .tabbed ul.tabs li {
	cursor: pointer;
	background-color: #40E0D0;
	color: #000;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	padding: 2px 10px 3px 10px;}

#canvas .tabbed ul.tabs li.active {
	cursor: auto;
	background-color: #000;
	color: #40E0D0;}

#canvas .tabbed div.content {
	color: #FFF;
	padding: 20px;
	background-color: #000;}

#canvas .nextlink:link, #canvas .prevlink:link,
#canvas .nextlink:visited, #canvas .prevlink:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	background-color: #40E0D0;}

#canvas .nextlink {
	float: right;}

#canvas .prevlink {
	float: left;}

#canvas .oppositeness-0, #canvas .oppositeness-10, #canvas .oppositeness-20, #canvas .oppositeness-30,
#canvas .oppositeness-40, #canvas .oppositeness-50, #canvas .oppositeness-60, #canvas .oppositeness-70,
#canvas .oppositeness-80, #canvas .oppositeness-90, #canvas .oppositeness-100 {
	display: block;
	padding-right: 105px;
	height: 21px;
	line-height: 29px;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 11px;
	background-image: url(http://lypo.driebit.net/images/gadget/oppositeness-sprite.gif);
	background-repeat: no-repeat;}

#canvas .oppositeness-0  { background-position: right -4px;}
#canvas .oppositeness-10 { background-position: right -30px;}
#canvas .oppositeness-20 { background-position: right -56px;}
#canvas .oppositeness-30 { background-position: right -82px;}
#canvas .oppositeness-40 { background-position: right -108px;}
#canvas .oppositeness-50 { background-position: right -134px;}
#canvas .oppositeness-60 { background-position: right -160px;}
#canvas .oppositeness-70 { background-position: right -186px;}
#canvas .oppositeness-80 { background-position: right -212px;}
#canvas .oppositeness-90 { background-position: right -238px;}
#canvas .oppositeness-100 { background-position:right -264px;}

#canvas .small-people-list {
	position: relative;
	zoom: 1;
	list-style-type: none;}

#canvas .small-people-list li {
	position: relative;
	display: block;
	margin: 0 0 10px 0;}

#canvas .small-people-list li div {
	background-color: #FFF;
	
	margin-left: 40px;}

#canvas .small-people-list li.perfect-opposite div {
	background-image: url(http://lypo.driebit.net/images/gadget/perfect-opposite-indicator.gif);
	background-repeat: no-repeat;}

#canvas .small-people-list li .avatar {
	position: absolute;
	left: 0;
	height: 30px;
	top: 0; 
	margin-left: 0;
	width: 30px;
	overflow: hidden;}

#canvas .small-people-list li div span {
	color: #000;
	font-size: 12px;
	line-height: 30px;
	float: right;}

#canvas .small-people-list li div span.name {
	height: 30px;
	overflow: hidden;
	margin-left: 10px;
	float: left;}

#canvas .small-people-list li div span.respects {
	font-weight: bold;}

#canvas .small-people-list li div span.respects img {
	vertical-align: middle;}

#canvas .small-people-list li div span.oppositeness-0, #canvas .small-people-list li div span.oppositeness-10,
#canvas .small-people-list li div span.oppositeness-20, #canvas .small-people-list li div span.oppositeness-30,
#canvas .small-people-list li div span.oppositeness-40, #canvas .small-people-list li div span.oppositeness-50,
#canvas .small-people-list li div span.oppositeness-60, #canvas .small-people-list li div span.oppositeness-70,
#canvas .small-people-list li div span.oppositeness-80, #canvas .small-people-list li div span.oppositeness-90,
#canvas .small-people-list li div span.oppositeness-100 {
	margin-left: 35px;
	margin-right: 10px;}

#canvas #preregister-choice span {
	cursor: pointer;
	background-color: #40E0D0;
	color: #000;
	cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 29px;
	margin-right: 5px;
	padding: 0 10px;}

#canvas #preregister-connect ul {
	margin-left: 16px;}

#canvas #preregister-connect ol {
	font-size: 11px;
	margin-top: 10px;
	margin-left: 20px;}

#canvas #preregister-connect ul li,
#canvas #preregister-connect ol li {
	margin-bottom: 10px;}

#canvas #preregister-connect span.go-to-network,
#canvas #preregister-connect span.regular-registration {
	cursor: pointer;
	text-decoration: underline;}

#canvas #preregister-connect select {
	margin-right: 5px;}

#canvas #register-statements #statement {
	background-color: #000;}

#canvas #register-statements #statement #currentstatement {
	color: #FFF;
	text-align: center;
	padding: 15px 0;
	font: bold 20px/1.5em Arial, Helvetica, sans-serif;}

#canvas #register-statements #statement-options {
	position: relative;
	height: 191px;
	background-color: #FFF;}

#canvas #register-statements #statement-options span {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(http://lypo.driebit.net/images/gadget/statement-options.gif);}

#canvas #register-statements #statement-options span.next-step,
#canvas #register-statements #statement-options span.prev-step {
	position: absolute;
	bottom: 10px;
	width: 25px;
	height: 23px;}
	
#canvas #register-statements #statement-options span.next-step {
	right: 10px;
	background-position: -425px -187px;}
#canvas #register-statements #statement-options span.next-step-rollover {background-position: -425px -164px;}

#canvas #register-statements #statement-options span.prev-step {
	left: 10px;
	background-position: -425px -141px;}

#canvas #register-statements #statement-options span.prev-step-rollover {background-position: -425px -118px;}

#canvas #register-statements #statement-options span.agree,
#canvas #register-statements #statement-options span.disagree {
	position: absolute;
	top: 32px;
	left: 50%;
	height: 105px;}

#canvas #register-statements #statement-options span.agree,
#canvas #register-statements #statement-options span.agree-active,
#canvas #register-statements #statement-options span.agree-rollover {
	width: 144px;}

#canvas #register-statements #statement-options span.agree {
	margin-left: 13px;
	background-position: -288px 0;}

#canvas #register-statements #statement-options span.agree-active {background-position: 0 0;}
#canvas #register-statements #statement-options span.agree-rollover {background-position: -144px 0;}

#canvas #register-statements #statement-options span.disagree,
#canvas #register-statements #statement-options span.disagree-active,
#canvas #register-statements #statement-options span.disagree-rollover {
	width: 137px;}

#canvas #register-statements #statement-options span.disagree {
	margin-left: -150px;
	background-position: -274px -105px;}

#canvas #register-statements #statement-options span.disagree-active {background-position: 0 -105px;}
#canvas #register-statements #statement-options span.disagree-rollover {background-position: -137px -105px;}

#canvas #register-info ol.offset {
	margin-bottom: 10px;
	list-style-type: none;}

#canvas #register-info ol.offset label {
	width: 120px;
	display: block;
	float: left;}

#canvas #register-info ol.offset label span {
	color: #666;
	display: block;
	font-size: 11px;
	line-height: 1em;}

#canvas #register-info #keyword-presets {
	border: 1px solid #FF9C00;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFFF6E;}

#canvas #register-info #keyword-presets div.group {
	position: relative;}

#canvas #register-info #keyword-presets div.group h3 {
	width: 79px;
	position: absolute;
	font-size: 13px;
	top: 0;
	left: 0;}

#canvas #register-info #keyword-presets p {
	margin: 0;
	text-align: right;
	font-weight: bold;}

#canvas #register-info #keyword-presets div.group p {
	margin-left: 80px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;}

#canvas #register-info .open-keywords,
#canvas #register-info .close-keywords {
	text-decoration: underline;}

#canvas #register-info .open-keywords,
#canvas #register-info .close-keywords,
#canvas #register-info .keyword,
#canvas #register-info .keyword-category,
#canvas #register-info .chosen-keyword {
	text-decoration: underline;
	cursor: pointer;}

#canvas #register-info #chosen-keywords {
	margin-bottom: 20px;}

#canvas #register-info #chosen-keywords h4 {
	float: left;
	font-size: 13px;
	width: 100px;}

#canvas #register-info #chosen-keywords div {
	font-size: 13px;}

#canvas #home #home-opposites {
	margin-top: 20px;}

#canvas #home #debate-today {
	background-color: #000;
	color: #FFF;
	padding: 20px;}

#canvas .debatelist {
	margin-bottom: 20px;
	list-style-type: none;}

#canvas .debaterow {
	clear: both;
	color: #FF9C00;
	line-height: 1.5em;
	border-bottom: 1px solid #333;
	padding: 10px 0;
	font: bold 13px Arial, Helvetica, sans-serif;}

#canvas .debaterow img {
	float: left;
	margin-right: 10px;
	background: transparent url(http://lypo.driebit.net/images/gadget/debate-img-default.gif) top left no-repeat;}

#canvas .debaterow em {
	display: block;
	color: #FFF;
	font: bold 16px Arial, Helvetica, sans-serif;}

#canvas .debaterow span {
	display: block;
	float: left;
	line-height: 1em;
	background-color: #40E0D0;
	color: #000;
	padding: 4px 10px 6px 10px;
	margin-top: 5px;}

#canvas #debate-detail {
	background-color: #000;
	padding: 20px;
	margin-bottom: 20px;}

#canvas #debate-react .all-reactions,
#canvas #debate-react .perfect-opposite-reactions {
	background-color: #40E0D0;
	color: #000;
	cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 29px;
	margin-right: 5px;
	padding: 0 10px;}

#canvas #debate-reactions {
	margin-top: 20px;}

#canvas #compose-reaction {
	margin-bottom: 10px;
	position: relative;}

#canvas #compose-reaction .avatar {
	position: absolute;
	margin: 0 !important;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;}

#canvas #compose-reaction .commenter-name,
#canvas #compose-reaction .commenter-reaction {
	position: relative;
	left: 85px;
	margin-right: 85px;} 

#canvas #compose-reaction .commenter-name {
	font-size: 13px;
	line-height: 29px;
	padding: 0 10px;
	background-color: #FFF;}

#canvas #compose-reaction .commenter-reaction {
	padding: 10px;
	background-color: #000;
	font-size: 12px;
	color: #FFF}

#canvas #compose-reaction .commenter-reaction textarea,
#canvas #compose-reaction .commenter-reaction input {
	color: #FFF;
	background-color: #333;
	border: 1px solid #717171;
	width: 100%;
	height: 5em;
	margin-bottom: 10px;
	display: block;}

#canvas #compose-reaction .commenter-reaction input {
	height: 1.5em;}

#canvas #compose-reaction .commenter-reaction label {
	display: block;}

#canvas #compose-reaction .commenter-reaction label input {
	height: auto;
	width: auto;
	display: inline;}

#canvas #compose-reaction .commenter-reaction div.video {
	font-size: 11px;
	color: #FFF;}

#canvas #compose-reaction .commenter-reaction div.video textarea {
	margin-bottom: 0;}

#canvas #compose-reaction .commenter-reaction .send-reaction {
	color: #000;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	font-size: 13px;
	background-color: #40E0D0;
	float: right;}

#canvas #compose-reaction .commenter-reaction .disabled {
	cursor: default;
	color: #207068;}

#canvas #compose-reaction .recorder,
#canvas #compose-reaction .video {
	margin-top: 10px;
	clear: both;}

#canvas #compose-reaction .recorder {
	text-align: center;
	color: #FFF;}

#canvas #compose-reaction #seesmic_url {
	display: none;}

#canvas .current-debate,
#canvas .current-debate .debate-video,
#canvas .current-debate .debate-options {
	float: left;}

#canvas .current-debate h3 {
	color: #FFF;
	text-align: center;
	margin-bottom: 10px;}

#canvas .current-debate h3.youtube-size {
	width: 425px;}

#canvas .current-debate h3.dailymotion-size {
	width: 420px;}
	
#canvas .current-debate h3.vimeo-size {
	width: 400px;}

#canvas .current-debate .debate-options {
	margin-left: 20px;}

#canvas .current-debate .debate-options p {
	text-align: center;
	color: #FF9C00;
	font-weight: bold;
	position: relative;}

#canvas .current-debate .debate-options p.opinion-options {
	zoom: 1;
	-ms-zoom: 1;
	padding-top: 50px;}

#canvas .current-debate .debate-options p.opinion-options span {
	color: #FFF;}

#canvas .current-debate .vote-yes,
#canvas .current-debate .vote-no {
	position: absolute;
	top: 0;
	text-indent: -9999em;
	overflow: hidden;
	left: 50%;
	display: block;
	background-image: url(http://lypo.driebit.net/images/gadget/debate-position.gif);
	width: 47px;
	height: 47px;}

#canvas .current-debate .vote-yes {
	background-position: -94px 0;
	margin-left: -49px;}
	
#canvas .current-debate .vote-no {
	background-position: -94px -47px;
	margin-left: 3px;}

#canvas .current-debate .vote-yes-mouseover { background-position: -47px 0;}
#canvas .current-debate .vote-yes-active    { background-position: 0 0;}
#canvas .current-debate .vote-no-mouseover  { background-position: -46px -47px;}
#canvas .current-debate .vote-no-active     { background-position: 1px -47px;}

#canvas .current-debate .react-to-debate {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	background-color: #40E0D0;}

#canvas .opposite-reaction {
	position: relative;}

#canvas .opposite-reaction div.avatar {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	overflow: hidden;
	background: transparent;
	height: 75px;
	margin: 0;}

#canvas .opposite-reaction div {
	background-color: #000;
	color: #FFF;
	margin-left: 85px;}

#canvas .opposite-reaction div.perfect h4 {
	background: #FFF url(http://lypo.driebit.net/images/gadget/perfect-opposite-indicator.gif) top left repeat-y;}

#canvas .opposite-reaction div h4, #canvas .opposite-reaction div p {
	font-size: 12px;
	padding: 0 10px;}

#canvas .opposite-reaction div h4 {
	color: #000;
	font-weight: normal;
	padding: 4px 10px 5px 10px;
	background-color: #FFF;
	margin-bottom: 10px;}

#canvas .opposite-reaction div h4 span {
	height: 21px;
	line-height: 29px;
	float: left;}

#canvas .opposite-reaction div h4 span.respects {
	vertical-align: bottom;
	font-weight: bold;
	display: block;
	float: right;
	padding-right: 25px;
	margin-right: 30px;
	background: transparent url(http://lypo.driebit.net/images/gadget/respect-icon-wbg.gif) bottom right no-repeat;}

#canvas .opposite-reaction div h4 span.oppositeness-0, #canvas .opposite-reaction div h4 span.oppositeness-10,
#canvas .opposite-reaction div h4 span.oppositeness-20, #canvas .opposite-reaction div h4 span.oppositeness-30,
#canvas .opposite-reaction div h4 span.oppositeness-40, #canvas .opposite-reaction div h4 span.oppositeness-50,
#canvas .opposite-reaction div h4 span.oppositeness-60, #canvas .opposite-reaction div h4 span.oppositeness-70,
#canvas .opposite-reaction div h4 span.oppositeness-80, #canvas .opposite-reaction div h4 span.oppositeness-90,
#canvas .opposite-reaction div h4 span.oppositeness-100 {
	float: right;}

#canvas .opposite-reaction div p.meta {
	font-size: 11px;
	padding: 4px 10px 5px 10px;
	color: #979797;
	background-color: #2E2E2E;}

#canvas .opposite-reaction div p.meta span.respects {
	font-weight: bold;
	color: #FFF;
	float: left;}

#canvas .opposite-reaction div p.meta span.respects img {
	vertical-align: middle;}

#canvas .opposite-reaction div p.meta span.date {
	float: right;}

#canvas .opposite-reaction div p.meta span.respects span.respect {
	cursor: pointer;
	color: #40E0D0;}

#canvas .more-opposites {
	float: right;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	background-color: #40E0D0;}

#canvas #my-info, #canvas #my-statements-debates, #canvas #my-people {
	margin-bottom: 20px;}

#canvas #myprofile_details,
#canvas #profile_details {
	zoom: 1;
	position: relative;}

#canvas #myprofile_details dl,
#canvas #profile_details dl {
	margin-left: 85px;
	font: 12px/21px Arial, Verdana;}

#canvas #myprofile_details dt,
#canvas #profile_details dt {
	color: #F90;
	width: 110px;
	float: left;
	clear: left;}
	
#canvas #myprofile_details input,
#canvas #myprofile_details select,
#canvas #myprofile_details span.save-profile,
#canvas #myprofile_details .imageurl,
#canvas #myprofile_details .showprofile {
	display: none;}

#canvas #myprofile #my-info span.edit-profile,
#canvas #myprofile #my-info span.save-profile {
	background-color: #40E0D0;
	font-size: 13px;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding: 4px 10px 6px;
	text-decoration: none;
	float: right;}

#canvas #myprofile_details.edit input,
#canvas #myprofile_details.edit select {
	display: block;
	margin-bottom: 4px;}

#canvas #myprofile_details.edit span.save-profile,
#canvas #myprofile_details.edit .imageurl,
#canvas #myprofile_details.edit .showprofile {
	display: inline;}

#canvas #myprofile_details.edit dd.showprofile input {
	display: inline;
	vertical-align: middle;}

#canvas #myprofile_details.edit span {
	display: none;}

#canvas #myprofile_details.edit .imageurl span {
	display: block;
	font-size: 11px;
	line-height: 1em;
	color: #999;
	margin-left: 111px;
	width: 200px;}

#canvas #myprofile_keywords {
	position: relative;}

#canvas #myprofile_keywords h3,
#canvas #myprofile_keywords h4,
#canvas #myprofile_keywords p,
#canvas #myprofile_keywords.edit p.hide,
#canvas #myprofile_keywords h3.chosen span {
	display: none;}

#canvas #myprofile_keywords h3.chosen {
	display: block;}

#canvas #myprofile_keywords h3,
#canvas #networks h3 {
	color: #F90;
	font-size: 14px;}

#canvas #myprofile_keywords.edit h3,
#canvas #myprofile_keywords.edit h4,
#canvas #myprofile_keywords.edit p,
#canvas #myprofile_keywords div#my-keywords,
#canvas #myprofile_keywords div#my-keywords h4,
#canvas #myprofile_keywords div#my-keywords div,
#canvas #myprofile_keywords div#my-keywords p {
	display: block;}

#canvas #myprofile_keywords div#my-keywords {
	margin-bottom: 20px;}

#canvas #myprofile_keywords h4 {
	width: 8em;
	float: left;
	color: #F90;
	font-size: 13px;}

#canvas #myprofile_keywords p.categories {
	margin-left: 8em;}

#canvas #myprofile_keywords p.category {
	margin-left: 8em;
	margin-right: 8em;}

#canvas #myprofile_keywords p.category span.selected {
	cursor: default;
	color: #999;}

#canvas #myprofile_keywords p.categories span.selected {
	font-weight: bold;
	color: #40E0D0;}

#canvas #myprofile_keywords span.edit-profile,
#canvas #myprofile_keywords span.save-profile {
	position: absolute;
	bottom: 20px;
	right: 20px;
	float: right;}

#canvas #myprofile_keywords span.edit-profile,
#canvas #myprofile_keywords span.save-profile {
	display: none;}

#canvas #myprofile_keywords span.edit-profile,
#canvas #myprofile_keywords.edit span.save-profile {
	display: inline;}

#canvas #myprofile_keywords.edit h3.chosen span {
	display: inline;}

#canvas #myprofile_keywords.edit .keyword-category,
#canvas #myprofile_keywords.edit .keyword,
#canvas #myprofile_keywords.edit .chosen-keyword {
	cursor: pointer;}

#canvas #myprofile_details .avatar,
#canvas #profile_details .avatar {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 75px;
	overflow: hidden;
	height: 75px;}

#canvas #myprofile_mystatements ul,
#canvas #myprofile_mydebates ul,
#canvas #otherprofile_statements ul,
#canvas #otherprofile_debates ul {
	position: relative;
	zoom: 1;
	-ms-zoom: 1;
	margin-bottom: 20px;
	list-style-type: none;}

#canvas #myprofile_mystatements li,
#canvas #myprofile_mydebates li,
#canvas #otherprofile_statements li,
#canvas #otherprofile_debates li {
	position: relative;
	font: bold 15px/22px Arial, Helvetica, sans-serif;
	padding: 14px 85px 14px 0;
	border-bottom: 1px solid #333;}

#canvas #myprofile_mystatements li span,
#canvas #myprofile_mydebates li span.vote-yes-active,
#canvas #myprofile_mydebates li span.vote-no-active,
#canvas #profile #statements-debates li span.vote-yes-active,
#canvas #profile #statements-debates li span.vote-no-active {
	width: 33px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999em;
	background-image: url(http://lypo.driebit.net/images/gadget/myprofile-positions.gif);
	position: absolute;
	top: 8px;}

#canvas #myprofile_mystatements li span.vote-yes {
	cursor: pointer;
	right: 47px;
	background-position: top right;}

#canvas #myprofile_mystatements li span.vote-yes-active,
#canvas #myprofile_mydebates li span.vote-yes-active,
#canvas #profile #statements-debates li span.vote-yes-active {
	background-position: bottom right;}

#canvas #myprofile_mystatements li span.vote-no {
	cursor: pointer;
	right: 0;
	background-position: top left;}

#canvas #myprofile_mystatements li span.vote-no-active,
#canvas #myprofile_mydebates li span.vote-no-active,
#canvas #profile #statements-debates li span.vote-no-active {
	background-position: bottom left;}	

#canvas #myprofile_mydebates li {
	padding: 14px 0;}

#canvas #myprofile_mydebates li span.statement,
#canvas #profile #statements-debates li span.statement {
	float: left;
	margin-right: 10em;}

#canvas #myprofile_mydebates li span.debate,
#canvas #myprofile_mydebates li span.vote-no-active,
#canvas #myprofile_mydebates li span.vote-yes-active,
#canvas #profile #statements-debates li span.debate,
#canvas #profile #statements-debates li span.vote-yes-active,
#canvas #profile #statements-debates li span.vote-no-active {
	position: absolute;
	top: 14px;
	right: 0;}

#canvas #myprofile_mydebates li span.statement,
#canvas #profile #statements-debates li span.statement {
	position: static;
	top: auto;
	right: auto;}

#canvas #profile #statements-debates li span.vote-yes-active,
#canvas #profile #statements-debates li span.vote-no-active {
	top: 8px;}

#canvas #myprofile_mydebates li span.vote-no-active,
#canvas #myprofile_mydebates li span.vote-yes-active,
#canvas #profile #otherprofile_debates li span.vote-yes-active,
#canvas #profile #otherprofile_debates li span.vote-no-active {
	top: 8px;
	right: 8em;}

#canvas #networks ol {
	margin-left: 25px;}

#canvas #networks .generate-code,
#canvas #networks .go-to-network {
	text-decoration: underline;
	cursor: pointer;}

#canvas #networks select {
	margin-right: 5px;}

#canvas #profile #profile-info,
#canvas #profile #statements-debates,
#canvas #profile #profile-opposites {
	position: relative;
	margin-bottom: 20px;}

#canvas #profile #profile-info #profile_details {
	padding-bottom: 4em;}

#canvas #profile #profile-info dl {
	margin-right: 180px;}

#canvas #profile .add-perfect-opposite,
#canvas #profile .remove-perfect-opposite {
	background-color: #40E0D0;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	padding: 4px 10px 6px;
	text-decoration: none;
	float: right;}

#canvas #profile #profile-info .is-perfect-opposite,
#canvas #profile #profile-info .not-perfect-opposite {
	position: absolute;
	top: 0;
	right: 20px;
	width: 142px;
	height: 149px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(http://lypo.driebit.net/images/gadget/perfect-opposite-badge.gif);}

#canvas #profile #profile-info .is-perfect-opposite {
	background-position: top right;}

#canvas #profile #profile-info .not-perfect-opposite {
	background-position: top left;}

#canvas #profile #profile-info p.meta {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4em;
	background-color: #FFF;
	width: 100%;
	margin-bottom: 0;
	zoom: 1;
	-ms-zoom: 1;}

#canvas #profile #profile-info p.meta span {
	color: #000;}
	
#canvas #profile #profile-info p.meta span.text {	
	color: #F90;
	float: left;
	font-weight: bold;
	line-height: 4em;
	padding-left: 105px;}

#canvas #profile #profile-info p.meta span.opposition {
	float: left;
	display: inline;
	margin-left: 18px;
	margin-top: 13px;}

#canvas #profile #profile-info p.meta span.add-perfect-opposite,
#canvas #profile #profile-info p.meta span.remove-perfect-opposite {
	position: absolute;
	top: 10px;
	right: 10px;}

#canvas #profile #profile-info #profile_keywords h4 {
	float: left;
	width: 100px;
	font-size: 13px;
}

#canvas #my-opposites #my-perfect-opposites,
#canvas #my-opposites #opposites-respects {
	margin-bottom: 20px;}