/* CSS Document */

#div_sign fieldset form div {
	padding-bottom: 7px;
	overflow: hidden;
}

#div_sign fieldset form #recaptcha_div div{
	padding: 0px; !important
}

a.openid{
	border: none !important;
	text-decoration: none !important;
}

ul {
	padding-left: 10px;
}

input{
	max-width: 90%;	
}

#centercol a#europetition{
	 
}

#centercol a.europetition{
	display: block;
	background-image: url(../images/euro_petition_icon.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: 0px;
	text-decoration: none;
	background-color: none !important;
}

#centercol a.europetition:hover,#centercol a.europetition:active {
	background-image: url(../images/euro_petition_icon_over.png);
	background-repeat: no-repeat;
	border-bottom: 0px;
	text-decoration: none;
}

#centercol a.active {
	background-image: url(../images/euro_petition_icon_active.png);
}

#centercol a.active:hover,#centercol a.active:active {
	background-image: url(../images/euro_petition_icon_active_over.png);
}

body {
	background: #EEEEEE;
	/*	text-align: center;*/
	margin: 20px;
	padding: 0;
	font: normal 0.9em verdana, arial, sans-serif;
	color: #666;
}

h1 {
	margin-top: 0px;
}

a img {
	border: none;
}

a img:hover {
	border: none;
}

a.rss {
	float:right;
	border:none;
	padding: 3px;
	height: 31px;
}



blockquote {
	padding: 8px;
	background-color: #e3e3e3;
	border: 1px solid #cccccc;
	margin: 0px;
	background-image: url(../images/open.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 23px;
}

blockquote span {
	display: block;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 7px;
	min-height: 20px;
}

div.limit {
	line-height: 1.2em;
	height: 2.4em;
	overflow: hidden;
	padding: 0px 4px 0px 4px;
	width: 15em;
	margin: 0px;
	cursor: pointer;cursor: hand;
}

div.limit:hover {
	background-color: #dddddd;
	cursor: pointer;cursor: hand;
	
}

span.total{
	cursor: pointer;cursor: hand;
}
span.total:hover{
	color: #dddddd;
}


div .sign a {
	font-size: 200%;
	font-weight: bold;
	text-decoration: none;
}

.colouredheader {
	border-color: -moz-use-text-color;
	border-style: dashed none;
	border-width: 0.1em medium;
	color: #777777;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

#rightcol h1,#leftcol h1,.sidebox h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1em;
	padding: 3px 3px 3px 10px;
}

.petitionlist h1 {
	line-height: 31px;
	
}

.sidebox h1 {
	
}

#rightcol p,#leftcol p {
	margin: 0px;
}

form {
	margin: 0px;
}

form fieldset p, .fake_fieldset p {
	float: left;
	max-width: 30em;
	width: 25%;
	margin: 0 0 0 10px;
	font-size: smaller;
}


#centercol fieldset form p, #centercol .fake_fieldset form p {
	width: 20em;
	
	margin: 0 0 0 .7em;
}


form fieldset div, .fake_fieldset div {
	overflow:hidden;
	margin-bottom: 7px;
}

/* Google maps will break if divs are set to overflow:hidden */
form fieldset div#location, form fieldset div#location div, .fake_fieldset div#location, .fake_fieldset div#location div{
	overflow: visible;	
}

.required_field_asterisk {
	color: #FF0000;
	float: left;
}

.error p,.message p {
	float: none;
	width: auto;
	font-size: 100%;
	margin: inherit;
}

a {
	color: #aaaaaa;
}

a:hover {
	color: #cccccc;
}

fieldset, .fake_fieldset {
	border: 2px groove #E9E8E8;
	padding: 10px;
	margin: 5px;
}


/*div {
	margin-left: 0px;
	margin-right: 0px;		
}*/
.todo {
	border: 1px solid yellow;
	background-color: #ffffdd;
	padding: 10px;
	margin: 5px;
}

.error {
	border: 1px solid red;
	background-color: #ffdddd;
	padding: 10px;
	margin: 5px;
}

.message {
	border: 1px solid green;
	background-color: #ddffdd;
	padding: 10px;
	margin: 5px;
	clear: right;
}

table {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.5em;
	margin: 1em;
	width: 95%;
	border-collapse: collapse;
}

td,th {
	text-align: left;
	font-size: .9em;
	padding-left: .8em;
}

td {
	border-top: 1px solid #CCCCCC;
	padding: .8em;
}

#centercol fieldset label,#centercol fieldset .label, #centercol .fake_fieldset label,#centercol .fake_fieldset .label {
	width: 18%;
	max-width: 9em;
	margin-right: 0.7em;
	float: left;
	clear: left;
	text-align: right;
	margin-left: 0px;
}

#centercol fieldset input,#centercol fieldset textarea, #centercol fieldset select, #centercol fieldset form p, #content_parent, .fake_fieldset input, #centercol .fake_fieldset textarea, #centercol .fake_fieldset select, #centercol .fake_fieldset form p
	{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#centercol fieldset input[type="text"], #centercol .fake_fieldset input[type="text"],
#centercol fieldset input[type="password"], #centercol .fake_fieldset input[type="password"],
#centercol fieldset textarea,.formspacer {
	max-width: 345px;
	width: 45%;
	float: left;
}

#centercol fieldset a, #centercol .fake_fieldset a {
	padding: 0px;
}


.loginlabel {
	width: 7em;
	margin-right: 0.7em;
	float: left;
	clear: left;
	text-align: right;
}

#left_nav a.menu_item {
	display: block;
	padding: 8px;
	text-decoration: none;
	text-indent: 5px;
	font-weight: bold;
}

#left_nav a:hover .menu_item {
	text-decoration: underline;
}

#wrapper1 {
	position: relative;
	text-align: left;
	width: 100%;
	background: #FFF;
}

#wrapper2 {
	position: relative;
	text-align: left;
	width: 100%;
	background: #FFF;
}

#header {
	background: #CCCCCC;
	margin: 0;
	text-align: center;
	color: #FFF;
}



#header a:hover {
	color: #999999;
}

#maincol {
	margin: 0;
}

#leftcol {
	float: left;
	
	padding: 10px;
	background: #DDDDDD;
	z-index: 100;
}

fieldset ul, .fake_fieldset ul {
	margin: 0;
	list-style-type: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	list-style-image: none;
}

#rightcol {
	float: right;	
	width: 250px;
	
}

#rightcol ol,.meetingbox ol  {
	margin: 0;
	padding: 0;
}

#rightcol li, .meetingbox li {
	margin: 0;
	list-style-type: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	list-style-image: none;
}

#rightcol li p, .meetingbox li p{
	padding-left: 10px;
	margin: 0px;
}

li {
	list-style: disc;
	list-style-type: disc;
}

.taxonomy li {
	list-style-type: none;
	/*cursor: pointer; cursor:hand;*/
}

.taxonomy li input{
	
	margin: 0px;
}


.sidebox {
	min-width: 200px;
	min-height: 40px;
	margin-bottom: 10px;
	background: #DDDDDD;
}

.meetingbox{
	float:right;
	clear:right;
	width:200px;
}

.sidebox_inner{
	padding: 3px 10px 10px 10px;
}

.sidebox_header{
	
	overflow:hidden;
	width:100%;
}

.europetlogo{
	margin-top:5px;
	text-align:center;
	min-width:0px;
	float:left;
	clear:left;
}

.sidebox ul{
	margin: 0px;
	padding-left: 10px;
}

.logininput {
	width: 100px;
}

/* this rule is picked up only by IE to set hasLayout for centercol*/
* html #centercol { /*height: 1px;*/
	display: inline-block;
}

#centercol { 
	overflow: hidden; /*this creates a new block formatting context*/
	padding: 5px;
}

#centercol.noright {

}

#centercol a {
	color: #666;
}

#centercol a:hover {
	color: #9343B9;
}

#footer {

	text-align:center;
	background: #999999;
	clear: both;
	color: #CCC;
}
 /* AUTOCOMPLETER STUFF */
div.update {
	background: white;
	border: 1px solid #888888;
	color: black;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 250px;
	opacity: 0.5; /* the standards compliant attribute that all browsers should recognize, but... */
	filter:alpha(opacity=50); /* for IE */
	-khtml-opacity: 0.5; /* for old Safari (1.x) */
	-moz-opacity:0.5; /* for old skool Netscape Navigator */

  	
  	max-height: 500px;
  	overflow: auto;
	
}

div.update ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.update ul li.selected {
	background-color: #e3e3e3;
}

div.update ul li {
	cursor: pointer;
	display: block;
	height: 22px;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}

/* END AUTOCOMPLETER STUFF*/


#recaptcha_div{
	margin-left: 10px;
}
#centercol fieldset #recaptcha_div label, #centercol .fake_fieldset #recaptcha_div label{
	float: none;
}

span.logged_in{
	margin-top: 10px;
}

/* this rule is picked up only by IE to set hasLayout for centercol*/
* html img, * html div#centercol { behavior: url(/epetition_core/public/scripts/iepngfix.htc); }
#map img, #map div {behavior: none;}

img.loader{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	opacity: 0.5; /* the standards compliant attribute that all browsers should recognize, but... */
	filter:alpha(opacity=50); /* for IE */
	-khtml-opacity: 0.5; /* for old Safari (1.x) */
	-moz-opacity:0.5; /* for old skool Netscape Navigator */

}

input#username, input#legacy_username, input#legacy_password, input#loginbutton, input#legacy_loginbutton{
	margin: 5px;
}

div.sigtotals{ 
	text-align:right;
	width: 100%;
}
#centercol fieldset div.sigtotals input[type="text"], #centercol .fake_fieldset div.sigtotals input[type="text"]{
	width: auto;
}

.meetinglink{
	font-size: 1.1em; 
}


/* default hiding of .current-status-text as .status-info is shown by default - its and either or thing - override in client css for backwards compatability */
.current-status-text{
	display:none;
}

#centercol fieldset input.checkbox_no_float{
	float:none;
	}
	
.asterisk_no_float{
	float:none;
	}
	
.scrollable_div{
	overflow: auto;
}