/*-------------------------------------------------------------------------
Scottish Parliament high contrast stylesheet.
Created by Joseph Gallagher.
July 2010
-------------------------------------------------------------------------*/

* {
margin: 0px;
padding: 0px;
}

body, body.education {
background: #FFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #636466;
}

/*-------------------------------
	Base styles
-------------------------------*/

div.wrapper, body.education div.wrapper {
padding: 10px;
float: left;
font-size: 1.6em!important;
line-height: 1.8em;
margin: 0 auto;
background: none!important;
border: none!important;
}

div.header, div.container, ul#nav, div.footer {
float: left;
width: 100%;
display: block;
clear: both;
}

img {
border: none;
}

p {
padding: 0px 0px 12px;
font-size: 1.2em;
}

a {
color: #636466;
text-decoration: underline;
}

ul {
padding: 0px 0px 10px 0px;
}

ul li {
background: url(../images/listArrow.gif) no-repeat left 10px;
list-style: none;
padding: 0px 10px 5px 10px;
font-size: 1.2em;
}

ul li.noBackground {
background: none;
padding: 0 10px 5px 0;
}

ul li p {
font-size: 1.0em;
}

ul.thumbnail li {
background: none;
list-style: none;
padding: 0px 15px 5px 0px;
font-size: 1.2em;
float: left;
}

ul.thumbnail li img {
float: left;
width: 60px;
margin: 0px 6px 0px 0px;
border: 1px solid #bebebe;
padding: 4px;
}

ol {
padding: 0 0 6px;
}

ol li {
padding: 0 0 6px;
font-size: 1.2em;
list-style-position: inside;
}

ol li p {
font-size: 1em;
}

ol li ul li {
font-size: 1em;
padding: 0 10px 5px 10px;
}

.buttonToText {
border: none;
background: none;
color: #636466;
font-size: 1.1em;
text-decoration: underline;
padding: 0;
margin: 0;
}

body.home div.primaryContent div.whatsOnContentBottom .buttonToText {
float: none;
display: inline;
background: none;
padding: 0;
border: none;
font-size: 0.9em;
}

body.home div.primaryContent .buttonToText, body.home div.secondaryContent .buttonToText,
body.primaryHub div.container .buttonToText, body.education div.container .buttonToText {
border-top: 1px solid #BEBEBE;
background: url("../images/arrowUp.gif") no-repeat scroll 9px 50% #eee;
color: #636466;
font-size: 1.1em;
padding: 6px 0 6px 22px;
margin: 0px;
text-align: left;
float: left;
display: block;
width: 100%;
}

input#ctl26_StyleSwitcherRepeater1_ctl00_button, input#ctl26_StyleSwitcherRepeater1_ctl01_button, input#ctl26_StyleSwitcherRepeater1_ctl02_button {
margin: 10px 15px 15px 0;
font-weight: bold;
padding: 3px;
}

input#ctl26_StyleSwitcherRepeater1_ctl00_button {
border: 2px solid #bebebe;
background: #fff;
color: #636466;
}

input#ctl26_StyleSwitcherRepeater1_ctl01_button {
border: 2px solid #bebebe;
background: #F7F3D6;
color: #636466;
}

input#ctl26_StyleSwitcherRepeater1_ctl02_button {
border: 2px solid #232323;
background: #000;
color: #ffff00;
}

.noMargin {
margin: 0px!important;
}

.noBorder {
border: none!important;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.pdf {
background: url(../images/iconPdf.png) left 2px no-repeat!important;
padding: 0px 0px 5px 20px!important;
margin: 4px 0 0;
}

div.podQuarterRight a.pdf, div.podQuarterRightSecure a.pdf {
margin: 8px 0;
}

div.podQuarterRight li a.pdf, div.podQuarterRightSecure li a.pdf {
margin: 8px 0 8px -8px;
}

a.rss {
background: url(../images/iconRss.png) left 2px no-repeat;
padding: 0px 0px 5px 20px;
margin: 10px 0;
display: block;
font-size: 1.2em;
}

div.podHalf a.rss {
font-size: 0.9em;
font-weight: normal;
padding: 0 0 0 20px;
margin: 0;
}

.doc {
background: url(../images/iconWord.png) left 2px no-repeat!important;
padding: 0px 0px 5px 20px;
}

.xls {
background: url(../images/iconExcel.png) left 2px no-repeat!important;
padding: 0px 0px 5px 20px;
}

.zip {
background: url(../images/iconZip.png) left 2px no-repeat!important;
padding: 0px 0px 5px 20px;
}

.information {
display: none;
}

.one {
background: url(../images/number01.gif) no-repeat 0 0;
padding: 0px 0px 10px 25px;
display: block;
}

.two {
background: url(../images/number02.gif) no-repeat 0 0;
padding: 0px 0px 10px 25px;
display: block;
}

.three {
background: url(../images/number03.gif) no-repeat 0 0;
padding: 0px 0px 10px 25px;
display: block;
}

.four {
background: url(../images/number04.gif) no-repeat 0 0;
padding: 0px 0px 10px 25px;
display: block;
}

.five {
background: url(../images/number05.gif) no-repeat 0 0;
padding: 0px 0px 10px 25px;
display: block;
}

.button {
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: 2px 5px;
color: #fff;
}

a.logo {
margin: 2px 0 6px;
}

a.logo img {
width: 200px;
}

div.pagination {
clear: both;
padding: 12px 0 0;
font-size: 1.2em;
}

div.pagination li {
background: none;
display: inline;
padding: 0 8px 0 0;
}

/* Speech bubbles */

div.speechBubbleSmall, div.speechBubbleMedium, div.speechBubbleLarge {
/*width: 100%;*/
}

/*-------------------------------
	Search
-------------------------------*/

div.searchBox {
clear: both;
margin: 0 0 12px;
}

div.searchBox label,div.searchBox p {
display: none;
}

div.searchBox .button {
padding: 1px 4px 2px;
margin-bottom: 6px;
}

div.searchBox input.searchInput {
width: auto;
height: 20px;
border: #bebebe 1px solid;
padding: 3px;
}

/* Search results */

ul#listing {
border-top: #bebebe 1px solid;
padding: 10px 0;
}

ul#listing li {
border-bottom: #bebebe 1px solid;
background: url(../images/listArrowPurple.gif) no-repeat left 4px;
margin: 10px 0;
}

ul#listing li h2 {
font-size: 1.2em;
clear: none;
padding: 0px 0px 5px 0px;
}

span.previousPage, span.nextPage, a.previousPage, a.nextPage, a.pageNumber, span.currentPageNumber {
padding: 0 8px 0 0;
font-size: 1.2em;
color: #999;
}

span.currentPageNumber {
font-weight: bold;
color: #636466;
}

a.pageNumber {
color: #636466;
}

/*-------------------------------
	Header tags
-------------------------------*/

h1 {
font-size: 1.6em;
margin: 12px 0 6px;
padding: 0 0 2px;
font-weight: bold;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #bebebe;
background: none!important;
}

body.home h1 {
display: none;
}

body.primaryHub h1, body.education h1 {
border-bottom: none;
}

body.education h1 {
color: #ED3D61;
}

h2 {
font-size: 1.4em;
padding: 6px 0px;
clear: both;
}

h3 {
font-size: 1.4 em;
padding: 6px 0px;
}

h4 {
font-size: 1.4em;
padding: 0 0 6px;
}

/*-------------------------------
	Header navigation
-------------------------------*/

div.headerNavigation ul {
float: left;
margin-top: 10px 0 0;
}

div.headerNavigation li {
background: none;
float: left;
display: inline;
padding: 0px 5px;
border-right: 1px solid #bebebe;
font-size: 1.1em;
}

div.headerNavigation .buttonToTextSmall, div.headerNavigation .buttonToText, div.headerNavigation .buttonToTextLarge {
display: none;
}

div.headerNavigation li.last {
padding: 0px 0px 0px 8px;
border-right: none;
}

div.headerNavigation li.last a.skipLink {
padding: 0 8px 0 0;
border-right: 1px solid #bebebe;
}

div.headerNavigation a {
color: #636466;
}


/*-------------------------------
	Primary navigation
-------------------------------*/

ul#nav {
background: none;
min-height: auto;
width: 100%!important;
margin-bottom: 10px;
}

ul#nav li {
background-image: none;
background-color: #410b62;
border-bottom: 1px solid #FFF;
float: none;
display: list-item;
text-align: left;
padding: 0;
}

ul#nav li a {
background: none!important;
width: auto!important;
text-decoration: underline;
padding: 4px 6px;
color: #fff;
font-size: 1em;
display: block;
text-align: left;
}

ul#nav li a.selected {
text-decoration: none!important;
font-weight: bold;
background-color: #000!important;
border: 1px solid #000;
width: auto;
}

ul#nav li ul, li.navWrapper {
display: none!important;
}

/*-------------------------------
	Secondary navigation
-------------------------------*/

div.secondaryNavigation {
width: 100%;
float: left;
}

div.secondaryNavigation ul {
padding: 0px;
}

div.secondaryNavigation ul li {
padding: 0px;
border-bottom: 1px solid #fff;
background: #EEECF0;
}

div.secondaryNavigation ul li a {
padding: 3px;
display: block;
}

div.secondaryNavigation ul li a.selected {
font-weight: bold;
}

/* Sub level one */

div.secondaryNavigation ul ul li a {
padding: 3px 3px 3px 15px;
}

/* Sub level two */

div.secondaryNavigation ul ul ul li a {
padding: 3px 3px 3px 30px;
}

/* Sub level three */

div.secondaryNavigation ul ul ul ul li a {
padding: 3px 3px 3px 45px;
}

/*-------------------------------
	Breadcrumb
-------------------------------*/

ul.breadcrumb {
display: none;
}

/*-------------------------------------------------------------------------------
   Primary, Secondary and Tertiary content area layout variations.
-- This section is used to style divs of the same name on different templates --
-------------------------------------------------------------------------------*/

/* Default */

div.primaryContent {
width: 100%;
float: left;
padding: 2px 0px 0px;
}

div.secondaryContent, div.tertiaryContent {
width: 100%!important;
padding: 0 0 6px!important;
margin: 0px;
float: left!important;
}

body.education div.secondaryPodsRight {
width: 100%!important;
}

/*-------------------------------
	Page Specific Styles 
-------------------------------*/

/* Video */

body.video div.purpleBox, body.videoHub div.purpleBox, body.content div.video div.purpleBox {
background: #F0ECF2;
padding: 8px;
margin: 0px 0px 12px;
border: none;
}

body.video div.purpleBox h2, body.videoHub div.purpleBox h2, body.content div.video div.purpleBox h2 {
padding: 0px 0px 5px 0px;
font-size: 1.4em;
}

body.video div.videoBox, body.videoHub div.videoBox, body.content div.video div.videoBox {
margin: 0px;
}

div.video h3 {
margin: 10px 0 0;
float: left;
}

div.secondaryContent div.podQuarter div.imageFrame, div.secondaryContent div.podQuarterNoMargin div.imageFrame {
border: 1px solid #bebebe;
padding: 2px;
float: left;
margin: 3px 6px 0 0;
width: 80px;
}

div.secondaryContent div.podQuarter div.imageFrame span, div.secondaryContent div.podQuarterNoMargin div.imageFrame span {
overflow: hidden;
width: 72px;
display: block;
}

div.secondaryContent div.podQuarter div.imageFrame img, div.secondaryContent div.podQuarterNoMargin div.imageFrame img {
background: none;
width: 100px;
height: auto;
margin: -15px 0 0;
padding: 0;
}

ul.relatedVideos li {
background: none;
padding: 10px 0px;
width: 100%;
float: left;
font-size: 1.4em;
border-bottom: 1px solid #D3D3D3;
}

ul.relatedVideos li img {
background: url(../images/carouselImageBackground.gif) top left no-repeat;
float: left;
padding: 7px;
margin: 0 10px 0 0;
width: 80px;
}

body.content div.secondaryContent ul.relatedVideos li img {
border: 0;
padding: 4px;
margin: 0 8px 0 0;
}

ul.relatedVideos li p {
font-weight: bold;
}

/* FAQ's */

body.faq div.secondaryContent li {
background: none;
padding: 0px;
}

body.faq div.secondaryContent h2 {
font-size: 1.4em;
text-decoration: underline;
}

ul.faq h2 a {
padding: 0;
font-size: 0.9em;
text-decoration: none;
}

ul.faq li p {
display: block!important;
}

ul.faq a.open, ul.faq a.closed {
background: none;
}

/* Committee pages */

div.threeColumnIntro object {
padding: 0;
}

div.threeColumnIntro a.right {
float: right;
margin: 5px 0px 0px 0px;
font-size: 1.2em;
}

div.threeColumnIntro {
padding: 0px 8px 12px 0px;
float: left;
width: auto;
}

body.committee div.podHalf {
height: auto!important;
background: none;	
border-bottom: 1px solid #F0ECF2;
margin-bottom: 8px;
padding-bottom: 0;
}

body.committee div.podHalf h4 {
padding: 5px 0;
}

/*-------------------------------
	Footer
-------------------------------*/

div.footer {
border-top: #bebebe 2px solid;
float: left;
display: block;
clear: both;
padding: 5px 0;
}

div.footer li {
background: none;
display: inline;
padding: 0px 5px 0 0;
margin: 0px 5px 0 0;
border-right: #ccc 1px solid;
font-size: 1.1em;
}

div.footer .buttonToText {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 1em; 
}

div.footer div.accessKeys {
display: none;
}

/*-------------------------------
	Sitemap
-------------------------------*/

ul.sitemap {
margin: 0px;
border-bottom: 1px solid #bebebe;
}

ul.sitemap ul{
padding: 0px;
}

ul.sitemap li {
background: url(../images/listArrowGrey.gif) no-repeat 0 5px;
font-weight: normal;
font-size: 1.2em;
padding: 0 0px 10px 10px;
font-size: 1.4em;
}

ul.sitemap li li {
background: url(../images/squareGrey.gif) no-repeat 0 15px;
border-top: 1px solid #bebebe;
font-weight: bold;
padding: 10px 0 10px 10px;
margin: 26px 0 0;
font-size: 0.9em;
}

ul.sitemap li li li {
background: url(../images/squareGrey.gif) no-repeat 0 15px;
border-top: 1px dotted #bebebe;
font-weight: normal;
padding: 10px 0 0 10px;
font-size: 1em;
margin: 10px 0 0;
}

ul.sitemap li li li li {
background: url(../images/squareGrey.gif) no-repeat 0 15px;
border-top: none;
margin: 0;
padding: 10px 0 5px 10px;
font-size: 0.9em;
}

/*-------------------------------
	Search results
-------------------------------*/

ul.searchResults {
padding: 25px 0px 0px 0px;
}

ul.searchResults h2 {
font-size: 1.2em;
}

ul.searchResults li {
border-bottom: #BEBEBE 1px solid;
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 0px;
}

/*------------------------------------
	Homepage MSP Search & Calendar
------------------------------------*/

div.whatsOnCover {
display: none;
}

div.whatsOn {
float: left;
width: 100%;
}

div.whatsOn .noscriptButton {
float: right;
margin: -25px 0px 5px 0px;
}

div.whatsOn .noscriptButton input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #bebebe 1px solid;
color: #fff;
text-align: center;
height: auto;
width: auto;
cursor: pointer;
padding: 0;
margin: 0;
}

div.whatsOnWrapper {
float: left;
width: 100%;
}

div.whatsOnContentLeft {
width: 100%;
}

div.whatsOnPrimaryElement {
background: #7b658a;
padding: 6px;
margin: 0px 0px 2px;
text-align: center;
}

div.whatsOnPrimaryElement label {
left: -9999px;
position: absolute;
}

div.whatsOnSecondaryElement {
display: none;
}

div.whatsOnContentLeft select {
width: 203px;
}

div.whatsOnLoading  {
background: #eae8ed;
text-align: center;
padding: 15px 0 0;
margin: 1px;
}

div.whatsOnContentRightElement {
border: 8px solid #7B658A;
}

div.whatsOnContentRightElement ul {
padding: 0px;
}

div.whatsOnContentRightElement li {
background: none;
border-bottom: 1px solid #f0ecf2;
padding: 6px 6px 6px 15px;
}

div.whatsOnContentBottom {
padding: 4px;
}

div.whatsOnContentBottom ul {
padding: 0px;
}

div.whatsOnContentBottom li {
background: url(../images/listArrowGrey.gif) no-repeat 0 3px;
}

div.whatsOnContentBottom li a {
text-decoration: none;
}

h2.whatsOnTab {
color: #432359;
padding: 10px 0 4px;
}

div.mspSearch {
float: left;
width: 100%;
}

div.mspSearchPrimaryContent {
background: #7B658A;
border-bottom: #FFF 1px solid;
color: #FFF;
padding: 0 8px;
}

div.mspSearchPrimaryContent h3 {
font-size: 1.4em;
padding: 8px 0px 0px;
}

body.home div.mspSearchPrimaryContent label {
display: none;
}

div.mspSearchPrimaryContent p {
padding: 4px 0px;
}

div.mspSearchPrimaryContent p.noscript {
position: absolute;
bottom: 0;
left: 0;
background-color: #F0ECF2;
width: 211px;
height: 120px;
}

div.mspSearchPrimaryContent p.noscript a {
color: #fff;
padding: 0;
}

div.mspSearchPrimaryContent span {
background-color: #7B658A;
display: block;
font-size: 1.2em;
*height: 2px!important;
color: #636466;
}

div.mspSearchPrimaryContent input {
text-align: center;
width: 178px;
clear: both;
display: block;
margin: 0px 0px 6px;
}

div.mspSearchPrimaryContent input.button {
margin: 0px 0px 6px;
width: 185px;
}

div.mspSearchSecondaryContent {
padding: 5px;
border: 8px solid #7B658A;
}

div.mspSearchSecondaryContent ul {
padding: 0px;
font-size: 0.95em;
}

div.mspSearchSecondaryContent ul li {
padding: 0 0 2px 10px;
}

div.mspSearchTertiaryContent, div.toggleButton1, div.toggleButton2 {
display: none;
}

/* Staff address book */

div.addressBookSearch {
padding: 0px;
width: 100%;
float: left;
background-color: #7B658A;
color: #FFF;
}

div.addressBookPrimaryContent h3 {
font-size: 1.2em;
padding: 6px;
margin: 0px;
border-bottom: 1px solid #FFF;
}

div.addressBookPrimaryContent ul {
clear: both;
padding: 5px 0px 0px 0px;
float: left;
}

div.addressBookPrimaryContent li {
background: none;
clear: both;
padding: 0px 0px 2px 0px;
float: left;
width: 180px;
}

div.addressBookPrimaryContent label {
padding: 0 0 0 6px;
float: left;
}

div.addressBookPrimaryContent select {
margin: 0 0 0 6px;
display: inline;
color: #636466;
}

div.addressBookPrimaryContent input {
width: 180px;
clear: both;
margin: 0px 6px;
float: left;
}

div.addressBookPrimaryContent input.button {
margin: 6px 0 6px 6px;
width: 180px;
background: #000;
}

div.addressBookPrimaryContent a {
padding: 0px 0px 0px 12px;
}

div.addressBookPrimaryContent .checkbox input {
background: none;
width: 12px;
margin: 2px 14px 0px 5px;
border: none;
_width: 16px;
clear: none;
float: right;
display: inline;
}

/*-------------------------------
 Personalisation features
-------------------------------*/

/*------Manage pods-------------*/

div.manageContentPods ul, div.manageContent ul {
	padding: 0;
	}
	
div.manageContentPods ul li {
	background: url("../images/listArrowBlack.gif") no-repeat scroll 8px 16px transparent;
	font-size: 1.4em;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px;
	position: relative;
	}
	
div.manageContentPods ul li .button {
	font-size: 0.85em;
	position: absolute;
	top: 7px;
	right: 12px;
	width: 90px;
	}
	
div.manageContentPods p.errorText {
font-size: 1.2em;
}
	
/*------Manage favourites-------- */

div.manageContent ul li {
	background: url("../images/listArrowGrey.gif") no-repeat scroll 8px 16px transparent;
	font-size: 1.4em;
	border-top: 1px solid #bebebe;
	padding: 12px 130px 12px 20px;
	}
	
div.manageContent ul li a {
	display: block;
	}

div.manageContent ul li .button, div.manageContent ul li .buttonDisabled {
	font-size: 0.85em;
	width: 90px;
	margin: 12px 0 0;
	float: none;
	display: block;
	clear: both;
	color: #fff;
}

div.manageContent span.favouritesList p {
	width: auto;
	float: none;
}

div.manageContent p {
	width: 220px;
	float: left;
}

div.manageContent span.errorText {
font-size: 1em;
}

div.manageContent input {
	float: left;
	background: url("../images/buttonRepeater.gif") repeat-x scroll 0 0 transparent;
	border: 1px solid #3F3F3F;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 5px 4px;
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
}

div.manageContent p input {
	float: none;
	background: none;
	border: 1px solid #bebebe;
	color: #636466;
	cursor: default;
	font-weight: normal;
	padding: 3px;
	text-align: left;
	margin: 0;
	display: block;
	clear: both;
}

/* Gaelic content */

div.whatsOnGaelic {
float: left;
width: 239px;
position: relative;
overflow: hidden;
margin: 0px;
padding: 0px;
}

div.whatsOnGaelic div.whatsOnCover {
display: none;
}

div.whatsOnGaelic div.whatsOnContentLeft {
width: 199px;
height: 222px;
}

div.whatsOnGaelic div.whatsOnWrapper {
width: 219px;
}

div.gaelic div.mspSearch {
width: 703px;
margin: 0 0 0 15px;
	}
	
div.gaelic div.mspSearchPrimaryContent div.toggleButton2 {
	display: none;
	}

div.gaelic div.mspSearchSecondaryContent {
	width: 180px;
	}
	
/*-------------------------------
  Promotional Boxes 
-------------------------------*/

div.titleBar {
display: none;
}

ul.promotionalBoxFour, ul.promotionalBoxThree {
margin: 0;
padding: 0px 0px 7px 0px;
width: 100%;
}

ul.promotionalBoxFour li, ul.promotionalBoxThree li {
padding: 0;
margin: 0px 0px 1px;
background: #f0ecf2;
border-bottom: 1px solid #bebebe;
}

body.education ul.promotionalBoxFour li {
background: #eee;
}

ul.promotionalBoxFour li div.slider, ul.promotionalBoxThree li div.slider {
width: auto!important;
position: relative;
padding: 0 0 0 110px;
}

ul.promotionalBoxThree li div.slider {
padding: 0;
}

ul.promotionalBoxFour li object, ul.promotionalBoxFour li div#mediaspace, ul.promotionalBoxThree li object, ul.promotionalBoxThree li div#mediaspace {
padding: 0px;
margin: 0px;
}

ul.promotionalBoxFour li img {
width: 100px;
position: absolute;
top: 0;
left: 0;
padding: 2px;
border: 1px solid #bebebe;
background-color: #FFF;
}

ul.promotionalBoxThree li img {
display: none;
}

ul.promotionalBoxFour li a {
background: url("../images/listArrowGrey.gif") no-repeat scroll 4px 8px transparent;
padding: 0 0 0 10px;
display: block;
}

ul li div.panelContent {
width: 100%;
}

ul li div.panelContent h3 {
background: #000;
color: #FFF;
padding: 6px;
font-size: 1.1em;
font-weight: normal;
}

body.education ul li div.panelContent h3 {
background: #ED3D61;
}

ul li div.panelContent p {
padding: 4px;
}

div.slider a.WMPFeaturePanelLink {
display: none;
}

ul.promotionalBoxFour li div.slider div.objectPlaceholder, ul.promotionalBoxThree li div.slider div.objectPlaceholder {
display: none!important;
}

/*-------------------------------
  Promotional Box - Four Slides
-------------------------------*/

ul.promotionalBoxFour li li {
background: url(../images/bulletBlack.gif) no-repeat 0 8px #fff;
float: none;
font-size: 1em;
padding: 2px 0 2px 8px;
}

ul.sliderContentList li {
float: none;
font-size: 1.0em;
margin: 0 auto;
}

/*-------------------------------
 Promotional Box - Three Slides
-------------------------------*/

ul.promotionalBoxThree li li {
font-size: 1em;
padding: 6px 6px 6px 10px;
background: auto;
border-bottom: none;
}

ul.promotionalBoxThree li.slide1 div.slider {
padding-top: 40px;
}

ul.promotionalBoxThree li.slide1 div.titleBar {
position: absolute;
top: 0;
left: 0;
height: 40px;
background: #000;
color: #fff;
display: block;
width: 100%;
font-size: 0.8em;
padding: 0 6px;
}

ul.promotionalBoxThree li.slide1 div.titleBar span.plus, ul.promotionalBoxThree li.slide1 div.titleBar span.minus {
display: none;
}

ul.promotionalBoxThree li.slide1 div#mspHubFinderForm {
margin: 10px 10px 0;
}

ul.promotionalBoxThree li.slide1 ul {
margin: 10px;
}

ul.promotionalBoxThree li.slide1 ul li {
background: url("../images/listArrow.gif") no-repeat scroll left 16px transparent;
}

ul.promotionalBoxThree li.slide1 input {
clear: both;
display: block;
}

ul.promotionalBoxThree li.slide3 table {
width: auto;
margin: 0 4px 6px;
}

ul.promotionalBoxThree li.slide3 table th {
background: #FFF;
}

ul.promotionalBoxThree li.slide3 th, ul.promotionalBoxThree li.slide3 td {
padding: 2px;
}

/*-------------------------------
	Content pods
-------------------------------*/

div.homepagePersonalisation h3 {
width: 100%;
float: left;
display: block;
margin: 6px 0;
padding: 0;
}

div.homepagePersonalisation h3 a {
background: #eee;
border-top: 1px solid #bebebe;
padding: 6px;
margin: 0 0 8px;
color: #636466;
display: block;
}

div.secondaryPodsLeft {
float: left;
}

div.tertiaryPodsRight {
float: left;
}

div.tertiaryPods {
width: 100%!important;
float: none!important;
}

/* Quarter width */

div.podQuarter, div.podQuarterSecure, div.podQuarterNoMargin, div.podQuarterSecureNoMargin {
width: 100%;
height: auto!important;
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: #bebebe 1px solid;
clear: both;
float: left;
}

div.podQuarterSecure, div.podQuarterSecureNoMargin {
background: #F5EEF3!important;
border: 1px dashed #4E0037;
}

div.podQuarter img, div.podQuarterNoMargin img, div.podQuarterSecure img, div.podQuarterSecureNoMargin img {
width: 100px;
padding: 2px;
float: left;
border: 1px solid #bebebe;
margin: 3px 6px 0 0;
}

div.podQuarter a, div.podQuarterNoMargin a, div.podQuarterSecure a, div.podQuarterSecureNoMargin a {
margin: 0;
}

div.podQuarter h2, div.podQuarterNoMargin h2, div.podQuarterSecure h2, div.podQuarterSecureNoMargin h2,
div.podQuarter h3, div.podQuarterNoMargin h3, div.podQuarterSecure h3, div.podQuarterSecureNoMargin h3 {
padding: 0!important;
font-size: 1.4em!important;
color: #636466!important;
text-align: left!important;
clear: none;
background: none!important;
}

div.podQuarter ul, div.podQuarterNoMargin ul, div.podQuarterSecure ul, div.podQuarterSecureNoMargin ul {
padding: 0px 5px;
float: left;
}

div.podQuarter ul li, div.podQuarterNoMargin ul li, div.podQuarterSecure ul li, div.podQuarterSecureNoMargin ul li {
background: url(../images/listArrowGrey.gif) no-repeat 0 14px;
padding: 0 10px 5px;
}

div.podQuarter p, div.podQuarterNoMargin p, div.podQuarterSecure p, div.podQuarterSecureNoMargin p {
word-wrap: break-word;
}

/* Quarter width: Right column */

div.podQuarterRight, div.podQuarterRightSecure, body.education div.podQuarterRight {
border: 1px solid #bebebe;
width: 100%;
margin-bottom: 8px;
padding-bottom: 8px;
float: left;
background: none;
}

div.podQuarterRightSecure {
background: #F5EEF3!important;
border: 1px dashed #4E0037;
}

div.podQuarterRight h4, div.podQuarterRightSecure h4, body.education div.podQuarterRight h4 {
background: #f0ecf2;
padding: 4px;
font-size: 1.4em;
font-weight: normal;
height: auto;
}

div.podQuarterRight p, div.podQuarterRightSecure p, body.education div.podQuarterRight p,
div.podQuarterRight ul, div.podQuarterRightSecure ul, body.education div.podQuarterRight ul {
padding: 4px;
}

div.podQuarterRight ul li, div.podQuarterRightSecure ul li, body.education div.podQuarterRight ul li {
background: url(../images/listArrowGrey.gif) no-repeat 0 4px;
padding: 0 4px 4px 10px;
}

body.education div.podQuarterRight ul li a {
padding: 0;
}

div.podQuarterRight ul.thumbnail li, div.podQuarterRightSecure ul.thumbnail li {
background: none;
padding: 0 4px 4px 0;
width: 100%;
}

/* Right pod get involved */

div.podQuarterRightGetInvolved {
border: 1px solid #bebebe;
margin: 0px 0px 8px;
padding: 0px 0px 8px;
}

div.podQuarterRightGetInvolved h4 {
background: #f0ecf2;
padding: 4px;
font-size: 1.4em;
font-weight: normal;
}

div.podQuarterRightGetInvolved p {
padding: 4px;
clear: both;
word-wrap: break-word;
}

div.podQuarterRightGetInvolved a, div.podQuarterRightGetInvolved div {
word-wrap: break-word;
}

div.podQuarterRightGetInvolved div {
font-size: 1.2em;
padding: 0 4px;
}

/* Right pod Contact */

div.podQuarterRightContact, body.education div.podQuarterRightContact {
border: 1px solid #bebebe;
width: 100%;
margin: 0px 0px 8px;
padding: 0px 0px 8px 0px;
color: #636466;
}

body.education div.podQuarterRightContact {
border: 1px solid #bebebe;
background: none;
text-align: left;
}

div.podQuarterRightContact h4, body.education div.podQuarterRightContact h4 {
background: #F0ECF2;
padding: 4px;
font-size: 1.4em;
font-weight: normal;
color: #636466;
width: auto;
}

body.education div.podQuarterRightContact h4, body.education div.podQuarterRight h4 {
background: #EEE;
min-height: 10px;
}

div.podQuarterRightContact p, body.education div.podQuarterRightContact p {
padding: 4px;
}

div.podQuarterRightContact ul, body.education div.podQuarterRightContact ul {
padding: 4px;
}

div.podQuarterRightContact ul li, body.education div.podQuarterRightContact ul li {
font-weight: bold;
padding: 0px 0px 4px;
margin: 0px;
background: none;
}

/* Right pod accessible pdfs */

div.podQuarterRight span.accessiblePdfs {
float: left; 
font-size: 0.9em;
}

div.podQuarterRight .accessiblePdfs img {
margin: 0 8px 0 0;
}

div.podQuarterRight .accessiblePdfs p {
text-align: left;
}

/* Full width */

div.podQuarterSecureFullWidth {
float: left;
margin: 8px 0px;
padding: 0px 0px 8px;
background: #F5EEF3!important;
border: 1px dashed #4E0037;
}

div.podQuarterSecureFullWidth h4 {
color: #fff;
padding: 4px 8px;
font-size: 1.4em;
font-weight: normal;
}

div.podQuarterSecureFullWidth p {
padding: 4px 4px 0px;
clear: both;
}

div.podQuarterSecureFullWidth ul {
float: left;
padding: 4px 4px 0px;
}

div.podQuarterSecureFullWidth ul li {
background: url(../images/listArrowGrey.gif) no-repeat 0 3px;
}

/* Half width */

div.podHalf {
padding: 0 0 6px;
margin: 0 0 10px;
float: left;
width: 100%;
height: auto!important;
border-bottom: #bebebe 1px solid;
clear: both;
}

div.podHalf h2 {
clear: none;
font-size: 1.4em;
padding: 0 0 5px;
}

div.podHalf img {
float: left;
margin: 3px 6px 0 0;
width: 80px;
padding: 2px;
border: 1px solid #bebebe;
}

div.podHalf ul {
padding: 0px 5px;
float: left;
clear: both;
}

div.podHalf ul li {
background: url(../images/listArrowGrey.gif) no-repeat 0 3px;
}

body.home div.podHalf ul li a {
width: auto;
height: auto;
margin: 0px;
}

/*-------------------------------
	Forms
-------------------------------*/

div.form {
float: left;
padding: 10px 0 0;
margin: 10px 0 0;
}

div#mspMotionSearch, div#mspPqaSearch {
padding: 6px 0;
float: left;
}

div#mspMotionSearch_pnlSearchForm, div#mspPqaSearch_pnlSearchForm {
padding: 6px;
background-color: #EEECF0;
width: auto!important;
float: left;
}

div.form fieldset {
border: none;
padding: 0;
}

div.form fieldset legend {
font-size: 1.4em;
font-weight: bold;
padding: 0px 6px 6px 0px;
color: #000;
background-color: #EEECF0;
margin: 0;
}

div.form fieldset fieldset legend {
font-size: 1em;
font-weight: bold;
padding: 6px 0px;
}

div.form fieldset em {
color: #ff0000;
font-size: 1em;
padding: 0 0 0 2px;
}

div.form fieldset fieldset em {
font-weight: normal;
}

div.form ul li, div#mspMotionSearch ul li, div#mspPqaSearch ul li {
float: left;
background: none;
padding: 6px 0px;
border-bottom: 1px solid #fff;
width: 100%;
}

div.form fieldset label {
width: auto;
padding: 3px 0 0;
font-weight: bold;
display: block;
}

div.form fieldset fieldset label {
padding: 0px 0px 5px 20px;
display: block;
float: none;
}

div.form fieldset input {
border: 1px solid #ccc;
width: 180px;
margin: 0px;
padding: 3px 0 3px 3px;
display: block;
}

div.form fieldset select {
border: 1px solid #ccc;
width: 180px!important;
margin: 0;
padding: 2px 2px 1px 3px;
display: block;
}

div.form fieldset textarea {
border: 1px solid #ccc;
width: 180px;
padding: 3px 0 3px 3px;
display: block;
}

div.form fieldset span.checkbox {
display: block;
clear: both;
}

div.form fieldset input.checkbox, div.form fieldset span.checkbox input {
background: none;
width: 12px;
margin: 2px 10px 0 0;
}

div.form fieldset fieldset input {
width: auto;
}

div.form fieldset select option {
padding: 0 10px 0 0;
}

span.formError, .errorText {
color: #ff0000;
font-size: 0.8em;
}

div.form input.button {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
padding: 3px;
width: auto;
}

/*-- Motions Search form styles -*/ 

div#mspMotionSearch input, div#mspMotionSearch select,
div#mspPqaSearch input, div#mspPqaSearch select {
width: 160px;
clear: both;
display: block;
}

div#mspMotionSearch select, div#mspPqaSearch select {
width: 160px!important;
}

div#mspMotionSearch table, div#mspPqaSearch table {
border: none;
background: none;
margin: 0;
width: auto;
}

div#mspMotionSearch table td, div#mspPqaSearch table td {
border: none;
background: none;
padding: 0 6px 0 0;
}

div#mspMotionSearch table input, div#mspPqaSearch table input {
width: auto;
margin: 0 4px 0 0;
background: none;
border: none;
display: inline;
}

div#mspMotionSearch table label, div#mspPqaSearch table label {
width: auto;
margin: 0 4px 0 0;
padding: 0;
}

div#mspMotionSearch div#mspMotionSearch_pnlMotionListHelp li {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

div#mspMotionSearch hr, div#mspPqaSearch hr {
border-top: 1px;
margin: 2px 0;
height: 1px;
border-left: none;
}

div#mspMotionSearch input#mspMotionSearch_txtMotionFrom, div#mspMotionSearch input#mspMotionSearch_txtMotionTo {
width: 100px;
float: none;
display: inline;
}

span#mspMotionSearch_locDateLodgedAfter, span#mspMotionSearch_locDateLodgedBefore, label#mspMotionSearch_locMotionFrom,
span#mspMotionSearch_locDateSupportAfter, span#mspMotionSearch_locDateSupportBefore {
display: block;
clear: both;
}

div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedAfter_ddlDay, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedBefore_ddlDay, 
div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedAfter_ddlMonth, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedBefore_ddlMonth, 
div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedAfter_ddlYear, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateLodgedBefore_ddlYear,
div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedAfter_ddlDay, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedBefore_ddlDay,
div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedAfter_ddlMonth, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedBefore_ddlMonth,
div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedAfter_ddlYear, div#mspMotionSearch select#mspMotionSearch_dateSelectorDateSupportedBefore_ddlYear {
width: auto!important;
display: inline;
}

div#mspMotionSearch_pnlPageNavigationHead, div#mspMotionSearch_pnlPageNavigationFoot {
font-size: 1.2em;
margin: 0 0 10px;
}

div#mspMotionSearch_pnlSearchButtonsHead, div#mspMotionSearch_pnlSearchButtonsFoot {
margin: 0 0 10px;
}

div#mspMotionSearch_pnlFindMotions {
float: left;
}

div#mspMotionSearch div#mspMotionSearch_valSummary ul li {
color: #ff0000;
}

div#mspMotionSearch input#mspMotionSearch_btnBackHead, div#mspMotionSearch input#mspMotionSearch_btnBackFoot {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
padding: 2px 5px 3px;
width: auto;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}

/*--- PQA Search form styles ----*/ 

div#mspPqaSearch input#mspPqaSearch_txtQuestionNumberFrom, div#mspPqaSearch input#mspPqaSearch_txtQuestionNumberTo {
width: 100px;
float: none;
display: inline;
}

div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedAfter_ddlDay, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedBefore_ddlDay, 
div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedAfter_ddlMonth, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedBefore_ddlMonth, 
div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedAfter_ddlYear, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateLodgedBefore_ddlYear,
div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredAfter_ddlDay, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredBefore_ddlDay,
div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredAfter_ddlMonth, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredBefore_ddlMonth,
div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredAfter_ddlYear, div#mspPqaSearch select#mspPqaSearch_dateSelectorDateAnsweredBefore_ddlYear {
width: auto!important;
display: inline;}

div#mspPqaSearch input#mspPqaSearch_rbtnAnswerState1, div#mspPqaSearch input#mspPqaSearch_rbtnAnswerState2, div#mspPqaSearch input#mspPqaSearch_chkUnanswered, div#mspPqaSearch input#mspPqaSearch_rbtnAnswerState3 {
width: auto;
background: none;
border: none;
display: inline;
}

div#mspPqaSearch_pnlPageNavigationHead, div#mspPqaSearch_pnlPageNavigationFoot {
font-size: 1.2em;
margin: 0 0 10px;
}

div#mspPqaSearch_pnlSearchButtonsHead, div#mspPqaSearch_pnlSearchButtonsFoot {
margin: 0 0 10px;
}

div#mspPqaSearch_pnlResults p {
border-bottom: 1px solid #fff;
margin: 0 0 10px;
}

div#mspPqaSearch_pnlSearchResults h4 {
text-align: left!important;
border-top: 1px solid #fff;
padding: 6px 0 0;
}

div#mspPqaSearch_pnlSearchResults p strong a {
font-weight: normal!important;
}

div#mspPqaSearch_pnlSearchResultCount, div#mspPqaSearch_pnlSearchNavigationHead, div#mspPqaSearch_pnlSearchNavigationFoot {
font-size: 1.1em;
}

div#mspPqaSearch_pnlSearchNavigationHead, div#mspPqaSearch_pnlSearchNavigationFoot {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 6px 0;
}

div#mspPqaSearch div#mspPqaSearch_valSummary ul li {
color: #ff0000;
}

div#mspPqaSearch input#mspPqaSearch_btnAdvancedSearchSubmit, div#mspPqaSearch input#mspPqaSearch_btnReset,
div#mspPqaSearch input#mspPqaSearch_btnBasicSearchSubmit, div#mspPqaSearch input#mspPqaSearch_btnBasicReset,
div#mspPqaSearch input#mspPqaSearch_btnNewSearchHead, div#mspPqaSearch input#mspPqaSearch_btnRefineSearchHead,
div#mspPqaSearch input#mspPqaSearch_btnNewSearch, div#mspPqaSearch input#mspPqaSearch_btnRefineSearch,
div#mspPqaSearch input#mspPqaSearch_btnBackHead, div#mspPqaSearch input#mspPqaSearch_btnBackFoot {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
padding: 4px 5px;
color: #fff;
cursor: pointer;
margin: 6px 10px 6px 0;
width: auto;
}

/* form builder styles */

body.form div.form {
background: #EEECF0;
padding: 8px;
border-top: none;
}

div.form div#DropDownListControl, div.form div#TextBoxControl, div.form div#RadioButtonListControl, div.form div#CheckBoxListControl, div.form span.calendarPicker {
float: left;
clear: both;
padding: 0 0 8px;
margin-bottom: 8px;
width: 180px;
position: relative;
display: block;
}

div.form div#DropDownListControl span, div.form div#TextBoxControl span, div.form div#RadioButtonListControl span, div.form div#CheckBoxListControl span, div.form span.calendarPicker span {
min-height: 1px;
font-size: 1.1em;
font-weight: bold;
display: block;
clear: both;
}

body.form div.form label {
width: 180px;
padding: 2px;
font-weight: bold;
color: #000;
font-size: 1.1em;
}

body.form div.form input, body.form div.form textarea, body.form div.form select {
border: 1px solid #ccc;
width: 180px;
margin: 0px;
padding: 2px;
display: block;
clear: both;
}

body.form div.form select {
width: 180px;
padding: 2px 2px 1px;
}

body.form div.form div#CalenderControl table {
width: auto;
clear: left;
border-bottom: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE;
}

body.form div.form div#CalenderControl td, body.form div.form div#CalenderControl th {
padding: 4px 2px;
text-align: center;
border: none;
border-top: 1px solid #BEBEBE;
border-right: 1px solid #BEBEBE;
font-size: 0.9em;
}

body.form div.form div#CalenderControl td a, body.form div.form div#CalenderControl th a {
color: #636466!important;
}

body.form div.form div#CalenderControl td font a {
display: block;
width: 100%;
background-color: #45245C;
padding: 2px 0;
font-weight: bold;
color: #FFF!important;
}

body.form div.form div#CalenderControl table table {
width: 100%;
margin: 0;
font-weight: bold;
}

body.form div.form div#CalenderControl table table td {
background-color: #fff;
}

body.form div.form div#CheckBoxListControl li, body.form div.form div#RadioButtonListControl li {
width: 180px;
padding: 4px 0 0;
font-size: 1em;
margin: 0;
border-bottom: 0;
}

body.form div.form div#CheckBoxListControl input, body.form div.form div#RadioButtonListControl input {
width: 15px;
background: none;
border: none;
margin: 0 4px 0 0;
}

body.form div.form div#CheckBoxListControl label, body.form div.form div#RadioButtonListControl label {
width: 180px;
}

body.form div.form span.button {
background: none;
border: none;
padding: 0;
}

body.form div.form span.button input {
float: none;
margin: 10px 0px;
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
padding: 2px 5px 3px;
width: auto;
display: block;
clear: both;
color: #fff;
font-weight: bold;
}

body.form div.form span.button input:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -24px;
}

/* search form styles */

div.searchForm {
background: #EEECF0;
padding: 10px;
margin: 0 0 10px;
color: #000;
float: left;
}

div.searchForm li {
background: none;
float: left;
border-bottom: 1px solid #FFF;
padding: 0 0 4px;
margin: 0 0 4px;
width: 100%;
}

div.searchForm label {
float: left;
font-weight: normal;
padding: 2px 0px 4px;
font-weight: bold;
color: #000;
font-size: 1.1em;
}

div.searchForm table, div.searchForm span {
float: left;
width: 100%;
margin: 0 0 8px;
background: none;
}

div.searchForm table label, div.searchForm span label {
float: none;
font-size: 0.9em;
}

div.searchForm input, div.searchForm select {
border: 1px solid #ccc;
width: 160px;
margin: 0 0 6px;
clear: both;
display: block;
padding: 1px;
}

div.searchForm table input, div.searchForm span input {
background: none;
width: 12px;
margin: 0 6px 0 0;
border: none;
}

div.searchForm table td, div.searchForm table th {
padding: 2px;
border: none;
text-align: left;
background: #EEECF0;
}

div.addressBook table table {
margin: 0;
}

div.addressBook table table td {
padding: 0 2px;
font-size: 0.8em;
border: none;
background-color: #F0ECF2; 
}

div.searchForm span.checkbox input, div.searchForm span.checkbox label {
float: left;
}

div.searchForm span.checkbox input {
margin: 4px 6px 0 0;
}

div.searchForm input.button, div.searchForm input#voteSearch_btnSearch {
margin: 10px 0px;
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
padding: 2px 5px 3px;
width: auto;
display: block;
clear: both!important;
color: #fff;
font-weight: bold;
}

/* Advanced search form styles */

div.searchForm table#SearchAdvanced_fromdate th, div.searchForm table#SearchAdvanced_todate th {
background: #fff;
font-weight: bold;
border: 1px solid #ccc;
text-align: center;
}

div.searchForm table#SearchAdvanced_fromdate td, div.searchForm table#SearchAdvanced_todate td {
border: 1px solid #ccc;
text-align: center;
}

div.searchForm img#fromdate_img, div.searchForm img#todate_img {
padding: 0 6px 10px;
border: none;
display: block;
}

div.searchForm input#SearchAdvanced_todate, div.searchForm input#SearchAdvanced_fromdate {
width: 150px;
clear: left;
float: left;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
color: #ccc;
}

div.ajax__calendar_container {
border: 2px solid #000;
}

div.ajax__calendar_body table {
width: auto;
}

div.ajax__calendar_body table td {
padding: 0;
}

div.ajax__calendar_body table td .ajax__calendar_day{
text-align: center;
}

div.ajax__calendar_body table td.ajax__calendar_active div.ajax__calendar_day {
border: 0;
background-color: #45245C;
color: #fff;
font-weight: bold;
}

div.searchForm table table {
background: #fff;
font-weight: bold;
margin: 0;
}

div.searchForm table#SearchAdvanced_fromdate table td, div.searchForm table#SearchAdvanced_todate table td {
text-align: center;
border: none;
}

/* MSP search form styles */

div.searchForm div#voteSearch_pnlStart hr {
display: none;
}

div.searchForm div#voteSearch_pnlStart li {
background: none;
font-size: 1.1em;
font-weight: bold;
padding: 2px 6px 4px 0;
}

div.searchForm div#voteSearch_pnlStart table#voteSearch_RadioButtonList1 {
float: left;
width: 100%;
margin: 0 0 10px;
background: none;
}

div.searchForm div#voteSearch_pnlStart table {
float: none;
}

div.searchForm table#voteSearch_RadioButtonList1 label {
float: none;
font-size: 0.9em;
}

div.searchForm div#voteSearch_pnlStart table input {
border: 1px solid #ccc;
width: 160px;
margin: 0 0 8px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

div.searchForm div#voteSearch_pnlStart table#voteSearch_RadioButtonList1 input {
background: none;
width: 12px;
margin: 0px 8px 0px 0px;
border-bottom: none;
}

div#voteSearch_pnlDatePick {
width: auto;
clear: both;
font-size: 1.1em;
}

div#voteSearch_pnlDatePick li {
background: none;
font-size: 1em;
font-weight: bold;
padding: 2px 8px 4px 0;
}

div#voteSearch_pnlDatePick input {
float: none;
width: 160px;
border: 1px solid #ccc;
}

div.searchForm div#voteSearch_pnlResults {
margin-top: 12px;
float: left;
clear: both;
}

div.searchForm div#voteSearch_pnlResults table {
background-color: #fff;
width: 100%;
border: 1px solid #BEBEBE!important;
}

div.searchForm div#voteSearch_pnlResults table td, div.searchForm div#voteSearch_pnlResults table th {
border: 1px solid #BEBEBE;
background: #fff;
}

div.searchForm div#voteSearch_pnlResults table table {
width: auto;
border: none!important;
}

div.searchForm div#voteSearch_pnlResults table table td {
border: none;
background-color: #EEECF0;
font-size: 0.75em;
font-weight: normal;
padding: 2px 4px;
}

div.searchForm div#voteSearch_pnlResults span {
width: auto;
margin: 0;
display: block;
clear: both;
}

div.searchForm div#voteSearch_pnlResults a {
display: block;
clear: both;
}
	
/*---- Search form button style for all browsers other than IE6 ----*/ 

div.searchForm input[type='submit'], div.form input[type='submit'], div#mspPqaSearch input[type='submit'], div#orSearch input[type='submit'], div#mspMotionSearch input[type='submit'] {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
text-decoration: none;
border: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
padding: 3px 4px;
color: #fff;
margin: 6px 4px 0 0;
width: auto;
clear: none;
display: inline;
}
	
/*---- OR Search form styles ----*/ 

div#orSearch {
background: #EEECF0;
padding: 8px;
margin: 0 0 8px;
color: #000;
}

div#orSearch table {
margin: 0;
font-size: 1.1em;
border: none!important;
background: #EEECF0;
width: 100%;
}

div#orSearch table hr {
display: none;
}

div#orSearch table td, div#orSearch table th {
border: none;
padding: 0;
text-align: left;
display: block;
clear: both;
}

div#orSearch table table td.ORResults {
border-bottom: 1px solid #FFF;
padding-bottom: 4px;
margin-bottom: 4px;
}

div#orSearch table table table img {
width: auto;
border: none;
padding: 0;
margin: 6px 6px 0 0
}

div#orSearch table th.ORth a {
float: right;
}

.ORtdDark td {
float: left;
font-weight: bold;
padding: 0 0 5px!important;
}

.ORtdDark td label {
font-weight: normal;
font-size: 1.0em;
}

div#orSearch table th {
padding: 8px 0;
}

td.ORAdvHeader {
text-align: left;
}

td.ORAdvHeader span {
font-size: 1.4em;
font-weight: bold;
}

div#orSearch td.ORtdDark table {
background: none;
}

div#orSearch td.ORtdDark table td a {
display: block;
clear: both;
}

div#orSearch input#orSearchUC_btnSearch, div#orSearch input#orSearchUC_btnClear {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
font-size: 1em;
font-weight: bold;
padding: 3px 5px 4px;
color: #fff;
cursor: pointer;
width: auto;
margin-top: 14px;
}

/*-------------------------------
	Tables
-------------------------------*/

table {
margin: 6px 0px;
font-size: 1.2em;
}

table caption {
text-align: left;
font-weight: bold;
font-size: 1.1em;
padding: 0 0 4px;
}

li table {
font-size: 1.0em;
}

th, td {
border: #bebebe 1px solid;
padding: 1px 3px;
text-align: left;
line-height: 1.2em;
}

td {
background-color: #f0ecf2;
}

.highlight {
background: #F0ECF2;
}

td p, td li {
font-size: 1.0em;
}

/*-------------------------------
	Controls area
-------------------------------*/

div.listControls {
display: none;
}

div.controlWrapper {
float: left;
border: #d3d3d3 1px solid;
padding: 8px;
width: 723px;
}

/*---------------------------*/

div.controlBox {
background: #F0ECF2;
padding: 6px;
margin: 0px 0px 8px;
float: left;
}

div.controlBox h2 {
padding: 0px 0px 6px 0px;
font-size: 1.4em;
}

div.controlBox h3 {
padding: 0px 0px 4px 0px;
}

div.controlBox fieldset {
border: none;
}

div.controlBox fieldset legend {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 6px;
}

div.controlBox fieldset li {
background: none;
padding: 3px 0;
font-size: 1em;
float: left;
width: 100%;
}

div.controlBox fieldset input {
margin: 0 4px 0 0;
float: left;
}

div.controlPrimaryElement {
border-bottom: 1px solid #bebebe;
}

div.controlPrimaryElement label {
font-size: 1.2em;
padding: 0px 0px 5px 0px;
float: left;
}

div.controlSecondaryElement {
border-bottom: 1px solid #bebebe;
}

div.controlSecondaryElement label {
font-size: 1.2em;
padding: 0px 0px 5px 0px;
}

div.controlSecondaryElement table {
background: none;
margin: 0;
font-size: 1em;
}

div.controlSecondaryElement table td {
background: none;
border: 0;
padding: 1px 0 4px;
}

div.controlTertiaryElement {
border-bottom: 1px solid #bebebe;
padding-bottom: 6px;
}

div.controlTertiaryElement label {
font-size: 1.2em;
padding-right: 6px;
}

div.controlTertiaryElement select {
width: 160px;
}

div.controlQuarternaryElement {
padding: 0 0 4px;
float: left;
}

div.controlQuarternaryElement p {
margin: 8px 4px 0 0;
float: left;
font-size: 1.1em;
}

/*-------------------------------
	Alphabet listings
-------------------------------*/

ul.alphabet {
clear: both;
float: left;
padding: 0px 0px 10px 0px;
width: 100%;
}

ul.alphabet li {
background: none;
font-weight: bold;
font-size: 1.6em;
padding: 0px 8px 0px 8px;
float: left;
}

body.glossary div.podThreeQuarters {
border-bottom: 1px solid #F0ECF2;
}

/*---------------------------*/

ul.alphabetList {
float: left;
width: 100%;
}

ul.alphabetList li {
background: none;
padding: 4px 0 0;
margin: 0 0 2px 0;
width: 100%;
float: left;
display: block;
clear: both;
}

/*---------------------------*/

ul.alphabetList li div.listWrapper {
padding: 4px;
font-size: 1.3em;
font-weight: bold;
background: #EEE;
color: #636466;
}

ul.alphabetList li.alternate div.listWrapper {
background: #ccc;
}

ul.alphabetList li div.listWrapper h3 {
font-size: 0.95em;
}

ul.alphabetList li div.listWrapper a {
padding: 0 0 0 14px;
}

ul.alphabetList li div.listWrapper h2 {
font-size: 1em;
padding: 2px 0;
}

.closed {
background: url(../images/aToZplusMinus.gif) no-repeat 0 4px;
cursor: pointer;
padding: 0 8px 0 0;
}

.open {
background: url(../images/aToZplusMinus.gif) no-repeat 0 -68px;
cursor: pointer;
padding: 0 8px 0 0;
}

body.publicationsOrderForm .open, body.publicationsOrderForm .closed {
padding: 0 0 0 14px;
display: block;	
}

/*---------------------------*/

/*  Member page style change   */

body.members div.alphabetListDetails li {
border-bottom: 1px solid #bebebe;
}

/*  Committees page style change   */

body.committee ul.alphabetList h3 {
padding: 5px 0;
}

body.committee ul.alphabetList table td, body.committee ul.alphabetList table th {
font-size: 0.8em;
text-align: left;
color: #636466;
border-right: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
}

body.committee ul.alphabetList table td {
font-weight: normal;
background: #FFF; 
}

body.committee ul.alphabetList li a {
text-decoration: underline;
padding: 0;
}

/*  Cross Party Groups page style change   */ 

body.aToZ div.alphabetListDetails li h2 {
padding: 0;
font-size: 1em;
}

/*  Team page style change   */

body.team ul.alphabetList li a {
font-weight: normal;
}

/*  Bills style change   */

body.aToZ ul.alphabetList ul.billArchive li h2 {
float: left;
width: 285px;
padding: 3px 0 0;
font-size: 0.9em;
}

/*  Glossary style change   */

body.glossary h2 {
background-color: #bebebe;
padding: 5px 10px;
float: left;
width: 100%;
}

/*---------------------------*/

div.alphabetListDetails {
width: 100%;
padding: 0 0 6px;
margin: 0 0 6px;
}

/*---------------------------*/

div.alphabetListDetails ul {
padding: 0;
float: left;
width: 100%;

}

div.alphabetListDetails ul ul {
border-bottom: none;
}

body#threeColumn ul.alphabetList div.alphabetListDetails li {
padding: 0;
border-bottom: 1px solid #bebebe;
}

div.alphabetListDetails a.floatRight {
float: left;
}

/* Three column style change */

body#threeColumn div.alphabetListDetails li img {
background: #bebebe;
height: 86px;
width: 76px;
padding: 4px;
float: left;
}

/*  Team page style change   */

body.team div.alphabetListItem {
padding: 0px 0px 0px 10px;
}

body.team div.alphabetListItem ul {
}

body.team div.alphabetListDetails h3 {
font-size: 1.1em;
clear: both;
font-weight: normal;
}

body.team div.alphabetListDetails li {
border-bottom: 1px solid #bebebe;
font-size: 1.0em;
padding: 6px 0;
margin: 0;
height: auto!important;
}

body.team div.alphabetListDetails li a {
display: inline;
}

body.team div.alphabetListDetails li p {
clear: both;
}

/*  Member page style change   */

body.members div.alphabetListDetails ul a {
margin: 0 0 5px;
}

/*---------------------------*/

div.alphabetListDetails a {
margin: 0;
display: block;
}

div.alphabetListDetails li img {
border: 1px solid #bebebe;
width: 60px;
float: left;
margin: 4px 4px 6px 0;
padding: 4px;
}

/*---------------------------*/

div.alphabetListItem {
float: left;
padding: 0;
font-size: 0.9em;
}

div.alphabetListItem ul {
border-left: none;
border-right: none;
padding: 0px 0px 0px 0px;
}

/*---------------------------*/

div.alphabetListItem li, body.team div.alphabetListItem li {
background: url(../images/listArrowGrey.gif) no-repeat 0 4px;
padding: 0px 10px 5px 10px;
border: none;
}

/*  Members page style change   */

body.members div.alphabetListItem li {
background: url(../images/listArrowGrey.gif) no-repeat 0 9px;
font-size: 0.9em;
padding: 5px 10px;
margin: 0px 0px 0px 0px;
width: 140px;
border: none;
}

/*---------------------------*/

div.alphabetListItem li a {
font-size: 1.0em;
text-decoration: underline;
font-weight: normal;
}

/* Three column style change */

body#threeColumn div.alphabetListItem {
float: left;
display: block;
padding: 0;
}

body#threeColumn div.alphabetListItem ul {
border-left: none;
border-right: none;
width: auto;
padding: 0px 0px 0px 0px;
}

body#threeColumn div.alphabetListItem li {
background: url(../images/listArrowGrey.gif) no-repeat 0 4px;
font-size: 1.0em;
padding: 0px 10px 5px 10px;
display: inline;
width: auto;
border-bottom: none;
}

body#threeColumn div.alphabetListItem a {
font-size: 1.0em;
text-decoration: underline!important;
}

/* A to Z listing pages */

body.aToZ div.secondaryContent ul {
float: left;
display: block;
clear: both;
}

body.aToZ ul.aToZListing {
width: 100%; 
}
	
body.aToZ ul.aToZListing li {
border-bottom: 1px solid #bebebe;
padding: 12px 0;
	}
	
body.aToZ ul.aToZListing li a {
font-size: 1.2em;
background:	url("../images/listArrow.gif") no-repeat scroll 4px 4px transparent;
padding: 0 15px;
	}

/* Team members within content pages */

body#threeColumn div#team ul.alphabetList li {
background: none;
	}
	
body#threeColumn div#team div.alphabetListDetails {
	background: none;
}

div#team div.alphabetListDetails ul ul {
	border: none;
	width: 370px;
	margin: 0 0 10px 0;
}

body#threeColumn div#team ul.alphabetList div.alphabetListDetails li {
border-top: 1px solid #bebebe; 
}

body#threeColumn div#team ul.alphabetList div.alphabetListDetails li ul li {
width: 350px;	
font-size: 0.9em;
padding: 5px 10px;
border-bottom: 1px solid #bebebe; 
border-top: none;
}
	
body#threeColumn div#team div.alphabetListDetails p {
clear: both;
}
	
body#threeColumn div#team div.alphabetListDetails a {
display: inline;
}

/* Members pages */

body.member div.secondaryContent div.intro img {
padding: 2px;
border: #bebebe 1px solid;
float: left;
width: 80px;
margin: 3px 6px 0 0;
}

body.member div.intro {
width: 100%;
float: left;
}

body.member h2 {
padding: 0 0 12px;
}

body.member address {
font-size: 1.2em;
font-style: normal;
padding: 0 0 10px;
}

body.member div.purpleBox {
background: #F0ECF2;
padding: 10px;
clear: both;
margin-bottom: 12px;
}

body.member div.purpleBox ul {
border-bottom: 1px solid #FFF;
margin: 3px 0 6px;
padding: 0 0 4px;
}

body.member div.form {
background: #F0ECF2;
border-top: none;
padding: 10px;
margin: 0px;
}

body.member div.form img {
width: auto;
height: auto;
}

body.member div.form ul {
width: auto;
}

body.member div.form span {
margin: 0 0 0 150px;
}

a.videoLink {
float: left;
margin: 10px 0px 0px 0px;
}

div.videoBox {
clear: both;
margin: 10px 0px;
font-size: 1.1em;
}

div.videoBox object, 
div.videoBox embed {
width: auto!important;
height: auto!important;
}

div.videoBox p, div.videoBox ul {
text-align: left;
margin-top: 10px;
}

div.videoBox div#mediaspace {
text-align: center;
background-color: #bebebe;
padding: 0;
margin: 0 0 10px;
float: left;
}

div.videoBox div#mediaspace img {
margin: 0;
float: none;
}

ul.videoLinks {
padding: 0px;
margin-bottom: 10px;
}

ul.videoLinks li.first {
float: left;
padding-right: 20px;
}

ul.videoLinks li.second {
float: left;
}

.objectHide {
background: url(../images/objectHidePlaceholder.gif) top left no-repeat;
height: 359px;
width: 478px;
float: left;
}

.objectHide object {
display: none;
}

.open .objectHide {
background: url(../images/sliderVideoPlaceholder.gif) top left no-repeat;
height: 199px;
width: 300px;
}

.objectHide embed {
display: none;
}

/* Three column tabs */

ul.tabNavigation {
display: none;
}

div.tabContainer {
margin: 0;
float: left;
width: 100%;
}

div.tabContainer input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
padding: 2px 4px;
color: #fff;
cursor: pointer;
margin: 6px -8px;
}

div.tabContainer div.containerPrimary {
clear: both;
background: #fff;
border: #432359 4px solid;
padding: 6px 4px;
}

div.tabContainer h4 {
font-size: 1.4em;
text-align: left;
}

div.tabContainer div table a {
display: block;
clear: both;
}

div.tabContainer div table table {
float: left;
width: auto;
margin: 0;
}

div.tabContainer div table table td {
	background-color: #fff;
	border: none;
	padding: 2px 4px;
	font-size: 0.85em;
	font-weight: bold;
}

div.tabContainer div table table td a {
	font-weight: normal;
}

div.tabContainer div span.largeHeading {
	font-weight: bold;
	font-size: 1.3em;
}

div.tabContainer div div#recentMotions_pnlPageNavigationHead, div.tabContainer div div#recentQuestions_pnlSearchResultCount strong {
font-size: 1.1em;
	}

div.tabContainer table {
width: 100%;
margin: 6px 0;
border: none;
}

div.tabContainer td, div.tabContainer th {
border: 1px solid #BEBEBE;
}

div.tabContainer hr {
height: 1px;
margin: 6px 0;
border: 1px solid #BEBEBE;
}

#recentMotions_pnlPageNavigationFoot, #recentQuestions_pnlSearchNavigationFoot, #recentVoting_pnlPageNavigationFoot, #recentSpeeches_pnlPageNavigationFoot,
#recentMotions_pnlSearchNavigationHead, #recentQuestions_pnlSearchNavigationHead, #recentVoting_pnlSearchNavigationHead, #recentSpeeches_pnlSearchNavigationHead { 
font-size: 1.1em;
}

table.tabbedTable {
width: 100%;
margin: 6px 0;
}

table.tabbedTable th {
font-weight: bold;
}

table.tabbedTable p, table.tabbedTable a {
color: #000;
}

/* Social network links */

div.podQuarterRightContact ul.socialBookmarks  li {
float: left;
background: none;
padding: 0px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*-------------------------------
	News
-------------------------------*/

body.news div.podHalf {
border-bottom: 1px solid #bebebe;
padding: 6px 0 0;
}

ul.dateListing {
margin: 0 0 12px;
padding: 0px;
}

ul.dateListing h3 {
font-size: 1em;
padding: 0px;
}

ul.dateListing li {
padding: 4px;
font-size: 1.2em;
font-weight: bold;
background: #F0ECF2;
border-bottom: 1px solid #FFF;
}

ul.dateListing li.selected a {
text-decoration: none;
}

ul.dateListing ul {
padding: 0;
}

ul.dateListing ul li {
background: #FFF;
font-size: 1em;
font-weight: normal;
margin-bottom: 1px;
}

ul.dateListing ul li.selected {
background: none;
font-weight: bold;
}

ul.dateListing ul li a {

}

/*--------------------------------
	Events
--------------------------------*/

body.event h2 {
clear: none;
padding: 0px 0px 5px 0px;
}

body.event div.secondaryContent ul li {
clear: both;
}

/*-------------------------------
	Calendar of events
-------------------------------*/

body.calendarOfEvents div.secondaryContent h2 {
padding: 4px 0px 0px;
}

body.calendarOfEvents div.podHalf img {
padding: 2px;
margin: 0px 10px 0px 0px;
float: left;
border: 1px solid #bebebe;
}

body.calendarOfEvents div.podHalf a {
background: url(../images/listArrowGrey.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}

body.calendarOfEvents div.podHalf h3 a {
background: none;
padding: 0;
}

body.calendarOfEvents div.podHalf ul {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #bebebe;
}

body.calendarOfEvents div.podHalf li {
background: none;
padding: 0px 0px 12px;
}

body.calendarOfEvents div.podHalf li span.time {
padding: 0px 50px 0px 0px;
}

body.calendarOfEvents div.podHalf li a {
background: none;
padding: 0;
font-weight: bold;
}

div.podQuarterCalendar {
padding: 0px 0px 15px 0px;
}

div.podQuarterCalendar div.purpleBox ul {
padding: 0px;
}

div.podQuarterCalendar div.purpleBox ul li {
background: none;
padding: 0px 0px 5px;
}

div.podQuarterCalendar div.purpleBox ul li input {
width: 20px;
}

span.calendarKeyCb, span.calendarKeyEe, span.calendarKeyCpg, span.calendarKeyV, span.calendarKeyChb {
background: url(../images/calendarKey.gif) no-repeat 0 0;
height: 9px;
width: 9px;
display: inline-block;
margin: 0px 2px 0px 0px;
*margin: 2px 2px 0px 0px;
}

div.podHalf li span.calendarKeyCb, div.podHalf li span.calendarKeyEe, div.podHalf li span.calendarKeyCpg, div.podHalf li span.calendarKeyV, div.podHalf li span.calendarKeyChb {
margin: 0 6px 0 30px;
*margin: 2px 6px 0px 30px;
}

span.calendarKeyEe {
background: url(../images/calendarKey.gif) no-repeat -9px 0;
}

span.calendarKeyCpg {
background: url(../images/calendarKey.gif) no-repeat -18px 0;
}

span.calendarKeyV {
background: url(../images/calendarKey.gif) no-repeat -27px 0;
}

span.calendarKeyChb {
background: url(../images/calendarKey.gif) no-repeat -36px 0;
}

/*-------------------------------
	News & Event content pages
-------------------------------*/

body.event div.secondaryContent img, body.content div.secondaryContent img {
float: left;
display: inline;
margin: 0px 6px 6px 0px;
padding: 4px;
border: 1px solid #bebebe;
width: 80px;
}

ul.eventDetails {
background-color: #F0ECF2;
padding: 10px;
margin: 8px 0 14px;
}

body.content div.secondaryContent p.date {
font-size: 1.4em;
}

/*-------------------------------
	Publications Order Form
-------------------------------*/

body.publicationsOrderForm div.publications {
float: left;
width: 100%;
}

body.publicationsOrderForm h2 {
background: #bebebe;
padding: 4px 0 4px 10px;
}

body.publicationsOrderForm div.secondaryContent img {
float: left;
margin: 6px;
padding: 4px;
border: 1px solid #bebebe;
width: 100px;
height: auto;
}

div.publicationDetails {
padding: 0px;
margin: 0 0 8px;
border-bottom: 1px solid #bebebe;
}

div.publicationDetails span {
font-size: 1.2em;
}

ul.publicationsDetailsList {
width: 100%;
}

ul.publicationsDetailsList li {
background: none;
padding: 0 8px 0;
}

ul.publicationsDetailsList li span {
font-size: 1em;
}

ul.publicationsDetailsList li.first a {
display: block;
font-weight: bold;
}

ul.publicationsDetailsList li.first span {
float: left;
}

ul.publicationsDetailsList li.second {
display: block;
clear: both;
}

ul.publicationsDetailsList li.second input {
width: 40px;
margin: 8px 0 0;
}

ul.publicationsDetailsList li.third {
border-bottom: 1px solid #F0ECF2;
}

ul.publicationsDetailsList li.third input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #bebebe 1px solid;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: bold;
padding: 2px 4px;
color: #FFF;
margin: 6px 0;
}

ul.publicationsDetailsList li.third span {
margin: 8px 8px 0 0;
}

ul.publicationsDetailsList select {
width: 180px;
margin: 6px 0;
clear: both;
display: block;
font-size: 1em;
}

ul.publicationsDetailsList textarea {
height: 16px;
}

body.publicationsOrderForm .purpleBox {
background: #F0ECF2;
float: left;
padding: 0 0 6px;
}

body.publicationsOrderForm .purpleBoxWrapper {
float: left;
padding: 8px;
}

body.publicationsOrderForm div.secondaryContent div#recaptcha_area img {
float: none;
margin: 0;
padding: 0;
border: none;
width: auto;
height: auto;
}

ul.orderList, ul.orderListAlternative {
width: 100%;
display: block;
clear: both;
padding: 4px 0;
border-bottom: 1px solid #FFF;
float: left;
}

ul.orderListAlternative {
background: #F0ECF2;
}

ul.orderList li, ul.orderListAlternative li {
background: none;
float: left;
display: inline;
padding: 0 0 0 8px;
}

ul.orderList li.first, ul.orderListAlternative li.first {
width: 55%;
padding: 0 0 0 4px;
font-weight: bold;
}

ul.orderList li.second, ul.orderListAlternative li.second,
ul.orderList li.third, ul.orderListAlternative li.third {
width: 20%;
text-align: center;
margin: 0px 10px 0px 0px;
}

ul.orderList li.third input, ul.orderListAlternative li.third input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #bebebe 1px solid;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: bold;
padding: 2px 5px;
color: #636466;
cursor: pointer;
margin: 4px;
color: #fff;
}

/*-------------------------------
	Generic
-------------------------------*/

img#RD {
background: none;
border: none;
padding: 0px;
}

/*-------------------------------
	Promotional box
-------------------------------*/

ul.promotionalBoxFourRedDots {
padding: 0px 0px 0px 0px;
}

ul.promotionalBoxFourRedDots li {
background: none;
float: left;
padding: 0px 0px 0px 0px;
width: 240px;
}

/*-------------------------------
	Bills
-------------------------------*/

div.stagesBox {
padding: 0;
margin: 0;
width: 100%;
}

div.stagesBoxTop, div.stagesBoxBottom {
display: none;
}

div.stagesBox div.titleWrapper {
background: #ccc;
margin: 0px 0px 6px;
padding: 4px;
}

div.stagesBox h2 {
font-size: 1.4em;
padding: 0px;
}

div.stagesBox div.titleWrapper h3 {
background: none;
margin: 0px;
padding: 0px;
font-size: 1.4em;
font-weight: bold;
}

div.stagesBox div.titleWrapper h3 a {
font-weight: normal;
}

div.stagesBox h3 {
padding: 0;
padding: 6px 0px;
border-top: 1px solid #bebebe;
font-size: 1.5em;
}

body.bills div.stagesBox h3 {
border-top: none;
}

div.stagesBox div.videoBox {
border: none;
border-top: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
padding: 10px 0;
}

div.stagesBox ul, div.stagesBox p {
width: 100%;
}

div.stagesBox ul.dualList, div.stagesBox ul.dualList p {
margin: 6px 0;
}

/*-------------------------------
	Bills Tracker
-------------------------------*/

ul.currentBillStages li a {
font-weight: bold;
display: block;
clear: both;
}

/*-------------------------------
	Calendar control
-------------------------------*/

.calendar {
border: #bebebe 1px solid;
margin: 15px 0px 0px 0px;
width: auto;
}

.calendar input {
background: none;
border: none;
cursor: pointer;
color: #636466;
}

.calendar th {
border: #bebebe 1px solid;
padding: 3px 2px;
font-weight: bold;
font-size: 1.2em;
text-align: center;
}          

.calendar td {
border: #bebebe 1px solid;
padding: 0;
font-size: 1.2em;
text-align: center;
color: #636466;
background: #FFF;
}

.calendar .day {
color: #FFF;
background-color: #bebebe;
}

.calendar .week {
border-top: #F0ECF2 1px solid;
color: #FFF;
background-color: #bebebe;
}

.calendar .week input {
color: #FFF;
font-weight: bold;
font-size: 0.9em;
}

.calendar .weekNoBorder {
/*width: 34px;*/
border: none;
}

.calendar .arrowLeft {
background: url(../images/listArrowGreyLeft.gif) no-repeat 9px 7px;
width: 22px;
}

.calendar .arrowRight {
background: url(../images/listArrowGrey.gif) no-repeat 11px 7px;
width: 22px;
}

.calendar .arrowRight input, .calendar .arrowLeft input {
width: 22px;
height: 28px;
}

.calendar .noArrow {
width: 22px;
}

.calendar .hasEvent {
background-color: #bebebe;
}       

.calendar .diaryToday, .calendar .today  {
background: #410B62!important;
color: #FFF;
}

.calendar .diaryToday input {
color: #636466;
font-weight: bold;
}

.calendar .selected {
background: #bebebe;
}

.calendar .selected input {
color: #FFF;
font-weight: bold;
}

.calendar .weekSelected {
background: #bebebe;
}

.calendar .weekSelected input {
color: #636466;
font-weight: bold;
font-size: 1.0em;
}

.calendar .disabled {
background: #FFF!important;
cursor: default!important;
}

.calendar .other-month { 
background: #FFF!important; 
color: #FFF!important;
}

/* Homepage calender style amends */

input.date-pick {
background: url("../images/dropDownArrowGrey.gif") 182px no-repeat #FFF;
padding: 1px;
width: 199px;
text-align: center;
font-weight: bold;
cursor: pointer;
}

div.calendarPopout {
background: #FFF;
border: 2px solid #ccc;
position: absolute;
left: 28px;
top: 38px;
padding: 4px;
}

div.calendarPopout h2 {
text-align: center;
padding: 10px 0px 10px 0px;
color: #636466;
font-size: 1.2em;
font-weight: bold;
}

div.calendarPopout div.dp-nav-prev {
position: absolute;
top: 10px;
left: 4px;
width: 50px;
}

div.calendarPopout div.dp-nav-prev a {
float: left;
background: url(../images/listArrowGreyLeft.gif) no-repeat 9px 7px;
width: 22px;
text-indent: -9999px;
padding: 0px 0px 5px 0px;
}

div.calendarPopout div.dp-nav-prev a.dp-nav-prev-year {
background: url(../images/listArrowGreyLeftDouble.gif) no-repeat 9px 7px;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.calendarPopout div.dp-nav-prev a, div.calendarPopout div.dp-nav-next a {
cursor: pointer;
}

div.calendarPopout div.dp-nav-prev a.disabled, div.calendarPopout div.dp-nav-next a.disabled {
cursor: default;
}

div.calendarPopout div.dp-nav-next {
position: absolute;
top: 10px;
right: 12px;
width: 50px;
}

div.calendarPopout div.dp-nav-next a {
float: right;
background: url(../images/listArrowGrey.gif) no-repeat 11px 7px;
width: 22px;
text-indent: -9999px;
padding: 0px 0px 5px 0px;
}

div.calendarPopout div.dp-nav-next a.dp-nav-next-year {
background: url(../images/listArrowGreyDouble.gif) no-repeat 11px 7px;
}

body.home div.calendar {
margin: 0px;
border: none;
*padding-bottom: 10px;
}

body.home table.calendar {
margin: 0px 10px 10px;
*margin-bottom: 0px;
padding: 0px;
width: auto;
border: 1px solid #7B658A;
}

body.home .calendar .week {
width: 8px;
}

body.home .calendar .weekNoBorder {
width: 9px;
}

body.home .calendar th, body.home .calendar td {
text-align: center;
font-size: 1em;
background: #F0ECF2;
border: 1px solid #7B658A;
}

body.home .calendar td {
width: 20px;
cursor: pointer;
padding: 3px 2px;
}

body.home .calendar .day {
width: 20px;
background: #7B658A;
}

body.home .calendar .arrowLeft, body.home .calendar .arrowRight {
width: 20px;
}

body.home .calendar .selected {
font-weight: bold;
}

div.dp-popup {
background: #7B658A;
position: absolute;
left: 28px;
top: 38px;
padding: 4px;
}

div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}

a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}

div.dp-popup a {
color: #636466;
text-decoration: none;
padding: 3px 2px 0;
}

div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}

div.dp-popup td {
cursor: pointer;
}

div.dp-popup td.disabled {
cursor: default;
}

/*-------------------------------
	Tooltip
-------------------------------*/

.tooltip {
position: absolute;
z-index: 999;
left: -9999px;
background: #FEF9D3;
padding: 5px;
border: 2px solid #bebebe;
width: 250px;
}

.tooltip p {
color: #636466;
margin: 0px 0px 0px 0px;
background: #FEF9D3;
padding: 2px 7px 2px 7px;
}

/* Video carousel */

.jcarousel-container {
float: left;
padding: 0;
margin: 0px 0px 8px;
border-bottom: 2px solid #bebebe;
}

ul.myCarousel li {
background: none;
padding: 0px 2px;
display: block;
clear: both;
}

ul.myCarousel li p {
float: left;
}

ul.myCarousel li img {
border: 1px solid #bebebe;
float: left;
padding: 2px;
margin: 0 6px 8px 0;
width: 100px;
}

/* Buttons */

.jcarousel-next-horizontal, .jcarousel-next-disabled-horizontal, .jcarousel-prev-horizontal, .jcarousel-prev-disabled-horizontal {
display: none;
}

/*-------------------------------
	Image gallery
-------------------------------*/

div#gallery {
margin: 12px 0 34px;
*margin: 12px 0 20px;
}

div#controls {
display: block;
clear: both;
width: 498px;
float: left;
}

a.prev {
border-right: #bebebe 1px solid;
}

a.play, a.pause {
background: #F0ECF2;
padding: 5px 24px 5px 5px;
font-size: 1.1em;
float: left;
}

a.pause {
background: #F0ECF2;
}

div.nav-controls a {
padding: 5px;
font-size: 1.1em;
background-color: #F0ECF2;
float: left;
}

div.ss-controls {
float: left;
}

div.nav-controls {
float: right;
}

div.nav-controls li {
float: left;
}

div#thumbs {
*margin: 30px 0 0;
width: 500px;
float: left;
}

div#thumbs div.pagination {
padding: 0 0 2px;
float: left;
border-bottom: 1px solid #bebebe;
margin: 2px 0;
width: 500px;
}

ul.thumbs {
float: left;
width: 500px;
margin: 10px 0 0;
_margin: 10px 0;
padding: 0;
}

ul.thumbs li {
margin: 0 7px 12px;
padding: 0;
float: left;
background: none;
width: 110px;
height: 110px;
text-align: center;
vertical-align: middle!important;
}

ul.thumbs li a {
display: block;
}

div.secondaryContent ul.thumbs li img {
border: 5px solid #F0ECF2;
background: none;
padding: 0;
margin: 0;
float: none;
}

ul.thumbs li.noMargin {
margin: 0 7px 12px!important;
}

div.content a, div.navigation a {
	text-decoration: none;
	color: #636466;
	font-size: 1.1em;
}
div.content a:focus, div.content a:active {
	text-decoration: underline;
}

div.slideshow-container {
	border: 1px solid #bebebe;
	float: left;
	width: 496px;
	margin: 1px 0;
	position: relative;
	clear: both;
	min-height: 498px; /* This should be set to be at least the height of the largest image in the slideshow */
	_height: 498px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow span.image-wrapper {
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
}

div.slideshow span.image-wrapper a {
padding: 4px 0;
display: block;
height: 488px;
line-height: 486px;
text-align: center;
width: 496px;
}

div.slideshow span.image-wrapper a:focus, div.slideshow span.image-wrapper a:active {
text-decoration: none;
}

div.secondaryContent div.slideshow span.image-wrapper img {
border: none;
margin: 0px;
float: none;
vertical-align:middle;
}

div.download {
float: right;
}

span.image-caption {
display: block;
position: absolute;
bottom: 1px!important;
left: 1px!important;
width: 494px!important;
}

div.caption {
	background-color: #bebebe;
	padding: 10px 12px 4px;
	color: #636466;
}
div.caption a {
	color: #636466;
}

div.image-title {
font-weight: bold;
font-size: 1.4em;
color: #636466;
}

div.image-desc {
line-height: 1.5em;
font-size: 0.9em;
padding-top: 2px;
color: #636466; }

div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div.pagination {
	clear: both;
}

div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}

div.navigation div.bottom {
	margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	font-size: 0.9em;
}

div.pagination span.current {
	font-weight: bold;
	background-color: #bebebe;
	color: #636466;
}

div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#captionToggle a {
	float: right;
	display: block;
	background: #F0ECF2;
	margin: 0 2px;
	padding: 5px 30px 5px 5px;
}

/* ------------------------------------ 
Petitions mobile styles 
--------------------------------------*/

body.ePetitions div.promotionalBox, body.ePetitions div.promotionalBoxNoMargin {
display: block;
float: left;
width: 100%;
background: #1A4880;
color: #FFF;
border-bottom: 3px solid #FFF;
}

body.ePetitions div.promotionalBox a, body.ePetitions div.promotionalBoxNoMargin a {
display: block;
float: left;
color: #FFF;
}

body.ePetitions div.promotionalBox img, body.ePetitions div.promotionalBoxNoMargin img {
float: left;
padding: 2px;
margin: 3px 6px 0 0;
border: 1px solid #bebebe;
width: 80px;
height: auto!important;
}

.dualList img {
float: left;
margin: 0px 10px 0px 0px;
border: #999 2px solid;
}

.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: #fff;
cursor: pointer;
}

p .buttonClose {
font-size: 1.0em;
margin: 0px 0px 0px 10px;
}

.buttonStandalone {
float: left;
width: 226px;
padding: 10px 0px 25px 0px;
text-align: center;
}

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 0 0;
}

.userInput {
background-color: #F0ECF2;
border: 1px solid #BEBEBE;
padding: 10px;
float: left;
width: auto;
}

body.ePetitions div.userInput span.formError {
float: left;
padding: 0;
}

.userInput p {
float: left;
}

.userInput input {
border: #3F3F3F 1px solid; 
float: left;
padding: 3px 0 0;
width: 180px;
}

.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: 26px;
margin: 0px 0px 0px 5px;
padding: 0px;
width: 75px;
}

.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: 0;
}

div.pagination span span {
border-right: 1px solid #b4b4b4;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
}

div.pagination a {
display: inline;
background: none;
float: none;
font-size: 1.2em;
border-right: 1px solid #b4b4b4;
padding: 0 6px 0 0;
margin: 0 6px 0 0;
}

div.pagination span.nextPage, div.pagination a.nextPage {
border-right: none;
}

div.pagination a:hover {
background: none;
}

/*-------------------------------
	Secondary navigation
-------------------------------*/

body.ePetitions div.secondaryNavigation ul li a {
background: #e3e6eb;
}

body.ePetitions div.secondaryNavigation ul li a.selected {
background: #6f7f98;
color: #FFF;
margin: 0;
}

/*-------------------------------
	Forms
-------------------------------*/

div.stagesBox div.titleWrapper div.form h3 {
float: none;
padding: 0px 0px 25px 0px;
text-align: left;
}

div.stagesBoxFullWidthPurple div.form ul li {
border-bottom: none;
padding: 0;
margin: 0;
}

div.summary ul li {
background: url(../images/listArrow.gif) no-repeat 0 4px;
padding: 0px 10px 5px 10px;
margin: 0px;
clear: both;
border-bottom: none;
}

div.summary ol li {
padding: 0px 10px 5px 0px;
margin: 0px;
clear: both;
border-bottom: none;
list-style: inside;
list-style-type: decimal;
}

body.ePetitions div.stagesBox fieldset ul {
padding: 0 0 10px;
margin: 0;
float: left;
}

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;
}

div.form fieldset textarea.ckeditorTextarea {
background: none;
border: #b4b4b4 1px solid;
width: 100%;
float: left;
display: inline;
}

div.ckeditorHelp {
font-size: 0.8em;
float: right;
}

body.ePetitions div.form fieldset em {
color: #000;
padding: 0;
}

body.ePetitions span.formError {
color: #ff0000;
font-size: 1.0em;
padding: 5px 0 0 0;
display: block;
clear: left;
}

body.ePetitions span.formSuccess {
color: #21a121;
font-size: 1.0em;
display: block;
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%;
}

div.podQuarterRightWrapper span.formError {
padding: 0px 15px 0px 15px;
font-size: 1.1em;
}

body.ePetitions div.stagesBox span#ctl28_LabelAdvice {
font-size: 1.2em;
color: #000;
background-color: #E6E1E9;
width: 100%;
margin: 12px 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: 180px;
}

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: 3px 4px;
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.dropdownBox label {
font-size: 1.2em;
padding: 0px 10px 0px 0px;
}

div.dropdownBox select {
margin: 0px 10px 0px 0px;
}

body.ePetitions div.form fieldset div.captcha, body.ePetitions div.form fieldset div.captcha div {
padding: 0;
float: left;
}

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: 100%;
}

body.ePetitions div.form div.captcha textarea {
width: 100%;
}

body.ePetitions div.captcha span.formError {
font-size: 1.1em;
font-weight: bold;
}

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;
}

/*-------------------------------
	Stages boxes
-------------------------------*/

body.ePetitions div.stagesBoxLoggedInPink table {
border-color: #b1b1b2;
width: 100%;
margin: 0px 0px 0px -10px;
}

body.ePetitions div.stagesBoxLoggedInPink table th {
background: #962375;
color: #fff;
}

body.ePetitions div.stagesBoxLoggedInPink table td {
padding: 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: #fff;
}

body.ePetitions div.stagesBoxFullWidthLoggedInPink table td {
padding: 8px 4px;
border-color: #b1b1b2;
}

body.ePetitions div.stagesBox table td {
border: 1px solid #b1b1b2;
background: #fff;
color: #000;
padding: 4px 3px;
}

body.ePetitions div.stagesBox table th {
background: #e9eef1;
border-color: #b1b1b2;
}

p.smallText {
font-size: 1.1em;
margin-top: -8px;
}

body.ePetitions div.stagesBoxTop, body.ePetitions div.stagesBoxLoggedInTop {
margin: 0px;
}

body.ePetitions div.stagesBoxBottom {
margin: 0px;
}

body.ePetitions div.stagesBox div.titleWrapper {
float: none;
background: #ccc;
padding: 2px;
display: block;
width: 100%;
}

body.ePetitions div.stagesBox div.titleWrapper label {
font-size: 1.2em;
padding: 0px 0px 0px 12px;
color: #000;
}

body.ePetitions div.stagesBox div.titleWrapper fieldset label {
padding: 0;
}

body.ePetitions div.stagesBox ul, body.ePetitions div.stagesBox ol {
float: left;
margin: 0 10px;
}

body.ePetitions div.stagesBox table {
width: 100%;
}

body.ePetitions div.stageOne, body.ePetitions div.stageTwo, body.ePetitions div.stageThree {
width: auto;
}

body.ePetitions div.stagesBox a.previewPetition {
background: none;
color: #000;
float: none;
width: auto;
height: auto;
padding: 0;
margin: 0;
text-align: left;
text-decoration: underline;
}

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: 0 0 3px;
}

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: 0 18px 0 0;
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: 125px;
}

/* Stages box - Full width */

div.stagesBoxFullWidth {
width: 100%;
margin: 0 0 12px;
}

div.stagesBoxTopFullWidth, div.stagesBoxBottomFullWidth {
display: none;
}

div.stagesBoxFullWidth div.titleWrapperFullWidth {
background: #ccc;
padding: 0 6px;
margin: 0 0 12px;
width: 99%;
float: left;
}

body.ePetitions div.stagesBoxFullWidth div.titleWrapperFullWidth p.information {
float:right;
padding:0 0 0 25px;
height: 22px;
}

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.stagesBoxTopFullWidthLoggedInPink, div.stagesBoxBottomFullWidthLoggedInPink {
display: none;
}

div.stagesBoxFullWidthLoggedInPink div.titleWrapperFullWidth {
background: #eee;
width: 100%;
padding: 6px;
margin: 0 0 8px;
float: left;
}

div.stagesBoxFullWidthLoggedInPink div.titleWrapperFullWidth ul li {
background: none;
float: left;
font-weight: bold;
padding: 0 10px 0 0;
}

div.adminContainer {
width: 100%;
float: left;
clear: left;
}

div.adminWrap {
clear: both;
width: 100%;
padding: 12px 0px;
}

div.adminWrap div {
float: left;
display: inline;
width: 100%;
}

div.adminWrap label {
font-size: 1.2em;
float: left;
padding: 7px 5px 0px 0px;
}

div.adminWrap input {
border: #3F3F3F 1px solid;
float: left;
padding: 4px 0px 0px;
margin: 0px 5px 0px 0px;
width: 160px;
}

div.adminWrap input.button {
height: 26px;
width: 140px;
float: left;
padding: 0px 0px 3px;
}

div.adminWrap select {
border: #3F3F3F 1px solid;
float: left;
padding: 3px 0px 3px 0px!important;
margin: 0px 5px 0px 0px!important;
width: 155px;
}

div.adminContainer div.form {
border: none;
float: none;
margin: 0;
padding: 0 0 12px;
}

div.adminContainer div.form ul li label {
width: 180px;
}

div.adminContainer div.form ul li {
width: 100%;
}

/* Purple version */

div.stagesBoxTopPurple, div.stagesBoxBottomPurple {
display: none;
}

div.stagesBoxPurple div.titleWrapperPurple {
background: #eee;
width: 100%;
padding: 6px;
margin: 0 0 8px;
float: left;
}

/* LoggedIn version */

div.stagesBoxTopLoggedIn, div.stagesBoxBottomLoggedIn {
display: inline;
}

div.stagesBoxLoggedIn div.titleWrapper {
background: #eee;
width: 100%;
padding: 6px;
margin: 0 0 8px;
float: left;
}

/* LoggedIn version (Pink) */

div.stagesBoxTopLoggedInPink, div.stagesBoxBottomLoggedInPink {
display: none;
}

div.stagesBoxLoggedInPink div.titleWrapper {
background: #eee;
width: 100%;
padding: 6px;
margin: 0 0 8px;
float: left;
}

/* Purple version - Full width */

div.stagesBoxTopFullWidthPurple, div.stagesBoxBottomFullWidthPurple {
display: none;
}

div.stagesBoxFullWidthPurple div.titleWrapperFullWidthPurple {
background: #eee;
width: 100%;
padding: 6px;
margin: 0 0 8px;
float: left;
}

/*-------------------------------
	Speech bubbles
-------------------------------*/

div.speechBubbleMediumPetitions, div.speechBubbleMediumPetitions {
float: left;
padding: 0px 0px 23px;
margin: 0px 20px 10px 0;
}

/*-------------------------------
	Content pods
-------------------------------*/

body.ePetitions div.secondaryPodsLeft, body.ePetitions div.secondaryPodsRight {
width: auto!important;
float: none!important;
}

body.ePetitions div.secondaryPodsLeft div.podQuarter, body.ePetitions div.secondaryPodsRight div.podHalf {
border-bottom: 1px solid #bebebe;
float: left;
min-height: 80px!important;
}

/* Left hand pod */

div.wrapper div.podQuarterLeft {
border: #636466 1px solid;
margin: 0 0 8px;
padding: 0;
color: #fff;
float: left;
width: 100%;
}

div.wrapper div.podQuarterLeftWrapper {
background: #60476F;
border: #fff 5px solid;
padding: 6px;
float: none;
width: auto;
}

div.wrapper div.podQuarterLeft h4 {
background: #fff;
color: #122b57;
padding: 6px;
font-size: 1.6em;
font-weight: normal;
border-bottom: #636466 1px solid;
display: block;
float: none;
text-align: left;
width: auto;
}

div.wrapper div.podQuarterLeft ul {
width: 158px;
text-align: center;
padding: 10px 10px 20px;
}

div.wrapper div.podQuarterLeft li {
background: none;
padding: 0px;
}

div.wrapper div.podQuarterLeft p {
text-align: left;
}

div.wrapper div.podQuarterLeft label {
float: left;
}

div.wrapper div.podQuarterLeft input {
width: 148px;
clear: both;
display: block;
margin: 6px;
}

div.wrapper div.podQuarterLeft input.checkbox {
width: 13px;
}

div.wrapper div.podQuarterLeft span {
clear: both;
}

div.wrapper div.podQuarterLeft span.formError {
padding: 0px 0px 5px 14px;
clear: both;
}

div.wrapper div.loginWrapper {
width: 100%;
}

/* Left hand pod login */

div.wrapper div.podQuarterRightLogin {
border: #636466 1px solid;
float: left;
display: inline;
margin: 0px 0px 15px;
padding: 0px;
color: #fff;
}

div.wrapper div.podQuarterRightLoginWrapper {
background: #482362 url(../images/ePetitionsPodQuarterLeftBackground.gif) top center repeat-y;
border: #fff 5px solid;
float: left;
padding: 0 0 10px;
}

div.wrapper div.podQuarterRightLogin h4 {
background: #fff;
color: #122b57;
float: left;
display: inline;
padding: 5px 10px;
font-size: 1.8em;
font-weight: normal;
text-align: center;
border-bottom: #636466 1px solid;
}

div.wrapper div.podQuarterRightLogin span {
clear: both;
margin: 0px 0px 0px 13px;
}

div.wrapper div.podQuarterRightLogin span.formError {
float: left;
}

/**/

body.ePetitions div.wrapper div.podQuarterRight, body.ePetitions div.wrapper div.podQuarterRightContact {
border: #636466 1px solid;
float: left;
display: block;
clear: both;
width: 100%;
margin: 0 0 8px;
padding: 0;
color: #fff;
background: none;
}

body.ePetitions div.wrapper div.podQuarterRightWrapper {
background: #1A4880!important;
border: #ffffff 5px solid;
padding: 0px 0px 10px 0px;
width: auto;
float: none;
}

body.ePetitions div.wrapper div.podQuarterRight h3, body.ePetitions div.wrapper div.podQuarterRightLoggedIn h3 {
padding: 6px;
font-size: 1.6em;
font-weight: normal;
width: auto;
text-align: left;
}

body.ePetitions div.wrapper div.podQuarterRight p, body.ePetitions div.wrapper div.podQuarterRightLoggedIn p, body.ePetitions div.wrapper div.podQuarterRightContact p {
text-align: left;
}

body.ePetitions div.wrapper div.podQuarterRight h4, body.ePetitions div.wrapper div.podQuarterRightContact h4 {
background: #ffffff;
color: #122b57;
padding: 6px;
font-size: 1.6em;
font-weight: normal;
border-bottom: #636466 1px solid;
width: auto;
display: block;
float: none;
text-align: left;
}

body.ePetitions div.tertiaryContent div.podQuarterRight div.custom_images ul li {
background: none;
padding: 2px 0 10px 0;
clear: both;
}

body.ePetitions div.tertiaryContent div.podQuarterRight div.custom_images ul li img {
float: left;
margin-right: 4px;
}

body.ePetitions div.podQuarterRight a, body.ePetitions div.podQuarterRightContact a, body.ePetitions div.podQuarterRightLoggedIn a, body.ePetitions div.podQuarterRightLoggedInContact a, div.podQuarterLeft a {
color: #fff;
}

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: 180px;
clear: both;
margin: 6px 0px 0px 6px;
display: block;
padding: 3px 0 4px;
}

body.ePetitions div.podQuarterRight input, body.ePetitions div.podQuarterRightContact input,body.ePetitions div.podQuarterRightLoggedIn input, body.ePetitions div.podQuarterRightLoggedInContact input {
width: 180px;
clear: both;
margin: 0 0 6px 6px;
}

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: 0 6px;
}

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;
}

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.wrapper div.podQuarterRightLoggedIn, body.ePetitions div.wrapper div.podQuarterRightLoggedInContact {
background: #6E2061;
border: #636466 1px solid;
float: left;
display: inline;
width: 100%;
margin: 0 0 15px;
padding: 0;
color: #fff;
}

body.ePetitions div.wrapper div.podQuarterRightLoggedInWrapper {
background: url(../images/ePetitionsPodQuarterRightLoggedInBackground.gif) top center repeat-y;
border: #fff 5px solid;
float: none;
width: auto;
padding: 0 0 10px;
}

body.ePetitions div.wrapper div.podQuarterRightLoggedIn h4, body.ePetitions div.wrapper div.podQuarterRightLoggedInContact h4 {
background: #fff;
color: #5f194b;
float: none;
display: inline;
width: auto;
padding: 5px 10px;
font-size: 1.6em;
font-weight: normal;
text-align: left;
border-bottom: #636466 1px solid;
display: block;
}

body.ePetitions div.wrapper div.podQuarterRightLoggedIn p {
padding: 10px 10px 0;
clear: both;
}

body.ePetitions div.wrapper div.podQuarterRightLoggedIn ul {
float: left;
padding: 10px 0 0 10px;
width: 100%;
}

/* ePetitions style amend */

body.ePetitions div.podQuarterRight ul, body.ePetitions div.podQuarterRightSecure ul, body.ePetitions div.podQuarterRightLoggedIn ul {
float: none;
clear: both;
}

body.ePetitions div.podQuarterRight ul li, body.ePetitions div.podQuarterRightSecure ul li, body.ePetitions div.podQuarterRightLoggedIn ul li {
word-wrap: break-word;
}

/* Right content pod */

div.podRightContent {
background: #fff;
clear: both;
margin: 5px 0 5px 13px;
width: 100%;
padding: 2px 0;
color: #000;
text-align: left;
float: left;
display: inline;
}

div.podRightContent ul li {
padding: 0 0 10px;
float: left;
display: block;
clear: both;
width: 100%;
}

div.podRightContent a {
background: url(../images/listArrowBlack.gif) no-repeat left 8px;
padding: 5px 0 0 13px;
margin: 0 0 0 5px;
color: #000!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 {
float: left;
font-size: 1em;
margin: 0;
padding: 0 0 0 30px;
width: 110px;
word-wrap: break-word; 
}

/*-------------------------------
	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: 60px;
display: block;
padding: 12px 0 0;
margin: 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, div.promotionalBoxNoMargin {
float: left;
width: 100%;
margin: 0px 12px 0px 0px;
}

div.promotionalBox img, div.promotionalBoxNoMargin img {
background: #1a4880;
border-bottom: #fff 1px solid;
padding: 8px;
width: 100px;
}

div.promotionalBox h2, div.promotionalBoxNoMargin h2 {
color: #fff;
padding: 8px 0 0;
font-size: 1.6em;
}

div.promotionalBox h3, div.promotionalBoxNoMargin h3 {
background: url(../images/listArrowDoubleWhite.gif) no-repeat right 8px;
color: #fff;
padding: 0px 15px 0px 0px;
font-size: 1.6em;
float: left;
}

div.promotionalBox a, div.promotionalBoxNoMargin a {
background: #1a4880;
float: left;
width: 296px;
padding: 0 8px 8px;
text-decoration: none;
}

body.ePetitions div.latestPetitions {
padding: 12px 0;
width: auto;
}

body.ePetitions div.latestPetitionsWrapper {
background: #fff;
border: #102953 8px solid;
clear: both;
height: auto;
padding: 6px;
}

body.ePetitions h2.latestPetitionsTab {
padding: 8px 6px 0;
text-align: center;
width: auto;
float: left;
}

body.ePetitions a.viewAllPetitions {
background: url(../images/listArrowGrey.gif) no-repeat left 10px;
float: left;
font-size: 1.2em;
padding: 0 15px 0 10px;
margin: 5px 15px 0;
}

.ePetitions div.latestPetitions ul {
padding: 0;
float: left;
width: 100%;
background: none;
}

.ePetitions div.latestPetitions ul li {
background: none;
padding: 0;
border-bottom: #636466 1px dotted;
float: none;
width: 100%;
height: auto!important;
}

.ePetitions div.latestPetitions ul li img {
float: left;
padding: 2px;
border: 1px solid #bebebe;
width: 80px;
margin: 3px 6px 0 0;
}

.ePetitions div.latestPetitions ul li h3 {
font-size: 1.1em;
}

.ePetitions div.latestPetitions ul li p {
display: block;
word-wrap: break-word;
float: none;
width: auto;
}

body.ePetitions div.podQuarter h3, body.ePetitions div.podHalf h3 {
font-size: 1.4em!important;
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: 0!important;
display: block;
text-align: left;
}

/*-------------------------------
	Petitions listing page
-------------------------------*/

div.petitionsListingDetails {
position: relative;
}

span.petitionTotal {
float: left;
clear: both;
padding: 0 0 0 52px;
}

div.comment {
border-top: #636466 1px dotted;
padding: 10px 0 5px;
margin: 0 0 0 10px;
width: 100%;
word-wrap: break-word;
float: left;
}

div.petitionDetails img {
margin: 0 10px 18px 0;
float: left;
}

div.petitionDetails h2 {
clear: none;
float: left;
font-weight: normal;
padding: 0 0 10px;
width: 100%;
}

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.stagesBox .dualList p {
padding: 0 8px 8px 0;
}

body.ePetitions div.wrapper div.stagesBox {
width: 100%;
background: none;
}

body.ePetitions div.stagesBox p {
margin: 0;
padding: 0 8px 8px 0;
display: block;
width: auto;
float: none;
}

body.ePetitions div.stagesBox p a.button, body.ePetitions div.stagesBox p a.buttonClose {
margin: 0;
}

body.ePetitions div.stagesBox p.information {
padding: 2px 6px;
}

body.ePetitions div.stagesBox p.viewAllComments {
float: right;
padding: 0 10px 0 0;
}

body.ePetitions div.stagesBox div.form {
margin: 10px 0 0 10px;
padding: 0 0 15px;
border-top: 0;
}

body.ePetitions div.stagesBox div.titleWrapper div.form {
margin: 10px 0 0;
padding: 12px 0;
width: 100%;
}

body.ePetitions div.stagesBox div.form p {
padding: 0 0 10px;
}

ul.petitionButtons {
clear: both;
float: left;
width: 100%;
padding: 0 0 12px;
}

div.form ul.petitionButtons {
padding: 12px 0 0;
}

ul.petitionButtons li, div.form ul.petitionButtons li {
background: none;
float: left;
display: inline;
padding: 0 15px 0 0;
font-size: 1.0em;
}

div.form ul.petitionButtons li input.button, div.form ul.petitionButtons li input.buttonGreen {
margin: 0;
}

ul.petitionButtons li a {
float: left;
width: 100px;
}

div.contact {
background: url(../images/ePetitionsContactBox.gif) top left no-repeat;
float: left;
height: 40px;
width: 100%;
padding: 8px 0 0 0;
margin: 4px 0 0 0;
color: #fff;
text-align: center;
}

div.contact a {
color: #fff;
}

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: 24px;
}

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: 0 0 12px 6px;
}

div.petitionProgress ul li {
float: left;
display: inline;
width: 134px;
height: 46px;
padding: 6px 0 0 0;
margin: 0 0 0 -13px;
text-align: center;
color: #fff;
}

div.petitionProgress ul li input {
color: #fff;
background: none;
border: none;
text-decoration: underline;
}

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 {   
color: #fff;
}

div.petitionProgress ul li.inactive .buttonToTextDisabled {   
color: #fff;
}

div.petitionProgress ul .buttonToText {
color: #fff;
border-bottom: 1px solid white;
}

div.petitionProgress ul .buttonToText:hover {
border-bottom: none;
}

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

body.ePetitions div.infoWrapper {
display: none;
}

body.ePetitions div.myPetitionBox {
float: left;
width: auto;
padding: 10px;
margin: 0;
border-bottom: #ccc 1px dotted;
}

body.ePetitions div.stagesBox div.myPetitionBox h3 {
background: none;
float: none;
width: auto;
padding: 0;
margin: 0 0 6px;
border: none;
}

body.ePetitions div.stagesBox div.myPetitionBox h4 a.floatRight {
float: none;
}

body.ePetitions div.myPetitionBox p {
width: 180px;
float: right;
}

.ePetitions div.myPetitionBox div.petitionProgress {
background: #639C22;
}

body.ePetitions div.myPetitionBox div.petitionProgress ul {
padding: 0;
margin: 0 0 0 20px;
width: auto;
}

body.ePetitions div.myPetitionBox div.petitionProgress li {
border-right: 1px solid #fff;
margin: 0;
padding: 4px 10px 6px !important;
width: auto;
}

body.ePetitions div.myPetitionBox div.petitionProgress li.normal {
background: none;
background-color: #6F7F98;
}

body.ePetitions div.myPetitionBox div.petitionProgress li.complete {
background: none;
background-color: #639C22;
}

body.ePetitions div.myPetitionBox div.petitionProgress li.currentStage {
background: none;
background-color: #163058;
}

/* 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: #fff;
border: #ccc 2px solid;
width: 180px;
height: 100px;
position: absolute;
top: 0;
left: -155px;
z-index: 10000;
padding: 20px 8px 8px;
color: #000;
text-align: left;
}

div.petitionPreview img {
float: left;
padding: 2px;
border: 1px solid #bebebe;
margin: 3px 6px 0 0;
}

div.petitionPreview ul {
padding: 6px 0 0 50px;
}

div.petitionPreview a {
background: url(../images/listArrowGrey.gif) no-repeat left 3px;
padding: 0 0 0 10px;
}

div.petitionPreview li {
background: url(../images/listArrowBlack.gif) no-repeat left 3px;
}

div.petitionPreview li a {
background: none;
padding: 0;
color: #000;
}

div.petitionPreview .closeButton {
background: url(../images/closeCross.gif) no-repeat right 3px;
float: right;
font-size: 1em;
font-weight: bold;
margin: -15px 0 0;
padding: 0 13px 0 0;
color: #000;
display: none;
}

body.ePetitions div.tertiaryContent div.purpleBox {
float: left;
padding: 10px;
margin: 0 0 15px;
border: #d4d0d7 1px solid;
}

body.ePetitions div.loginWrapper div.podQuarterRightWrapper a.button {
padding: 4px 3px;
}

a.forgottenPassword {
font-size: 1.2em;
display: block;
clear: left;
padding: 4px 0 4px 8px;
color: #fff;
}

div.petitionComplete {
border: #636466 1px solid;
float: left;
display: inline;
width: 100%;
margin: 0 0 8px 0;
padding: 0;
color: #fff;
}

div.petitionCompleteWrapper {
background: url(../images/petitionCompleteBackground.gif) top center repeat-y;
border: #fff 5px solid;
float: left;
width: 100%;
padding: 12px 6px;
text-align: center;
}

div.petitionCompleteWrapper h2 {
font-size: 2.0em;
font-weight: normal;
}

div.petitionCompleteWrapper p {
font-size: 1.5em;
}

div.petitionCompleteWrapper ul.petitionButtons {
padding: 50px 0 0 15px;
width: 100%;
}

.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 4px;
color: #fff;
}

p .buttonGreen {
font-size: 1.0em;
}

.buttonGreen:hover {
background: url(../images/buttonGreenRepeater.gif) repeat-x 0 -24px;
}

.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 4px;
color: #fff;
}

/*-------------------------------
	Alphabet listings
-------------------------------*/

ul.alphabetNumbers {
clear: both;
padding: 12px 0;
width: 100%;
}

ul.alphabetNumbers li {
background: none;
font-weight: bold;
font-size: 1.6em;
padding: 0 4px;
color: #ccc;
float: left;
}
	
/*-------------------------------
	Admin section
-------------------------------*/

ul.adminNav {
padding: 0 0 25px;
}

ul.adminNav li {
display: inline;
background: none;
padding: 0;
}

div.centreLogo {
width: 180px;
margin: 0 auto;
}

/*-------------------------------
	Petitions
-------------------------------*/

div.pdfPetitionNumberBoxWrapper {
width: 100%;
margin: 0 auto;
display: block;
padding: 12px 0;
}

div.pdfPetitionNumberBoxLeft {
background: #E3E6EB;
border: #B4B4B4 1px solid;
float: left;
width: auto;
text-align: center;
padding: 5px;
}

div.pdfPetitionNumberBoxLeft p {
padding: 0 0 1px;
}

div.pdfPetitionNumberBoxRight h2 {
padding: 8px 0 4px;
}

div.pdfPetitionNumberBoxRight {
background: #E3E6EB;
border-top: #B4B4B4 1px solid;
border-right: #B4B4B4 1px solid;
border-bottom: #B4B4B4 1px solid;
float: right;
width: auto;
text-align: center;
padding: 5px;
}

div.buttonCentre {
text-align: center;
padding: 10px 0 20px;
}

div#ui-datepicker-div {
background: #fff;
border: #888 1px solid;
padding: 10px 10px 0 10px;
}

div.ui-datepicker-title {
font-size: 1.5em;
font-weight: bold;
padding: 8px 0 0;
}

div.ui-datepicker-header a {
cursor: pointer;
font-size: 1.2em;
}

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 0 0 0;
margin: 0 0 0 7px;
color: #fff;
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: left;
height: 24px;
width: 75px;
padding: 6px 0 0;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
display: none;
}

a.adminPetition:hover {
background: url(../images/ePetitionsAdminButton.gif) no-repeat 0 -33px;
}