/* --- base --- */
body {text-align:center;background-color:#eeeeee; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:135%; margin:15px;  padding:0;}
p,table,div.error,div.message,dl,div.todo {padding:.2em 0 .3em; margin:0 20px; }
div.error,div.message,div.todo {margin-bottom: 1em;background:#ffe1c1; -webkit-border-top-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomleft: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;}
div.error{background:#FF9494;font-weight: bold}
h1 {font-size:2em; line-height:1em; padding:.1em 0 .4em 0; margin:0 20px 0 20px; color:#5a5b5e; font-weight:normal;}
h2 {font-size:1.6em; line-height:1.1em; padding:.6em 0 .4em 0; margin:0 20px 0 20px; color:#5a5b5e; font-weight:normal; overflow:hidden;}
h3 {font-size:1.1em; padding:0.4em 0; margin:0 20px 0 20px; color:#5a5b5e;}
ul, ol {list-style-position:outside; margin:0 20px 0 30px; padding:.4em 0 .9em 1em; }
li {padding:0 0 .7em 0;}
ul {list-style-type:square;}
td {vertical-align:top; padding:0;}
img {border:0px;}
blockquote {margin:0}
table{width:90%; table-layout: fixed; word-wrap:break-word;}
table#recaptcha_table {table-layout: auto;}
dt{margin-top: 20px}
dd p {margin:0;}
dd {margin-left: 20px}

a:link {color:#be1e2d; text-decoration:none;}
a:visited {color:#cf7000; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#be1e2d; text-decoration:underline;}

#col_2 h1.page_title_h1 {
	display:none;
}
 

/* --- general classes --- */
.clear {clear:both;}
.fleft {float: left;}
* html h1.fleft,
* html h2.fleft,
* html h3.fleft {margin-left:0px}
.fright {float: right}
.hspace {clear:both; height: 1em;}
.hspace_big {clear:both; height: 3em;}
.date {text-transform:uppercase; padding:0 0 .4em 0;}
.more {background:url(../images/arrow-white.gif) no-repeat right center; padding:0 13px 0 0; }
.break-word {word-wrap: break-word;}
.item {padding:0 0 1.5em 0;}
.item img {float:left; margin:10px 15px 10px 25px;}

/* --- layout and style --- */
#container {text-align:left;width:100%; margin:0 auto; min-width: 986px}
#header {height:23px;margin-top:7px;background:#eeeeee;color:#000;text-align:right;}
.colouredheader {font-size: 1.2em; font-weight: bold; }
#custom_header,#custom_footer {background:#FFF;border:#cdcdcd 1px solid;}
#main_content {background:#FFF url(../images/shadow.gif) top repeat-x;margin: 0 2px 0 2px;border:#cdcdcd solid;border-width: 0 1px 1px; padding-top: 25px; min-height: 400px}
#custom_footer {background:#58585a; color:#fff; padding:5px;margin: 0 2px 0 2px;border:#cdcdcd 1px solid;}
*html #main_content {display:inline-block;}
#col_1 {float:left; width:190px;}
*html #col_1 {height:200px; width: 160px}
#col_2 {margin-top:10px; margin-left: 190px; margin-right: 220px;max-width: 800px;max-width: 800px;min-width: 550px;}
#col_2.no_col_3 {margin-right: 0;max-width: none;min-width: 790px;}
#col_2_inner {width:100%; float:left}
* html #col_2 #col_2_inner {width:auto;} 
* html #col_2{width:450px;margin-left: 180px}
* html #col_2.no_col_3 {width:790px;}
#col_3 {width: 220px; float:right; margin-top:10px}

#col_2 .main_left {margin-right: 200px;     clear: left;}
* html #col_2 .main_left {width: auto;} 
#col_2 .main_left .main_left_inner {width:100%; float:left;max-width: 800px;max-width: 800px;}
* html #col_2 .main_left .main_left_inner {width:500px;} 
#col_2 .main_right {float:right; width:200px; clear: right;}


#header a{color: #000; padding: 0 30px 0 0; font-size: 1.1em}

#header span{margin: 0;padding: 0 2em 0 1em;}
#language_opts form {float: right;margin:0; padding: 0}
#language_opts,
#login_opts {float: right;margin:0 2em; padding: 0}
#login_opts a.login_btn{background: url(../images/arrow-inv.gif) left center no-repeat;	padding: 0 30px 0 18px;}

#skip_links {text-align:left; position:absolute;}
#skip_links a {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
#skip_links a:focus, #skip_links a:active {position:static; left:0; width:auto; height:auto; overflow:visible; text-decoration:underline;}

p.h1_note {font-style:italic;font-size:1.4em;clear: both;}

.filter_group{clear: both;}

#menu {font-size:1.2em; width:100% }
#menu ul,
.filter_group ul {list-style:none; padding:0; margin:8px 0 20px 0;}
*html #menu ul,
*html .filter_group ul {display:inline-block;}
*html #menu ul li {display:inline-block;float:left;width:100%}
#menu ul li,
.filter_group ul li {display:block; padding:0;}
#menu ul li a,
#menu ul li a:visited,
.filter_group ul li a {display:block; color:#BE1E2D; background:#f1f1f1; padding:4px 15px 3px 35px; text-decoration:none;}
#menu ul li a:hover,
.filter_group ul li a:hover {background:#6e6e70; color:#fff;}
#menu ul li.active a, #menu ul li.active a:hover,
#menu ul li.active a:visited,
.filter_group ul li.active a,
.filter_group ul li.active a:visited,
.filter_group ul li.active a:hover {color:#fff; background: url(../images/arrow-white.gif) no-repeat #6e6e70 10px center}
.filter_group ul {width: 200px; float: right; padding:0; margin:0.2em 0 2em}
.filter_group ul li{width: 200px; float: right; padding:0; margin:0}

/* far to general breaks more than whatever it fixes - do this on a class ! #main_content img {float:left; margin:0 10px 10px 20px;}  */

.sidebox {background: #f1f1f1; margin: 0 0 20px;}
.sidebox h3 {font-size:1.4em; margin:0;padding: 1em 10px 1em 15px}
.sidebox h4 {font-size:1em; font-weight: bold;margin:0; padding: 0;}
.sidebox h3 a,
.sidebox h4 a {*float:left}

.sidebox.boxlist ol{list-style: none;	padding: 0 0 1em; margin: 0 10px 1em 15px;}
.sidebox.boxlist ol li{display: block; padding: 0.5em 0;}
.sidebox.boxlist ol li p{margin: 0; padding:0;}
.sidebox.boxlist.topsubjects ol li {margin: 0 1em 0.5em 0; padding:0;font-weight:bold}

ul.plain_list,.plain_list li{margin:0 0.5em;padding:0 0.2em;list-style:none}
ul.sigcount,ul.sigcount li{padding:0;}
div.second_sigcount {margin-top:0.5em}

/* call to action button */
.btn, .btn strong {white-space:nowrap; display:block; height:26px; float:left; color:#333; background:#f9a23a  url(../images/btn/glossybtn.png) no-repeat;}
.btn.back, .btn.back strong {background:#f9a23a  url(../images/btn/glossybtn-back.png) no-repeat;}
.btn.back {background-position: top right}
.btn:hover, .btn:hover strong {text-decoration:none; background-color:#ff8b00;}
*html .btn,
*html .btn strong {background-image:none; display:inline-block; cursor:pointer;}
.btn {background-position:top left; line-height:27px; max-width:500px;}
.btn strong {background-position:top right; margin-left:10px;}
.btn.back strong {margin-left:0;margin-right: 10px;}
.btn strong,.field_action input { padding:0 30px 0 15px;}
.btn.back strong {padding: 0 15px 0 30px}
.btn_pretext {float:left; margin: 10px 15px 0 0;}
.centered_button {text-align:center;width:100%}
.centered_button span {margin: 0 auto 1em; display:inline-block;}

/* form button */
html>body .submit_big, .submit_big input {white-space:nowrap; display:block; height:32px; float:right; color:#fff; background:#be1e2d url(../images/btn/submitbtn-big.png) no-repeat; }
.submit_big  input{*float: left;}
html>body .submit_big input,
html>body .submit input,
form fieldset.big .submit input,
form fieldset.big .submit_big input {width:auto;font:inherit;}
html>body .submit_big:hover, .submit_big:hover input {background-color:#e02234;}
html>body .submit_big {background-position:top left; line-height:27px; padding:0; margin:0; max-width:500px;}
html>body .submit_big input {border:none; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-position:top right; margin:0 0 0 10px; padding:0 25px 0 15px; *padding:0 25px 0 0;}
html>body .submit_big input:focus {outline:none;}
.cancel_submit {text-align:right;display:block;max-width: 310px;}
.cancel_submit span {margin-right: 5em;float:left;margin-top: 17px;}


/* small form button */
html>body .submit, .submit input {white-space:nowrap; display:block; height:26px; float:left; color:#fff; background:#be1e2d url(../images/btn/submitbtn.png) no-repeat;}
html>body .submit:hover, .submit:hover input {background-color:#e02234;}
html>body .submit,html>body form .field_action {background-position:top left; line-height:24px; padding:0; margin:0 30px 5px 0; max-width:500px; float:right;}
html>body .submit input,html>body form .field_action input {border:none; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-position:top right; margin:0 0 0 10px}
html>body .submit input {padding:0 10px 0 0;*padding-right: 35px}
html>body .submit input:focus,html>body form .field_action input:focus {outline:none;} 
form fieldset.big .field_action input {width: auto}

/* petition list */
.petition_item {padding-bottom: 2px;margin: 0 20px 1em; width: 90%; min-width:500px; max-width:800px; border: #e7e8ed solid 2px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;clear:both}
* html .petition_item{width: 500px}
.petition_item h2.title {float: left; color: #BE1E2D; font-size: 1.4em; margin: 0.3em; padding:0}
div.state {font-size:1em;text-align:left;padding: 0.4em 0.6em; background: #ffe1bf; font-weight:bold; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomleft: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;}
.petition_item div.state {float: right;}
.petition_item p {clear: both;margin:0.3em;padding:0;}
.petition_item .detail {border: solid #fff; border-width: 1px 0px 1px 2px; float: left; width:49.5%}
.petition_item .detail strong,
.petition_item .detail span {float: left; width:48%; background: #f1f1f1; padding:0.5% 0.5% 0.5% 1.5%;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.petition_item .detail strong {font-weight: normal; text-transform:uppercase;}
.petition_item p.btn .btn,
.petition_item p.btn {float: right; clear: right; width:auto}
.petition_item.my_petition_item .detail {clear: left;}
.petition_item.my_petition_item p.btn {clear: none;}
.petition_item .item_btn {float:right;clear:none}
.petition_item .btns_right {width: 45%;float:right}

/* pretty pagination */
.pagination {text-align:center;width: 500px;margin: 0 20px;}
.pagination_box {clear: both; text-align: center; display:inline-block;margin:auto; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; padding: 0.4em 2em 1em;border:2px solid #E7E8ED; }

.pagination a {text-decoration: none;}

.pagination .page_prev_next,
.pagination .page_choose {clear: both;margin-top: 1em;}

.pagination .next,
.pagination .previous {background: #F1F1F1;padding:0.3em}
.pagination .current {font-style: italic; margin: 0 2em}

.pagination .page_link,
.pagination .separator_dots {width: 1.1em; padding: 0.2em 0.5em; margin: 0.3em 0.1em;display:inline-block}
.pagination .separator_dots { padding: 0.2em 0.1em; }
.pagination .page_link {border: solid 1px #000;background: #fff}

.pagination a .page_link,
.pagination a .previous,
.pagination a .next {color: #fff;background: #6E6E70; }

/* petition page */
.petition {margin:0 20px; padding: 1em 0 ; border: #e7e8ed solid 2px; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;display:block}
.petition .petition_text {font-size: 1.2em}
.petition .addthis_button {float: right; margin: 12px}
.petition .main_left {border-right: solid 1px #e7e8ed}

.petition .state {margin: 0.1em 1em 1em}
.petition .detail span,
.petition .detail strong {padding:1px 0.2em 0;display:block; margin: 0 1em 0}
.petition .detail strong {background: #f1f1f1; margin-top: 1em}
.petition .detail .strong {font-weight: bold}
.petition .detail span{}
table.signatures {text-align:left}
/* Fix IE pick-a-boo problem */
div.petition
{
	*position: relative; /* peekaboo bug fix for IE6 */
	*min-width: 0; /* peekaboo bug fix for IE7 */
}

/* forms - big and small */

form {padding:0 0 .3em 0; margin:0 20px 0}
* html form {margin-right: 0}
form label {font-size: 1.1em}

form fieldset.small {margin:0; padding:0; border:none;display: inline}
form fieldset.small legend {display:none}
form fieldset.small label,
form fieldset.small select,
form fieldset.small p {margin:0 0.5em 1em 0; padding: 0; float:left;}
form fieldset.small label {margin-top: 4px}

form fieldset.short {margin-top: -4px;}

form fieldset.big {margin:0 0 1em; padding:0; border:none;background: #f0f0f2; max-width:800px}
form fieldset.big legend {margin:0; display:block; padding:.5em 0 .3em 0; font-size:1.2em;background:#fff;width:100%}
form fieldset.big legend {*width:100%;  *margin:0; *position:relative; *left: -.5em}
* html form fieldset.big legend {background: #f0f0f2; margin:2px 5px 15px; font-weight:bold; left: 0; position:static}

form fieldset.big label {width:21%;clear:left; display:inline-block; font-weight:bold; vertical-align: top}
form fieldset.big label a {vertical-align:top}

form fieldset.big input,
form fieldset.big select,
form fieldset.big textarea {width:40%; font:1em Arial, Helvetica, sans-serif;}

form fieldset.big .label_and_input label {width:29%;padding-right:1%}
form fieldset.big .label_and_input input,
form fieldset.big .label_and_input select,
form fieldset.big .label_and_input textarea {width:66%;}
*html form fieldset.big .fielderror input,
*html form fieldset.big .fielderror select,
*html form fieldset.big .fielderror textarea {width: 202px;}

/*Percentage widths aint good in tables, this override only applies in admin/su forms*/
form fieldset.big table label,
form fieldset.big table input,
form fieldset.big table select,
form fieldset.big table textarea,
.subform form fieldset input {width:auto;}
form fieldset.big table .sigtotals label {width: 9em}

.subform form fieldset div,
.subform form fieldset.big div{padding: 0.5em;}

form fieldset.big textarea {height:70px; margin:0;}
form fieldset.big img {margin:1px 0 0 5px;}

form .editable {display: block; clear:both; margin:0 10px; padding: 10px 0 10px; border-top: solid 1px #fff; border-bottom: 1px solid #afb3b6;}
form .editable {*display: inline-block;}

form .last_editable {border-bottom: none; }
form .first_editable {border-top: none;}
form .field_note,form .field_action {float:right;word-wrap: break-word; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; margin: 0 5px 5px;padding:.4em 10px;}
form .field_note.additional_note {*margin-top: 0}

form .field_note {width:24%;padding: 0.4em 10px 0.4em 20px;background:#d9dde0 no-repeat url(../images/icon-info.png) 4px 4px }

.comp_field{display:inline-block}
.comp_field{*display:inline;}

form fieldset.big .inline {clear:none; width:auto !important; font-weight:normal; display:inline}
form fieldset.big .comp_field label,.inline {width: auto;display:inline-block;padding-right:0}
form fieldset.big .comp_field input {width: auto}
form h3 {margin-left: 0;padding-left:0}



* html form .field_note ,* html form .field_action{position:static;}
* html form .field_note {background-image: url(../images/icon-info.gif)}

form .editable div.label_and_input {*float: left; width:65%; padding: 2px;display:inline-block}

/*In order to get terms and conditions text to display suitably:*/
/*div.label_and_input.auto {width:auto !important}*/
div.label_and_input.auto label.inline {position:absolute}
form .editable.fielderror div.label_and_input.auto {width: 97%} 
form .editable.fielderror div.label_and_input {border: solid 2px #FF9494; padding: 2px;display:inline-block}
form .errorSummary p {font-weight:bold;}
form .errorSummary p, 
form .errorSummary li {background:#f8dbf8; color:#494949; float:left; clear:left; padding:0 2px; margin:2px 0;}
form .error {border:3px solid #f544f3;}

form .thankyou p {background:#b9e9f9; color:#494949; float:left; clear:left; padding:5px; margin-bottom:10px; font-size:1.5em;}

form.sort_by {float:right; margin:0.1em 1em 0 0;}

p.rpxnow{float:right;position:relative;top:1em;z-index:1;height:0}
p.rpxnow{*width:100%;*text-align:right;*left:-40px;*top:1.2em}
p.rpxnow i {display:none}
* html p.rpxnow{top:2.5em;left:-45px;}
p.rpxnow .ico {width:16px;height:16px;display:inline-block;margin:0 0.3em;background-repeat:no-repeat}
p.rpxnow .facebook {background-image: url(../images/openid_icons/facebook.gif);display:none}
p.rpxnow .twitter {background-image: url(../images/openid_icons/twitter.gif)}
p.rpxnow .google {background-image: url(../images/openid_icons/google.gif)}
p.rpxnow span i {display:none;}
ul.tick_bullets {margin:0 20px;padding:0}
ul.tick_bullets li {margin:0;padding: 0 0.5em 2em 32px;background: no-repeat url(../images/bullet-tick.jpg);list-style:none}







/* generic taxonomy spans should be block ? 
ul.taxonomy span {
	display: block;
}
*/

.client_terms li, .taxonomy li {
	list-style-type: none;
	padding: 0;
}

.client_terms li input, .taxonomy li input {
	margin: 0px;
}

/* tag admin tree / list styling */
ul.taxonomy.admin, .taxonomy.admin ul { background-color:#EEEEEE;color:#333333; margin:3px; padding: 0 3px;}
ul.taxonomy.admin { border: 1px solid #000000;}
ul.taxonomy.admin li, .taxonomy.admin ul li { margin:3px; padding: 0 3px;}

li .admin.taxonomy_term { font-weight:bold; margin:3px; padding: 0 3px; }
li .admin.client_term { font-weight:bold;background-color:#CCCCEE;color:#222222;border: 1px solid #000000; margin:3px; padding: 0 3px; }
li .admin.user_term { font-weight:bold;border: 1px solid #000000;p margin:3px; padding: 0 3px; }

/* client_term pool - not in use in html at the moment */
ul.client_terms.admin { background-color:#EEEEEE;color:#333333;border: 1px solid #000000; margin:3px; padding: 0 3px; }
ul.client_terms.admin li { margin:3px; padding: 0 3px;}

/* tag view styling */
.view.taxonomy_term { font-style:normal; }
.view.client_term { font-style:italic; }
.view.user_term { font-style:italic; }

/* images for tag manage */
img.add_client_term_img, img.delete_client_term_img { vertical-align:baseline;}

/* drag n drop stylying for tag management */
.tag_dropable_hover {
	border: solid 3px #666666;
}
/* drag handles on client terms */
img.drag_handle {
	vertical-align:top;
	}
	
	
	
	
	
	
	
/* CSS from old base.css to get manage screens working */


 /* 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*/



.client_terms li, .taxonomy li {
	list-style-type: none;
}

.client_terms li input, .taxonomy li input {
	margin: 0px;
}

/* tag admin tree / list styling */
ul.taxonomy.admin { background-color:#EEEEEE;color:#333333;border: 1px solid #000000; }
ul.taxonomy.admin li {margin:3px;}

li .admin.taxonomy_term { font-weight:normal;padding:0 3px; }
li .admin.client_term { font-weight:bold;background-color:#CCCCEE;color:#222222;border: 1px solid #000000;padding:0 3px; }
li .admin.user_term { font-weight:bold;border: 1px solid #000000;padding:0 3px; }

/* client_term pool - not in use in html at the moment */
ul.client_terms.admin { background-color:#EEEEEE;color:#333333;border: 1px solid #000000; }
ul.client_terms.admin li {margin:3px;}


/* tag view styling */
.view.taxonomy_term { font-style:normal; }
.view.client_term { font-style:italic; }
.view.user_term { font-style:italic; }

/* images for tag manage */
img.add_client_term_img, img.delete_client_term_img { vertical-align:baseline;}

/* drag n drop stylying for tag management */
.tag_dropable_hover {
	border: solid 3px #666666;
}
/* drag handles on client terms */
img.drag_handle {
	vertical-align:top;
}

.taxonomy ul li input
{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.threshold_reached
{
	display:inline;
}

.threshold_reached i
{
	display:none;
}
.threshold_reached img
{
	display: inline;
	width: 17px;
	height: 16px;
	position:absolute;
	margin-left:1em;
	z-index: 2;
}
table td .threshold_reached img
{
	padding-left: 0;
}
.threshold_reached img.upper
{
	padding-left: 20px;
	z-index: 1;
}

table div.threshold_reached span
{
	display:none;	
}



/* Management Pages */
.pagination_links_div,.epetitioner_option_links,.petition_option_links
{
	margin: 0 20px;
}
.pagination_links_div a,.pagination_links_div b,.epetitioner_option_links a,.petition_option_links a
{
	margin: 0 2em 0 0;
}


/* Footer */
#public-i_footer{margin: 0 auto;text-align:right;}
#public-i_footer,#public-i_footer a,#public-i_footer a:hover,#public-i_footer a:visited { color:#000;text-decoration:none}
#public-i_footer span {position: relative;top: -9px;font-size:12px;}
#public-i_footer .public-i_logo i {display: none}
#public-i_footer .public-i_logo {background:url(../images/public-i.png);width:119px;height:40px;display:inline-block;margin-right:5px}
* html #public-i_footer .public-i_logo {background:url(../images/public-i.gif)}
#public-i_footer a span
{
	*position:static;
	*vertical-align:40%;
}