/*.button-area input {
	margin: 3px;
	padding: 5px 15px;
	height: auto;
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	color: #8bb110 !important;
	background: transparent;
	background-color: #ECF9C9;
	border: 1px solid #c4dc89 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: none;
}*/


.reply.genericsubmit, .mod-del-button, .agree-button, .disagree-button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
.agree, .disagree{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	float: none;
}

.button-area{
	width: 200px;
}

.button-area DIV{
	display:block;
}
.button-area input, button, .genericsubmit, .reply a, .undo-button input, input[value="Update"], input[value="Close"], .clickchoice {
  border: 1px solid #D1E5A0;
	display: block;
	/*float: right;*/
	height: 30px;
	_padding-left: 4px; /* Compensate for 4px (width of slice) that IE6 adds to the left */
	margin-right: 10px;
	_margin-right: 5px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #8bb110;
	background-image: url(images/chrome-button-right.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	overflow: hidden; /* For IE6 */
/* 	border: 1px solid #fff; */
	float:none;
	}

.clickchoice{
	width: 100px;
	margin-right: 20px;
	float: left;
		color: #8bb110!important;
		text-align:center;
		position: -6px;
		height: 28px;

		line-height: 28px;


}
.clickchoice.active{
	background-image: url(images/section-button-back.png);
	background-position: right -30px!important;
	color: white!important;
	border: none;
	
}

.clickchoice:hover{
	color:white!important;
}
a.button-area input, button  {
	padding: 9px 12px 9px 8px;

	}
.reply a, .clickchoice a{
	margin-top: 0px;
	width: 100px;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
}
	
.button-area input:hover, button:hover, .genericsubmit:hover, .reply a:hover, .undo-button input:hover, input[value="Update"]:hover, input[value="Close"]:hover, .clickchoice:hover
{
	color: #fff;
	cursor: hand;
	background-position: right -30px;
	}

.button-desc, .button-area text, .button-area{
	font-style:italic;
	color: #33b2e6;
}

.topic-description, .create-left, .petition-description /*.changed from forum-description*/{
	float:left;
	width: 70%;
}
.topic-right, .create-right, .petition-right /*chnaged from forum-right*/{
	float:right;
	width:25%;
}

.agree-button input, .disagree-button input{
	margin-left: 50px;
	text-align: center!important;
	
}

.sign-buttons form{
	float:left;
}

.votes.agreed{
	margin-right: 20px;
	background-position:left 50%;
}
.votes.agreed .agree, .votes.disagreed .disagree{
	margin-left: 40px;
}
.votes.disagreed{
	float:left;
}

UL.node-tree .comment-options form {
	float:none!important;
}

UL.node-tree .comment-options form .agree-button, UL.node-tree .comment-options form .disagree-button{
	
	background: none;
	border: :none;
	padding: 0;
	margin: 0;
}
.listitem .right .opinion .agree, input[value=Agree], input[value='Agree with the topic'], input[value='Agree with the topic']:hover, input[value='Sign to agree with the petition'],input[value='Sign to agree with the petition']:hover
{
	background-position: left top;
	width: auto;
	height: 32px;
	background-image: url('images/thumbs_up_32.gif');
	background-repeat: no-repeat;
	color: green;
	text-align: left!important;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	border: none;
	background-color: transparent;
	font-size: 20px;
	padding-top: 0px;
	padding-left: 40px;
}
.listitem .right .opinion .agree, .listitem .right .opinion .disagree{
	height: 32px;
	line-height:32px;
	float:left;
}


.listitem .right .opinion .disagree,input[value=Disagree], input[value='Disagree with the topic'], input[value='Disagree with the topic']:hover,input[value='Sign to disagree with the petition'],input[value='Sign to disagree with the petition']:hover
{
				background-position: left;
				width: auto;
				height: 32px;
				background-image: url('images/thumbs_down_32.gif');
				background-repeat: no-repeat;
				color: red;
				text-align: left!important;
				margin:0;
				padding:0;
				margin-right: 20px;
								border: none;
				background-color: transparent;
				font-size: 20px;
				padding-top: 0px;
				padding-left: 40px

}


input[value=Agree]:hover, input[value=Disagree]:hover, [title="Remove comment"]:hover, input[value='Agree with the topic']:hover, input[value='Disagree with the topic']:hover{
	
		cursor: hand;
}

.undo-button{
	float:left;
}

[title="Remove comment"]
{
	background-position: left top;
	width: auto;
	height: 32px;
	background-image: url('images/close_32.png');
	background-repeat: no-repeat;
	color: red;
	text-align: left!important;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	font-size: 20px;
	padding-top: 6px;
	float: right;
	padding-left: 40px;
}
.commenttextarea {width: 100%}
.login-new-comment{
	 font-size: 18px;
	 float: right;
}
.topic-body, .comment-content{
	font-size: 16px!important;
}
.requestbutton {
				margin: 0 0 0 5px;
				padding: 0 0px 0 40px;
				color: #33b2e6!important;
				font-weight: bold;
				text-decoration: none;
				cursor: pointer;
				overflow: visible;
				position: relative;
				font-size: 15px;
				border: none;
				background: url(images/311_add_32.png) left no-repeat;
				/*height: 30px;*/

}
.listtitle span, .listdesc span{
	color:#225ba0!important;
}


#logo {
	background: url(images/newlogo.gif) top left no-repeat;
	width: 250px;
	height: 100px;
	margin-top: 8px;
}
#menu-container ol#navigation li a:hover,
#menu-container ol#navigation li.menuitemselected a {
	color: #454545;
	cursor: hand;
	border-top-color: #008901;
  text-decoration: none;
	}
.chrome-content{
	border-color:#008901;
	background: #D7FFD7;
}
.ui-widget-content, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-default{
	border-color:#008901;
}
.ui-tabs, .ui-widget-content .ui-state-default{
	background:#D7FFD7;
}
.ui-widget-content .ui-state-active{
	background-color: white;
}

h4, h3, .requestbutton, .create a, .chrome-top h3{
	color: #008901!important;
}