/*-------------------------------------------------------------------------
Scottish Parliament stylesheet.
Created by Joseph Gallagher.
March 2010
-------------------------------------------------------------------------*/

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

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

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.625em;
color: #636466;
background: url(../images/body_bg.jpg) top center no-repeat #fff;
}

img {
border: none;
}

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

a:hover {
text-decoration: none;
}

/*a:visited {
color: #8012c8;
}*/

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

blockquote {
padding: 0px 35px;
}

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

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

body.content div.secondaryContent ul ul, body.listing div.secondaryContent ul ul {
padding: 10px 0 0;
}

body.content div.secondaryContent ul li li, body.listing div.secondaryContent ul li li {
font-size: 1em;
}

body.content div.secondaryContent hr {
height: 1px;
background: none;
margin: 10px 0;
border: none;
border-top: 1px solid #BEBEBE;
clear: both;
}

div.secondaryContent p {
clear: both;
}

body.content div.secondaryContent img.imgNoAlign {
float: none!important;
border: none;
padding: 0px;
margin: 0px;
}

.noBackground {
background: none!important;
padding: 0px 10px 5px 0px;
}

td.noBackground {
background-color: #F0ECF2!important;
}

th.noBackground {
background-color: #FFF!important;
}

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;
margin: 0px 10px 0px 0px;
border: 1px solid #BEBEBE;
}

div.podQuarterRight ul.thumbnail li img {
padding: 4px;
border: 1px solid #BEBEBE;
width: 74px;
height: 84px;
background: #fff;
}

ul.thumbnail li a {
font-weight: bold;
}

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

ol {
padding: 0px 0px 15px 0px;
}

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

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

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

.pager {
padding: 0px 0px 10px 10px;
clear: both;
}

.dualList {
float: left;
width: 225px;
margin: 0 0 12px;
}

body.member .dualList {
width: 235px;
margin: 0 10px 12px 0;
}

.purpleBox {
background: #eae8ed;
padding: 10px;
}
.purpleBox ul {
clear: left;
}
.video .purpleBox {
width: 460px;
float: left;
clear: both;
}
.video .purpleBox p,
.video .purpleBox .videoDetails {
max-width: 100%;
}

.snapshotLeft {
width: 160px;
float: left;
padding: 10px;
margin: 0 10px 10px 0;
background-color: #EAE8ED;
}

.snapshotRight {
width: 160px;
float: right;
padding: 10px;
margin: 0 0 10px 10px;
background-color: #EAE8ED;
display: block;
}

div.registerButton {
margin-top: 10px;
padding: 15px 0;
border-top: 1px solid #ccc;
}

.button, .buttonClose {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding: 3px 5px 4px 5px;
color: #ffffff;
cursor: pointer;
}

.button:hover, .buttonClose:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -24px;
cursor: pointer;
}

.buttonToText {
border: none;
background: none;
cursor: pointer;
color: #3e0a5f;
font-size: 1.1em;
padding: 0px;
margin: 0px;
}

.buttonToText:hover {
color: #636466;
}

.buttonToText:visited {
color: #636466;
}

div.whatsOnContentBottom .buttonToText {
font-size: 0px;
*font-size: 0.1em;
background:  url(../images/buttonCalendar.gif) no-repeat 0 0;
height: 18px;
height: 19px\9;
*height: 14px;
width: 160px;
text-align: right;
color: #FFF;
}

div.whatsOnContentBottom .buttonToText:hover {
background:  url(../images/buttonCalendarHover.gif) no-repeat 0 0;
}

div.headerNavigation .buttonToTextSmall {
border: none;
background: #EBE6EF;
cursor: pointer;
color: #3e0a5f;
font-size: 0.9em;
margin: -4px 0px 0px;
padding: 2px;
width: 15px;
}

div.headerNavigation .buttonToText {
border: none;
background: none;
cursor: pointer;
color: #3e0a5f;
font-size: 1.1em;
margin: -4px 0px 0px;
padding: 0px 0px 1px;
width: 12px;
}

div.headerNavigation .buttonToTextLarge {
border: none;
background: none;
cursor: pointer;
color: #3e0a5f;
font-size: 1.3em;
margin: -4px 0px 0px;
width: 14px;
}

input#ctl27_StyleSwitcherRepeater1_ctl00_button, input#ctl27_StyleSwitcherRepeater1_ctl01_button, input#ctl27_StyleSwitcherRepeater1_ctl02_button {
margin: 10px 15px 15px 0;
font-weight: bold;
padding: 3px;
}

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

input#ctl27_StyleSwitcherRepeater1_ctl01_button {
border: 2px solid #dfd179;
background: #F7F3D6;
color: #0e0e6e;
}

input#ctl27_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;
}

.blackText {
color: #000000;
}

.whiteText {
color: #ffffff;
}

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

a.pdf {
display: inline-block\9;
margin: 0\9;
}

div.secondaryContent p a.pdf, div.secondaryContent p a.doc, div.secondaryContent p a.zip, div.secondaryContent p a.xls, div.secondaryContent p a.rss {
*background: none!important;
*padding: 0px!important;
}

div.podQuarterRight a.pdf {
margin: 10px 0;
}

div.podQuarterRight li a.pdf {
margin: 10px 0 10px -10px;
}

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

div.tertiaryContent a.rss {
clear: both;
}

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

div.podQuarter a.rss, div.podQuarterNoMargin a.rss {
background: none;
padding: 0;
}

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

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

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

.information {
background: url(../images/informationIcon.gif) top left no-repeat;
height: 18px;
padding: 2px 10px 5px 25px;
margin: 10px 0;
}

body.member p.information {
background: url(../images/informationIcon.gif) top right no-repeat;
width: 12px;
margin-right: 2px;
float: right;
}

body.member p.information a {
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;
}

/* Speech bubbles */

div.speechBubbleSmall {
background: url(../images/speechBubbleSmallBottom.gif) bottom left no-repeat;
float: left;
width: 322px;
padding: 0px 0px 23px 0px;
margin: 0 0 2px;
}

div.speechBubbleSmallWrapper {
background: url(../images/speechBubbleSmallTop.gif) top left no-repeat;
padding: 10px 10px 0px 10px;
}

div.speechBubbleMedium {
background: url(../images/speechBubbleMediumBottom.gif) bottom left no-repeat;
float: left;
width: 595px;
padding: 0px 0px 23px 0px;
margin: 0px 0px 10px 0px;
}

div.speechBubbleMediumWrapper {
background: url(../images/speechBubbleMediumTop.gif) top left no-repeat;
padding: 10px 10px 0px 10px;
}

div.speechBubbleLarge {
background: url(../images/speechBubbleLargeBottom.gif) bottom left no-repeat;
float: left;
width: 745px;
padding: 0px 0px 23px 0px;
margin: 10px 0px 15px 0px;
}

div.speechBubbleLargeWrapper {
background: url(../images/speechBubbleLargeTop.gif) top left no-repeat;
padding: 10px 10px 0px 10px;
}

div.speechBubbleCalendar {
background: url(../images/speechBubbleCalendarBottom.gif) bottom left no-repeat;
float: left;
width: 500px;
padding: 0px 0px 23px 0px;
margin: 10px 0px 15px 0px;
}

div.speechBubbleCalendarWrapper {
background: url(../images/speechBubbleCalendarTop.gif) top left no-repeat;
padding: 10px 10px 0px 10px;
}

div.speechBubbleSmall p, div.speechBubbleMedium p, div.speechBubbleLarge p, div.speechBubbleCalendar p {
padding: 0px 0px 5px 0px;
}

a.logo {
float: left;
margin: 25px 0px 0px 0px;
}

div.wrapper {
width: 960px;
margin: 0 auto;
}

div.header {
float: left;
min-height: 164px;
_height: 164px;
width: 960px;
display: inline;
}

div.container {
float: left;
width: 960px;
padding: 10px 0px 10px 0px;
}

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

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

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

div.searchBox {
float: right;
padding: 22px 0px 0px 0px;
clear: right;
}

div.header div.searchBox {
width: 338px;
*width: 344px;
}

div.searchBox label {
display: none;
}

div.searchBox p {
font-size: 1.1em;
padding: 0 15px 0 0;
width: auto;
float: left;
*width: 329px;
}

div.searchBox a {
color: #000000;
}

div.searchBox .button {
padding: 3px 15px 4px 15px;
*padding: 3px 10px;
margin-bottom: 6px;
height: 26px;
}

div.searchBox input.searchInput, input.largeInput {
width: 250px;
height: 20px;
padding: 2px;
_margin: 0px -3px 0px 0px;
border-top: #3f3f3f 1px solid;
border-left: #3f3f3f 1px solid;
border-bottom: #3f3f3f 1px solid;
border-right: none;
float: left;
}

/* Search results */

p.relatedQuery {
font-size: 1.4em;
padding: 5px 0 15px;
}

p.relatedQuery a {
font-weight: bold;
font-style: italic;
padding: 0 5px 0 0;
}

span#SearchResults_SearchSummary {
font-size: 1.1em;
}

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

ul#listing p {
word-wrap: break-word;
}

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

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

span.pageNumber {
font-size: 1em;
margin-right: 2px;
padding: 4px 7px 2px;
}

a.pageNumber {
color: #636466;
}

div#keywordMatch {
background: #EAE8ED;
border: 1px solid #D4D0D7;
margin: 20px 0;
padding: 10px;
}

div#keywordMatch h2 {
font-size: 1.2em;
}

div#keywordMatch p {
border-top: 1px solid #fff;
padding: 8px 0;
}

div#keywordMatch p a {
font-weight: bold;
font-size: 1.2em;
}

div#searchAgain {
background: #EAE8ED;
border: 1px solid #D4D0D7;
margin: 20px 0;
padding: 10px;
float: left;
*width: 480px;
}

div#searchAgain label {
font-size: 1.2em;
float: left;
padding: 5px 10px 0 0;
}

div#searchAgain input {
border: 1px solid #3F3F3F;
width: 250px;
height: 20px;
padding: 2px;
float: left;
}

div#searchAgain input.button {
width: auto;
height: 26px;
padding: 3px 15px 4px;
}

div#searchAgain p {
	font-size: 1.1em;
	width: auto;
	float: left;
	padding: 10px 15px 0 0;
}

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

h1 {
font-size: 1.8em;
padding: 5px 10px 5px 10px;
margin: 15px 0px 25px 0px;
background: url("../images/headerBg.png") repeat-y scroll right top #EEECF0;
_background: #EEECF0;
font-weight: normal;
float: left;
width: 725px;
}

body.home h1 {
display: none;
}

body#fullWidth h1 {
width: 940px;
}

body.videoHub h1 {
width: 940px;
}

body.primaryHub h1, body.education h1 {
padding: 5px 0px;
margin: 0px;
background: none;
}

h2 {
font-size: 1.6em;
padding: 5px 0px 10px;
clear: both;
}

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

h4 {
font-size: 1.3em;
padding: 0px 0px 5px 0px;
}

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

div.headerNavigation {
float: right;
padding: 38px 0 0 0;
position: relative;
color: #000;
*padding: 28px 0 10px 0;
}

div.headerNavigation ul {
padding: 0;
}

div.headerNavigation li {
background: none;
float: left;
display: inline;
padding: 0px 8px;
border-right: 1px solid #000;
*float: none;
height: 12px;
margin-bottom: 15px;
line-height: 12px;
overflow: visible;
}

div.headerNavigation li.HTT img {
margin-top: -11px;
width: 80px;
}

div.headerNavigation a.skipLink {
text-indent: -9999px;
display: block;
position: absolute;
top: 0px;
right: 10px;
padding: 5px;
color: #fff;
overflow: hidden;
}

div.headerNavigation a.skipLink:focus, div.headerNavigation a.skipLink:hover {
text-indent: 0px;
background-color: #432359;
}

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

div.headerNavigation a {
color: #000000;
}

div.headerNavigation .socialMedia {
margin: 0 0 0 5px;
}

div.headerNavigation .socialMedia a {
width: 28px;
height: 28px;
text-indent: -9999px;
margin-left: 3px;
position: relative;
top: -5px;
display: inline-block;
*top: 5px;
}

div.headerNavigation a.facebook {
background: url("../images/iconFacebook.png") no-repeat 0 0 transparent;
}

div.headerNavigation a.twitter {
background: url("../images/iconTwitter.png") no-repeat 0 0 transparent;
}

div.headerNavigation a.youtube {
background: url("../images/iconYouTube.png") no-repeat 0 0 transparent;
}

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

div.secondaryNavigation {
width: 200px;
float: left;
min-height: 100px;
_height: 100px;
}

div.secondaryNavigation ul {
padding: 0px;
}

div.secondaryNavigation ul li {
background: none;
padding: 0px;
float: left;
}

div.secondaryNavigation ul li ul li {
font-size: 1.0em;
}

div.secondaryNavigation ul li a {
background: #ebe6ef;
width: 170px;
padding: 5px 10px;
float: left;
border-bottom: #ffffff 1px solid;
text-decoration: none;
font-weight: bold;
color: #4a464d;
font-size: 1.0em;
}

div.secondaryNavigation ul li a:hover, div.secondaryNavigation ul li a:active {
background: #60476f;
color: #ffffff;
margin: 0px 0px 0px 5px;
}

div.secondaryNavigation ul li a.selected {
background: #60476f;
color: #ffffff;
margin: 0px 0px 0px 5px;
}

/* Sub level one */

div.secondaryNavigation ul ul li a {
padding: 5px 10px 5px 20px;
width: 160px;
font-size: 1em;
/**font-size: 0.85em;*/
background: #e0d8e5;
}

/* Sub level two */

div.secondaryNavigation ul ul ul li a {
padding: 5px 10px 5px 30px;
width: 150px;
background: #d1c4d8;
/**font-size: 0.7em;*/
}

/* Sub level three */

div.secondaryNavigation ul ul ul ul li a {
padding: 5px 10px 5px 40px;
width: 140px;
background: #c1b0cb;
/**font-size: 0.6em;*/
}

/* Sub level four */

div.secondaryNavigation ul ul ul ul ul li a {
padding: 5px 10px 5px 50px;
width: 130px;
/*font-size: 0.48em\9;*/
}

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

ul.breadcrumb {
padding: 0px;
float: left;
display: block;
clear: both;
width: 960px;
}

ul.breadcrumb li {
background: none;
display: inline;
padding: 0px;
font-weight: bold;
float: left;
}

ul.breadcrumb li a {
background: url(../images/listArrowGrey.gif) no-repeat right 3px;
padding: 0px 12px 0px 0px;
margin-right: 6px;
float: left;
font-weight: normal;
text-decoration: none;
}

ul.breadcrumb li a:hover {
text-decoration: underline;
}

/*-------------------------------
	Login box
-------------------------------*/

div.loginBox {
margin: 0 auto;
}

/*-------------------------------------------------------------------------------
   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: 960px;
float: left;
margin: 15px 0px;
}

div.secondaryContent {
width: 960px;
float: left;
padding: 0px;
margin: 0px 0px 15px 0px;
}

div.tertiaryContent {
width: 960px;
float: left;
}

/* Two Column */

body#twoColumn div.primaryContent {
width: 200px;
float: left;
padding: 15px 0px 0px 0px;
margin: 0px 15px 0px 0px;
}

body#twoColumn div.secondaryContent {
width: 745px;
padding: 0px 0px 0px 0px;
}

/* Three Column */

body#threeColumn div.primaryContent {
width: 200px;
float: left;
padding: 15px 0px 0px 0px;
margin: 0px 15px 0px 0px;
}

body#threeColumn div.secondaryContent {
width: 500px;
}

body#threeColumn div.tertiaryContent {
width: 228px;
padding: 0px;
float: right;
}

/* Video hub */

body.videoHub div.primaryContent {
padding: 0px 0px 0px 0px!important;
}

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

/* Homepage */

body.home div.secondaryContent {
width: 730px;
padding: 0px;
margin: 0px;
}

body.home div.tertiaryContent {
width: 230px;
float: right;
}

body.home div.podQuarter {
margin: 0px 14px 15px 0px;
padding: 0px 0px 10px 0px;
border-bottom: none;
}

/* Video */

body.video div.purpleBox, body.videoHub div.purpleBox, body.content div.video div.purpleBox {
background: #eae8ed;
float: left;
width: 480px;
padding: 10px;
margin: 0px 0px 25px 0px;
border: none;
}

body.video div.purpleBox h2, body.videoHub 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 {
background: url(../images/podQuarterImageBackgroundHub.gif) top left no-repeat;
padding: 7px;
margin: 0 0 10px;
}

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

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

ul.relatedVideos li {
background: none;
padding: 10px 0px;
width: 489px;
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 7px 7px 7px;
margin: 0px 10px 0px 0px;
width: 166px;
height: 116px;
}

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

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

/* FAQ's */

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

body.faq div.secondaryContent li ul li {
background: url("../images/listArrow.gif") no-repeat scroll left 4px transparent;
list-style: none outside none;
padding: 0 10px 3px;
}

body.faq div.secondaryContent li ol li {
list-style: decimal;
list-style-position: inside;
padding: 0px 0px 3px 0px;
}

body.faq div.secondaryContent h2 {
font-size: 1.4em;
cursor: pointer;
*padding: 0;
}

ul.faq h2 a {
padding: 0px 0px 0px 15px;
}

/* Committee pages */

div.threeColumnIntro object {
padding: 0px 0px 0px 15px;
}

div.threeColumnIntro img {
padding: 0px 0px 15px 37px;
float: right;
}

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

div.threeColumnIntro {
padding: 0px 10px 25px 0px;
float: left;
width: 300px;
}

body.committee div.podHalf {
height: auto!important;
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left bottom transparent;
margin-bottom: 10px;
padding-bottom: 0;
}

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

div.footer {
border-top: #bebebe 1px solid;
clear: both;
display: block;
width: 960px;
padding: 20px 0px;
text-align: center;
}

div.footer ul {
padding: 0px 0px 5px 0px;
}

div.footer li {
background: none;
display: inline;
padding: 0px 15px 0px 0px;
margin: 0px 0px 0px 10px;
border-right: #bebebe 1px solid;
}

div.footer li a {
color: #4A464D;
}

div.footer div {
border-top: 1px solid #bebebe;
padding: 10px 0 0;
margin: 10px 0 0;
width: 932px;
}

div.footer div.accessKeys {
text-indent: -9999px;
height: 0px;
border-top: none;
padding: 0;
margin: 0;
}

/*-------------------------------
	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.6em;
}

ul.sitemap li li {
background: url(../images/squarePurple.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/squarePurpleLight.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/squarePurpleLightest.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;
}

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

div.secondaryPodsLeft {
float: left;
width: 489px;
}

div.tertiaryPodsRight {
float: left;
width: 238px;
}

/* Quarter width */

div.podQuarter {
float: left;
display: inline;
width: 227px;
margin: 0px 19px 25px 0px;
padding: 0px 0px 10px;
border-bottom: #e0e0e0 1px solid;
}

body.hub div.podQuarter {
margin: 0px 39px 25px 0px;
}

div.podQuarter img {
background: url(../images/podQuarterImageBackground.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px 0px;
height: 159px;
width: 211px;
}

body.primaryHub div.podQuarter img, body.primaryHub div.podQuarterNoMargin img,
body.education div.podQuarter img, body.education div.podQuarterNoMargin img {
width: 211px;
height: 159px;
}

div.secondaryContent div.podQuarter h2, div.secondaryContent div.podQuarterNoMargin h2,
body.video div.secondaryContent div.podQuarter h3, body.video div.secondaryContent div.podQuarterNoMargin h3,
body.videoHub div.secondaryContent div.podQuarter h3, body.videoHub div.secondaryContent div.podQuarterNoMargin h3 {
padding: 0 0 5px 5px;
font-size: 1.4em;
}

body.hub div.podQuarter img, body.hub div.podQuarterNoMargin img,
body.video div.podQuarter img, body.video div.podQuarterNoMargin img,
body.videoHub div.podQuarter img, body.videoHub div.podQuarterNoMargin img {
background: url(../images/podQuarterImageBackgroundHub.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px 0px;
width: 211px;
height: 101px;
}

body.hub div.podQuarter, body.primaryHub div.podQuarter, body.hub div.podQuarterNoMargin, body.primaryHub div.podQuarterNoMargin {
width: 225px;
}

body.home div.podQuarter h4 {
font-size: 2.4em;
font-weight: normal;
}

div.podQuarter ul {
padding: 0px 5px 0px 5px;
}

div.podQuarter ul li {
background: url(../images/listArrowPurple.gif) no-repeat 0 3px;
padding: 0 10px 5px;
}

div.podQuarter p {
padding: 0 0 10px 5px;
word-wrap: break-word;
}

body.primaryHub div.podQuarter h2,
body.primaryHub div.podQuarterNoMargin h2 {
padding: 0 0 5px 5px;
}

body.hub div.podQuarter img, body.hub div.podQuarterNoMargin img, body.video div.podQuarter img, body.video div.podQuarterNoMargin img {
background: url(../images/podQuarterImageBackgroundHub.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px 0px;
}

div.podQuarterRight {
float: left;
display: inline;
width: 228px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}

div.podQuarterRight h4 {
background: #785e88;
color: #ffffff;
float: left;
display: inline;
position: relative;
width: 208px;
padding: 5px 10px 5px 10px;
font-size: 1.6em;
font-weight: normal;
}

/* Secure pod */

div.podQuarterSecureFullWidth {
float: left;
display: inline;
width: 498px;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
border: #4e0037 1px dashed;
}

div.podQuarterSecureFullWidth h4 {
background: #5f194b;
color: #ffffff;
float: left;
display: inline;
width: 478px;
padding: 5px 10px 5px 10px;
font-size: 1.6em;
font-weight: normal;
}

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

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

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

div.podQuarterRight p, div.podQuarterRightSecure p {
padding: 10px 10px 0px 10px;
clear: both;
word-wrap: break-word;
}

div.podQuarterRight ul, div.podQuarterRightSecure ul {
float: left;
padding: 10px 0px 0px 10px;
width: 208px;
}

div.podQuarterRight ul li, div.podQuarterRightSecure ul li {
background: url(../images/listArrowPurple.gif) no-repeat 0 3px;
padding: 0 10px 5px;
*width: 198px;
}

div.podQuarterRight ul.thumbnail li, div.podQuarterRightSecure ul.thumbnail li {
background: none;
padding: 0 10px 10px 0;
width: 198px;
}

div#acrobatLinks img {
display: block;
clear: both;
margin: 0 0 6px;
}

/* Quarter, no margin */

div.podQuarterNoMargin {
float: left;
display: inline;
width: 227px;
margin: 0px 0px 25px;
padding: 0px 0px 10px;
border-bottom: #e0e0e0 1px solid;
}

div.podQuarterNoMargin img {
background: url(../images/podQuarterImageBackground.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px;
}

body.hub div.podQuarterNoMargin img {
background: url(../images/podQuarterImageBackgroundHub.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px;
}

body.home div.podQuarterNoMargin h4 {
font-size: 2.4em;
font-weight: normal;
}

div.podQuarterNoMargin ul {
padding: 0px 5px;
}

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

div.podQuarterNoMargin p {
padding: 0 0 10px 5px;
word-wrap: break-word;
}

/* IE 6/7 fix without javascript */

body.primaryHub div.podQuarter, body.primaryHub div.podQuarterSecure, body.primaryHub div.podQuarterNoMargin, body.primaryHub div.podQuarterSecureNoMargin {
*float: left!important;
*display: inline!important;
}

/* Right pod get involved */

div.podQuarterRightGetInvolved {
background: #432359;
float: left;
display: inline;
width: 228px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
}

div.podQuarterRightGetInvolved h4 {
background: url(../images/podQuarterRightGetInvolvedTitle.gif) top left no-repeat;
border-bottom: #ffffff 1px solid;
color: #ffffff;
float: left;
display: inline;
width: 208px;
padding: 6px 10px 6px 10px;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}

div.podQuarterRightGetInvolved p {
text-align: center;
padding: 10px 10px 0px;
clear: both;
color: #ffffff;
word-wrap: break-word;
}

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

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

div.podQuarterRightGetInvolved .button {
width: 196px;
display: block;
}

/* Right pod Contact */

div.podQuarterRightContact {
background: #f0ecf2;
float: left;
display: inline;
width: 228px;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
}

div.podQuarterRightContact h4 {
background: url(../images/podQuarterRightGetInvolvedTitle.gif) top left no-repeat #432359;
color: #ffffff;
float: left;
display: inline;
width: 208px;
padding: 6px 10px 6px 10px;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}

div.podQuarterRightContact p {
text-align: center;
padding: 10px 10px 0px 10px;
clear: both;
}

div.podQuarterRightContact ul {
float: left;
width: 228px;
padding: 10px 0px 0px 0px;
}

div.podQuarterRightContact ul li {
font-weight: bold;
text-align: center;
padding: 0px 0px 5px;
margin: 0px;
background: none;
}

/* Right pod twitter */

div.podQuarterRight .podTwitter {
    border: 1px solid #795e89;
    background: #f0ecf2;
    clear: both;
    position: relative;
    margin: 0 0 15px 0;
}
div.podQuarterRight .podTwitter h4 {
   background: #795e89;
   font-size: 1.6em;
   padding: 7px 9px 8px;
}
div.podQuarterRight .podTwitter h4 a {
   color: #fff;
   text-decoration: none;
   font-weight: normal;
}
div.podQuarterRight .podTwitter h4 img {
    position: absolute;
    top: 4px;
    right: 8px;
    height: 25px;
    width: 25px;
}
div.podQuarterRight .podTwitter .inner p {
    padding: 10px 0px 10px 10px;
    margin: 0px 15px;
    line-height: 1.5em;
    border-top: 1px solid #e4e4e4;
}
div.podQuarterRight .podTwitter .inner p:first-child {
    border-top: none;
}


/* Right pod accessible pdfs */

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

div.podQuarterRight .accessiblePdfs img {
clear: both;
display: block;
margin: 0pt 0pt 10px;
}

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

div.podQuarterRight .accessiblePdfs p a {

}

/* Half width */

div.podHalf {
float: left;
display: inline;
width: 476px;
margin: 0px 13px 15px 0px;
padding: 0px 0px 10px 0px;
}

div.podHalf img {
background: url(../images/podHalfImageBackground.gif) top left no-repeat;
padding: 7px;
margin: 0px 0px 10px 0px;
width: 460px;
height: 159px;
}

body.home div.podHalf h4 {
font-size: 2.4em;
font-weight: normal;
}

div.podHalf ul {
padding: 0px 5px 0px 5px;
}

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

/* Listing page - Half width */

body.listing div.podHalf {
padding: 10px 0;
width: 495px;
margin-bottom: 0;
border-top: 1px solid #BEBEBE;
}

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

body.listing div.podHalf img {
float: left;
margin: 0px 10px 0 0;
width: 166px;
height: 109px;
background: url("../images/newsImageBackground.gif") no-repeat scroll left top transparent;
}

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

div.form {
float: left;
border-top: #26053b 1px dotted;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

div#mspMotionSearch, div#mspPqaSearch {
padding: 10px;
background: #EEECF0;
}

div.form fieldset, div#mspMotionSearch fieldset, div#mspPqaSearch fieldset {
border: none;
padding: 0;
}

div#mspMotionSearch fieldset, div#mspPqaSearch fieldset {
clear: both;
}

div.form fieldset legend, div#mspMotionSearch fieldset legend, div#mspPqaSearch fieldset legend {
font-size: 1.4em;
font-weight: bold;
padding: 0px 5px 15px 0px;
*padding: 0px 5px 15px;
color: #000;
background-color: #EEECF0;
margin: 0;
}

div.form fieldset fieldset legend {
font-size: 1.0em;
font-weight: bold;
padding: 15px 0px 5px 0px;
}

div.form fieldset em {
color: #ff0000;
font-size: 1.0em;
padding: 0px 0px 0px 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: 0px 0px 10px;
margin: 0px 0px 10px;
border-bottom: 1px solid #fff;
width: 474px;
color: #000;
}

div.form ul li p, div#mspMotionSearch ul li p, div#mspPqaSearch ul li p {
float: right;
width: 300px;
}

div.form fieldset label {
float: left;
display: inline;
width: 150px;
padding: 3px 0px 0px;
vertical-align: top;
font-weight: bold;
}

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

div.form fieldset input {
background: url(../images/formInputBackground.gif) top right no-repeat;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 310px;
margin: 0px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

div.form fieldset select {
background: url(../images/formInputBackground.gif) top right no-repeat;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 304px!important;
margin: 0px;
float: left;
display: inline;
padding: 2px 2px 1px 3px;
}

div.form fieldset textarea {
background: url(../images/formInputBackground.gif) top right no-repeat;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 310px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

div.form fieldset span.checkbox {
margin-left: 150px;
}

div.form fieldset span.checkbox label {
width: 300px;
}

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

div.form fieldset span.checkbox label {
width: 400px;
}

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

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

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: 2px 5px 3px;
width: auto;
}

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

div#recaptcha_widget_div {
margin-left: 0px;
}

div#recaptcha_widget_div span {
margin: 0;
}

html.noScript div.form iframe {
width: 471px;
min-height: 265px;
_min-height: 265px;
border: #999 1px solid;
}

body.publicationsOrderForm  noscript div textarea {
display: none;
}

/*-- Motions Search form styles -*/

div#mspMotionSearch div#mspMotionSearch_pnlMotionListHelp {
background: #C1B0CB;
float: left;
padding: 10px;
width: 454px!important;
margin: 0 0 10px;
}

div#mspMotionSearch fieldset {
border-top: 2px dotted #bebebe;
margin: 10px 0;
}

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

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

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

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

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

div#mspMotionSearch hr {
position: absolute;
left: -9999px;
}

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

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 {
width: auto!important;
margin-right: 5px;
}

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;
margin-right: 5px;
}

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_pnlResults p {
border-bottom: 1px solid #fff;
margin: 0 0 10px;
}

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: none;
padding: 4px 6px;
width: auto;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}

a#mspMotionSearch_lbtnToggleAdvancedOptions {
font-weight: bold;
}

div#mspMotionSearch span, div#mspMotionSearch label {
width: 200px;
float: left;
}

div#mspMotionSearch input, .ORtd input {
width: 245px;
}

div#mspMotionSearch select {
width: 245px!important;
}

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

div#mspPqaSearch span#mspPqaSearch_lblIntrotext {
font-size: 1.2em;
margin: 0 0 10px;
}

div#mspPqaSearch label {
float: left;
width: 200px;
}

div#mspPqaSearch label#mspPqaSearch_lbltxtQuestionNumberTo,
div#mspPqaSearch label#mspPqaSearch_lblAll,
div#mspPqaSearch label#mspPqaSearch_lblAwaitingAnswer,
div#mspPqaSearch label#mspPqaSearch_lblAnswered {
float: none;
width: auto;
}

div#mspPqaSearch hr {
position: absolute;
left: -9999px;
}

div#mspPqaSearch div#mspPqaSearch_pnlAdvancedSearchOptions hr {
background-color: #bebebe;
border: 1px solid #bebebe;
height: 1px;
margin: 4px 0 10px;
position: relative;
left: 0;
clear: both;
}

div#mspPqaSearch div#mspPqaSearch_pnlSearchResults hr {
background-color: #FFF;
border: none;
height: 1px;
margin: 0 0 4px;
position: relative;
left: 0;
clear: both;
}

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

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

div#mspPqaSearch table input {
margin: 0 4px 0 0;
}

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

div#mspPqaSearch input#mspPqaSearch_txtQuestionNumberFrom {
margin-bottom: 10px;
}

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 {
width: auto!important;
margin-right: 5px;
}

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;
margin-right: 5px;
}

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

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-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: 3px 5px 4px;
color: #fff;
cursor: pointer;
margin: 6px 10px 6px 0;
width: auto;
}

/* form builder styles */

body.form div.form {
background: #EEECF0;
padding: 10px;
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;
border-bottom: 1px solid #fff;
padding: 0 0 16px;
margin-bottom: 10px;
width: 480px;
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;
_height: 1px;
font-size: 1.1em;
font-weight: bold;
display: block;
clear: both;
position: absolute;
bottom: 2px;
}

body.form div.form label {
float: left;
display: inline;
width: 155px;
padding: 0 10px 0 0;
vertical-align: top;
font-weight: bold;
color: #000000;
font-size: 1.1em;
}

body.form div.form input, body.form div.form textarea, body.form div.form select {
background: url(../images/formInputBackground.gif) top right no-repeat #fff;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 310px;
margin: 0px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

body.form div.form select {
width: 314px;
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: 480px;
padding: 10px 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: 440px;
}

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

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

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

body.form div.form span {
font-size: 1.1em;
}

/* search form styles */

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

div.searchForm li {
background: none;
padding: 0 10px 5px 0;
}

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

div.searchForm table, div.searchForm span {
float: left;
width: 460px;
margin: 0 0 10px;
background: none;
}

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

div.searchForm input, div.searchForm select {
background: url(../images/formInputBackground.gif) top right no-repeat #fff;
border: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 323px;
margin: 0 0 10px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

div.searchForm select {
width: 326px;
padding: 3px;
}

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

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

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

div.searchForm input.button:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -24px;
cursor: pointer;
}

/* 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 10px 4px 0;
}

div.searchForm div#voteSearch_pnlStart table#voteSearch_RadioButtonList1 {
float: left;
width: 460px;
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 {
background: url(../images/formInputBackground.gif) top right no-repeat;
border: none;
border-bottom: 1px solid #ccc;
width: 323px;
margin: 0 0 10px;
float: left;
display: inline;
padding: 3px 0 3px 3px;
}

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

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

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

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

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

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

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

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

div.searchForm div#voteSearch_pnlResults table table td {
border: none!important;
border-right: 1px solid #BEBEBE!important;
background-color: #fff;
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, div.searchForm div#SelectVoteHistoryView_pnlSearch {
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;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: bold;
padding: 3px 5px 4px;
color: #fff;
cursor: pointer;
margin: 10px 10px 10px 0;
width: auto;
}

/*---- OR Search form styles ----*/

div#orSearch {
background: #EEECF0;
padding: 10px;
margin: 0 0 10px;
float: left;
width: 480px;
}

body.content div.secondaryContent div#orSearch img {
padding: 0;
margin: 0 6px 0 0;
}

div#orSearch a {
font-size: 1.2em;
}

ul.rcbList li {
font-size: 1em;
background: none;
}

div#orSearch table a {
font-size: 1em;
}

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

div#orSearch table td, div#orSearch table th {
border: none;
background-color: #EEECF0;
padding: 0;
text-align: left;
}

.ORtdDark td {
font-weight: bold;
}

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

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

td.ORAdvHeader {
text-align: left;
}

td.ORAdvHeader span {
font-size: 1.5em;
padding: 5px 0px 10px;
clear: both;
font-weight: bold;
}

div#orSearch td.ORtdDark table {
background: none;
margin: 2px 0 0;
}

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: none;
font-size: 1em;
font-weight: bold;
padding: 3px 5px 4px;
color: #fff;
cursor: pointer;
width: auto;
margin: 20px 4px 5px 0;
}

div#orSearch a#orSearchUC_btnRefineTop, div#orSearch a#orSearchUC_btnNextTop,
div#orSearch a#orSearchUC_btnRefine, div#orSearch a#orSearchUC_btnNext,
div#orSearch a#orSearchUC_btnPrevious, div#orSearch a#orSearchUC_btnPreviousTop {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: none;
font-size: 1em;
font-weight: bold;
padding: 5px;
color: #fff;
cursor: pointer;
width: auto;
margin: 10px 6px 0 0;
float: left;
text-decoration: none;
}

div#orSearch td.ORtdDark {
border-bottom: 1px solid #fff;
padding-bottom: 6px;
}

div#orSearch td.ORResults {
border-bottom: 1px solid #fff;
padding-bottom: 6px;
width: 100%!important;
}

div#orSearch td.ORResults a {
display: inline-block;
font-weight: bold;
}

div#orSearch td.ORResults img {
border: 0;
padding: 0;
margin: 0 6px 0 4px;
}

div#ReportView ul.rtUL li.rtLI {
background: none;
}

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

table {
background: #ffffff;
/*text-align: center;*/
margin: 15px 0px 20px 0px;
font-size: 1.2em;
width: 100%;
}

table caption {
display: block;
font-weight: bold;
text-align: left;
}

div.stagesBox table {
width: 99%;
float: left;
}

li table {
font-size: 1.0em;
}

th, td {
border: #BEBEBE 1px solid;
padding: 6px 3px 6px 3px;
text-align: left;
background-color: #F0ECF2;
}

th {
background-color: #fff;
}

.highlight {
background: #ebe6ef;
}

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

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

div.whatsOnCover {
background: #ffffff;
background: url(../images/whatsOnCover.jpg) top left no-repeat\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
height: 297px;
width: 721px;
position: absolute;
top: 0;
left: 0;
}

div.whatsOnMspSearch {
padding: 35px 0px 0px 0px;
overflow: hidden;
height: 297px;
}

div.whatsOn {
position: relative;
float: left;
overflow: hidden;
width: 721px;
height: 297px;
}

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

div.whatsOn .noscriptButton input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
color: #fff;
text-align: center;
height: auto;
width: auto;
*font-size: 1.1em;
*width: 105px;
*border: none;
cursor: pointer;
padding: 0;
margin: 0;
}

div.whatsOn .noscriptButton input:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -22px;
}

div.whatsOnWrapper {
float: left;
border: 10px solid #7b658a;
width: 690px;
}

div.whatsOnPrimaryElement {
background: #eae8ed;
border: #d4d0d7 1px solid;
padding: 7px 7px 7px 7px;
margin: 0px 0px 30px 0px;
}

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

div.whatsOnSecondaryElement {
background: #eae8ed;
border: #d4d0d7 1px solid;
padding: 7px 7px 6px 7px;
width: 203px;
}

div.whatsOnSecondaryElement h3 {
padding: 0 0 6px 3px;
font-size: 1.2em;
}

div.whatsOnSecondaryElement ul {
padding: 0px;
}

div.whatsOnSecondaryElement li {
background: none;
padding: 0 0 4px;
*padding: 0;
clear: both;
}

div.whatsOnSecondaryElement li input {
width: 20px;
float: left;
margin: 0 4px 0 0;
}

div.whatsOnSecondaryElement li label {
*float: left;
*padding: 2px 0 0 0;
_padding: 0;
}

div.whatsOnSecondaryElement li label span {
*padding: 0 0 2px;
_padding: 0;
}

div.whatsOnContentLeft {
float: left;
background: #ffffff;
padding: 10px 10px 10px 10px;
width: 219px;
color: #000;
border-bottom: 1px solid #fff\9;
*border-bottom: none;
}

div.whatsOnContentLeft select {
width: 203px;
}

div.whatsOnContentRight {
background: #ffffff;
padding: 10px 10px 10px 0px;
float: left;
color: #26053a;
}

div.whatsOnLoading  {
position:absolute;
background: #eae8ed;
width: 411px;
height: 110px;
*height: 117px;
text-align: center;
padding: 85px 0 0 0;
margin: 1px;
overflow-y: hidden;
z-index: 1;
}

div.whatsOnContentRightElement {
border: #d4d0d7 1px solid;
background: #eae8ed;
width: 439px;
height: 195px;
height: 196px\9;
*height: 202px;
overflow-y: scroll;
}

div.whatsOnContentRightElement ul {
padding: 0px 0px 0px 0px;
}

div.whatsOnContentRightElement li {
background: #eae8ed;
padding: 12px 10px 12px 12px;
font-size: 1.2em;
list-style: none outside none;
}

div.whatsOnContentRightElement li p {
font-size: 1em;
}

div.whatsOnContentRightElement li.alternative {
background: #e2dfe5;
}

div.whatsOnContentRightElement strong {
width: 60px;
display: inline;
float: left;
}

div.whatsOnContentBottom {
width: 670px;
background: #ffffff;
float: left;
height: 25px;
*height: 20px;
padding: 0px 10px 0px 10px;
}

div.whatsOnContentBottom ul {
padding: 0px;
}

div.whatsOnContentBottom li {
background: url(../images/listArrowPurple.gif) no-repeat 0 3px;
display: inline;
padding: 0px 30px 0px 10px;
}

h2.whatsOnTab {
background: url(../images/whatsOnTab.gif) top left no-repeat;
float: left;
height: 28px;
width: 239px;
color: #ffffff;
padding: 6px 0px 0px 0px;
text-align: center;
border-bottom: #ffffff 1px solid;
}

div.mspSearch {
background: #44235a;
float: left;
overflow: hidden;
width: 214px;
height: 297px;
}

div.mspSearchWrapper {
width: 695px;
}

div.mspSearchPrimaryContent {
background: #44235a url(../images/mspSearchTitleBackground.gif) top left repeat-x;
float: left;
border-right: #ffffff 1px solid;
width: 214px;
height: 297px;
position: relative;
}

div.mspSearchPrimaryContent h3 {
color: #ffffff;
text-align: center;
font-size: 1.6em;
border-bottom: #ffffff 1px solid;
padding: 8px 0px 8px 0px;
margin: 0px 0px 1px 0px;
}

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

div.mspSearchPrimaryContent p {
color: #ffffff;
text-align: center;
padding: 7px 0px;
float: left;
width: 100%;
}

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

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

div.mspSearchPrimaryContent span {
background-color: #44235A;
display: block;
font-size: 1.2em;
position: absolute;
left: 15px;
top: 140px;
*top: 125px;
*height: 2px!important;
width: 180px;
color: #fff;
}

div.mspSearchPrimaryContent input {
text-align: left;
width: 178px;
clear: both;
margin: 0px 14px 10px;
float: left;
}

div.mspSearchPrimaryContent input.button {
margin: 0px 10px 9px 12px;
width: 185px;
text-align: center;
}

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

div.mspSearchSecondaryContent {
background: #eae8ed;
width: 252px;
padding: 10px 5px 10px 10px;
margin: 10px 0px 0px 7px;
height: 257px;
float: left;
}

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

div.mspSearchSecondaryContent ul a {
color: #000;
}

div.mspSearchTertiaryContent {
float: left;
padding: 0px 0px 0px 8px;
margin: 10px 0px 0px 0px;
width: 190px;
}

div.toggleButton1 {
background: url(../images/toggleBar1.gif) no-repeat 0 0;
cursor: pointer;
float: left;
width: 25px;
height: 297px;
}

div.toggleButton1:hover {
background: url(../images/toggleBar1.gif) no-repeat -25px 0;
}

div.toggleButton2 {
background: url(../images/toggleBar2.gif) no-repeat 0 0;
cursor: pointer;
float: left;
width: 25px;
height: 297px;
}

div.toggleButton2:hover {
background: url(../images/toggleBar2.gif) no-repeat -25px 0;
}

div.mspSearchPrimaryContent div.toggleButton1, div.mspSearchPrimaryContent div.toggleButton2 {
background: none;
cursor: pointer;
width: auto;
height: auto;
padding: 2px 12px;
}

div.mspSearchPrimaryContent div.toggleButton2 {
_display: none;
}

/* MSP finder - no script */
html.noScript div.toggleButton1, html.noScript div.toggleButton2, html.noScript div.whatsOnCover {
display:none;
}

html.noScript div.mspSearch {
margin:0 0 0 25px;
}

/* 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: 260px;
	}

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

ul.promotionalBoxThree {
background: url(../images/promotionalBoxBackground.gif) bottom left repeat-x #262626;
margin: 0;
padding: 0px 0px 7px 0px;
position: relative;
width: 960px;
min-height: 269px;
_height: 269px;
overflow: hidden;
z-index: 1;
}

ul.promotionalBoxThree li {
background: #ececec url(../images/sliderVideo.gif) top left no-repeat;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

ul.promotionalBoxThree h3 {
text-indent: -9999px;
height: 0;
padding: 0;
margin: 0;
}

ul.promotionalBoxThree li div.slider {
float: left;
min-height: 269px;
_height: 269px;
text-decoration: none;
position: relative;
overflow: hidden;
width: 319px;
border-left: #ffffff 1px solid;
}

ul.promotionalBoxThree li div#a1 {
border: none;
}

ul.promotionalBoxThree li a {
color: #ffffff;
}

ul.promotionalBoxThree li p {
text-align: center;
margin: 0 0 0 20px;
}

ul.sliderContentList {
padding: 50px 0px 0px 170px;
}

ul.sliderContentList li {
float: none;
font-size: 1.0em;
margin: 0 auto;
width: 150px;
}
#player_wrapper,
ul.promotionalBoxThree li img,
ul.promotionalBoxThree li object,
ul.promotionalBoxThree li div#mspHubFinderForm {
position: absolute !important;
}
ul.promotionalBoxThree li object {
    width: 322px;
    left: 0;
    z-index: 1;
    height: 209px;
}
ul.promotionalBoxFour li iframe,
ul.promotionalBoxThree li iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 356px !important;
    height: 210px !important;
	border: 0;
}
ul.promotionalBoxThree li .live-video {
    z-index: 101;
}
ul.promotionalBoxFour li .live-video {
	left: 86px;
    z-index: 101;
}
ul.promotionalBoxThree li div#mspHubFinderForm {
*left: 0;
}

ul.promotionalBoxThree li div.slider div.object {
position: absolute;
top: 5px;
left: 95px;
z-index: 1000;
}

ul.promotionalBoxThree li div.slider div.objectPlaceholder {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}

ul.promotionalBoxThree li div.panelContent {
background: url(../images/sliderBambooThree.png) top left no-repeat;
_background: url(../images/sliderBambooThree.gif) top left no-repeat;
padding: 10px 10px 10px 10px;
margin: 0 0 0 320px;
width: 519px;
min-height: 249px;
_height: 249px;
position: relative;
z-index: 751;
}

.slider object {
    left: 0;
}

div.panelContent.video h3 {
    margin: 0;
    float: none;
}

.promotionalBoxThree div.panelContent.video,
.promotionalBoxFour div.panelContent.video {
    float: none;
}

.promotionalBoxThree div.panelContent.video  {
    float: none;
    margin-left: 355px !important;
    width: 470px !important;
}

.promotionalBoxThree div.panelContent.video h3,
.promotionalBoxThree div.panelContent.video p {
    margin-left: 75px;
}

ul.promotionalBoxThree h2,
ul.promotionalBoxFour h2 {
font-size: 1.4em;
width: 180px;
padding: 0;
display: inline-block;
float: left;
margin: -22px 0 0 39px;
_margin: -22px 0 0 20px;
font-weight: normal;
clear: both;
}

div.titleBar h3 {
float: left;
font-size: 1.4em;
width: 200px;
padding: 0px 0px 0px 0px;
clear: none;
}

ul.promotionalBoxThree li div.titleBar {
background: url(../images/transpBlack.png) top left repeat;
width: 848px;
padding: 7px 0px 28px 10px;
margin: 0px 0px 0px 1px;
color: #ffffff;
position: absolute;
z-index: 750;
left: 0;
bottom: -20px;
min-height: 45px;
_height: 40px;
cursor: pointer;
*zoom: 1;
}

ul.promotionalBoxThree li.slide1 div.slider {
background: url(../images/Placeholders/slideMembersSearch.jpg) top left no-repeat #ececec;
/*width: 855px;
height: 269px;*/
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm {
width: 190px;
color: #FFF;
padding: 10px 65px 0;
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm div {
position: relative;
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm div span {
position: absolute;
bottom: -16px;
*bottom: -0px;
_bottom: 34px;
background-color: #44235A;
font-weight: bold;
width: 180px;
font-style: italic;
min-height: 1px;
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm p, ul.promotionalBoxThree li.slide1 #mspHubFinderForm label {
text-align: left;
font-weight: bold;
margin: 0;
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm input {
margin: 6px 0;
width: 185px;
}

ul.promotionalBoxThree li.slide1 #mspHubFinderForm input.button {
width: 190px;
padding: 3px 5px 2px;
*margin: 0;
}

ul.promotionalBoxThree li.slide1 div.panelContent {
margin: 0px 0px 0px 320px;
}

ul.promotionalBoxThree li.slide1 ul {
width: 310px;
margin: 0px 0px 0px 200px;
}

ul.promotionalBoxThree li.slide1 li {
background: url("../images/listarrowblack.gif") no-repeat scroll 0 6px transparent;
font-size: 0.9em;
padding: 4px 0 4px 10px;
width: 300px;
}

ul.promotionalBoxThree li.slide1 li a {
color: #000;
}

ul.promotionalBoxThree li.slide2 p.whiteText {
width: 350px;
margin: 30px 0 0 110px;
*margin: 0 0 0 110px;
}

ul.promotionalBoxThree li.slide2 ul {
width: 260px;
margin-left: 60px;
}

ul.promotionalBoxThree li.slide2 ul li {
background: none;
float: none;
font-size: 1em;
}

ul.promotionalBoxThree li.slide3 table {
font-size: 0.9em;
width: 500px;
margin: 0 0 0 20px;
*width: 490px;
*margin: 0;
}

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

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

ul.promotionalBoxFour {
background: url(../images/promotionalBoxBackground.gif) bottom left repeat-x #262626;
margin: 0;
padding: 0px 0px 7px 0px;
position: relative;
width: 960px;
min-height: 269px;
_height: 269px;
overflow: hidden;
z-index: 1;
}

ul.promotionalBoxFour li {
background: #ececec url(../images/sliderVideo.gif) top left no-repeat;
float: left;
padding: 0px;
margin: 0px;
border-right: 1px solid #FFFFFF;
}

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.promotionalBoxFour li div.slider {
float: left;
min-height: 269px;
_height: 269px;
text-decoration: none;
position: relative;
overflow: hidden;
width: 239px;
}

ul.promotionalBoxFour li div.slider #mediaplayer {
    position: absolute !important;
}

ul.promotionalBoxFour li div.slider #mediaplayer_wrapper {
    position: absolute !important;
    left: 0;
}

ul.promotionalBoxFour li div#a1 {
border: none;
}

ul.promotionalBoxFour li a {
color: #000;
background: url("../images/listArrowBlack.gif") no-repeat scroll 0 3px transparent;
padding: 0 0 0 10px;
display: block;
}

ul.sliderContentList {
padding: 35px 0px 0px 170px;
}

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

ul.promotionalBoxFour li img,
ul.promotionalBoxFour li object {
position: absolute;
}

ul.promotionalBoxFour li object {
    width: 310px !important;
    height: 204px !important;
    margin-left: 86px;
    z-index: 1;
}

ul.promotionalBoxFour li div.slider div.object, ul.promotionalBoxFour li div.slider div.media {
position: absolute;
top: 5px;
left: 95px;
z-index: 1000;
}

ul.promotionalBoxFour li div.slider a.WMPFeaturePanelLink {
position: absolute;
top: 25px;
left: 95px;
z-index: 100;
}

ul.promotionalBoxFour li div.slider a.WMPFeaturePanelLink img {
width: 290px;
}

ul.promotionalBoxFour li div.slider div.media embed {
height: 200px!important;
}

ul.promotionalBoxFour li div.slider div.objectPlaceholder {
background: url(../images/videoSliderPlaceholder.jpg) top left no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 500;
}

ul.promotionalBoxFour li div.panelContent {
background: url(../images/sliderBamboo.png) top right no-repeat;
_background: url(../images/sliderBamboo.gif) top right no-repeat;
color: #000000;
padding: 10px 10px 10px 100px;
margin: 0px 0px 0px 480px;
width: 218px;
height: 249px;
_height: 249px;
position: relative;
z-index: 800;
}

ul.promotionalBoxFour li div.panelContent strong {
font-size: 1.2em;
}

ul.promotionalBoxFour li div.titleBar {
background: url(../images/transpBlack.png) top left repeat;
width: 798px;
padding: 7px 0px 28px 10px;
margin: 0;
color: #ffffff;
position: absolute;
bottom: -20px;
left: 0;
min-height: 45px;
_height: 45px;
z-index: 750;
cursor: pointer;
*zoom: 1;
}

span.minus {
padding: 0px 10px;
float: left;
font-size: 1.8em;
font-weight: bold;
}

span.plus {
padding: 0px 10px;
float: left;
font-size: 1.8em;
font-weight: bold;
}

ul.promotionalBoxFour li .closed {
background: none;
cursor: pointer;
}

ul.promotionalBoxFour li .open,
ul.promotionalBoxThree li .open {
background: none;
}

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

/*-- Promotional boxes - noscript --*/

html.noScript ul.promotionalBoxFour div.slider, html.noScript ul.promotionalBoxFour {
min-height: 500px;
_height: 500px;
}

html.noScript ul.promotionalBoxThree div.slider, html.noScript ul.promotionalBoxThree {
min-height: 600px;
_height: 600px;
}

html.noScript ul.promotionalBoxFour li div.titleBar, html.noScript ul.promotionalBoxThree li div.titleBar {
width: 219px;
padding: 7px 10px 15px;
float: left;
left: 0;
display: block;
background: #000;
bottom: 0;
min-height: 220px;
_height: 220px;
cursor: default;
*zoom: 1;
}

html.noScript ul.promotionalBoxThree li div.titleBar {
min-height: 320px;
_height: 320px;
}

html.noScript .plus, html.noScript .minus {
display: none;
}

html.noScript div.titleBar h2 {
margin: 0 0 10px;
width: 219px;
}

html.noScript div.titleBar a, html.noScript ul.promotionalBoxThree li.slide1 li a {
color: #fff;
}

html.noScript ul.promotionalBoxFour li div.panelContent, html.noScript ul.promotionalBoxThree li div.panelContent {
min-height: 230px;
_height: 230px;
}

html.noScript ul.promotionalBoxThree li div.panelContent {
min-height: 260px;
_height: 260px;
}

html.noScript ul.promotionalBoxThree li div.titleBar, html.noScript ul.promotionalBoxThree div.titleBar h2, html.noScript ul.promotionalBoxThree li p.whiteText {
width: 299px;
margin: 0;
}

html.noScript ul.promotionalBoxThree p {
text-align: left;
margin: 0;
}

html.noScript ul.promotionalBoxThree ul.sliderContentList {
margin: 0;
padding: 0;
}

html.noScript ul.promotionalBoxThree table {
width: auto;
color: #000;
margin: 0;
}

html.noScript ul.promotionalBoxThree li.slide1 ul {
margin: 0;
}

html.noScript div.podQuarter, html.noScript div.podQuarterSecure, html.noScript div.podQuarterNoMargin, html.noScript div.podQuarterSecureNoMargin {
min-height: 330px;
_height: 330px;
}

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

div.listControls {
background: url(../images/listControlsBackground.gif) top left no-repeat;
float: right;
width: 120px;
position: relative;
padding: 15px 0px;
display: block;
}

div.listControls li {
background: none;
float: left;
padding: 0px 0px 0px 0px;
text-align: center;
}

a.list {
background: url(../images/listIcons.gif) no-repeat -113px 0;
padding: 23px 0px 0px 0px;
float: left;
width: 60px;
}

a.list:hover {
background: url(../images/listIcons.gif) no-repeat -173px 0;
}

a.expanded {
background: url(../images/listIcons.gif) no-repeat 8px 0;
padding: 23px 0px 0px 0px;
float: left;
width: 60px;
}

a.expanded:hover {
background: url(../images/listIcons.gif) no-repeat -52px 0;
}

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

/* list controls - noscript */

html.noScript div.listControls, html.noScript div.controlBox {
display:none;
}

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

div.controlBox {
float: left;
background: #eae8ed;
border: #d4d0d7 1px solid;
padding: 10px;
margin: 0px 0px 25px 0px;
width: 721px;
}

div.controlBox h2 {
padding: 0px 0px 15px 0px;
}

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

div.controlBox fieldset {
border: none;
}

div.controlBox fieldset legend {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 8px;
color: #636466;
}

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

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

div.controlPrimaryElement {
float: left;
width: 346px;
border-right: #785e88 1px dashed;
padding: 0px 10px 0px 0px;
min-height: 155px;
*height: 160px;
}

div.controlPrimaryElement p {
clear: both;
padding: 10px 0px 0px 0px;
}

div.controlPrimaryElement label {
font-size: 1.2em;
width: 150px;
*width: 149px;
padding: 0px 0px 5px;
*padding: 3px 0px 5px;
float: left;
}

div.controlSecondaryElement {
float: left;
width: 110px;
border-right: #785e88 1px dashed;
padding: 0px 10px;
min-height: 155px;
*height: 160px;
}

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

div.controlSecondaryElement table td {
background: none;
border: 0;
padding: 1px 0 8px;
text-align: left;
}

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

div.controlTertiaryElement {
float: left;
width: 195px;
padding: 0px 10px 0px 10px;
}

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

div.controlTertiaryElement select {
width: 195px;
}

div.controlQuarternaryElement {
clear: both;
width: 157px;
display: block;
float: right;
*float: left;
*margin: 20px 0 0 0;
}

div.controlQuarternaryElement p {
float: left;
margin: 0 0 0 5px;
*margin: 0 5px 0 0;
display: inline;
padding: 0px;
}

div.controlQuarternaryElement .button {
float: right;
*float: left;
}

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

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

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

body.glossary div.podThreeQuarters {
border-bottom: 1px solid #BEBEBE;
width: 100%;
}

body.glossary div.podThreeQuarters h3 {
margin: 10px 10px 4px 0;
}

/* Three column style change */

body#threeColumn ul.alphabet {
padding: 15px 0px;
width: 500px;
}

body#threeColumn ul.alphabet li {
padding: 0px 4px 0px 4px;
}

ul.alphabet li a {
color: #4f5152;
}

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

ul.alphabetList {
clear: both;
}

ul.alphabetList li {
background: url(../images/alphabetListTop.gif) top left no-repeat;
padding: 4px 0px 0px 0px;
margin: 0px 0px 2px 0px;
width: 745px;
color: #636466;
float: left;
}

ul.alphabetList li.alternate {
background: url(../images/alphabetListTopAlternate.gif) top left no-repeat;
}

/* Three column style change */

body#threeColumn ul.alphabetList li {
background: url(../images/alphabetListTopThreeColumn.gif) top left no-repeat;
width: 500px;
}

body#threeColumn ul.alphabetList li.alternate {
background: url(../images/alphabetListTopAlternateThreeColumn.gif) top left no-repeat;
}

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

ul.alphabetList li div.listWrapper {
background: #d3dde3 url(../images/alphabetListBottom.gif) bottom left no-repeat;
padding: 0px 0px 4px 10px;
font-size: 1.3em;
font-weight: bold;
color: #9d9d9d;
}

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

ul.alphabetList li.alternate div.listWrapper {
background: #e4eaee url(../images/alphabetListBottomAlternate.gif) bottom left no-repeat;
}

/* Three column style change */

body#threeColumn ul.alphabetList li div.listWrapper {
background: #d3dde3 url(../images/alphabetListBottomThreeColumn.gif) bottom left no-repeat;
padding: 2px 10px 6px 10px;
}

body#threeColumn ul.alphabetList li.alternate div.listWrapper {
background: #e4eaee url(../images/alphabetListBottomAlternateThreeColumn.gif) bottom left no-repeat;
}

ul.alphabetList li div.listWrapper h3 span {
float: left;
width: 14px;
min-height: 20px;
_height: 20px;
}

ul.alphabetList li div.listWrapper h3 a {
background: none;
padding: 0px;
}

ul.alphabetList li div.listWrapper a {
cursor: pointer;
padding: 0 0 0 14px;
color: #4F5152;
}

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

ul.alphabetList li div.listWrapper table {
display: block;
background: none;
margin: 0px;
}

body.members ul.alphabetList li div.listWrapper h2 {
color: #636466;
}

.closed {
background: url(../images/aToZplusMinus.gif) no-repeat 0 6px;
}

.open {
background: url(../images/aToZplusMinus.gif) no-repeat 0 -66px;
}

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

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

/*  Team page style change   */

body.team ul.alphabetList li {
background: url(../images/teamListTop.gif) top left no-repeat;
}

/*  Member page style change   */

body.members div.alphabetListDetails li {
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left top transparent;
width: 350px;
padding: 15px 10px 5px;
}

/*  Regions page style change   */

div.regions ul.alphabetList li div.listWrapper h2 {
color: #4F5152;
padding: 0;
}

/*  Committees page style change   */

body.committee ul.alphabetList table {
width: 480px;
margin: 10px 0!important;
*margin: 10px 0 0!important;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
background-color: #D3DDE3!important;
}

body.committee ul.alphabetList li div.listWrapper table a {
padding: 0;
font-weight: normal;
}

body.committee ul.alphabetList tr {
background-color: #D3DDE3!important;
}

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 #D3DDE3;
border-bottom: 1px solid #fff;
border-top: none;
border-left: none;
padding: 4px 6px;
}

body.committee ul.alphabetList table th {
width: 25%;
}

body.committee ul.alphabetList table th.currentBusiness {
width: 50%;
}

body.committee ul.alphabetList table td {
font-weight: normal;
background-color: #E4EAEE;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

body.committee ul.alphabetList li a {
font-weight: bold;
text-decoration: underline;
}

/*  Cross Party Groups page style change   */

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

/*  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: #EEECF0;
padding: 5px 10px;
width: 725px;
}

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

div.alphabetListDetails {
background: url(../images/alphabetListDetailsBackground.gif) bottom left no-repeat;
width: 745px;
padding: 0px 0px 5px 0px;
margin: -3px 0px 10px 0px;
clear: both;
float: left;
}

/* Three column style change */

body#threeColumn div.alphabetListDetails {
background: url(../images/alphabetListDetailsBackgroundThreeColumn.gif) bottom left no-repeat;
width: 500px;
padding: 0px 0px 5px 0px;
margin: -3px 0px 10px 0px;
clear: both;
float: left;
}

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

div.alphabetListDetails ul
{
border-left: #d6d6d6 1px solid;
border-right: #d6d6d6 1px solid;
padding: 0;
float: left;
width: 743px;
}

body#threeColumn ul.alphabetList div.alphabetListDetails li {
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left top transparent;
padding: 10px;
width: 478px;
}

body.aToZ ul.alphabetList div.alphabetListDetails li li {
background: url(../images/listArrowGrey.gif) no-repeat 0 9px!important;
padding: 5px 10px!important;
width: 465px!important;
font-size: 0.9em!important;
}

body.aToZ ul.alphabetList div.alphabetListDetails li p {
padding: 5px 0px;
}

div.alphabetListDetails a.floatRight {
background:	url("../images/mspsBgHorizontal.gif") repeat-x scroll left top transparent;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
padding: 12px;
width: 719px;
text-align: right;
}

/* Three column style change */

body#threeColumn div.alphabetListDetails ul {
width: 498px;
}

body#threeColumn div.alphabetListDetails a.floatRight {
width: 474px;
}

body#threeColumn div.alphabetListDetails li img {
background: url(../images/alphabetListItemImageBackground.gif) top left no-repeat;
border: none;
height: 86px;
width: 76px;
padding: 6px;
float: left;
margin: 0 8px 8px 0;
}

/*  Member page style change   */

body.members div.alphabetListDetails ul {
background: url("../images/mspsBgVertical.gif") repeat-y scroll 369px 0 transparent;
}

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

body.members div.alphabetListDetails ul a strong {
font-size: 1.1em;
}

/*  Regions page style change   */

div.regions div.alphabetListDetails ul h3 {
font-size: 1.2em;
}

div.regions div.alphabetListDetails ul {
padding-top: 0!important;
}

body#threeColumn div.regions div.alphabetListItem ul {
width: 380px;
padding: 5px 0 0;
}

body#threeColumn div.regions ul.alphabetList div.alphabetListDetails li li {
background: url("../images/listArrowGrey.gif") no-repeat scroll 0 7px transparent;
padding: 3px 10px;
width: 360px;
}

div.regions div.alphabetListDetails p {
font-size: 1em;
padding-bottom: 3px;
}

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

div.alphabetListDetails p {
color: #000000;
font-size: 0.9em;
padding: 0px;
}

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

div.alphabetListDetails li img {
background: url(../images/alphabetListItemImageBackground.gif) top left no-repeat;
height: 84px;
width: 74px;
padding: 7px;
float: left;
margin: 0 8px 8px 0;
}

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

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

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

/*  Team page style change   */

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

body.team div.alphabetListItem ul {
border-left: none;
border-right: none;
width: 240px;
}

body.team div.alphabetListDetails ul {
background: url("../images/mspsBgVertical.gif") repeat-y scroll 369px 0 transparent;
}

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

body.team div.alphabetListDetails li {
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll bottom left transparent;
font-size: 1.0em;
display: inline;
width: 350px;
padding: 10px 10px 20px;
margin: 0;
}

html.noScript body.team div.alphabetListDetails li.teamMember {
min-height: 180px;
_height: 180px;
}

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

body.team div.alphabetListDetails li p {
float: left;
font-size: 1em;
clear: both;
width: 340px;
}

/*  Member page style change   */

body.members div.alphabetListItem {
padding: 0px;
width: 250px;
}

body.members div.alphabetListItem ul {
padding: 5px 0 0;
width: 250px;
}

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

div.alphabetListItem li, body.team div.alphabetListItem li {
background: url(../images/listArrowGrey.gif) no-repeat 0 4px;
color: #000000;
font-size: 1.0em;
padding: 0px 10px 5px 10px;
margin: 0px 0px 0px 0px;
width: 240px;
border-bottom: none;
}

/*  Members page style change   */

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

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

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

div.alphabetListItem a:hover {
text-decoration: none;
}

/* 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;
color: #000000;
font-size: 1.0em;
padding: 0px 10px 5px 10px;
display: inline;
width: auto;
border-bottom: none;
}

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

body#threeColumn div.alphabetListItem a:hover {
text-decoration: none!important;
}

/* A to Z listing pages */

body.aToZ div.secondaryContent ul {
	clear: both;
}

body.aToZ ul.aToZListing {
width: 725px;
	}

body.aToZ h2 {
background-color: #EEECF0;
padding: 5px 10px;
float: left;
width: 480px;
margin: 0 0 6px 0;
}

body.aToZ ul.aToZListing li {
background:	url("../images/mspsBgHorizontal.gif") repeat-x scroll left bottom transparent;
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 {
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

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

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

body#threeColumn div#team ul.alphabetList div.alphabetListDetails li ul li {
width: 350px;
font-size: 0.9em;
padding: 5px 10px;
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left bottom transparent;
border: 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: 4px;
border: #b7b7b7 1px solid;
float: right;
width: 170px;
height: 201px;
margin: 0 0 10px 10px;
position:relative;
display:inline;
}
body.member div.secondaryContent div.intro
{
float: left;
min-height:200px;
height:auto !important;
height:200px;
}

body.member div.intro {
padding: 0px 0px 12px;
width: 500px;
display:inline;
position:relative;
}

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

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

body.member div.purpleBox {
background: #f0ecf2;
padding: 10px;
float: left;
margin-bottom: 12px;
width: 290px;
}

body.member div.purpleBox ul {
width: 270px;
}

body.member div.additionalInformation {
display: block;
clear: left;
}

body.member div.additionalContent {
display: block;
clear: both;
}

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

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

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

body.member div.form ul li {
background: #f0ecf2;
}

body.member div.form span {
margin: 0;
float: left;
clear: left;
}

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

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

div.videoBox {
border: #d3d3d3 1px solid;
clear: both;
width: 478px;
padding: 10px 10px 10px 10px;
margin: 15px 0px;
font-size: 1.1em;
text-align: center;
float: left;
_height: 1px;
_border: 1px solid #ccc;
}

div.videoBox div.media, div.videoBox div.media embed {
width: 478px!important;
}

div.videoBox p.noscript {
width: 460px;
}

div.videoBox p.noscriptFlash {
display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
div.videoBox p.noscriptFlash { display: block; }
}

div.videoBox object {
/*float: left;
width: 478px;
height: 359px;*/
}

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

div.videoBox div#mediaspace {
text-align: center;
padding: 0;
margin: 0 0 10px;
float: left;
/*background-color: #000000;
height: 359px;*/
width: 478px;
}

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

ul.videoLinks {
float: left;
width: 500px;
padding: 0px;
margin-bottom: 20px;
}

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;
padding-top: 369px!important;
}

.objectHide object {
display: none;
}

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

/*div#mediaspace .objectHide {
background: url(../images/youTubePlaceholder.gif) top left no-repeat;
height: 200px;
width: 249px;
float: left;
}*/

.objectHide embed {
display: none;
}

/* Three column tabs */

ul.tabNavigation {
padding: 0px;
clear: both;
margin: 12px 0 0;
float: left;
width: 100%;
}

/* noscript styles */
html.noScript ul.tabNavigation {
display:none;
}

ul.tabNavigation li {
background: none;
float: left;
width: 124px;
height: 34px;
padding: 0px 1px 0px 0px;
}

ul.tabNavigation li a {
background: url(../images/tabThreeColumn.gif) no-repeat 0 0;
width: 124px;
height: 22px;
padding: 12px 0px 0px 0px;
float: left;
color: #ffffff;
text-decoration: none;
text-align: center;
font-weight: bold;
}

ul.tabNavigation li a:hover, ul.tabNavigation li a.currentTab {
background: url(../images/tabThreeColumn.gif) no-repeat -124px 0;
}

div.tabContainer {
margin: 0;
float: left;
}

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.2em;
font-weight: bold;
padding: 3px 5px 4px 5px;
color: #ffffff;
cursor: pointer;
margin: 6px -8px;
}

div.tabContainer div.containerPrimary {
clear: both;
background: #ffffff;
border: #432359 10px solid;
padding: 15px 5px 10px;
float: left;
width: 469px;
height: 350px;
overflow: scroll;
}

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.4em;
}

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

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

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

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

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

table.tabbedTable {
width: 459px;
margin: 10px 0px 0px 0px;
}

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

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

/* Social network links */

div.podQuarterRightContact ul.socialBookmarks {
float: left;
width: 198px;
padding: 10px 15px 0;
}

div.podQuarterRightContact ul.socialBookmarks  li {
background: none;
padding: 3px 0;
margin: 0;
text-align: left;
}

div.podQuarterRightContact ul.socialBookmarks  li img {
width: 16px;
height: 16px;
float: left;
padding-right: 5px;
}

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

body.news div.podHalf {
border: 1px solid #BEBEBE;
padding: 10px;
width: 475px;
}

body.news div.podHalf img {
background: url(../images/newsImageBackground.gif) top left no-repeat;
float: left;
padding: 7px 7px 7px 7px;
margin: 0px 10px 10px 0px;
width: 166px;
height: 109px;
}

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

body.news div.podHalf p.date {
font-weight: bold;
padding: 0 0 6px;
}

ul.dateListing {
width: 228px;
margin: 0 0 20px;
padding: 0px;
}

ul.dateListing h3 {
font-size: 1.0em;
padding: 0px 0px 0px 0px;
cursor: pointer;
}

ul.dateListing li {
background: url(../images/dateListingButtons.gif) no-repeat -228px 0;
padding: 6px 0px 0px 0px;
text-align: center;
font-size: 1.4em;
font-weight: bold;
min-height: 24px;
_height: 24px;
list-style-position: outside!important;
}

ul.dateListing li.selected {
background: url(../images/dateListingButtons.gif) no-repeat 0 0;
}

ul.dateListing li.selected h3 {
color: #fff;
}

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

ul.dateListing li a {
color: #636466;
}

ul.dateListing ul {
background: url(../images/dateListingBackground.gif) bottom left no-repeat;
width: 228px;
padding: 5px 0px 0px 0px;
margin: 7px 0px 1px 0px
}

ul.dateListing ul li {
background: none;
font-size: 1.0em;
font-weight: normal;
padding: 0px 0px 0px 0px;
cursor: pointer;
}

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

ul.dateListing ul li a {
color: #4A464D!important;
}

/*--------------------------------
	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 {
background: url(../images/calendarOfEventsTitleBackground.gif) top right no-repeat;
color: #ffffff;
min-width: 250px;
_width: 250px;
float: left;
height: 24px;
padding: 4px 8px 0px;
margin: 0px 0px 20px -10px;
_margin: 0px 0px 20px 0px;
text-align: left;
}

body.calendarOfEvents p.skipLink {
position: absolute;
left: -9999px;
}

body.calendarOfEvents div.podHalf img {
background: url(../images/podQuarterImageBackground.gif) top left no-repeat;
padding: 7px;
margin: 0px 10px 0px 0px;
float: left;
width: auto;
}

body.calendarOfEvents div.podHalf a {
background: url(../images/listArrowBlack.gif) no-repeat 0 3px #fff;
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 #ccc;
}

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;
display: inline-block;
width: 340px;
}

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

div.podQuarterCalendar div.purpleBox {
background: #eae8ed;
width: 206px;
padding: 10px;
border-left: #abacaf 1px solid;
border-right: #abacaf 1px solid;
border-bottom: #abacaf 1px solid;
}

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

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

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

div.podQuarterCalendar div.purpleBox .noscriptButton {
margin-top: 5px;
display:block;
width:100%;
text-align:right;
}

div.podQuarterCalendar div.purpleBox .noscriptButton input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
*border: none;
color: #ffffff;
text-align: center;
height: auto;
width: auto;
cursor: pointer;
padding: 0;
margin: 0;
}

div.podQuarterCalendar div.purpleBox .noscriptButton input:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -22px;
}

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 {
float: left;
margin: 3px 10px 10px 0px;
padding: 4px;
border: 1px solid #BEBEBE;
}

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

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

body.content div.secondaryContent img {
float: left;
margin: 3px 10px 10px 3px;
padding: 4px;
border: 1px solid #BEBEBE;
}

.imgAlignLeft {
float: left;
margin: 0px 10px 10px 0px;
padding: 4px;
border: 1px solid #BEBEBE;
}

.imgAlignRight {
float: right;
margin: 0px 0 10px 10px;
padding: 4px;
border: 1px solid #BEBEBE;
}

.bulletAlignRight li, li.bulletAlignRight, .bulletAlignRight li.noBackground {
background: url("../images/bulletGrey.gif") no-repeat scroll right 4px transparent!important;
}

.bulletAlignRight li .noBackground, li.bulletAlignRight .noBackground {
padding: 0px;
}

.bulletAlignRight li.noBackground {
padding: 0 10px 5px
}

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

body.publicationsOrderForm div.publications {
border-left: 1px solid #b2b4b8;
border-right: 1px solid #b2b4b8;
float: left;
width: 498px;
}

body.publicationsOrderForm h2 {
background: #dce4e9 url(../images/formBoxTitle.gif) top left no-repeat;
float: left;
width: 490px;
height: 28px;
padding: 5px 0px 0px 10px;
}

body.publicationsOrderForm div.secondaryContent p {
padding: 8px;
float: left;
width: 483px;
}

body.publicationsOrderForm div.secondaryContent img {
float: left;
margin: 8px;
padding: 4px;
border: 1px solid #BEBEBE;
width: 100px;
height: 67px;
}

div.publicationDetails {
width: 365px;
padding: 0px;
margin: 0 0 10px;
float: left;
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left bottom transparent;
}

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

ul.publicationsDetailsList {
float: left;
padding: 10px 0 0;
}

ul.publicationsDetailsList li {
background: none;
float: left;
padding: 0 10px 0;
display: inline;
}

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

ul.publicationsDetailsList li.first {
width: 280px;
}

ul.publicationsDetailsList li.first label {
position: absolute;
left: -9999px;
}

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

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

ul.publicationsDetailsList li.second {
margin: 0px;
width: 45px;
}

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

ul.publicationsDetailsList li.third {
text-align: right;
background: url("../images/mspsBgHorizontal.gif") repeat-x scroll left top transparent;
width: 345px;
margin: 8px 0 0;
}

ul.publicationsDetailsList li.third input {
background: url(../images/buttonRepeater.gif) repeat-x 0 0;
border: #3f3f3f 1px solid;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: bold;
padding: 3px 5px 4px;
color: #fff;
cursor: pointer;
margin: 6px 0;
float: right;
}

ul.publicationsDetailsList li.third span {
display: block;
float: right;
margin: 12px 12px 0 0;
}

ul.publicationsDetailsList li.third input:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -24px;
cursor: pointer;
}

ul.publicationsDetailsList select {
width: 240px;
margin: 8px 0 0;
}

ul.publicationsDetailsList textarea {
height: 16px;
}

body.publicationsOrderForm .purpleBox {
background: #eae8ed url(../images/purpleBoxBottom.gif) bottom left no-repeat;
float: left;
width: 500px;
padding: 0px 0px 7px 0px;
border-top: #a6a6a9 1px solid;
}

body.publicationsOrderForm .purpleBoxWrapper {
float: left;
padding: 10px;
border-left: #a6a6a9 1px solid;
border-right: #a6a6a9 1px solid;
}

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

ul.orderList, ul.orderListAlternative {
float: left;
width: 474px;
padding: 4px 0 1px;
}

ul.orderListAlternative {
background: #dedae2;
}

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

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

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

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

ul.orderList li.third input:hover, ul.orderListAlternative li.third input:hover {
background: url(../images/buttonRepeater.gif) repeat-x 0 -24px;
cursor: pointer;
}

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

div.stagesBox {
background: url(../images/stagesBoxBackground.gif) top left repeat-y;
padding: 0px 10px;
margin: 0px 0px 30px;
float: left;
width: 480px;
}

div.stagesBoxTop {
background: url(../images/stagesBoxBackgroundTop.gif) top left no-repeat;
height: 4px;
width: 500px;
margin: 0px 0px 0px -10px;
}

div.stagesBoxBottom {
background: url(../images/stagesBoxBackgroundBottom.gif) bottom left no-repeat;
height: 4px;
width: 500px;
float: left;
margin: 0px 0px 0px -10px;
padding: 10px 0 0;
display: inline;
}

div.stagesBox div.titleWrapper {
background: url(../images/stagesH2Background.gif) bottom left no-repeat;
width: 480px;
padding: 8px 10px;
margin: 0px 0px 10px -10px;
_margin: -10px 0px 10px -10px;
float: left;
display: inline;
}

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

body.committee div.stagesBox h2 {
width: 480px;
}

div.stagesBox div.titleWrapper h3 {
background: none;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.4em;
font-weight: bold;
width: 250px;
text-align: right;
}

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

div.stagesBox h3 {
background: url(../images/stagesH3Background.gif) bottom left no-repeat;
width: 480px;
padding: 13px 10px;
margin: 9px 0px 12px -10px;
float: left;
display: inline;
}

div.stagesBox .billInfoArea h3 {
	display: block;
	float: none;
}

div.stagesBox ul, div.stagesBox ol {
float: left;
display: block;
clear: both;
width: 480px;
}

div.stagesBox p {
float: left;
display: block;
clear: both;
width: 480px;
}

div.stagesBox blockquote {
clear: both;
}

div.stagesBox blockquote p {
float: none;
width: auto;
}

div.stagesBox h4 {
float: left;
display: block;
clear: both;
padding: 8px 0 5px;
width: 480px;
}

body.committee div.stagesBox h4 {
font-size: 1.4em;
}

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

div.stagesBox div.dualList {
width: 225px;
margin: 8px 0;
}

div.stagesBox div.dualList p, div.stagesBox div.dualList ul {
width: 225px;
margin: 0 0 8px;
clear: none;
}

div.stagesBox div.dualList div.podQuarter, div.stagesBox div.dualList div.podQuarterSecure {
width: 225px;
margin: 0;
border-bottom: 0;
}

div.stagesBox div.dualList div.podQuarterRight, div.stagesBox div.dualList div.podQuarterRightSecure {
width: 225px;
background: none;
margin: 0;
border-bottom: 0;
}

div.stagesBox div.dualList div.podQuarterRight h4, div.stagesBox div.dualList div.podQuarterRightSecure h4 {
display: none;
}

div.stagesBox div.dualList div.podQuarterRight ul, div.stagesBox div.dualList div.podQuarterRightSecure ul,
div.stagesBox div.dualList div.podQuarterRight p, div.stagesBox div.dualList div.podQuarterRightSecure p {
padding: 0;
}

/* Stages */

div.stagesBox h2.stage {
width: auto;
position: relative;
padding: 4px 85px 6px 0;
}

span.stageOne, span.stageTwo, span.stageThree,
span.stage1, span.stage2, span.stage3,
span.stageP, span.stageC, span.stageF {
background: url(../images/stages.png) no-repeat 0 0;
height: 24px;
width: 77px;
display: block;
text-indent: -9999px;
position: absolute;
top: 0;
right: 0;
}

span.stageTwo,
span.stage2,
span.stageC {
background: url(../images/stages.png) no-repeat 0 -24px;
}

span.stageThree,
span.stage3,
span.stageF {
background: url(../images/stages.png) no-repeat 0 -48px;
}

span.stageP,
span.stageC,
span.stageF {
background-image: url(../images/stagesPCF.png);
}

/* Archive */

ul.billArchive li {
float: left;
display: inline;
border-bottom: none!important;
}

.typeOne, .typeTwo, .typeThree {
background: url(../images/types.png) no-repeat 0 0;
height: 24px;
width: 100px;
text-indent: -9999px;
display: inline-block;
margin: 0 0 0 10px;
}

.typeTwo {
background: url(../images/types.png) no-repeat 0 -24px!important;
}

.typeThree {
background: url(../images/types.png) no-repeat 0 -48px!important;
}

ul.billArchive .typeOne, ul.billArchive .typeTwo, ul.billArchive .typeThree {
background: url(../images/types.png) no-repeat 0 0;
height: 24px;
width: 100px;
float: left;
text-indent: -9999px;
display: block;
margin: 0;
}

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

div.stagesBox ul.currentBillStages {
background: url(../images/stagesTrackerBackground.gif) no-repeat 100px 50px;
width: 412px;
float: left;
padding: 0px 0px -0px 60px;
_padding: 0px 0px 1px 60px;
}

div.stagesBox ul.currentBillStages.private {
background-position: 100px 65px;
}

div.stagesBox ul.currentBillStages li {
float: left;
background: none;
text-align: center;
margin: 0px 32px 0px 0px;
width: 82px;
line-height: 1.1em;
padding: 0 10px 10px;
}

div.stagesBox ul.currentBillStages li strong {
display: block;
text-indent: -9999px;
height: 0px;
_margin: -13px 0 0;
}

div.stagesBox ul.currentBillStages li a {
display: block;
height: 50px;
padding: 0px;
font-weight: bold;
*line-height: 1em;
margin-bottom: 4px;
}

div.stagesBox ul.currentBillStages li span {
line-height: 1.1em;
display: block;
}

ul.currentBillStages li a.stageOne,
ul.currentBillStages li a.stage1 {
background: url(../images/stagesTracker.gif) no-repeat 30px 15px;
}

ul.currentBillStages li a.stageOneSelected,
ul.currentBillStages li a.stage1Selected {
background: url(../images/stagesTracker.gif) no-repeat -183px 15px;
}

ul.currentBillStages li a.stageTwo,
ul.currentBillStages li a.stage2 {
background: url(../images/stagesTracker.gif) no-repeat -40px 15px;
}

ul.currentBillStages li a.stageTwoSelected,
ul.currentBillStages li a.stage2Selected {
background: url(../images/stagesTracker.gif) no-repeat -253px 15px;
}

ul.currentBillStages li a.stageThree,
ul.currentBillStages li a.stage3 {
background: url(../images/stagesTracker.gif) no-repeat -112px 15px;
}

ul.currentBillStages li a.stageThreeSelected,
ul.currentBillStages li a.stage3Selected {
background: url(../images/stagesTracker.gif) no-repeat -325px 15px;
}

.wrapper ul.currentBillStages li a.stageP {
background: url(../images/stagesTrackerPCF.gif) no-repeat 30px 30px;
height: 65px;
}

.wrapper ul.currentBillStages li a.stagePSelected {
background: url(../images/stagesTrackerPCF.gif) no-repeat -183px 30px;
height: 65px;
}

.wrapper ul.currentBillStages li a.stageC {
background: url(../images/stagesTrackerPCF.gif) no-repeat -40px 30px;
height: 65px;
}

.wrapper ul.currentBillStages li a.stageCSelected {
background: url(../images/stagesTrackerPCF.gif) no-repeat -253px 30px;
height: 65px;
}

.wrapper ul.currentBillStages li a.stageF {
background: url(../images/stagesTrackerPCF.gif) no-repeat -112px 30px;
height: 65px;
}

.wrapper ul.currentBillStages li a.stageFSelected {
background: url(../images/stagesTrackerPCF.gif) no-repeat -325px 30px;
height: 65px;
}

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

.calendar {
border-right: #abacaf 1px solid;
border-bottom: #abacaf 1px solid;
margin: 15px 0px 0px 0px;
border-left: #fff 1px solid; /* fix for table width in FF and IE8 upwards */
}

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

.calendar th {
border-left: #abacaf 1px solid;
border-top: #abacaf 1px solid;
border-right: none;
border-top: none;
padding: 3px 2px;
font-weight: bold;
/*float: left;
height: 20px;*/
font-size: 1.2em;
text-align: center;
}

.calendar td {
border-left: #abacaf 1px solid;
border-top: #abacaf 1px solid;
border-right: none;
border-top: none;
padding: 0;
/*float: left;
height: 20px;
width: 22px;*/
font-size: 1.2em;
background-color: #fff;
text-align: center;
}

.calendar .day {
background: #eae8ed;
/*width: 22px;*/
color: #432359;
}

.calendar .week {
background: #eae8ed;
border-top: #abacaf 1px solid;
/*width: 33px;*/
}

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

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

.calendar .month {
/*width: 130px;*/
color: #000000;
border-top: #abacaf 1px solid;
}

.calendar .arrowLeft {
background: url(../images/listArrowPurpleLeft.gif) no-repeat 9px 7px;
border-top: #abacaf 1px solid;
width: 22px;
}

.calendar .arrowRight {
background: url(../images/listArrowPurple.gif) no-repeat 11px 7px;
border-top: #abacaf 1px solid;
width: 22px;
}

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

.calendar .noArrow {
width: 22px;
}

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

.calendar .hasEvent input {
color: #432359;
font-weight: bold;
}

.calendar .diaryToday, .calendar .today {
background: #7B658A;
color: #ffffff;
}

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

.calendar .selected {
background: #45245c;
}

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

.calendar .weekSelected {
background: #45245c;
/*width: 33px;*/
}

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

.calendar .disabled
{
    background: #ddd;
}

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


/* Homepage calender style amends */

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

input.date-pick:hover {
background: #FCFFE2 url("../images/dropDownArrowPurple.gif") 182px no-repeat;
}

div.calendarPopout {
background: url(../images/transpBlack.png) top left repeat;
_background: #000000;
position: absolute;
left: 28px;
top: 38px;
padding: 4px;
}

div.calendarPopout h2 {
background: #ffffff;
text-align: center;
padding: 10px 0px 10px 0px;
color: #000000;
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/listArrowPurpleLeft.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/listArrowPurpleLeftDouble.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/listArrowPurple.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/listArrowPurpleDouble.gif) no-repeat 11px 7px;
}

body.home div.calendar {
margin: 0px 0px 0px 0px;
background: #ffffff;
border-right: none;
border-bottom: none;
padding-bottom: 10px;
}

body.home table.calendar {
margin: 0px 10px;
padding: 0px;
width: auto;
border-top: 1px solid #ABACAF;
}

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

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

body.home .calendar td {
width: 20px;
cursor: pointer;
text-align: center;
font-size: 1em;
padding: 3px 2px;
}

body.home .calendar th {
text-align: center;
font-size: 1em;
}

body.home .calendar .day {
width: 20px;
}

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

body.home .calendar .selected {
color: #ffffff;
}

div.dp-popup {
background: url(../images/transpBlack.png) top left repeat;
_background: #000000;
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;
}

a#dp-close:hover {
text-decoration: underline;
}

div.dp-popup a {
color: #000;
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
-------------------------------*/

div.infoWrapper {
float: right;
position: relative;
width: 215px\9;
}

div.infoContent {
position: absolute;
z-index: 10000;
top: 0;
left: -268px;
background: #F0ECF2;
padding: 5px;
border: 1px solid #bebebe;
width: 250px;
display: none;
}

body.member div.infoContent {
top: 10px;
left: -235px;
left: -70px\9;
}

div.infoContent p {
margin: 0px 0px 0px 0px;
background: #F0ECF2;
padding: 2px 7px 2px 0px;
color: #636466;
}

/* Video carousel */

.jcarousel-container {
float: left;
width: 920px;
padding: 0px 20px;
margin: 0px 0px 15px 0px;
}

.jcarousel-clip-horizontal {
width: 920px;
}

ul.myCarousel li {
background: none;
padding: 0px 2px;
width: 180px;
}

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

ul.myCarousel li p {
text-align: center;
}

/* carousel - no script */
html.noScript ul.myCarousel {
width:938px;
padding: 10px;
margin: 0 0 10px;
height: 187px;
overflow: scroll;
border: 1px solid #BEBEBE;
}

html.noScript ul.myCarousel li {
float: left;
padding: 0 2px 20px;
}

/* Buttons */

.jcarousel-next-horizontal {
position: absolute;
top: 43px;
right: 5px;
width: 13px;
height: 45px;
cursor: pointer;
background: transparent url(../images/carouselButtons.gif) no-repeat -39px 0;
}

.jcarousel-next-horizontal:hover {
background-position: -52px 0;
}

.jcarousel-next-horizontal:active {
background-position: -39px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -65px 0;
}

.jcarousel-prev-horizontal {
position: absolute;
top: 43px;
left: 5px;
width: 13px;
height: 45px;
cursor: pointer;
background: transparent url(../images/carouselButtons.gif) no-repeat -26px 0;
}

.jcarousel-prev-horizontal:hover {
background-position: -13px 0;
}

.jcarousel-prev-horizontal:active {
background-position: -26px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0 0;
}

/*-------------------------------
	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: #fff 1px solid;
}

a.play, a.pause {
background: url(../images/slideshowPlay.gif) no-repeat right 5px #F0ECF2;
padding: 5px 24px 5px 5px;
font-size: 1.1em;
float: left;
}

a.pause {
background: url(../images/slideshowPause.gif) no-repeat right 5px #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: #fff;
width: 110px;
height: 110px;
text-align: center;
vertical-align: middle!important;
}

ul.thumbs li a {
display: block;
}

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

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

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

div.slideshow-container {
	/*border: 1px solid #CCCCCC;*/
	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.slideshow {
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    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 {
/*float: left;
background: #f7f7f8;
padding: 2px 0;
margin: 2px 0;
border: 1px solid #ccc;*/
padding: 4px 0;
display: block;
height: 488px;
line-height: 486px;
text-align: center;
width: 496px;
}

div.slideshow span.image-wrapper a:hover, 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 {
/*padding: 7px;
vertical-align: middle!important;*/
border: none;
margin: 0px;
float: none;
vertical-align:middle;
}

div.download {
float: right;
}

span.image-caption {
display: block;
top: 0px!important;
left: 1px!important;
width: 495px!important;
opacity: 1.0 !important;
filter: alpha(opacity=100) !important;
overflow: hidden;
}

span.image-caption:nth-child(2) {
opacity: 0.0 !important;
filter: alpha(opacity=0) !important;
height: 0 !important;
}

#gallery #caption {
    position: relative;
    background: #4c4c4c;
    min-height: 90px;
    _height: 90px;
}

div.caption {
	background-color: #4c4c4c;
	padding: 10px 12px 4px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}

div.image-title {
font-weight: bold;
font-size: 1.4em;
color: #fff;
/*min-height: 2.286em;*/
}

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

div.image-desc p {
/*min-height: 2.5em;*/
 }

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: inline-block;
	margin-right: 2px;
	padding: 4px 6px 2px;
	font-size: 1em;
}

div#thumbs div.pagination span.current {
	color: #636466;
}

div#thumbs div.pagination a, div#thumbs div.pagination span.current, div#thumbs div.pagination span.ellipsis {
	background-color: #F0ECF2;
	font-size: 0.9em;
}

div.pagination a:hover {
	text-decoration: none;
}

div#thumbs div.pagination a:hover {
	background-color: #eee;
}

div.pagination span.current {
	font-weight: bold;
	background-color: #60476F;
	color: #fff;
}

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

#captionToggle {
	display: none;
}

#captionToggle a {
	float: right;
	display: block;
	background: url(../images/caption.gif) no-repeat right 5px #F0ECF2;
	margin: 0 2px;
	padding: 5px 30px 5px 5px;
}

/*---- Image gallery - noscript styles ----*/

html.noScript div#controls, html.noScript div.slideshow-container, html.noScript div#captionToggle {
display: none;
}

html.noScript ul.thumbs li {
border-bottom: 1px solid #BEBEBE;
padding: 0 0 8px;
width: 98%;
height: auto;
margin: 0 7px 8px;
}

html.noScript ul.thumbs li a {
float: left;
width: 113px;
}

html.noScript ul.thumbs li div.image-title {
font-size: 1.2em;
color: #000000;
}

html.noScript ul.thumbs li div.image-desc {
color: #000;
}

html.noScript div.caption {
background-color: #FFF;
display: block;
width: 360px;
padding: 0 8px 4px;
text-align: left;
float: left;
}

/*-------------------------------
	Video details
-------------------------------*/

.videoDetails {
	padding: 0;
}

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

/*-------------------------------
	Bill Info Area
-------------------------------*/

.billInfoArea {
    clear: both;
}