body.ePetitions {
background: url("../../../../images/body_bg.jpg") no-repeat scroll center top #FFF;
}

a {
cursor: pointer;
}

p {
word-wrap: break-word;
}

a.disabled, a.disabledVisible
{
    cursor: default;
    text-decoration: none;
	background: none;
}

a.disabled
{
	color: #ffffff!important;
}

p a.button,p a.buttonClose {
font-size: 1.0em;
}

ol {
padding: 0px 0px 5px 0px;
}

.dualList img {
float: left;
margin: 0px 10px 0px 0px;
border: #999999 2px solid;
}

.button, .buttonClose {
background: url("../../../../images/buttonRepeater.gif") repeat-x 0 0;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 3px 5px 4px 5px;
color: #ffffff;
cursor: pointer;
}

.button:hover, .buttonClose:hover {
background: url("../../../../images/buttonRepeater.gif") repeat-x 0 -24px;
cursor: pointer;
}

p .button, p .buttonClose {
font-size: 1.0em;
margin: 0px 0px 0px 10px;
}


.buttonToText, .buttonToTextDisabled {
border: none;
background: none;
cursor: pointer;
color: #3e0a5f;
font-size: 1.1em;
padding: 0px;
margin: 0px;
}

div.whatsOnContentBottom .buttonToText {
color: #636466;
}

.buttonStandalone {
float: left;
width: 226px;
padding: 10px 0px 25px 0px;
text-align: center;
}

.clear {
clear: both;
}

div.infoWrapper {
position: relative;
float: right;
width: 85px;
}

div.infoContent {
left: -258px;
/*display: none;*/
}

div.stagesBox div.infoContent p {
width: auto;
}

div.noScriptInfoContent {
	background: #F0ECF2;
    border: 1px solid #BEBEBE;
	width: 703px;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
	float: left;
}

.pdf {
background: url("../../../../images/iconPdf.png") top left no-repeat!important;
padding: 0px 0px 5px 20px!important;
margin: 10px 0;
}

.rss {
background: url("../../../../images/iconRss.png") top left no-repeat;
padding: 0px 0px 5px 20px;
margin: 0px 0px 10px 0px;
display: block;
font-size: 1.2em;
float: left;
}

div.podHalf a.rss {
font-size: 0.9em;
border-top: 1px solid #b7b7b7;
background-position: 0 6px;
font-weight: normal;
padding: 6px 0 6px 20px;
margin: 0;
}

.label {
float: left;
font-size: 1.2em;
padding: 5px 10px 0px 0px;
}

.userInput {
border: 1px solid #BEBEBE;
padding: 10px;
float: left;
width: 478px;
}

body.ePetitions div.userInput span.formError {
float: left;
padding: 0px 0px 0px 135px;
}

.userInput p {
float: left;
font-size: 1em;
padding: 0 0 8px;
margin: 0 0 8px;
border-bottom: 1px solid #E2E5EA;
width: 100%;
}

.userInput input {
border: #ccc 1px solid; 
float: left;
padding: 4px 0 0;
width: 254px;
}

.userInput table {
margin: 0px;
}

.userInput td {
text-align: left;
background-color: none;
border: none;
padding: 0px;
}

.userInput label {
width: 135px;
float: left;
font-size: 1.2em;
padding: 4px 0px 0px 0px;
}

.userInput .button {
display: inline;
height: 24px;
padding: 0px 5px 5px;
width: auto;
border: none;
}

.information {
margin: 0px;
}

.watermark {
color: #AAA;
}

.approvedSmall {
background: url("../../../../images/ePetitionsApprovalIconsSmall.gif") no-repeat right 0;
height: 22px;
padding: 2px 0px 5px 25px;
}

div.pagination {
padding: 5px 0 10px 10px;
text-align: center;
}

div.pagination span span {
border-right: 1px solid #b4b4b4;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
font-size: 1em;
}

div.pagination span.previousPage, div.pagination span.nextPage, div.pagination a.previousPage, div.pagination a.nextPage, div.pagination span.firstPage, div.pagination span.lastPage, div.pagination a.firstPage, div.pagination a.lastPage {
	font-size: 1em;
	border: none;
	}
	
div.pagination span.firstPage {
	padding-right: 12px;
	}
	
div.pagination span.previousPage, div.pagination a.previousPage {
	border-right: 1px solid #b4b4b4;
	padding: 0 6px 0 0;
	margin: 0 6px 0 0;
	}

div.pagination a, div.pagination span.selected {
display: inline;
background: none;
float: none;
font-size: 1em;
border-right: 1px solid #b4b4b4;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
}

div.pagination span.selected {
font-weight: bold;
}

div.pagination a:hover {
background: none;
}

.petitionSignMessage {
	float: right !important;
    margin: 20px 0 0 !important;
    width: 350px !important;
	font-weight: bold;
}

/*-------------------------------
	Search
-------------------------------*/

/* Search results */

ul#listing li {
background: url("../../../../images/listArrowPurple.gif") no-repeat left 4px;
}

ul#listing li h2 {
font-size: 1.2em;
clear: none;
padding: 0px 0px 5px 0px;
}

/*-------------------------------
	Header tags
-------------------------------*/

body.ePetitions h1 {
background: url("../../../../images/ePetitionsH1Background.gif") top left repeat-y;
}

h2 {
padding: 15px 0px 5px 0px;
}

/*-------------------------------
	Secondary navigation
-------------------------------*/

body.ePetitions div.secondaryNavigation ul li a:hover, body.ePetitions div.secondaryNavigation ul li a:active {
background: #60476f;
color: #ffffff;
margin: 0px 0px 0px 5px;
}

body.ePetitions div.secondaryNavigation ul li a {
background: #e3e6eb;
}

body.ePetitions div.secondaryNavigation ul li a:hover {
background: #6f7f98;
}

body.ePetitions div.secondaryNavigation ul li a.selected {
background: #60476f;
color: #ffffff;
margin: 0px 0px 0px 5px;
}

/*-------------------------------------------------------------------------------
   Primary, Secondary and Tertiary content area layout variations.
-- This section is used to style divs of the same name on different templates --
-------------------------------------------------------------------------------*/

body.ePetitions div.secondaryContent {
width: 730px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

body.ePetitions div.tertiaryContent {
width: 230px;
float: right;
}

div.secondaryContent p {
clear: both !important;
}
/*-------------------------------
	Forms
-------------------------------*/

div.form fieldset {
clear: left;
}

body.ePetitions div.stagesBox div.titleWrapper h3 {
float: left;
padding: 0px 0px 25px 0px;
text-align: left;
}

div.stagesBoxFullWidth div.form {
float: left;
border-top: none;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;
width: 724px;
}

div.form ul li {
padding: 0 0 8px;
margin: 0 0 8px;
clear: both;
border-bottom: 1px solid #E2E5EA;
width: 478px;
}

/*div.form ul li span {
display: none;
}*/

div.stagesBoxFullWidth div.form ul li, div.stagesBoxFullWidthPurple div.form ul li {
width: 720px;
}

#OnBehalfOf_Yourself,
#OnBehalfOf_Other {
border: none;
padding: 0;
}

div.stagesBoxFullWidthPurple {
    font-size: 1.1em;
}

div.stagesBoxFullWidthPurple div.form ul li {
border-bottom: none;
padding: 0;
margin: 0;
}

div.form div.summary ul li {
background: url("../../../../images/listArrow.gif") no-repeat 0 4px!important;
padding: 0px 10px 5px 10px!important;
margin: 0px;
clear: both;
border-bottom: none;
}

div.form li div.summary li {
font-size: 1.1em;
}

div.form li div.summary p {
float: none;
}

div.form div.summary ol li {
padding: 0px 10px 5px 0px;
margin: 0px;
clear: both;
border-bottom: none;
list-style: inside;
list-style-type: decimal;
}

p.Indent1 {
	padding: 0 10px 10px 20px!important;
	width: auto!important;
	}
	
p.Indent2 {
	padding: 0 10px 10px 40px!important;
	width: auto!important;
	}
	
p.Indent3 {
	padding: 0 10px 10px 60px!important;
	width: auto!important;
	}

div.form fieldset table {
margin: 0;
}

div.form fieldset table td {
background: #fff;
text-align: left;
border: none;
}

body.ePetitions div.stagesBox fieldset ul {
padding: 0 0 10px;
margin: 0;
float: left;
}

body#threeColumn div.form ul li {
width: 480px;
padding: 0 0 8px;
margin: 0 0 8px;
}

div.form ul li p {
float: none;
width: auto;
padding: 10px 0;
}

div.stagesBoxFullWidth div.form fieldset label {
width: 250px;
padding: 3px 5px 0 2px;
}

div.stagesBoxFullWidth div.form fieldset li li label {
font-size: 0.833em;
}

div.form fieldset div {
margin: 0px;
float: left;
display: inline;
/*padding: 3px 0 3px 3px;*/
}

div.form fieldset div.summary {
float: none;
}

div.form fieldset div.summary img {
float: left;
}

div.form fieldset div.summary h2 {
float: right;
clear: right;
padding: 15px 10px 0px 0px;
width: 400px;
text-align: right;
}

div.form fieldset input {
width: 322px;
}

div.form fieldset select {
background: url("../../../../images/formInputBackground.gif") top right no-repeat;
width: 326px!important;
border: none;
border-bottom: #b4b4b4 1px solid;
border-left: #b4b4b4 1px solid;
margin: 0px;
float: left;
display: inline;
padding: 2px 2px 1px 1px;
}

div.form fieldset textarea {
background: url("../../../../images/formInputBackground.gif") top right no-repeat;
border: none;
border-bottom: #b4b4b4 1px solid;
width: 326px;
_width: 327px;
float: left;
display: inline;
padding: 0px 0px 0px 0px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 1.1em;
}

div.form fieldset textarea.ckeditorTextarea {
background: none;
border: #b4b4b4 1px solid;
width: 722px;
float: left;
display: inline;
}

div.ckeditorHelp {
font-size: 0.8em;
float: right;
}

div.form fieldset select option {
padding: 0px 10px 0px 0px;
}

body.ePetitions div.form fieldset em {
color: #000;
padding: 0;
font-weight: normal;
}

body.ePetitions span.formError {
color: #ff0000;
font-size: 1.0em;
padding: 5px 0 0 0;
display: block;
/*float: left;*/
clear: left;
}

body.ePetitions span.formSuccess {
color: #21a121;
font-size: 1.0em;
display: block;
/*float: left;*/
clear: left;
}

body.ePetitions #ConfirmEmailLabel span.formError, body.ePetitions span#ctl27_ConfirmEmailRequired span.formError, body.ePetitions div#ctl27_ErrorPanel_InvalidSubmission span.formError {
font-size: 1.2em;
float: none;
clear: both;
}

body.ePetitions div.stagesBox span.formError {
width: 100%;
_float: none;
}

div.podQuarterRightWrapper span.formError {
padding: 0px 8px;
margin: 0px 13px;
font-size: 1.1em;
line-height: 2em;
background: #051226;
}

body.ePetitions div.stagesBox span#ctl28_LabelAdvice {
font-size: 1.2em;
color: #000;
background-color: #E6E1E9;
width: 463px;
margin: 15px 0;
padding: 8px;
font-weight: bold;
}

body.ePetitions #ConfirmEmailLabel input, body.ePetitions input#ctl27_ConfirmEmail {
background: url("../../../../images/formInputBackground.gif") no-repeat scroll right top transparent;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 3px 0 3px 3px;
width: 323px;
}

body.ePetitions #ConfirmEmailLabel input[type='submit'], body.ePetitions input#ctl27_SubmitButton {
background: url("../../../../images/buttonRepeater.gif") repeat-x scroll 0 0 transparent;
border: 1px solid #3F3F3F;
color: #FFF;
cursor: pointer;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 2px 15px 3px;
width: auto;
}

body.ePetitions div.form input.button {
margin: 15px 0 0;
float: none;
width: auto;
}

div.form input.buttonGreen {
width: 109px;
}

div.form fieldset input[type='checkbox'], div.form fieldset input[type='radio'] {
width: 20px;
background: none;
border: none;
padding: 0;
margin: 0 6px 0 0;
}

div.form fieldset input#ctl26_CheckBoxEmailUpdates, div.form fieldset input.checkbox, div.form fieldset input.radioButton {
_width: 20px;
_background: none;
_border: none;
_padding: 0;
_margin: -2px 6px 0 0;
}

div.form fieldset input.radioButton {
margin: 4px 0px 0px 0px;
}

div.form fieldset input.checkbox, div.form fieldset span.checkbox input {
background: none;
width: 12px;
margin: 1px 10px 0px 0px;
_margin: 0 10px 0px 0px;
border: none;
padding: 0px;
_width: 16px;
}

.checkbox {
margin: 0px 5px 0px 0px;
}

div.dropdownBox label {
font-size: 1.2em;
padding: 0px 10px 0px 0px;
}

div.dropdownBox select {
margin: 0px 10px 0px 0px;
}

body.ePetitions div.form span.refreshIcon {
width: 20px;
height: 16px;
background: url("../../../../images/iconRefresh.gif") no-repeat left top transparent;
display: inline-block;
margin-bottom: -3px;
}

body.ePetitions div.form span.audioIcon {
width: 20px;
height: 16px;
background: url("../../../../images/iconAudio.gif") no-repeat left top transparent;
display: inline-block;
margin-bottom: -3px;
}

body.ePetitions div.form fieldset div.captcha, body.ePetitions div.form fieldset div.captcha div {
padding: 0;
}

body.ePetitions div.form fieldset #recaptcha_area td {
max-width: none;
}

body.ePetitions div.form div#recaptcha_widget_div {
margin: 0;
}

body.ePetitions div.form div#recaptcha_widget_div table, body.ePetitions div.form div.captcha iframe {
width: 475px;
}

body.ePetitions div.form div.captcha textarea {
width: 323px;
}

body.ePetitions div.captcha span.formError {
font-size: 1.2em;
}

div.adminContainer div#DivPetitionSummary, div.adminContainer div#DivPetitionerDetails, div.adminContainer div#DivPreviousActionTaken, div.adminContainer div#DivBackgroundInformation, div.adminContainer div#DivEPetition, div.adminContainer div#DivFurtherInformation, div.adminContainer div#DivAdminSection {
padding: 0px 0px 0px 10px;
}

/*-------------------------------
	Tables
-------------------------------*/

table.smallText {
font-size: 1.0em;
}

table textarea {
width: 77px;
margin: 0px -8px 0px -8px;
background: #F0ECF2;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
color: #636466;
text-align: center;
}

table .button {
font-size: 1.0em;
margin: 2px 0px 2px 0px;
}

table.cke_editor td.cke_top {
background-color: #ccc;
padding: 4px 4px 0;
}

table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {
padding: 4px;
font-size: 1.1em;
}

/*-------------------------------
	Stages boxes
-------------------------------*/

body.ePetitions div.stagesBox {
background: url("../../../../images/stagesBoxBackground.gif") top left repeat-y;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
float: left;
width: 500px;
}

div.stagesBox div.titleWrapper {
background: url("../../../../images/stagesH2Background.gif") bottom left no-repeat;
width: 480px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 25px -10px;
_margin: -10px 0px 25px -10px;
float: left;
display: inline;
}

body.ePetitions div.stagesBoxLoggedInPink table {
border-color: #b1b1b2;
width: 500px;
margin: 0px 0px 0px -10px;
}

body.ePetitions div.stagesBoxLoggedInPink table th {
background: #962375;
color: #ffffff;
}

body.ePetitions div.stagesBoxLoggedInPink table td {
padding: 10px 8px 10px 8px;
border-color: #b1b1b2;
}

body.ePetitions div.stagesBoxFullWidthLoggedInPink table {
border-color: #b1b1b2;
width: 745px;
margin: 0px 0px 0px -10px;
}

body.ePetitions div.stagesBoxFullWidthLoggedInPink table th {
background: #962375;
color: #ffffff;
}

body.ePetitions div.stagesBoxFullWidthLoggedInPink table td {
padding: 10px 8px 10px 8px;
border-color: #b1b1b2;
}

body.ePetitions div.stagesBox table {
width: 500px;
*background: #b1b1b2;
margin: 5px 0px 20px 0px;
float: left;
}

body.ePetitions div.stagesBox table td {
border: 1px solid #b1b1b2;
background: #fff;
color: #000;
padding: 4px 3px 4px 3px;
*margin: 1px;
word-wrap: break-word;
}

body.ePetitions div.stagesBox table th {
background: #e9eef1;
border-color: #b1b1b2;
}

body.ePetitions div.stagesBox table th.admin {
width: 95px;
}

p.smallText {
font-size: 1.1em;
margin-top: -8px;
}

body.ePetitions div.stagesBoxTop, body.ePetitions div.stagesBoxLoggedInTop {
margin: 0px 0px 0px 0px;
}

body.ePetitions div.stagesBoxBottom {
margin: 0px 0px 0px 0px;
}

body.ePetitions div.stagesBox div.titleWrapper {
margin: 0px 0px 15px 0px;
_margin: -10px 0px 25px 0px;
/*text-align: center;*/
background: url("../../../../images/stagesH2Background.gif") no-repeat scroll left top transparent;
}

body.ePetitions div.stagesBox div.titleWrapper label {
font-weight: bold;
padding: 0px 4px 0px 0px;
margin-bottom: 17px;
display: inline-block;
/*color: #000;*/
}

body.ePetitions div.stagesBox div.titleWrapper fieldset label {
padding: 0px 0px 0px 0px;
}

div.stagesBox h2 {
text-align: left;
width: auto!important;
}

body.ePetitions div.stagesBox ul, body.ePetitions div.stagesBox ol {
float: left;
margin: 0 10px;
}

div.stagesBox ul.dualList, div.stagesBox ul.dualList p {
padding: 0;
}

div.stagesBox h3 {
margin: 20px 0px 25px -10px;
}

div.stagesBox div.titleWrapper h3 {
float: none;
}

div.stagesBox div.titleWrapper p.floatRight {
width: auto;
display: inline-block;
float: right;
}

body.ePetitions div.stagesBox div.titleWrapper p, body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p, body.ePetitions div.stagesBoxPurple div.titleWrapperPurple p, body.ePetitions div.stagesBoxFullWidthPurple div.titleWrapperFullWidthPurple p {
text-align: left;
padding: 0px;
margin: 0px;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.floatRight {
float: right;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.floatRight input {
margin: 0 6px 0 0;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.floatRight input.button {
font-size: 1em;
}

body.ePetitions div.stagesBoxFullWidthPurple div.form {
width: auto;
border-top: none;
padding: 0;
margin: 0;
}

body.ePetitions div.stagesBox div.titleWrapper select, body.ePetitions div.stagesBoxLoggedInPink div.titleWrapper select, body.ePetitions div.stagesBoxFullWidthLoggedInPink div.titleWrapperFullWidth select {
margin: 0px 55px 15px 0px;
padding: 1px;
}

html.noScript body.ePetitions div.stagesBox div.titleWrapper select {
margin: 0px 5px 0px 0px;
}

body.ePetitions select#PetitionSort_NumToDisplayList {
width: 50px;
}

body.ePetitions select#PetitionSort_SortByDropDown {
width: 175px;
margin: 0 0 15px;
}

/* Stages box - Full width */

div.stagesBoxFullWidth {
background: url("../../../../images/stagesBoxBackgroundFullWidth.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
}

div.stagesBoxTopFullWidth {
background: url("../../../../images/stagesBoxBackgroundTopFullWidth.gif") top left no-repeat;
height: 4px;
width: 745px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomFullWidth {
background: url("../../../../images/stagesBoxBackgroundBottomFullWidth.gif") bottom left no-repeat;
height: 4px;
width: 745px;
float: left;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxFullWidth div.titleWrapperFullWidth {
background: url("../../../../images/stagesH2BackgroundFullWidth.gif") bottom left no-repeat;
width: 725px;
padding: 8px 10px;
margin: 0px 0px 15px -10px;
_margin: -10px 0px 15px -10px;
float: left;
display: inline;
}

body.ePetitions div.stagesBoxFullWidth p, body.ePetitions div.stagesBoxFullWidth ul,
body.ePetitions div.stagesBoxFullWidthPurple p, body.ePetitions div.stagesBoxFullWidthPurple ul {
width: 715px;
word-wrap: break-word;
display: inline-block;
/*padding: 0 0 20px;
float: left;*/
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p, body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth ul {
width: auto; 
}


body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.information {
float:right;
padding:0 0 0 25px;
height: 22px;
display: none;
margin: 0;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.approvedSmall,
body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.actionRequiredSmall {
float:right;
padding:0 25px 0 0;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.approvedSmall
{
margin-top: 3px;
margin-bottom: 2px;
}

/* Stages box - Full width (Pink) */

div.stagesBoxFullWidthLoggedInPink {
background: url("../../../../images/stagesBoxBackgroundFullWidth.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
width: 735px;
}

div.stagesBoxTopFullWidthLoggedInPink {
background: url("../../../../images/stagesBoxBackgroundTopFullWidthPink.gif") top left no-repeat;
height: 4px;
width: 745px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomFullWidthLoggedInPink {
background: url("../../../../images/stagesBoxBackgroundBottomFullWidth.gif") bottom left no-repeat;
height: 4px;
width: 745px;
float: left;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxFullWidthLoggedInPink div.titleWrapperFullWidth {
background: url("../../../../images/stagesH2BackgroundFullWidthPink.gif") bottom left no-repeat;
width: 725px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 25px -10px;
_margin: -10px 0px 25px -10px;
float: left;
display: inline;
color: #ffffff;
}

div.stagesBoxFullWidthLoggedInPink div.titleWrapperFullWidth ul li {
background: none;
float: left;
display: inline;
font-weight: bold;
padding: 0px 10px 0px 0px;
}

div.adminContainer {
width: 725px;
float: left;
clear: left;
padding: 10px;
}

div.adminContainer .form #DivPetitionSummary ul li span p {
    float: none !important;
    width: auto !important;
    display: inline !important;
}

div.adminWrap {
clear: both;
width: 725px;
padding: 15px 0px 15px 0px;
}

div.adminWrap div {
float: left;
display: inline;
width: 360px;
}

div.adminWrap label {
font-size: 1.2em;
float: left;
padding: 7px 5px 0px 0px;
}

div.adminWrap input {
border: #3F3F3F 1px solid;
float: left;
height: 20px;
padding: 4px 0px 0px 0px;
margin: 0px 5px 0px 0px;
width: 160px;
}

div.adminWrap input.button {
height: 26px;
width: 140px;
float: left;
padding: 0px 0px 3px 0px;
}

div.adminWrap select {
border: #3F3F3F 1px solid;
float: left;
height: 26px;
padding: 3px 0px 3px 0px!important;
margin: 0px 5px 0px 0px!important;
width: 155px;
}

div.adminContainer div.form {
border: none;
float: none;
margin: 0px;
padding: 0px 0px 15px 0px;
}

div.adminContainer div.form ul li label {
width: 275px;
}

div.adminContainer div.form ul li {
width: 724px;
}

/* Purple version */

div.stagesBoxPurple {
background: url("../../../../images/stagesBoxBackground.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
}

div.stagesBoxTopPurple {
background: url("../../../../images/stagesBoxBackgroundTopPurple.gif") top left no-repeat;
height: 4px;
width: 500px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomPurple {
background: url("../../../../images/stagesBoxBackgroundBottom.gif") bottom left no-repeat;
height: 4px;
width: 500px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxPurple div.titleWrapperPurple {
background: url("../../../../images/stagesH2BackgroundPurple.gif") bottom left no-repeat;
width: 480px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 15px -10px;
_margin: -10px 0px 15px -10px;
float: left;
display: inline;
}

/* LoggedIn version */

div.stagesBoxLoggedIn {
background: url("../../../../images/stagesBoxBackground.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
}

div.stagesBoxTopLoggedIn {
background: url("../../../../images/stagesBoxBackgroundTopLoggedIn.gif") top left no-repeat;
height: 4px;
width: 500px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomLoggedIn {
background: url("../../../../images/stagesBoxBackgroundBottom.gif") bottom left no-repeat;
height: 4px;
width: 500px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxLoggedIn div.titleWrapper {
background: url("../../../../images/stagesH2BackgroundLoggedIn.gif") bottom left no-repeat;
width: 480px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 15px -10px;
_margin: -10px 0px 15px -10px;
color: #ffffff;
}

/* LoggedIn version (Pink) */

div.stagesBoxLoggedInPink {
background: url("../../../../images/stagesBoxBackground.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
}

div.stagesBoxTopLoggedInPink {
background: url("../../../../images/stagesBoxBackgroundTopLoggedInPink.gif") top left no-repeat;
height: 4px;
width: 500px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomLoggedInPink {
background: url("../../../../images/stagesBoxBackgroundBottom.gif") bottom left no-repeat;
height: 4px;
width: 500px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxLoggedInPink div.titleWrapper {
background: url("../../../../images/stagesH2BackgroundLoggedInPink.gif") bottom left no-repeat;
width: 480px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 15px -10px;
_margin: -10px 0px 15px -10px;
float: left;
display: inline;
color: #ffffff;
text-align: center;
}

/* Purple version - Full width */

div.stagesBoxFullWidthPurple {
background: url("../../../../images/stagesBoxBackgroundFullWidth.gif") top left repeat-y;
padding: 0px 0px 0px 10px;
margin: 0px 0px 30px 0px;
float: left;
}

div.stagesBoxTopFullWidthPurple {
background: url("../../../../images/stagesBoxBackgroundTopPurpleFullWidth.gif") top left no-repeat;
height: 4px;
width: 745px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottomFullWidthPurple {
background: url("../../../../images/stagesBoxBackgroundBottomFullWidth.gif") bottom left no-repeat;
height: 4px;
width: 745px;
float: left;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px -10px;
display: inline;
}

div.stagesBoxFullWidthPurple div.titleWrapperFullWidthPurple {
background: url("../../../../images/stagesH2BackgroundPurpleFullWidth.gif") bottom left no-repeat;
width: 725px;
padding: 12px 10px 12px 10px;
margin: 0px 0px 15px -10px;
_margin: -10px 0px 15px -10px;
float: left;
display: inline;
}

/*-------------------------------
	Speech bubbles
-------------------------------*/

div.speechBubbleMediumPetitions {
background: url("../../../../images/speechBubbleMediumPetitionsBottom.gif") bottom left no-repeat;
float: left;
width: 575px;
padding: 0px 0px 23px 0px;
margin: 0px 20px 10px 0px;
}

div.speechBubbleMediumPetitionsWrapper {
background: url("../../../../images/speechBubbleMediumPetitionsTop.gif") top left no-repeat;
padding: 10px 10px 0px 10px;
}

div.speechBubbleMediumPetitions {
background: url("../../../../images/speechBubbleMediumPetitionsBottom.gif") bottom left no-repeat;
float: left;
width: 575px;
padding: 0px 0px 23px 0px;
margin: 0px 20px 10px 0px;
}

div.speechBubbleMediumPetitionsWrapper {
background: url("../../../../images/speechBubbleMediumPetitionsTop.gif") top left no-repeat;
padding: 10px 10px 0px 10px;
}

/*-------------------------------
	Content pods
-------------------------------*/

body.ePetitions div.secondaryPodsLeft {
float: left;
width: 238px;
}

body.ePetitions div.secondaryPodsLeft div.podQuarter {
margin: 0px;
min-height: 300px;
}

body.ePetitions div.secondaryPodsRight {
float: left;
width: 489px;
}

body.ePetitions div.secondaryPodsRight div.podHalf {
margin: 0px 0px 0px 0px;
}

/* Quarter width */

div.podQuarter {
padding: 0px 0px 5px 0px;
border-bottom: #7f7f7f 1px solid;
}

/* Left hand pod */

div.podQuarterLeft {
border: #636466 1px solid;
float: left;
display: inline;
width: 188px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
}

div.podQuarterLeftWrapper {
background: url("../../../../images/ePetitionsPodQuarterLeftBackground.gif") top center repeat-y;
border: #ffffff 5px solid;
float: left;
width: 178px;
padding: 0px 0px 10px 0px;
}

div.podQuarterLeft h4 {
background: #ffffff;
color: #122b57;
float: left;
display: inline;
width: 168px;
padding: 5px 10px 5px 10px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
border-bottom: #636466 1px solid;
}

div.podQuarterLeft ul {
width: 158px;
text-align: center;
padding: 10px 10px 20px 10px;
}

div.podQuarterLeft li {
background: none;
padding: 0px;
}

div.podQuarterLeft label {
float: left;
}

div.podQuarterLeft input {
width: 148px;
clear: both;
margin: 0px 0px 0px 13px;
}

div.podQuarterLeft span {
clear: both;
/*margin: 0px 0px 0px 13px;*/
}

div.podQuarterLeft span.formError {
padding: 0px 5px;
margin: 0 0 0 13px;
clear: both;
font-size: 1.1em;
line-height: 2em;
background: #000;
}

/* Left hand pod login */

div.podQuarterRightLogin {
border: #636466 1px solid;
float: left;
display: inline;
width: 226px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
}

div.podQuarterRightLoginWrapper {
background: #482362 url("../../../../images/ePetitionsPodQuarterLeftBackground.gif") top center repeat-y;
border: #ffffff 5px solid;
float: left;
width: 216px;
padding: 0px 0px 10px 0px;
}

div.podQuarterRightLogin h4 {
background: #ffffff;
color: #122b57;
float: left;
display: inline;
width: 206px;
padding: 5px 10px 5px 10px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
border-bottom: #636466 1px solid;
}

div.podQuarterRightLogin label {
clear: both;
}

div.podQuarterRightLogin input {
margin: 0px 0px 0px 13px;
width: 188px;
clear: both;
}

div.podQuarterRightLogin span {
clear: both;
margin: 0px 0px 0px 13px;
}

div.podQuarterRightLogin span.formError {
float: left;
}

/**/

body.ePetitions div.podQuarterRight, body.ePetitions div.podQuarterRightContact {
background: url("../../../../images/ePetitionsPodQuarterRightBackground.gif") top center repeat-y;
border: #636466 1px solid;
float: left;
display: inline;
width: 226px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
}

div.secondaryContent div.podQuarterRight {
margin: 0px 11px 15px 11px;
}

body.ePetitions div.podQuarterRightWrapper {
background: url("../../../../images/ePetitionsPodQuarterRightBackground.gif") top center repeat-y;
border: #ffffff 5px solid;
float: left;
width: 216px;
padding: 0px 0px 10px 0px;
}

body.ePetitions div.primaryContent div.podQuarterRightWrapper {
width: 178px;
}

body.ePetitions div.podQuarterRight h3, body.ePetitions div.podQuarterRightLoggedIn h3 {
width: 196px;
padding: 15px 10px 10px 10px;
text-align: center;
font-size: 1.8em;
font-weight: normal;
}

body.ePetitions div.podQuarterRight h4, body.ePetitions div.podQuarterRightContact h4 {
background: #ffffff;
color: #122b57;
float: left;
display: inline;
width: 206px;
padding: 5px 10px 5px 10px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
border-bottom: #636466 1px solid;
}

div.podQuarterRight p, div.podQuarterRightSecure p, div.podQuarterRightContact p, div.podQuarterLeft p, div.podQuarterRightLogin p  {
text-align: center;
padding: 10px;
clear: both;
word-wrap: break-word;
color: #ffffff;
}

body.ePetitions div.podQuarterRight div.custom_images ul li {
background: none;
padding: 2px 0 10px 0;
clear: both;
}

body.ePetitions div.podQuarterRight div.custom_images ul li a span {
float: left;
margin: 0 6px 0 0;
}

body.ePetitions div.podQuarterRight div.custom_images ul li img {
float: left;
margin-right: 4px;
}

body.ePetitions div.podQuarterRight ul li.facebook {
background: url("../../../../images/ePetitionsSocialIconFacebook.gif") no-repeat 0 0;
padding: 2px 0px 8px 30px;
}

body.ePetitions div.podQuarterRight ul li.twitter {
background: url("../../../../images/ePetitionsSocialIconTwitter.gif") no-repeat 0 0;
padding: 2px 0px 8px 30px;
}

body.ePetitions div.podQuarterRight ul li.linkedIn {
background: url("../../../../images/ePetitionsSocialIconLinkedIn.gif") no-repeat 0 0;
padding: 2px 0px 8px 30px;
}

body.ePetitions div.podQuarterRight ul li.email {
background: url("../../../../images/ePetitionsSocialIconEmail.gif") no-repeat 0 0;
padding: 2px 0px 8px 30px;
}

body.ePetitions div.podQuarterRight ul li.addThis {
background: none;
padding: 2px 0px 0px 0px;
}

body.ePetitions div.podQuarterRight a, body.ePetitions div.podQuarterRightContact a, body.ePetitions div.podQuarterRightLoggedIn a, body.ePetitions div.podQuarterRightLoggedInContact a, div.podQuarterLeft a {
color: #ffffff;
}

body.ePetitions div.podQuarterRight .button, body.ePetitions div.podQuarterRightContact .button, body.ePetitions div.podQuarterRightLoggedIn .button, body.ePetitions div.podQuarterRightLoggedInContact .button, body.ePetitions div.podQuarterRightLogin .button {
width: 190px;
clear: both;
margin: 10px 0px 0px 13px;
display: block;
padding: 3px 0 4px;
}

/*body.ePetitions div.podQuarterRight a.button {
width: 178px;
}*/

body.ePetitions div.podQuarterRight input, body.ePetitions div.podQuarterRightContact input,body.ePetitions div.podQuarterRightLoggedIn input, body.ePetitions div.podQuarterRightLoggedInContact input {
width: 188px;
clear: both;
margin: 0px 0px 0px 13px;
}

body.ePetitions div.secondaryContent div.podQuarterRight input {
margin: 0px 0px 0px 13px;
}

body.ePetitions div.podQuarterRight input.searchInput {
float: none;
height: 18px;
}

body.ePetitions div.podQuarterRight label, body.ePetitions div.podQuarterRightContact label, body.ePetitions div.podQuarterRightLoggedIn label, body.ePetitions div.podQuarterRightLoggedInContact label, div.podQuarterLeft label, div.podQuarterRightLogin label {
font-size: 1.2em;
display: block;
padding: 10px 0 5px 12px;
}

body.ePetitions div.secondaryContent div.podQuarterRight label {
padding: 10px 0px 5px 12px;
}

body.ePetitions div.podQuarterRight label p, body.ePetitions div.podQuarterRightContact label p, body.ePetitions div.podQuarterRightLoggedIn label p, body.ePetitions div.podQuarterRightLoggedInContact label p {
font-size: 1.0em;
}

body.ePetitions div.podQuarterRight input.checkbox, body.ePetitions div.podQuarterRightContact input.checkbox, body.ePetitions div.podQuarterRightLoggedIn input.checkbox, body.ePetitions div.podQuarterRightLoggedInContact input.checkbox, body.ePetitions div.podQuarterRightLogin input.checkbox {
float: left;
width: 13px;
margin: 0px 5px 10px 13px;
}

body.ePetitions div.podQuarterRight li input.checkbox, body.ePetitions div.podQuarterRightLoggedIn li input.checkbox {
margin: 2px 5px 0px 5px;
_margin: 0px 5px 0px 5px;
}

div.podQuarterLeft .checkbox {
float: left;
width: 13px;
margin: 0 5px 10px 14px;
}

body.ePetitions div.recentSignatures div.podQuarterRight ul {
border-top: 1px solid #586d88;
margin: 5px 0 0 10px;
padding: 5px 0 0;
}

body.ePetitions div.recentSignatures div.podQuarterRight li {
background: none;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
border-bottom: 1px solid #586d88;
}

body.ePetitions div.recentSignatures div.podQuarterRight p a {
background: url("../../../../images/listArrowWhite.gif") no-repeat scroll 0 3px transparent;
padding: 0 0 0 10px;
}

/* ePetitions logged in pod */

body.ePetitions div.podQuarterRightLoggedIn, body.ePetitions div.podQuarterRightLoggedInContact {
background: url("../../../../images/ePetitionsPodQuarterRightLoggedInBackground.gif") top center repeat-y;
border: #636466 1px solid;
float: left;
display: inline;
width: 226px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
}

body.ePetitions div.podQuarterRightLoggedInWrapper {
background: url("../../../../images/ePetitionsPodQuarterRightLoggedInBackground.gif") top center repeat-y;
border: #ffffff 5px solid;
float: left;
width: 216px;
padding: 0px 0px 10px 0px;
}

body.ePetitions div.podQuarterRightLoggedIn h4, body.ePetitions div.podQuarterRightLoggedInContact h4 {
background: #ffffff;
color: #5f194b;
float: left;
display: inline;
width: 206px;
padding: 5px 10px 5px 10px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
border-bottom: #636466 1px solid;
}

/* Right pod secure */

div.podQuarterRightSecure {
float: left;
display: inline;
width: 226px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
border: #4e0037 1px dashed;
}

div.podQuarterRightSecure h4 {
background: #5f194b;
color: #ffffff;
float: left;
display: inline;
width: 206px;
padding: 5px 10px 5px 10px;
font-size: 1.6em;
font-weight: normal;
}

div.podQuarterRightLoggedIn p {
text-align: center;
padding: 10px 10px 0px 10px;
clear: both;
}

div.podQuarterRightLoggedIn ul {
float: left;
padding: 10px 0px 0px 10px;
width: 196px;
}

/* ePetitions style amend */

body.ePetitions div.podQuarterRight ul li, body.ePetitions div.podQuarterRightSecure ul li, body.ePetitions div.podQuarterRightLoggedIn ul li {
background: url("../../../../images/listArrowWhite.gif") no-repeat 0 3px;
width: 186px;
word-wrap: break-word;
}

/* Quarter, no margin */

div.podQuarterNoMargin {
width: 228px;
border-bottom: #7f7f7f 1px solid;
}

/* Quarter width secure */

div.podQuarterSecure {
background: #f0ecf2;
float: left;
display: inline;
width: 213px;
margin: 0px 19px 25px 0px;
padding: 5px 5px 5px 5px;
border: #4e0037 1px dashed;
}

div.podQuarterSecure img {
background: #ffffff;
border: #b7b7b7 1px solid;
padding: 5px;
margin: 0px 0px 10px 0px;
}

body.home div.podQuarterSecure h4 {
font-size: 2.4em;
font-weight: normal;
}

div.podQuarterSecure ul {
padding: 0px 5px 0px 5px;
}

/* Quarter width secure, no margin */

div.podQuarterSecureNoMargin {
background: #f0ecf2;
float: left;
display: inline;
width: 215px;
margin: 0px 0px 25px 0px;
padding: 5px 5px 5px 5px;
border: #4e0037 1px dashed;
}

div.podQuarterSecureNoMargin img {
background: #ffffff;
border: #b7b7b7 1px solid;
padding: 5px;
margin: 0px 0px 10px 0px;
}

body.home div.podQuarterSecureNoMargin h4 {
font-size: 2.4em;
font-weight: normal;
}

div.podQuarterSecureNoMargin ul {
padding: 0px 5px 0px 5px;
}

/* Right content pod */

div.podRightContent {
background: #ffffff;
clear: both;
margin: 5px 0px 5px 13px;
width: 190px;
padding: 5px 0px 5px 0px;
color: #000000;
text-align: left;
float: left;
display: inline;
}

div.podRightContent ul {
padding: 15px 0px 15px 0px;
}

div.podRightContent ul li {
padding: 0px 0px 10px 0px;
float: left;
display: block;
clear: both;
width: 200px;
}

div.podRightContent a {
background: url("../../../../images/listArrowBlack.gif") no-repeat left 8px;
padding: 5px 0px 0px 13px;
margin: 0px 0px 0px 5px;
color: #000000!important;
text-align: left;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

div.podRightContent a.open {
background: url("../../../../images/listArrowBlackOpen.gif") no-repeat left 8px;
}

body.ePetitions div.podQuarterRight div.podRightContent ul li label, body.ePetitions div.podQuarterRightLoggedIn div.podRightContent ul li label {
display: block;
float: none;
font-size: 1em;
margin: 0;
padding: 0 0 0 48px;
}

/*-------------------------------
	Stages - Petitions
-------------------------------*/

body.ePetitions div.stageOne, body.ePetitions div.stageTwo, body.ePetitions div.stageThree {
background: url("../../../../images/ePetitionsStages.gif") no-repeat 0 0;
height: 15px;
width: 59px;
display: block;
padding: 15px 0px 0px 0px;
margin: 0;
*margin: 0 15px 0 0;
text-indent: 0px;
position: relative;
}

body.ePetitions div.stageTwo {
background: url("../../../../images/ePetitionsStages.gif") no-repeat 0 -33px;
}

body.ePetitions div.stageThree {
background: url("../../../../images/ePetitionsStages.gif") no-repeat 0 -66px;
}

/*-------------------------------
	Promotional box
-------------------------------*/

div.promotionalBox {
float: left;
width: 312px;
margin: 0px 12px 0px 0px;
}

div.promotionalBoxNoMargin {
float: left;
width: 312px;
margin: 0px 0px 0px 0px;
}

div.promotionalBox img, div.promotionalBoxNoMargin img {
background: #1a4880;
border-bottom: #ffffff 1px solid;
padding: 8px 8px 8px 8px;
width: 296px;
}

div.promotionalBox h2, div.promotionalBoxNoMargin h2 {
color: #ffffff;
padding: 8px 0px 0px 0px;
font-size: 1.6em;
}

div.promotionalBox h3, div.promotionalBoxNoMargin h3 {
background: url("../../../../images/listArrowDoubleWhite.gif") no-repeat right 8px;
color: #ffffff;
padding: 0px 15px 0px 0px;
font-size: 1.6em;
float: left;
}

div.promotionalBox a, div.promotionalBoxNoMargin a {
background: #1a4880;
float: left;
width: 296px;
padding: 0px 8px 8px 8px;
text-decoration: none;
}

div.promotionalBox a:hover, div.promotionalBoxNoMargin a:hover {
background: #102953;
}

div.latestPetitions {
width: 710px;
padding: 40px 0px 40px 0px;
}

div.latestPetitionsWrapper {
background: #ffffff;
border: #102953 8px solid;
clear: both;
height: 680px;/*updated By ACB July 2015 height was 240px R25924*/
/*overflow-y: scroll; updated By ACB July 2015 R25924 to stop scrolling when none was needed*/
padding: 10px;
}

h2.latestPetitionsTab {
background: url("../../../../images/latestPetitionsTab.gif") top left repeat-x;
color: #ffffff;
padding: 8px 0px 8px 0px;
text-align: center;
width: 167px;
float: left;
}

a.viewAllPetitions {
background: url("../../../../images/listArrowGrey.gif") no-repeat left 10px;
float: right;
font-size: 1.2em;
padding: 8px 15px 0px 10px;
}

div.latestPetitions ul {
background: url("../../../../images/latestPetitionsListBackground.gif") top center repeat-y;
padding: 0px 0px 0px 0px;
float: left;
width: 659px;
}

div.latestPetitions ul li {
background: none;
padding: 8px 10px 5px;
border-bottom: #636466 1px dotted;
width: 309px;
float: left;
}

div.latestPetitions ul li img {
float: left;
padding: 0px 10px 5px 0px; /*updated By ACB July 2015 R25924 padding bottom now 5px was 50px*/
}

div.latestPetitions ul li h3 {
font-size: 1.1em;
}

div.latestPetitions ul li p {
display: block;
word-wrap: break-word;
float: left;
width: 215px;
padding: 0 0 6px;
margin: 0;
}

div.latestPetitions ul li p:nth-of-type(2){
display: none;/*added to hide petition status R25924 */
}

div.latestPetitions ul li p + p{
display: none;
}

body.ePetitions div.podQuarter h3, body.ePetitions div.podHalf h3 {
font-size: 1.8em;
padding: 0 0 10px 5px;
}

body.ePetitions div.podQuarter p, body.ePetitions div.podHalf p {
padding: 0 0 10px 5px;
}

body.ePetitions div.podQuarter {
border-bottom: none;
}

body.ePetitions div.podQuarter li, body.ePetitions div.podHalf li {
background: url("../../../../images/listArrowGrey.gif") no-repeat 0 3px;
}

.rememberMe {
clear: none!important;
float: left!important;
padding: 0px 0px 0px 0px!important;
_padding: 3px 0px 0px 0px!important;
display: block;
text-align: left;
}

/*-------------------------------
	Petitions listing page
-------------------------------*/

div.petitionsListingDetails {
position: relative;
display: none;
}

span.petitionTotal {
float: left;
clear: both;
padding: 0px 0px 0px 52px;
}

body.ePetitions div.stagesBox div.titleWrapper p.floatLeft {
	margin: 0 0 10px;
	display: inline;
	}

div.comment {
border-top: #636466 1px dotted;
padding: 10px 0 5px;
margin: 0px 0px 0px 10px;
width: 479px;
word-wrap: break-word;
float: left;
}

body.ePetitions div.stagesBox div.comment p {
margin: 0px;
padding: 0 0 5px;
}

div.petitionDetails img {
margin: 0px 10px 75px 0px;
float: left;
}

div.petitionDetails h2 {
clear: none;
float: left;
font-weight: normal;
padding: 0px 0px 10px 0px;
width: 400px;
}

div.petitionDetails h2 strong {
float: left;
margin: 0 8px 0 0;
}

body.ePetitions div.petitionDetails h2 div {
font-size: 0.8em;
margin: 0 0 18px;
padding: 20px 0 0;
float: left;
}

body.ePetitions div.petitionDetails h2 div.stageOne {
background: url("../../../../images/ePetitionsStages.gif") no-repeat scroll 0 4px transparent;
}

body.ePetitions div.petitionDetails h2 div.stageTwo {
background: url("../../../../images/ePetitionsStages.gif") no-repeat scroll 0 -29px transparent;
}

body.ePetitions div.petitionDetails h2 div.stageThree {
background: url("../../../../images/ePetitionsStages.gif") no-repeat scroll 0 -61px transparent;
}

body.ePetitions div.petitionSummary img, body.ePetitions .petitionInformation img {
float: left;
margin: 0 10px 0 0;
width: 220px;
}

body.ePetitions .dualList {
padding: 0px 0px 0px 10px;
width: 230px;
display: inline;
}

body.ePetitions div.stagesBox .dualList p {
padding: 0 10px 10px 0;
}

body.ePetitions div.stagesBox p {
margin: 0px 0px 0px 10px;
padding: 0px 10px 10px 0px;
_padding: 0px 0px 10px 0px;
display: block;
float: none;
}

body.ePetitions div.stagesBox p.information {
padding: 2px 15px 0px 25px;
}

body.ePetitions div.stagesBox p.viewAllComments {
float: right;
padding: 0px 10px 0px 0px;
}

body.ePetitions div.stagesBox div.form {
margin: 10px 0px 0px 10px;
_margin: 10px 0 0 5px;
padding: 0 0 15px;
border-top: 0;
}

body.ePetitions div.stagesBox div.titleWrapper div.form {
margin: 15px 0 0;
padding: 0 0 10px;
}

body.ePetitions div.stagesBox div.form p {
padding: 0 0 10px;
margin: 0;
}

ul.petitionButtons {
clear: both;
float: left;
width: 745px;
padding: 0px 0px 25px 0px;
}

div.form ul.petitionButtons {
padding: 15px 0px 0px 0px;
}

ul.petitionButtons li, div.form ul.petitionButtons li {
background: none;
float: left;
display: inline;
padding: 0px 15px 0px 0px;
font-size: 1.0em;
}

div.form ul.petitionButtons li input.button, div.form ul.petitionButtons li input.buttonGreen {
margin: 0px 0px 0px 0px;
}

ul.petitionButtons li a {
float: left;
width: 100px;
}

div.contact {
background: url("../../../../images/ePetitionsContactBox.gif") top left no-repeat #163058;
float: left;
min-height: 40px;
_height: 40px;
width: 149px;
padding: 8px 0px 0px 0px;
margin: 4px 0px 0px 0px;
color: #ffffff;
text-align: center;
}

div.contact a {
color: #ffffff;
}

div.approved {
background: url("../../../../images/ePetitionsApprovalIcons.gif") no-repeat 0 0;
height: 25px;
float: right;
padding: 7px 10px 0px 40px;
font-weight: bold;
font-size: 1.2em;
}

div.actionRequired {
background: url("../../../../images/ePetitionsApprovalIcons.gif") no-repeat 0 -32px;
height: 29px;
float: right;
padding: 10px 30px 0;
font-weight: bold;
font-size: 1.2em;
}

table div.approved {
background: url("../../../../images/ePetitionsApprovalIconsPinkBG.gif") no-repeat 0 0;
}

table div.actionRequired {
background: url("../../../../images/ePetitionsApprovalIconsPinkBG.gif") no-repeat 0 -32px;
}

div.approvedSmall {
background: url("../../../../images/ePetitionsApprovalIconsSmall.gif") no-repeat 0 0;
height: 22px;
width: 24px;
}

div.approvedSmallPinkBackground {
background: url("../../../../images/ePetitionsApprovalIconsSmallPinkBG.gif") no-repeat 0 0;
height: 22px;
width: 24px;
margin: 0 auto;
}

div.actionRequiredSmall {
background: url("../../../../images/ePetitionsApprovalIconsSmall.gif") no-repeat 0 -22px;
height: 28px;
width: 20px;
margin-top: 4px;
*float: left;
}

div.actionRequiredSmallPinkBackground {
background: url("../../../../images/ePetitionsApprovalIconsSmallPinkBG.gif") no-repeat 0 -22px;
height: 28px;
width: 24px;
margin: 0 auto;
}

div.petitionProgress {
background: url("../../../../images/ePetitionsProgressBackground.gif") top left no-repeat;
float: left;
}

div.petitionProgress ul {
float: left;
padding: 0px 0px 25px 13px;
}

div.petitionProgress ul li {
float: left;
display: inline;
width: 134px;
height: 46px;
padding: 6px 0px 0px 0px;
margin: 0px 0px 0px -13px;
text-align: center;
color: #ffffff;
}

div.petitionProgress ul li input {
color: #ffffff;
background: none;
border: none;
text-decoration: underline;
cursor: pointer;
}

div.petitionProgress ul li input:hover {
color: #ffffff;
text-decoration: none;
}

div.petitionProgress ul .buttonToText, div.petitionProgress ul .buttonToTextDisabled {
font-size: 1.0em;
}

div.petitionProgress ul li.active .buttonToTextDisabled, div.petitionProgress ul li.activeApproved .buttonToTextDisabled, div.petitionProgress ul li.activeActionRequired .buttonToTextDisabled {   
cursor: auto;
background: none;
text-decoration: none;
}

div.petitionProgress input[disabled="disabled"], div.petitionProgress input.buttonToTextDisabled {
	color: #fff;
	}

div.petitionProgress ul li.inactive .buttonToTextDisabled {   
cursor: auto;
background: none;
text-decoration: none;
}

div.petitionProgress ul .buttonToText {
color: #ffffff;
}

li.active {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right 0;
}

li.inactive {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right -156px;
}

li.activeApproved {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right -52px;
}

li.inactiveApproved {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right -208px;
}

li.activeActionRequired {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right -104px;
}

li.inactiveActionRequired {
background: url("../../../../images/ePetitionsProgressIcons.gif") no-repeat right -260px;
}

/* My petitions page style amends */

div.myPetitionBox {
float: left;
width: 458px;
_width: 438px;
padding: 20px 20px 10px;
_padding: 20px 10px 10px;
margin: 0px;
border-bottom: #cccccc 1px dotted;
}

div.myPetitionBox div.petitionProgress ul {
float: left;
width: 467px;
_width: 455px;
padding: 0px 0px 15px 12px;
_padding: 0 0 15px;
_margin: 0 0 0 10px;
}

div.stagesBox div.myPetitionBox h3 {
background: none;
float: left;
width: 280px;
padding: 0;
margin: 0 0 6px;
word-wrap: break-word;
}

div.myPetitionBox p {
width: 185px;
float: right;
}

div.stagesBox div.myPetitionBox h4 {
clear: none;
display: inline-block;
width: 140px;
padding: 8px 16px;
float: right;
font-weight: normal;
margin-top: -8px;
}

div.myPetitionBox div.petitionProgress {
background: url("../../../../images/ePetitionsProgressBackgroundGreen.gif") top left no-repeat;
}

div.myPetitionBox div.petitionProgress ul li {
width: 95px;
height: 23px;
font-size: 1.1em;
padding: 7px 0px 0px 5px;
}

div.myPetitionBox li.normal {
background: url("../../../../images/ePetitionsProgressIconsSmall.gif") no-repeat right 0;
}

div.myPetitionBox li.complete {
background: url("../../../../images/ePetitionsProgressIconsSmall.gif") no-repeat right -30px;
}

div.myPetitionBox li.currentStage {
background: url("../../../../images/ePetitionsProgressIconsSmall.gif") no-repeat right -60px;
}

/* Petition icons - small */

body.ePetitions div.podQuarterRight ul li.businessIndustry, body.ePetitions div.podQuarterRightLoggedIn ul li.businessIndustry {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px 0;
}

body.ePetitions div.podQuarterRight ul li.cultureSport, body.ePetitions div.podQuarterRightLoggedIn ul li.cultureSport {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -49px;
}

body.ePetitions div.podQuarterRight ul li.economyFinance, body.ePetitions div.podQuarterRightLoggedIn ul li.economyFinance {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -94px;
}

body.ePetitions div.podQuarterRight ul li.education,body.ePetitions div.podQuarterRightLoggedIn ul li.education {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -142px;
}

body.ePetitions div.podQuarterRight ul li.environmentEnergy, body.ePetitions div.podQuarterRightLoggedIn ul li.environmentEnergy {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -192px;
}

body.ePetitions div.podQuarterRight ul li.equalities, body.ePetitions div.podQuarterRightLoggedIn ul li.equalities {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -241px;
}

body.ePetitions div.podQuarterRight ul li.euInternationalAffairs, body.ePetitions div.podQuarterRightLoggedIn ul li.euInternationalAffairs {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -283px;
}

body.ePetitions div.podQuarterRight ul li.health, body.ePetitions div.podQuarterRightLoggedIn ul li.health {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -329px;
}

body.ePetitions div.podQuarterRight ul li.housingPlanning, body.ePetitions div.podQuarterRightLoggedIn ul li.housingPlanning {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -370px;
}

body.ePetitions div.podQuarterRight ul li.justice, body.ePetitions div.podQuarterRightLoggedIn ul li.justice {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -413px;
}

body.ePetitions div.podQuarterRight ul li.parliamentGovernment, body.ePetitions div.podQuarterRightLoggedIn ul li.parliamentGovernment {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -462px;
}

body.ePetitions div.podQuarterRight ul li.peopleCommunities, body.ePetitions div.podQuarterRightLoggedIn ul li.peopleCommunities {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -510px;
}

body.ePetitions div.podQuarterRight ul li.ruralAffairs,body.ePetitions div.podQuarterRightLoggedIn ul li.ruralAffairs {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -557px;
}

body.ePetitions div.podQuarterRight ul li.transport, body.ePetitions div.podQuarterRightLoggedIn ul li.transport {
background: url("../../../../images/ePetitionsIconsSmall.gif") no-repeat 22px -601px;
}

div.petitionPreview {
background: url("../../../../images/petitionPreviewBox.png") top left no-repeat;
background: #ffffff\9;
border: #cccccc 2px solid\9;
width: 391px;
height: 125px;
position: absolute;
top: 0px;
left: -365px;
left: -450px\9;
z-index: 10000;
padding: 30px 10px 10px 15px;
color: #000000;
text-align: left;
}

div.petitionPreview p {
width: 270px;
clear: none;
}

div.petitionPreview img {
float: left;
padding: 0px 10px 45px 0px;
}

div.petitionPreview ul {
padding: 6px 0px 0px 50px;
}

div.petitionPreview a {
background: url("../../../../images/listArrowGrey.gif") no-repeat left 3px;
padding: 0px 0px 0px 10px;
}

div.petitionPreview li {
background: url("../../../../images/listArrowBlack.gif") no-repeat left 3px;
}

div.petitionPreview li a {
background: none;
padding: 0px 0px 0px 0px;
color: #000000;
}

div.petitionPreview .closeButton {
background: url("../../../../images/closeCross.gif") no-repeat right 3px;
float: right;
font-size: 1.2em;
_font-size: 1.0em;
font-weight: bold;
margin: -15px 5px 0px 0px;
padding: 0px 13px 0px 0px;
color: #000000;
display: none;
}

body.ePetitions div.tertiaryContent div.purpleBox {
float: left;
padding: 10px 10px 10px 10px;
margin: 0px 0px 15px 0px;
border: #d4d0d7 1px solid;
}

div.loginWrapper {
float: left;
width: 500px;
padding: 15px 0px 5px 0px;
}

body.ePetitions div.loginWrapper div.podQuarterRightWrapper, body.ePetitions div.loginWrapper div.podQuarterRightLoggedInWrapper {
min-height: 280px;
*height: 280px;
position: relative;
}

body.ePetitions div.loginWrapper div.podQuarterRightWrapper a.button {
padding: 4px 3px 5px;
*border: 1px solid #fff!important;
}

body.ePetitions div.loginWrapper div.podQuarterRightWrapper a.button, body.ePetitions div.loginWrapper div.podQuarterRightLoggedInWrapper input.button, body.ePetitions div.loginWrapper div.podQuarterRightWrapper input.button {
position: absolute;
bottom: 15px;
left: 0px;
border: 1px solid #3f3f3f;
}

a.forgottenPassword {
font-size: 1.2em;
display: block;
clear: left;
/*width: 190px;*/
padding: 5px 0px 10px 13px;
_padding: 0 0 0 13px;
color: #ffffff;
}

div.petitionComplete {
border: #636466 1px solid;
float: left;
display: inline;
width: 500px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
}

div.petitionCompleteWrapper {
background: url("../../../../images/petitionCompleteBackground.gif") top center repeat-y;
border: #ffffff 5px solid;
float: left;
width: 470px;
padding: 25px 10px 15px 10px;
text-align: center;
}

div.petitionCompleteWrapper h2 {
font-size: 3.0em;
font-weight: normal;
}

div.petitionCompleteWrapper p {
font-size: 2.0em;
padding: 0px 40px 0px 40px;
}

div.petitionCompleteWrapper ul.petitionButtons {
padding: 50px 0px 0px 15px;
width: auto;
float: none;
}

div.petitionCompleteWrapper ul.petitionButtons li {
float: none;
}

div.petitionCompleteWrapper ul.petitionButtons li a {
float: none;
display: inline-block;
padding: 4px 6px;
}

div.petitionCompleteWrapper ul.petitionButtons .buttonGreen {
margin: 0px 317px 0px 0px;
}

.buttonGreen {
background: url("../../../../images/buttonGreenRepeater.gif") repeat-x 0 0;
border: #527c1a 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 3px 3px 4px;
color: #ffffff;
cursor: pointer;
}

p .buttonGreen {
font-size: 1.0em;
}

.buttonGreen:hover {
background: url("../../../../images/buttonGreenRepeater.gif") repeat-x 0 -24px;
cursor: pointer;
}

.buttonGreenGreyed {
background: url("../../../../images/buttonGreenRepeater.gif") repeat-x 0 -48px;
border: #414141 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 3px 5px 4px 5px;
color: #ffffff;
cursor: default;
}

/*-------------------------------
	Alphabet listings
-------------------------------*/

ul.alphabetNumbers {
clear: both;
padding: 25px 0px 35px 0px;
width: 745px;
}

ul.alphabetNumbers li {
background: none;
font-weight: bold;
font-size: 1.6em;
padding: 0px 4px 0px 4px;
color: #cccccc;
float: left;
}

/*---------------------------*/

ul.alphabetList li div.listWrapper {
font-size: 1.2em;
}

/* Three column style change */

ul.alphabetList li div.listWrapper a {
font-size: 1.1em;
font-weight: bold;
}

/*---------------------------*/

div.alphabetListDetails li img {
margin: 0;
}

/* A to Z listing pages */

body.aToZ ul.aToZListing {
float: left;
}
	
/*-------------------------------
	Admin section
-------------------------------*/

ul.adminNav {
padding: 0px 0px 25px 0px;
}

ul.adminNav li {
display: inline;
background: none;
padding: 0px 0px 0px 0px;
}

div.centreLogo {
width: 180px;
margin: 0 auto;
}

div.pdfPetitionNumberBoxWrapper {
width: 303px;
margin: 0 auto;
display: block;
padding: 25px 0px 65px 0px;
}

div.pdfPetitionNumberBoxLeft {
background: #E3E6EB;
border: #B4B4B4 1px solid;
float: left;
width: 140px;
text-align: center;
padding: 5px;
}

div.pdfPetitionNumberBoxLeft p {
padding: 0px 0px 1px 0px;
}

div.pdfPetitionNumberBoxRight h2 {
padding: 8px 0px 4px 0px;
}

div.pdfPetitionNumberBoxRight {
background: #E3E6EB;
border-top: #B4B4B4 1px solid;
border-right: #B4B4B4 1px solid;
border-bottom: #B4B4B4 1px solid;
float: right;
width: 140px;
text-align: center;
padding: 5px;
}

div.textCentre {
text-align: center;
padding: 0px 0px 10px 0px;
}

div.buttonCentre {
text-align: center;
padding: 10px 0px 20px 0px;
}


ul.noBackground li {
background: none;
padding: 0px 10px 5px 0px;
}

div#ui-datepicker-div {
display: none;
background: #ffffff;
border: #888888 1px solid;
padding: 10px 10px 0px 10px;
*width: 206px;
}

div.ui-datepicker-title {
font-size: 1.4em;
font-weight: bold;
padding: 6px 0 0;
}

div.ui-datepicker-header a {
cursor: pointer;
font-size: 1.1em;
background-color: #fff;
}

a.ui-datepicker-prev {
margin: 0px 10px 0px 0px;
}

td.cke_dialog_ui_hbox_first label {
width: 91px;
float: left;
}

.cke_skin_kama .cke_dialog_body label.cke_required {
float: none;
}

a.previewPetition {
background: url("../../../../images/ePetitionsPreviewButton.gif") no-repeat 0 0;
float: left;
height: 23px;
width: 78px;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 7px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
display: none;
}

a.previewPetition:hover {
background: url("../../../../images/ePetitionsPreviewButton.gif") no-repeat 0 -31px;
}

a.adminPetition {
background: url("../../../../images/ePetitionsAdminButton.gif") no-repeat 0 0;
float: right;
height: 24px;
width: 75px;
padding: 9px 0px 0px 0px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
display: none;
}

a.adminPetition:hover {
background: url("../../../../images/ePetitionsAdminButton.gif") no-repeat 0 -33px;
}

div.adminPopUp {
	width: 95%;
	margin: 0 auto;
	}
	
div.adminPopUpForm {
	width: 100%;
	clear: both;
	}
	
div.adminPopUpForm label {
	font-size: 1.2em;
	}
	
div.adminPopUpForm #SearchIP {
	border-top: 1px solid #E9EEF1;
	padding-top: 8px;
	margin-top: 8px;
	}
	
div.adminPopUpForm span.formError {
	font-size: 1.2em;
	}
	
.termslink {
    margin: 0 !important; 
    padding: 10px 0 0 !important; 
}

/*-------------------------------
	noScript styling
-------------------------------*/

div.petitionPreviewNoScript {
_border: #cccccc 2px solid;
color: #000000;
text-align: left;
}

div.petitionPreviewNoScript a {
background: url("../../../../images/listArrowGrey.gif") no-repeat left 3px;
padding: 0px 0px 0px 10px;
}

div.petitionPreviewNoScript a.closeButton {
display: none;
}

div.petitionPreviewNoScript ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px!important;
}

div.petitionPreviewNoScript li {
font-size: 1.0em;
}

div.petitionPreviewNoScript li a {
background: none;
padding: 0px 0px 0px 0px;
color: #000000;
}

html.noScript div.titleWrapper .button {
display: inline!important;
}

span.cke_skin_kama {
width: 712px!important;
}

span.urlBase {
float:left;
padding: 5px
}

/* To be added to basic.css */

body.ePetitions div.secondaryNavigation {
padding: 0px 0px 25px 0px;
min-height: 10px;
}

.ePetitions .allSignatures {
    clear: both;
}