/* main.css */
/************/

/* Global styles */

BODY {
    font: 0.8em verdana,arial,sans-serif;
    line-height: 1.3em;
}

A {
    color: #085196;
    text-decoration: none;
}

    A:hover, A:focus {
        text-decoration: underline;
    }

/*input[type="button"], input[type="submit"] {
	border: 1px solid #000;
}

input[type="button"]:hover, input[type="submit"]:hover
{
    cursor: pointer;
    border:1px dashed #000000!important;
}*/

/*
 * 	This class ( .stdButton ) is applied to every button on the main "sub" site with javascript.
 *	To prevent this, add the class .default to any button that shoudl retain default browser style
 */
.stdButton {
    cursor: pointer;
    border: 1px solid #000;
}

.stdButton:hover {
    border: 1px dashed #000;
}

FORM LEGEND {
    display: none;
}

STRONG {
    font-weight: bold;
}

IMG {
    display: block;
}

IMG.with-margin {
    margin-bottom: 15px;
}

BLOCKQUOTE {
    margin-bottom: 15px;
    padding-left: 20px;
}

.error,
.mandatory EM {
    color: red;
}

.new-window-icon {
    padding-left: 4px;
}

p a img.new-window-icon {
    position: inherit;
}

li a img.new-window-icon {
    position: static;
}

#debug-version {
    background: #fff;
    border: solid 1px #ccc;
    color: #085196;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 20px 10px 20px;
    padding: 5px;
}

.pending {
    background: url(/assets/images/placeholders/pending.jpg) no-repeat 5px 5px;
    border: solid 1px #cfcfcf;
    min-height: 60px;
    padding-left: 60px;
}

.pending STRONG {
    background: #af1d06;
    border-left: solid 1px #cfcfcf;
    color: #fff;
    display: block;
    font-weight: normal;
    min-height: 40px;
    padding: 5px 15px 15px 15px;
}

A.document SPAN {
    padding-left: 14px;
    position: relative;
}

A.document IMG,
#content A.document IMG,
#secondary-navigation.search .local-module A.document IMG {
    display: inline;
    margin-bottom: 0;
}

A.document SPAN IMG,
#content A.document SPAN IMG {
    left: 1px;
    position: absolute;
    top: 1px;
}

LI.document-item {
    margin-bottom: 15px;
    line-height: 20px;
}

.document-item SPAN.document-subtitle {
    display: block;
    color: #727272;
}

.note {
    font-size: 0.8em;
    margin-top: 30px;
}

UL LI#rss, ul li.rss, a.right-hand-module-rss-link {
    background: url(/assets/images/rss-icon.gif) no-repeat left top;
}

a.right-hand-module-rss-link {
    display: block;
    padding-left: 20px;
}

.sub-content {
    margin-bottom: 15px;
    min-height: 1px;
}

.header-above-hero H1 {
    margin-left: 10px;
}

.header-above-hero #content-small {
    padding-top: 5px;
}

/* This hides content on the page but is still visible for screenreaders */
.accessible-hide {
    position: absolute;
    text-indent: -9999px;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Wrapper (specificity) overrides */

#wrapper .blue-arrow-bullets LI {
    background: url(/assets/images/blue-arrow-bullet.gif) no-repeat left 4px;
    line-height: 1.3em;
    padding-left: 10px;
}

#wrapper #secondary-navigation LI.selected A {
    color: #000;
    font-weight: bold;
}

/* Header */

#header {
    border-bottom: solid 1px #cfcfcf;
    margin-bottom: 10px;
    min-height: 1px;
    position:relative;
}

.home #header {
    border-bottom: solid 15px #085196;
}

.home H1 {
    text-indent: -9999px;
}

.error-page #header {
    border-bottom: none;
}

#header IMG {
    float: left;
    margin-bottom: 15px;
}

#header #navigation {
    border-top: solid 1px #cfcfcf;
    clear: both;
    min-height: 1px;
}

#header #navigation ul {
    position: relative;
}

#header #navigation UL LI {
    display: block;
    float: left;
}

#header UL#level-1 {
    margin: 10px 0;
}

#header UL#level-1,
#header UL#level-2 {
    clear: left;
    min-height: 1px;
}

#header UL#level-1 LI {
    border-right: solid 1px #cfcfcf;
}

#header UL#level-1 LI A {
    font-size: 1.1em;
}

#header UL#level-1 LI A,
#header UL#level-2 LI A {
    display: block;
    padding: 2px 7px;
}

#header UL#level-1 LI.over,
#header UL#level-2 LI.over {
    background-color: #085196;
}

#header UL#level-1 LI.over A,
#header UL#level-2 LI.over A {
    color: #fff;
    text-decoration: none;
}

#header ul li.meganav-hover a,
#header UL#level-1 LI A:hover,
#header UL#level-2 LI A:hover,
#header UL#level-1 LI A:focus,
#header UL#level-2 LI A:focus {
    background-color: #085196;
    color: #fff;
    text-decoration: none;
}

#header #navigation ul li a.meganav-skiplink {
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
    color: #012649;
    font-size: 11px;
    background: transparent;
    opacity: 0;
}

#header #navigation ul li a.meganav-skiplink:focus,
.ie7 #header #navigation ul li a.meganav-skiplink:active {
    opacity: 1;
    width: auto;
    height: auto;
}

#header #navigation UL#level-1 LI.last {
    border-right: 0;
}

#header UL#level-2 {
    background: #add0f2;
}

#header UL#level-2 LI {
    border-right: solid 1px #fff;
}

#header UL#level-2 LI A {
    color: #012649;
}

/* Secondary navigation */

#secondary-navigation UL {
    margin-bottom: 15px;
    width: 140px;
}

#secondary-navigation.gallery UL {
    margin-bottom: 15px;
    width: 100%;
}

#secondary-navigation.gallery LI A {
    background: none;
    padding: 0 0 0 0;
}

#secondary-navigation.gallery LI {
    font-size: 1em;
}

#secondary-navigation UL UL {
    margin-bottom: 0;
}

#secondary-navigation LI {
    font-size: 0.85em;
}

#secondary-navigation LI A,
#secondary-navigation LI.parent UL LI A {
    background: url(/assets/images/secondary-navigation-splitter.gif) no-repeat left bottom;
    color: #085196;
    display: block;
    line-height: 1.3em;
    padding: 5px 5px 6px 5px;
}

#secondary-navigation LI LI {
    font-size: 1em;
}

#secondary-navigation UL LI.grand-parent {
    background: #777 url(/assets/images/grand-parent-navigation-element.gif) no-repeat 3px 3px;
}

#secondary-navigation LI.parent {
    background: #085196 url(/assets/images/parent-navigation-element.gif) no-repeat 6px 9px;
}

#secondary-navigation A:active {
    text-decoration: underline !important;
}

#secondary-navigation LI.grand-parent A,
#secondary-navigation LI.parent A {
    background: url(/assets/images/secondary-navigation-splitter-solid.gif) no-repeat left bottom;
    color: #fff !important;
    padding-left: 18px;
}

#secondary-navigation LI.parent LI {
    background: #fff;
}

#secondary-navigation LI.parent LI A {
    color: #085196 !important;
    padding-left: 5px;
}

#secondary-navigation .pending {
    font-size: 0.85em;
    width: 78px;
    margin-bottom: 15px;
}

#secondary-navigation .pending STRONG {
    min-height: 50px;
    padding: 5px 10px;
}

/* Secondary navigation (Topics) */
#secondary-navigation UL LI UL LI.grand-parent {
    background: #777 url(/assets/images/grand-parent-navigation-element.gif) no-repeat 3px 3px;
}

#secondary-navigation UL LI UL LI.parent {
    background: #085196 url(/assets/images/parent-navigation-element.gif) no-repeat 6px 9px;
}

#secondary-navigation A:active {
    text-decoration: underline !important;
}

#secondary-navigation UL LI UL LI.grand-parent A,
#secondary-navigation UL LI UL LI.parent A {
    background: url(/assets/images/secondary-navigation-splitter.gif) no-repeat left bottom !important;
    color: #fff !important;
    padding-left: 18px;
}

#secondary-navigation UL LI UL LI.parent LI {
    background: #fff;
}

#secondary-navigation UL LI UL LI.parent LI A {
    color: #085196 !important;
    padding-left: 5px;
}


/* Secondary navigation (search) */

#secondary-navigation.search .inner {
    background: #e8f1fa;
    margin-bottom: 15px;
}

#secondary-navigation.search .inner,
#secondary-navigation.search .inner UL {
    width: 190px;
}

#secondary-navigation.search .inner UL {
    margin-bottom: 0;
}

#secondary-navigation.search .inner H4,
#secondary-navigation.search .inner LI A {
    background: url(/assets/images/dotted-separator-black.gif) repeat-x left bottom;
    padding: 5px 0 7px 0;
}

#secondary-navigation.search .inner H4 {
    font-weight: normal;
    margin: 0;
    padding-top: 0;
}

#secondary-navigation.search .local-module H2,
#secondary-navigation.search .local-module H3 {
    border-bottom: solid 1px #cfcfcf;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#secondary-navigation.search .local-module IMG {
    margin-bottom: 15px;
}

#secondary-navigation.search .local-module UL {
    width: 210px;
}

#secondary-navigation.search .local-module UL LI {
    background-position: left 3px;
    min-height: 1px;
}

#secondary-navigation.search .local-module .thumbnail-image-list UL LI {
    background-position: left bottom;
    min-height: 70px;
}

#secondary-navigation.search .local-module .no-images UL LI,
#secondary-navigation.search .local-module .thumbnail-image-list UL LI.no-image {
    min-height: 1px;
}

#secondary-navigation.search .local-module .thumbnail-image-list UL LI UL {
    width: 130px;
}

#secondary-navigation.search .local-module .thumbnail-image-list UL LI UL LI {
    background-position: left 3px;
    min-height: 1px;
}

#secondary-navigation.search .local-module UL LI A {
    background: none;
    padding: 0;
}

#secondary-navigation.search UL.address-information A {
    display: inline;
}

/* Meganav */
.ie7 #navigation {
    position: relative;
    z-index: 1;
}

    .ie7 #navigation #level-1 {
        position: relative;
        z-index: 2;
    }

    .ie7 #navigation #level-2 {
        position: relative;
        z-index: 1;
    }

.ie7 #header {
    position: relative;
    z-index: 1;
}

.meganav-container {
    display: none;
    position: absolute;
    top: 20px;
    width: 570px;
    height: 304px;
    border: 10px solid #085196;
    background: #FFF;
    overflow: hidden;
    z-index: 10000;
    box-shadow: 5px 5px 8px rgba(0,0,0,0.4);
}

.no-js .meganav-container {
    display: none;
}

.meganav-container nav {
    float: left;
    width: 207px;
    height: 1000px;
    padding: 15px;
    background: #e2effa;
}

#header #navigation .meganav-container li {
    display: block;
    float: none;
    clear: both;
    border: none;
    border-top: 1px dotted #b7c2cb;
}

#header #navigation .meganav-container li:first-child {
    border: none;
}

#header #navigation li .meganav-container li a {
    padding-left: 0;
}

#header #navigation li.meganav-hover .meganav-container nav li a:hover {
    color: #FFF;
    background: #085196;
}

#header #navigation li.meganav-hover .meganav-container li a {
    color: #333;
    background: none;
}

.meganav-container .meganav-heading {
    display: block;
    margin: 0 0 12px;
    color: #333;
    font-size: 110%;
    font-weight: bold;
}

.meganav-container .meganav-feature {
    float: right;
    width: 303px;
    padding: 15px;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature a {
    display: block;
    padding: 0;
    color: #085196;
    font-weight: bold;
    background: none;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature a:hover {
    text-decoration: underline;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .feature-items {
    margin: 0 0 12px;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .feature-items li {
    height: 74px;
    overflow: hidden;
    border: none;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .feature-items li a {
    font-weight: bold;
}

#header #navigation .meganav-container .meganav-feature .multiple-feature .feature-items li {
    margin-bottom: 6px;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .itemImageWithTitle img {
    margin: 0 10px 0 0;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .itemImageWithTitle a:hover {
    color: #085196;
    text-decoration: underline;
    background: none;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .square-bullets li {
    border: none;
    position: relative;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .square-bullets li a {
    font-weight: normal;
}

#header #navigation li.meganav-hover .meganav-container .meganav-feature .square-bullets li a:hover {
    position: relative;
}

/* Content */

P {
    margin-bottom: 10px;
}

/*
    HOPI-44
    We want to have all black text to be dark grey on slideshow pages only.
    Slideshow pages are flagged with a class of 'slideshow-page' on the main content div
*/
.slideshow-page h1,
.slideshow-page div,
.slideshow-page p,
.slideshow-page li {
    color: #606060;
}

.news-hero {
    word-wrap: break-word;
}

H3#tabs-date {
    font-size: 1.3em;
    margin-bottom: 15px;
}

.outer {
    min-height: 1px;
    padding-bottom: 20px;
}

.main-introduction P {
    font-weight: bold;
}

SPAN.hide {
    clear: both;
    display: none;
}

.hideFromView {
    position: absolute;
    left: -9000px;
}

.two-wide {
    clear: left;
}

.two-wide.last {
    clear: none;
}

#content A:visited {
    color: #4e9bd7;
}

#content IMG {
    display: block;
    margin: 0 0 15px 10px;
}

#content .no-underline {
    border-bottom: 0;
}

#content .square-bullets LI A {
    display: block;
}

#content .holding .square-bullets li a {
    display: inline;
}

#content .square-bullets LI.pdf A {
    display: inline;
}

#content .square-bullets.address-information A {
    display: inline;
}

#content.two-column-with-navigation,
#content.three-column {
    background-image: url(/assets/images/tram-line-repeater.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

#content.two-column-with-panel H1,
#content.two-column-with-panel H2 {
    clear: left;
}

#content.two-column-with-panel IMG {
    margin-left: 0;
}

/* Content small */

#content-small {
    background-image: url(/assets/images/tram-line-repeater.gif);
    background-position: right top;
    background-repeat: repeat-y;
    position: relative;
}

#content.two-column-with-navigation #content-small,
#content.wide #content-small {
    background-image: none;
}

#content-small img {
    margin-left: 0;
}

#content-small .news-listing .thumbnail-image-list ul li img {
    float: left;
}

#content #content-small .document IMG {
    display: inline;
    margin: 0;
}

#content-small IMG#party-logo {
    position: absolute;
    right: 0;
    top: 10px;
}

/* Alternate rows */

.alternate-rows {
    margin-bottom: 15px;
}

.alternate-rows LI {
    min-height: 1px;
}

.alternate-rows LI.first {
    background: #f5f3e7;
    border-bottom: solid 1px #fff;
}

.alternate-rows LI.alternate {
    background: #f7f7f7;
}

.alternate-rows LI STRONG,
.alternate-rows LI SPAN,
.alternate-rows LI DIV.rte {
    display: block;
    float: left;
}

.alternate-rows LI STRONG {
    padding-right: 10px;
    width: 160px;
}

.alternate-rows LI SPAN,
.alternate-rows LI DIV.rte {
    width: 270px;
}

.alternate-rows LI.description {
    padding-bottom: 0;
}

.alternate-rows LI.description STRONG,
.alternate-rows LI.description SPAN {
    float: none;
}

#content .alternate-rows LI.description SPAN {
    margin-bottom: 10px;
    width: 100%;
}

.alternate-rows LI {
    margin-bottom: 0;
    padding: 10px;
}

.alternate-rows LI DIV.rte LI {
    padding: 0 0 0 14px;
}

.alternate-rows LI DIV.rte {
    margin-bottom: -15px;
}

/* Arrows (previous/next) */

.arrows-previous-next {
    margin-bottom: 15px;
    min-height: 1px;
}

.arrows-previous-next LI A {
    display: block;
    min-height: 25px;
    padding-top: 7px;
    position: relative;
    width: auto;
}

.arrows-previous-next #previous {
    float: left;
    width: 45%;
}

.arrows-previous-next #previous A {
    background: url(/assets/images/arrows-list-previous.gif) no-repeat left 6px;
    padding-left: 32px;
}

.arrows-previous-next #next {
    float: right;
    width: 45%;
}

.arrows-previous-next #next A {
    background: url(/assets/images/arrows-list-next.gif) no-repeat right 6px;
    padding-right: 32px;
    text-align: right;
}

.arrows-previous-next LI A IMG {
    position: absolute;
    top: 4px;
}

/* Breadcrumb */

DIV#breadcrumb {
    font-size: 0.85em;
    margin-top: 10px;
    padding: 10px 0 10px 0;
}

DIV#breadcrumb STRONG {
    font-weight: normal;
}

DIV#breadcrumb UL,
DIV#breadcrumb LI {
    display: inline;
}

DIV#breadcrumb LI A {
    background: url(/assets/images/breadcrumb-arrow.gif) no-repeat right 4px !important;
    margin-right: 3px;
    padding-right: 12px;
}

DIV#breadcrumb LI A:active {
    color: #085196 !important;
    background-color: #FFFFFF !important;
    text-decoration: underline !important;
}

DIV#breadcrumb .inner {
    background: url(/assets/images/grey-repeater-line.gif) repeat-x left top;
    margin-top: -21px;
    padding-top: 10px;
}

/* Bookmark with */

#bookmark-with {
    border: solid 1px #ddd;
    margin-bottom: 10px;
    padding: 10px;
}

#bookmark-with H4 {
    margin-bottom: 10px;
    padding-top: 10px;
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    padding-top: 10px;
    background: url(/assets/images/dotted-separator-black.gif) left top repeat-x;
    color: #666666;
    font-weight: bold;
    font-size: 12px;
}

#bookmark-with UL {
    min-height: 1px;
    border-bottom: solid 1px #CFCFCF;
}

#bookmark-with LI {
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
    height: 15px;
    font-size: 11px;
    margin-bottom: 10px;
}

#bookmark-with img {
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}

/* Collection thumbnails */

.collections-thumbnails {
    margin-left: -5px;
    min-height: 1px;
}

.collections-thumbnails LI {
    background: #eee;
    float: left;
    margin: 0 0 5px 5px;
    width: 150px;
}

.collections-thumbnails LI.first {
    clear: left;
}

#content-small .collections-thumbnails LI P {
    margin: 0;
    min-height: 50px;
    padding: 5px 10px;
}

#content-small .collections-thumbnails LI IMG {
    margin-bottom: 0;
}

.filter .deselected input,
.filter .deselected select {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Flash */

.flash {
    margin-bottom: 15px;
}

/* Form (error) */

#content .form-error {
    border-bottom: solid 1px #cfcfcf;
    border-top: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#content .form-error LI {
    margin-top: 0;
}

.form-error INPUT {
    margin: 0;
}

.form-error UL {
    margin-bottom: 0;
}

.form-error LI {
    background: url(/assets/images/square-bullet.gif) no-repeat left 5px;
    color: red;
    line-height: 1.3em;
    margin-top: 0;
    padding-left: 14px;
}

/* Forms (global) */

.captchca {
    margin-bottom: 15px;
}

/* Form (submission) */

DIV.submission {
    border-top: solid 1px #cfcfcf;
    margin: 10px 0;
    min-height: 1px;
}

DIV.submission P,
DIV.submission INPUT {
    margin-top: 10px;
}

DIV.submission P {
    float: left;
    width: 550px;
}

DIV.submission INPUT {
    background: #085196;
    border: none;
    color: #fff;
    float: right;
    padding: 2px 6px;
}

DIV.submission INPUT.clear-all-fields {
    float: left;
}

DIV.nojs {
    border-top: none;
}

/* Headings */

H1 {
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 10px;
}

H1,
H2.underline {
    border-bottom: solid 1px #cfcfcf;
    line-height: 1.3em;
    padding-bottom: 5px;
}

H1,
H2,
H3,
H4 {
    clear: both;
    color: #000;
}

H2 {
    font-size: 1.4em;
    margin-bottom: 10px;
}

H1.marker,
H4.marker {
    clear: both;
    display: none;
}

H4.dotted-underline {
    background: url(/assets/images/dotted-separator-black.gif) repeat-x left bottom;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* Lists */

UL.square-bullets {
    min-height: 1px;  

}

UL.square-bullets .inquiry-listing {
    height: auto;
}

.blue-arrow-bullets,
.list-suffix,
.square-bullets {
    margin-bottom: 15px;
}

.square-bullets LI {
    background: url(/assets/images/square-bullet.gif) no-repeat left 5px; /*removed square - need to revise as this removes it everywhere*/
    line-height: 1.3em;
    padding: 0 0 4px 14px;
}

.square-bullets li ul li {
    background: url(/assets/images/square-bullet-small.gif) no-repeat left 6px;
}

.viewAllHansard {
    padding: 0 0 4px 14px;
}

.square-bullets LI EM {
    display: inline-block;
    font-style: normal;
    min-height: 14px;
    padding-left: 22px;
}

.square-bullets LI.dotted-divider-above {
    background: url(/assets/images/dotted-separator-black-dotted-divider-above.gif) no-repeat left top;
    margin-top: 10px;
    padding-top: 5px;
}

.square-bullets-a-to-z LI {
    /*background:url(/assets/images/square-bullet.gif) no-repeat left 5px;*/ /*removed square - need to revise as this removes it everywhere*/
    line-height: 1.3em;
    padding: 0 0 4px 0px;
}

.square-bullets-a-to-z LI EM {
    display: inline-block;
    font-style: normal;
    min-height: 14px;
    padding-left: 22px;
}

.square-bullets-a-to-z LI.dotted-divider-above {
    background: url(/assets/images/dotted-separator-black-dotted-divider-above.gif) no-repeat left top;
    margin-top: 10px;
    padding-top: 5px;
}

.arrows-list {
    margin-bottom: 15px;
}

.arrows-list LI {
    background: url(/assets/images/arrows-list-bullet.gif) no-repeat left 1px;
    margin-bottom: 5px;
    min-height: 21px;
    padding: 3px 0 0 28px;
}

/* Lords Interests Lists */

#lords-interests {
    padding-top: 5px;
}

#lords-interests .a-to-z-listing UL {
    border-style: dotted;
    padding-bottom: 13px;
    padding-top: 3px;
}

#lords-interests h2 {
    margin-top: 15px;
}

/* Pagination */

.pagination {
    border-bottom: solid 1px #cfcfcf;
    border-top: solid 1px #cfcfcf;
    margin: -5px 0 15px 0;
    min-height: 1px;
    padding: 5px 0;
}

#content .pagination P,
#content .pagination UL {
    margin-bottom: 0;
}

.pagination P {
    float: left;
}

.pagination UL {
    float: right;
}

.pagination UL LI {
    display: block;
    float: left;
    margin-left: 10px;
}

/* Photo description */

.photo-description {
    font-weight: bold;
    margin-bottom: 15px;
    min-height: 1px;
}

.photo-description STRONG {
    color: #7f7f7f;
    float: left;
    width: 60%;
}

.photo-description EM {
    color: #7f7f7f;
    float: right;
    font-weight: normal;
}

/* Previous/next */

#previous-next-with-title,
#previous-next-with-numbers {
    margin-bottom: 15px;
    min-height: 1px;
}

#previous-next-with-numbers {
    border-top: solid 1px #cfcfcf;
    padding-top: 10px;
}

#previous-next-with-title .rte {
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 15px;
    width: 785px;
}

#previous-next-with-title .rte P {
    margin-bottom: 0;
}

#previous-next-with-title UL {
    float: right;
}

#previous-next-with-title UL LI,
#previous-next-with-numbers UL LI {
    background: url(/assets/images/pipe-delimeter.gif) no-repeat right center;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}

#previous-next-with-title UL LI.last,
#previous-next-with-numbers UL.last,
#previous-next-with-numbers UL LI.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

#previous-next-with-numbers UL {
    float: left;
    padding-right: 10px;
}

#previous-next-with-numbers UL.last {
    float: right;
}

/* Section promotion */

.section-promotion {
    margin-bottom: 15px;
}

.section-promotion H2 {
    border-bottom: solid 1px #cfcfcf;
    font-size: 1.4em;
    padding-bottom: 5px;
}

.news-listing H2 {
    border-bottom: solid 1px #cfcfcf;
    font-size: 1.4em;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#content .section-promotion UL {
    margin-bottom: 0;
}

/* Site search */

FIELDSET.site-search {
    float: right;
    width: 500px;
}

#content FIELDSET.site-search {
    float: none;
    padding-bottom: 25px;
}

FIELDSET.site-search UL {
    float: right;
    margin-bottom: 10px;
    min-height: 1px;
}

FIELDSET.site-search UL LI {
    border-right: solid 1px #cfcfcf;
    display: block;
    float: left;
    font-size: 0.85em;
    margin-right: 10px;
    padding-right: 10px;
    }

FIELDSET.site-search UL LI.last {
    border-right: 0;
    margin: 0;
    padding: 0;
}

FIELDSET.site-search UL#search-options {
    display: none;
    font-size: 0.85em;
    margin-bottom: 0;
    margin-top: 10px;
    min-height: 1px;
}

#content FIELDSET.site-search UL#search-options {
    clear: both;
    float: left;
    margin-top: 5px;
}

.search-listings FIELDSET.site-search UL#search-options {
    display: block;
}

/* new Search styles*/
FIELDSET.site-search .btnSearch {
    background: #085196;
    border: 0;
    color: #fff;
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 2px 3px 2px;
    cursor: pointer;
}

#content FIELDSET.site-search .btnSearch {
    float: left;
    margin-left: 5px;
}


#content-small .search-data a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-style: normal;
}

#content .result.search-inner #content-small {
    width: 710px;
}

.result.search-inner {
    float: left;
    width: 710px;
}

.search-inner .pagination {
    clear: both;
}

.two-column-with-navigation UL#results LI ul li EM {
    float: none;
    margin-left: 0;
}

.search-inner .search-pagesize {
    float: right;
}

.search-inner .search-pagesize label, .search-inner .search-pagesize select {
    float: right;
}

.noResults .dottedLine {
    background-image: url(/assets/images/search/u24_line.png);
    height: 3px;
    width: 100%;
    margin-bottom: 10px;
}

.noResults {
    min-height: 20px;
    margin: 0 0 10px 0;
}

#content .searchSuggestions {
    margin-top: 24px;
}

#content .searchSuggestions UL {
    margin-bottom: 14px;
    float: left;
}

#content .searchSuggestions LI {
    background: url(/assets/images/search/squareBullet.png) no-repeat left 1px;
    line-height: 1.3em;
    margin: 2px 0 2px 0;
    padding-left: 24px;
}

#content h3.search-info {
    font-weight: normal;
    float: left;
    margin-bottom: 10px;
}

#content .searchSuggestions h3 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

#content .search-outlined-box {
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 1px solid #d2cadf;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#content .no-results-message {
    border-top: 1px solid #d2cadf;
    border-bottom: 1px solid #d2cadf;
    padding: 10px 0;
}

#content .left-box {
    width: 370px;
    float: left;
    clear: both;
    margin-right: 15px;
    margin-bottom: 100px;
}

#content .right-box {
    width: 270px;
    float: left;
}

#content .parl-search-text {
    margin-top: 10px;
    font-size: 0.85em;
}

#content .search-help {
    position: relative;
    top: -39px;
    left: 550px;
    font-size: 0.85em;
    width: 175px;
}

#content .search-help IMG {
    margin: 0;
    display: inline;
}

#content .search-help a {
    color: #085196;
}

#content .search-help a:visited,
#content .search-help a:active {
    text-decoration: none;
}

#content .search-help img {
    vertical-align: top;
    margin-right: 5px;
}

.search-inner .search-pagesize {
    float: right;
}

.search-inner .search-pagesize label, .search-inner .search-pagesize select {
    float: right;
}

#results .searchBreadcrumb {
    color: #085196;
    font-family: Verdana;
    font-size: 11px;
    margin-top: 10px;
    line-height: 1.4em;
}

/*new search facets styling*/
#secondary-navigation .search-facets-header {
    margin-bottom: 0px;
    min-height: 20px;
}

#secondary-navigation .search-facets-header h4 {
    float: left;
    margin-bottom: 0px;
    font-weight: bold;
}

#secondary-navigation .search-facets-header .search-facets-clear-all,
#secondary-navigation .search-facets-header .search-facets-clear-all A {
    float: right;
    padding: 0px;
    color: #085196;
}

#secondary-navigation .search-facets .search-facets-selectors {
    clear: both;
    border: 1px solid #797979;
    background-color: #fff;
    padding-top: 5px;
}

#secondary-navigation .search-facets .search-facets-selectors .facets-selectors-section-heading img {
    float: left;
    margin: 1px 5px 0 2px;
}

#secondary-navigation .search-facets .search-facets-selectors .facets-selectors-section-heading h5 {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

#secondary-navigation .search-facets .search-facets-selectors ul li {
    background: none;
    width: 208px;
}

#secondary-navigation .search-facets .search-facets-selectors ul li a,
#secondary-navigation .search-facets .search-facets-selectors ul li a:hover,
#secondary-navigation .search-facets .search-facets-selectors ul li a:active,
#secondary-navigation .search-facets .search-facets-selectors ul li a:visited {
    text-decoration: none;
    background: none;
}

#secondary-navigation .search-facets .search-facets-selectors ul li.selected {
    background-color: #E8F1FA;
}

#secondary-navigation .search-facets .search-facets-selectors ul li.selected a span {
    background-color: #E8F1FA;
    width: 180px;
}

#secondary-navigation .search-facets .search-facets-selectors ul li a span {
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    width: 180px;
}

#secondary-navigation .search-facets .search-facets-selectors ul li img {
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
}

/* New search styling ends*/

FIELDSET.site-search LABEL {
    display: none;
}

FIELDSET.site-search OL {
    float: left;
    margin-left: 215px;
}

#content FIELDSET.site-search OL {
    margin-left: 0;
}

FIELDSET.site-search INPUT {
    background: #085196;
    border: 0;
    color: #fff;
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 2px 3px 2px;
    cursor: pointer;
}

FIELDSET.site-search input[type="submit"]:hover,
FIELDSET.site-search input[type="submit"]:focus {
    background-color: #FFFFFF;
    color: #085196;
    border: 1px solid #085196;
}

#content FIELDSET.site-search INPUT {
    float: left;
    margin-left: 5px;
}

FIELDSET.site-search OL INPUT {
    background: none;
    border: solid 1px #cfcfcf;
    color: #000;
    float: none;
    font-size: 1em;
    font-weight: normal;
    padding: 2px;
    width: 220px;
    cursor: text;
}

#content FIELDSET.site-search OL INPUT {
    float: none;
    margin-left: 0;
}

#content FIELDSET.site-search UL LI {
    font-size: 1em;
}

/* Stay upto date */

.stay-up-to-date, .comittee-rss-feeds {
    background-color: #F2F2F2;
    border-top: 7px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

TH.alternate,
TD.alternate {
    background: #f7f7f7;
}

.stay-up-to-date UL LI, .comittee-rss-feeds ul li, .custom-rss-links ul li {
    margin-bottom: 3px;
    margin-left: 11px;
    padding-left: 28px;
}

.custom-rss-links ul li {
    margin-left: 0;
}

.stay-up-to-date UL LI#email {
    background: url(/assets/images/email-icon-coloured.gif) no-repeat left 2px;
}

/* Related Rss Links */

.related-rss-links {
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 3px;
}

.related-rss-links div.strong {
    font-weight: bold;
    padding-bottom: 5px;
}

.related-rss-links UL LI.rss {
    margin-bottom: 3px;
    margin-left: 1px;
    padding-left: 20px;
    background: url(/assets/images/rss-icon.gif) no-repeat left center;
}

/* Tables */

TH {
    font-weight: bold;
}

TH,
TD {
    padding: 5px 8px;
}

TR.alternate {
    background: #f5f5f5;
}

TR.lastRow td {
    border-bottom: 1px solid #000000;
    margin-bottom: 2px;
    background: none !important;
}

#content TABLE {
    margin-bottom: 15px;
}

/* Fat footer */

#fat-footer {
    background: url(/assets/images/fat-footer-background.gif) repeat-y left top;
    border-top: solid 1px #cfcfcf;
    clear: left;
}

#fat-footer H2 {
    display: none;
}

#fat-footer .inner {
    min-height: 1px;
    padding: 0 10px 10px 10px;
}

#content.two-column-with-panel #fat-footer {
    margin-bottom: 0;
}

#fat-footer LI {
    font-size: 0.85em;
}

#fat-footer STRONG {
    display: block;
    font-size: 0.9em;
    margin-top: 10px;
}

/* Footer */

#footer {
    border-top: solid 1px #cfcfcf;
}

#footer UL {
    margin-top: 10px;
    min-height: 1px;
}

#footer UL LI {
    border-right: solid 1px #cfcfcf;
    display: block;
    float: left;
    font-size: 0.85em;
    margin-right: 10px;
    padding-right: 10px;
}

#footer UL LI.last {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

/* Parliament TV */

.silverlight {
    clear: left;
    margin-bottom: 15px;
}

DIV.silverlight.news-highlight {
    height: 200px;
    width: 300px;
}

/* Popup */
.popup IMG,
.popup UL {
    margin-bottom: 15px;
}

/* YouTube */

.youtube {
    display: block;
    margin-bottom: 15px;
}

/* Homepage 2010 redesign */

.main .home {
    color: #333;
}

.home #header {
    margin-bottom: 15px;
}

.home #content-small,
.home #panel {
    background: none;
}

.home .tabs-wrapper .thumbnail-image-list A {
    font-weight: normal;
}

.home .thumbnail-image-list UL LI {
    background-image: none;
    padding-bottom: 5px;
}

.home .tabs-wrapper .thumbnail-image-list LI {
    background: url(/assets/images/dotted-separator-black.gif) left bottom repeat-x;
    min-height: 76px;
    padding-bottom: 5px;
}

.home .thumbnail-image-list A {
    font-weight: bold;
}

.home #content #panel .thumbnail-image-list LI P {
    margin-bottom: 0;
}

.home .three-wide H2 A,
.home .three-wide H3 A {
    color: #fff;
}

.home #content-small .homepage-content-heading,
.home #panel .homepage-content-heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #606060;
    font-weight: normal;
    font-size: 1.4em;
    padding: 0;
    letter-spacing: -0.05em;
    border: none;
}

.home #panel {
    padding-top: 0;
}

#content.homepage .full-width {
    background: url(/assets/images/homepage-faded-separator.jpg) repeat-x left top;
    clear: left;
    min-height: 1px;
    padding-top: 25px;
}

#content.homepage .three-wide {
    float: left;
    margin-right: 20px;
    width: 300px;
}

    #content.homepage .three-wide.last {
        margin-right: 0;
    }

#content.homepage #find-your-mp {
    border-bottom: solid 1px #016131;
}

#content.homepage #find-your-mp H3 {
    background: #016131;
    padding: 7px 11px 9px 11px;
}

#content.homepage #find-your-mp H3,
#content.homepage #find-your-mp H3 A {
    color: #fff;
}

#content.homepage #find-your-mp FIELDSET {
    background: none;
}

#content.homepage #find-your-mp P {
    font-size: 1em;
    margin: 0;
    padding: 10px 5px;
}

#content.homepage #find-your-mp OL LI {
    padding: 0px 5px;
}

#content.homepage #find-your-mp ul {
    padding-left: 10px;
    padding-right: 10px;
}

#content.homepage #find-your-mp INPUT.mp-postcode {
    bottom: 1px;
    left: 10px;
    width: 224px;
}

#content.homepage #find-your-mp INPUT.find {
    background: #016131;
    bottom: 1px;
    right: 10px;
}


#content.homepage .section-promotion {
    border-bottom: solid 1px #b2200d;
}

#content.homepage .section-promotion H2 {
    background: #b2200d;
    border-bottom: none;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    padding: 7px 11px 9px 11px;
}

#content.homepage .section-promotion H2 A {
    color: #fff;
}

/* follow parliament module */
.followParliament {
    border-bottom: 1px solid #52357D;
    margin-bottom: 10px;
    background-color: #F2F2F2;
}

.followParliament H2 {
    font-weight: bold;
    background-color: #52357D;
    padding: 7px 11px 9px !important;
    color: #fff !important;
    margin-bottom: 0 !important;
    font-size: 1em;
}

.followParliament #followParliamentIconsWrapper {
    display: table;
    table-layout: fixed;
    width: 300px;
}

.followParliament #followParliamentIconsWrapper div {
    display: table-cell;
    margin: 5px;
    text-align: center;
}

.followParliament #followParliamentIconsWrapper div img {
    margin: 15px auto 3px auto !important;
}

.followParliament #followParliamentIconsWrapper div a {
    font-size: 0.85em;
}

/* slideshow (pre-DOM) */

.slideshow.pre-dom UL LI {
    margin-bottom: 10px;
    min-height: 70px;
    padding-left: 80px;
    position: relative;
}

.slideshow.pre-dom UL LI IMG {
    left: 0;
    position: absolute;
    top: 0;
}

.gallery .slideshow A.view {
    white-space: nowrap;
}

/* hasLayout */

#wrapper:after,
FIELDSET.site-search UL:after,
#header #navigation:after,
#header UL#level-1:after,
#header UL#level-2:after,
FIELDSET.site-search UL#search-options:after,
#content:after,
.outer:after,
#content.homepage .full-width:after,
#content-small .a-to-z-listing UL:after,
#passage-of-a-bill .house:after,
#passage-of-a-bill .house UL LI OL:after,
.collections-thumbnails:after,
UL#artwork-options:after,
.alternate-rows LI:after,
.arrows-previous-next:after,
#fat-footer .inner:after,
#find-your-mp FIELDSET:after,
#contact-us LI:after,
DIV.submission:after,
.pagination:after,
.get-involved:after,
#website-features:after,
#website-features.injected DIV.thumbnails:after,
.tabs-wrapper .triggers:after,
.tabs-wrapper:after,
.tabs-wrapper DIV.inner DIV:after,
.tabs-injected UL#bills-list.square-bullets:after,
.committees .news-listing UL.split-list:after,
#send-a-friend LI:after,
.photo-description:after,
#bookmark-with UL:after,
#news-landing .inner:after,
#calendar FIELDSET:after,
#landing-advanced .thumbnail-image-list:after,
#previous-next-with-title:after,
#previous-next-with-numbers:after,
.sub-content:after,
#advanced-search FIELDSET LI:after,
#gallery .flash UL:after,
#content.gallery .inner UL:after,
#files-listing .inner:after,
#footer UL:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#content img.audio-image {
    margin-bottom: 0;
}

.no-flash P {
    padding: 10px;
}

.whatsOnDate {
    text-align: left;
}

.whatsOnDateTime {
    width: 32%;
}

#content .rte .left #EmailSubscribeIcon {
    margin: 0 auto 0 auto;
}

.bynumber a {
    background: url('/assets/images/edm/bynumber.gif') no-repeat 0 0;
}

.bymember a {
    background: url('/assets/images/edm/bymember.gif') no-repeat 0 0;
}

.bytopic a {
    background: url('/assets/images/edm/bytopic.gif') no-repeat 0 0;
}

/* Details page - print version */
#header.print {
    border-bottom: none;
}

#header.print IMG {
    float: none;
    margin-bottom: 30px;
}

.popup .details .summary LI {
    margin-bottom: 5px;
}

.popup .details .label {
    font-weight: bold;
}

.popup .details .value,
.popup .details .value LI {
    display: inline;
}

.popup .details .value LI {
    border-left: 1px solid #000;
    line-height: 1em;
    padding: 0 2px 0 6px;
}

.popup .details .value LI.first {
    border-left: none;
}

.popup .details .signatures-list {
    display: table;
    width: 100%;
}

.popup .details .signatures-list LI {
    float: left;
    width: 25%;
}

/* ====== Help text icon ====== */

A.help-text-icon {
    background: url(/assets/images/filters/help-default.gif) no-repeat left top;
    display: inline-block;
    height: 21px;
    position: absolute;
    text-indent: -999em;
    width: 21px;
    vertical-align: bottom;
    margin-top: -2px;
    margin-left: 10px;
}

.filter a.help-text-icon {
    position: static;
}

.lords A.help-text-icon {
    background: url(/assets/images/help-lords.gif) no-repeat left top;
}

.commons .filter A.help-text-icon {
    background: url(/assets/images/filters/help-commons.gif) no-repeat left top;
    margin-top: 2px;
}

.lords .filter A.help-text-icon {
    background: url(/assets/images/filters/help-lords.gif) no-repeat left top;
}

.filter.joint A.help-text-icon {
    margin-top: 2px;
    background: url(/assets/images/filters/help-joint.gif) no-repeat left top;
}

.help-text-popup {
    display: none;
    position: absolute;
}

.help-text-popup ul, .help-text-popup li {
    width: auto !important;
    float: none !important;
}

.no-js A.help-text-icon {
    display: none;
}

.no-js .help-text-popup {
    position: relative;
    background: #f2f0f0;
    width: auto;
    left: auto;
    top: auto;
    padding: 10px;
    margin: 29px 0 8px 0;
    font-size: 0.8em;
    color: #606060;
    border: 2px solid #cfcfcf;
    -moz-box-shadow: 4px 4px 8px #333;
    -o-box-shadow: 4px 4px 8px #333;
    -ms-box-shadow: 4px 4px 8px #333;
    -webkit-box-shadow: 4px 4px 8px #333;
}

.js .help-text-popup {
    background: #f2f0f0;
    border: 2px solid #cfcfcf;
    -moz-box-shadow: 4px 4px 8px #333;
    -o-box-shadow: 4px 4px 8px #333;
    -ms-box-shadow: 4px 4px 8px #333;
    -webkit-box-shadow: 4px 4px 8px #333;
    box-shadow: 4px 4px 8px #333;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #606060;
    font-size: 0.86em;
    margin-left: 13px;
    z-index: 999;
    padding: 10px;
    position: absolute;
    top: 0;
    left: -9999em;
    width: 272px;
}

.help-text-popup .inner {
    background: url("/assets/images/arrow-tooltip.gif") no-repeat scroll left center transparent;
    margin-left: -24px;
    padding-left: 24px;
    position: static;
    float: left;
}

.no-js .help-text-popup .inner {
    background: none;
}

.help-text-popup .close {
    background: url(/assets/images/edm/button-close.png) no-repeat left top;
    display: block;
    height: 21px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    top: 5px;
    width: 20px;
    z-index: 2;
}

.no-js .help-text-popup .close {
    display: none;
}

.help-text-popup H3 {
    border-bottom: 1px solid black;
    color: #606060 !important;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    float: none !important;
    display: block !important;
}

.no-js .help-text-popup H3 {
    background: url(/assets/images/bp/help-icon.gif) no-repeat left top;
    padding: 5px 0 5px 25px;
    margin-top: 5px;
    float: none !important;
    display: block !important;
}

/*	vvvvvvvvvvvvvvvvvvvv	QuestionMarkIconTooltip styling vvvvvvvvvvvvvv	*/
A.question-mark-icon {
    background: url(/assets/images/bp/help-icon.gif) no-repeat left top;
    display: inline-block;
    height: 21px;
    position: relative;
    text-indent: -999em;
    top: 0;
    width: 21px;
    vertical-align: top;
    float: right;
    margin-right: 2px;
}

.no-js A.question-mark-icon {
    display: none;
}

.no-js .tooltipInfo {
    position: relative;
    background: #f2f0f0;
    width: auto;
    left: auto;
    top: auto;
    padding: 10px;
    margin: 29px 0 8px 0;
    font-size: 0.8em;
    color: #606060;
    border: 2px solid #cfcfcf;
    -moz-box-shadow: 4px 4px 8px #333;
    -o-box-shadow: 4px 4px 8px #333;
    -ms-box-shadow: 4px 4px 8px #333;
    -webkit-box-shadow: 4px 4px 8px #333;
}

.js .tooltipInfo {
    background: #f2f0f0;
    border: 2px solid #cfcfcf;
    -moz-box-shadow: 4px 4px 8px #333;
    -o-box-shadow: 4px 4px 8px #333;
    -ms-box-shadow: 4px 4px 8px #333;
    -webkit-box-shadow: 4px 4px 8px #333;
    box-shadow: 4px 4px 8px #333;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #606060;
    font-size: 0.86em;
    margin-left: 13px;
    z-index: 999;
    padding: 10px;
    position: absolute;
    top: 0;
    left: -9999em;
    width: 272px;
}

.tooltipInfo .inner {
    background: url("/assets/images/arrow-tooltip.gif") no-repeat scroll left center transparent;
    margin-left: -24px;
    padding-left: 24px;
    position: static;
    float: left;
}

.no-js .tooltipInfo .inner {
    background: none;
}

.tooltipInfo .close {
    background: url(/assets/images/edm/button-close.png) no-repeat left top;
    display: block;
    height: 21px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    top: 5px;
    width: 20px;
    z-index: 2;
}

.no-js .tooltipInfo .close {
    display: none;
}

.tooltipInfo H3 {
    border-bottom: 1px dashed #aeaeae;
    border-style: groove;
    color: #606060;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 3px;
    float: none !important;
    display: block !important;
}

.no-js .tooltipInfo H3 {
    background: url(/assets/images/bp/help-icon.gif) no-repeat left top;
    padding: 5px 0 5px 25px;
    margin-top: 5px;
    float: none !important;
    display: block !important;
}

/*	^^^^^^^^^^^^^^	QuestionMarkIconTooltip styling ^^^^^^^^^^^^^	*/

/* Rolling Hansan Three column grid with wide heading */

.commons #content.three-column-wide-header #page-heading,
.commons #content.two-column-wide-header #page-heading {
    background-image: url("/assets/images/hansard-rolling-commons-banner.gif");
}

.lords #content.three-column-wide-header #page-heading,
.lords #content.two-column-wide-header #page-heading {
    background-image: url("/assets/images/hansard-rolling-lords-banner.gif");
}

/*	^^^^^^^^^^^^^^	global change of footer H4 to P tag ^^^^^^^^^^^^^	*/

p.marker {
    text-indent: -9999px;
    -webkit-padding-start: -9999px;
}

/* Skip to Content link */
#skiplink {
    position: relative;
    bottom: 20px;
}

#skiplink a {
    position: absolute;
    left: -9999px;
    text-decoration: underline;
}

#skiplink a:focus, #skiplink a:active {
    left: 0;
    top: 0;
}

/*Media Player Icons*/
.thumbnail-image-list li .itemImage {
    position: relative;
}

.lords-news-view-all {
    float: right;
    margin-right: 10px;
}


/* Event Booking styles */
#eventHeader {
    margin-bottom: 10px;
}

.no-events-message {
    margin-top: 10px;
}

/* Stay up to date / generic document RSS */
.generic-document-rss {
    background-color: #F2F2F2;
    border-top: 7px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px;
}

.generic-document-rss h2 {
    padding-bottom: 5px !important;
    padding-left: 0px !important;
}

.generic-document-rss UL LI {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 28px;
}

.generic-document-rss LI.rss {
    background: url(/assets/images/rss-icon.gif) no-repeat 0px 2px;
}

.generic-document-rss .ddlParticularFeed {
    width: 216px;
    padding: 2px;
}

.generic-document-rss .btnParticularFeed {
    padding: 2px;
}
/* Select Committee Inquiries A-Z specific css */
.filterLabelSelectCommitteeInquiries {
    width: 115px !important;
}

.committeeTypePicker, .parliamentYearPicker {
    width: 255px;
}

.filterGoButtonSelectCommitteeInquiries {
    margin-right: 10px !important;
    float: none !important;
}

div.back-to-top {
    font-size: 0.85em;
    margin-bottom: 5px;
}


/*
--- IE fixes - moved from ie/ie7.css and ie/ie8.css ---
*/


/* START IE8 fixes */

.ie8 FIELDSET.site-search OL {
    margin-left: 210px;
}

.ie8 FIELDSET.site-search INPUT,
.ie8 #contact-us DIV.submission INPUT,
.ie8 #calendar FIELDSET INPUT {
    padding: 3px 8px;
}

.ie8 #find-your-mp INPUT.find {
    padding: 0 10px;
}


/* Members, Lords and Offices */
/******************************/

.ie8 .mlo #members-filter-listing FIELDSET INPUT {
    padding-left: 5px;
    padding-right: 5px;
}


/* Education */
/*************/

.ie8 .resource .inner {
    min-height: 130px;
}

.ie8 .inquiries-a-to-z TD a {
    word-wrap: normal;
    word-break: keep-all;
    display: inline-block;
}

/* slideshow */
/*************/
.ie8 #overlay {
    background-color: #000;
    filter: Alpha(opacity=70);
}

.ie8 div.division-results A:active.ToggleView,
.ie8 div.division-results A:active.ToggleViewParty {
    color: #085196 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

/* END IE8 fixes */

/* START IE7 fixes */

.ie7 #overlay {
    background-color: #000;
    filter: Alpha(opacity=70);
    z-index: 2;
}

.ie7 #content {
    margin-bottom: 0;
}

.ie7 FIELDSET.site-search INPUT {
    margin-top: 1px;
    padding: 2px 0;
}

.ie7 #website-features.injected DIV.thumbnails {
    padding-bottom: 0;
}

.ie7 #website-features.injected DIV.inner {
    height: 61px;
}

.ie7 .tabs-injected .triggers {
    position: relative;
}

.ie7 #content .tabs-injected .inner {
    margin-top: -2px;
}

.ie7 #content .gallery-slideshow .slide {
    text-align: center;
}

.ie7 #content .gallery-slideshow .slide .caption {
    text-align: left;
}

.ie7 #calendar FIELDSET INPUT {
    padding: 2px 0 1px 0;
}

.ie7 #contact-us DIV.submission INPUT {
    padding: 0 2px;
}

.ie7 #contact-us FIELDSET {
    background: url(/assets/images/grey-repeater-line.gif) repeat-x left bottom;
    border: 0;
}

.ie7 #contact-us FIELDSET.last {
    background: none;
}

.ie7 FIELDSET.site-search OL INPUT {
    margin-top: 0;
}

.ie7 .tabs-injected UL#bills-list.square-bullets {
    margin-bottom: -10px;
}

.ie7 .alternate-rows LI.first {
    margin-bottom: -3px;
}

.ie7 #advanced-search FIELDSET LI LI {
    padding-top: 0;
}

.ie7 #advanced-search FIELDSET LI LI LABEL {
    width: 700px;
}

.ie7 .rte OL LI {
    margin-left: 24px;
}

/* Popup styles */
/****************/

.ie7 .main DIV.dp-popup {
    width: 295px;
}

/* Committees */
/**************/

.ie7 .committees #content .publications-and-records H4 {
    padding: 3px 8px 5px 8px;
}

.ie7 .grid,
.ie7 .grid.membership-carousel ul {
    zoom: 1;
}

.ie7 .wide-alternate .grid.cols-1.watch-listen {
    float: right;
}

/* Members, Lords and Offices */
/******************************/

.ie7 .mlo #members-filter-listing FIELDSET INPUT {
    padding-left: 5px;
    padding-right: 5px;
}

/* Works of Art */
/****************/

.ie7 .woa .two-column-with-wide-left-content #content-small .new-to-the-collection {
    background-position: left 25px;
}

.ie7 .woa .two-column-with-wide-left-content #content-small .new-to-the-collection .inner {
    height: 78px;
}

.ie7 .highlights-images {
    margin-bottom: 15px;
}


/* Education */
/**************/

.ie7 #content .tabs-injected .inner {
    margin-top: -1px;
}

.ie7 #content .tabs-injected H4.active {
    border-bottom: solid 1px #fff;
}

.ie7 .inquiries-a-to-z TD a {
    word-wrap: normal;
    word-break: keep-all;
    display: inline-block;
}


/* Breadcrumb */
/* Added in here in IE7.css to get the > to show in the breadcrumb of the items that wrap. */

.ie7 DIV#breadcrumb {
    font-size: 0.85em;
    margin-top: 10px;
    padding: 10px 0 10px 0;
}

.ie7 DIV#breadcrumb STRONG {
    font-weight: normal;
}

.ie7 DIV#breadcrumb UL,
.ie7 DIV#breadcrumb LI {
    display: inline;
}


.ie7 DIV#breadcrumb LI {
    display: inline;
}

.ie7 DIV#breadcrumb LI A {
    display: inline;
    zoom: 1;
    background: url(/assets/images/breadcrumb-arrow.gif) no-repeat right center !important;
    margin-right: 3px;
    padding-right: 12px;
}


.ie7 DIV#breadcrumb .inner {
    background: url(/assets/images/grey-repeater-line.gif) repeat-x left top;
    margin-top: -21px;
    padding-top: 10px;
}


.ie7 #content IMG {
    display: inline;
}

/* EDM pages */
.ie7 .edm #edm-search INPUT,
.ie7 .edm #edm-search SELECT {
    font-size: 0.9em;
}

.ie7 .edm #edm-search .inline {
    float: left;
    width: 100%;
}

.ie7 .edm #edm-search fieldset LI.no-label INPUT {
    width: 200px;
}

.ie7 .popup .details .signatures-list LI {
    width: 24.9%;
}

.ie7 .edm #edm-filter-listing A.question-mark-icon {
    top: 0;
}

.ie7 .edm #edm-filter-listing .topic-feed {
    position: relative;
}

.ie7 .edm #edm-filter-listing .topic-feed .print {
    position: absolute;
    right: 0;
}

.ie7 .edm #edm-filter-listing .firstSpriteButton {
    margin-left: 15px;
}

.ie7 .edm #edm-filter-listing .inline .showFilter {
    width: auto;
    zoom: 1;
    display: inline;
    float: left;
}

.ie7 .edm #edm-filter-listing TABLE THEAD TH.title {
    width: 447px; /* need to set width to prevent IE from breaking words */
}

.ie7 .no-js .edm #edm-filter-listing .tooltipInfo {
    display: block;
    zoom: 1;
    min-height: 50px;
    clear: both;
}

.ie7 #landing-advanced .thumbnail-image-list LI {
    padding-bottom: 10px;
}

/* Calendar */

.ie7 #calendar FIELDSET INPUT,
.ie7 #calendar FIELDSET BUTTON,
.ie7 #calendar FIELDSET OL,
.ie7 #calendar FIELDSET Ol LI {
    display: inline;
    zoom: 1;
}

.ie7 #calendar FIELDSET INPUT.submit {
    margin: 10px 0 0 5px;
    padding: 2px;
    vertical-align: top;
}

.ie7 #calendar FIELDSET {
    width: 295px;
}

.ie7 #listings #paper-listing li,
.ie7 .landing-page-tab {
    zoom: 1;
}

.ie7 table.jCalendar td {
    padding: 3px 6px !important;
    border: 1px solid #fff !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.ie7 table.jCalendar th {
    border: 1px solid #fff !important;
    border-collapse: collapse !important;
    padding: 3px 6px !important;
    margin: 0 !important;
    border-spacing: 0 !important;
}

.ie7 table.jCalendar tr {
    border: 1px solid #fff !important;
    border-collapse: collapse !important;
    padding: 3px 6px !important;
    margin: 0 !important;
    border-spacing: 0 !important;
}

/****** Lords Divisions *******/
.ie7 div.division-results A:active.ToggleView,
.ie7 div.division-results A:active.ToggleViewParty {
    color: #085196 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.ie7 div.division-results .ldaResultRightCell {
    width: auto;
}


/* Rolling Hansard and Lords Journal pages */
.ie7 #expandable-nav ul li a.plus,
.ie7 #expandable-nav ul li a.minus,
.ie7 .contents-1 ul li a.plus,
.ie7 .contents-1 ul li a.minus {
    height: 15px;
    width: 15px;
    margin: 0;
    padding: 0 7px 0 0;
}

.ie7 #expandable-nav .indent,
.ie7 .contents-1 .indent {
    zoom: 1;
}

/* Flash Zoom options*/
.ie7 .flash UL {
    padding: 15px 0 15px 110px !important;
}

.ie7 .event-filter label {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.ie7 .event-filter select {
    margin-top: 10px !important;
}


.ie7 div.filter a.question-mark-icon {
    top: -24px !important;
}

.ie7 div#pnlPublicationFilter.filter a.question-mark-icon {
    top: 0px !important;
}

.ie7 div.filter .help-text-popup li {
    height: auto !important;
}

.ie7 div.filter li {
    height: 30px !important;
}

.ie7 DIV.filter INPUT[type=button] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ie7 div.ui-datepicker {
    width: 256px !important;
}

.ie7 #bannerimage img {
    margin-left: 256px !important;
}

.ie7 #news-landing .news-hero.youtube-media embed {
    left: 0;
    top: 0;
    padding: 0px;
    position: absolute;
}

/* display tweak for Events Listing, Parliament Week filters */
.ie7 .filter .left SELECT.inline,
.ie7 .filter .right SELECT.inline .ie7 .event-filter .right input {
    margin-bottom: 0px !important;
}

.ie7 .filter .left,
.ie7 .filter .right {
    padding-bottom: 10px !important;
}

.ie7 .event-filter .right.filterbutton {
    padding-bottom: 0px !important;
}

.ie7 .event-filter .filterbutton {
    margin-bottom: 0px !important;
    position: relative;
    top: 11px;
}

.ie7 .event-filter .stdButton {
    width: 30px;
    border: 1px transparent;
}

.ie7 .category {
    clear: none !important;
}

.ie7 #bookmark-with UL {
    float: none !important;
    padding-bottom: 10px;
}

/* Comment styles below fix the issue in IE7 where there is no dividing dotted border
between separate comments if there is a reply to a comment */

.ie7 #view-comments-content .reply .commentname {
    border-top: none;
}

.ie7 #view-comments-content .reply .comment {
    border-bottom: 1px dotted grey;
}

/* follow parliament module */
.ie7 .followParliament H2 {
    font-weight: bold;
    padding: 7px 11px 9px !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

.ie7 .followParliament #followParliamentIconsWrapper {
    width: 300px;
    text-align: center;
    padding-left: 20px;
    width: 280px;
}

.ie7 .followParliament #followParliamentIconsWrapper div {
    float: left;
    vertical-align: middle;
    letter-spacing: normal;
    width: 40px;
}

.ie7 .followParliament #followParliamentIconsWrapper div span {
    font-size: 0.9em;
    display: block;
    width: 45px;
}

/**** end of follow parliament module ****/

/* Lords Journal */

.ie7 #lords-journal #bottom.colour-bar,
.ie7 #lords-journal #top.colour-bar {
    width: 780px !important;
}

.ie7 #lords-journal div.filter input[type=submit] {
    margin-top: -20px;
}

.ie7 #lords-journal.read #bottom.colour-bar,
.ie7 #lords-journal.read #top.colour-bar {
    width: 780px !important;
}

.ie7 #lords-journal #expandable-nav ul li ul li ul li span.leader span.preamble {
    margin-left: 0px !important;
}

/* END IE7 fixes */


.social-button {
    display: inline-block;
    width: 24%;
}

.two-column-wide-header #bookmark-with {
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.two-column-wide-header #bookmark-with .social-buttons-wrapper {
    float: right;
    width: 70%;
    text-align: right;
}

.two-column-wide-header #bookmark-with .social-button {
    padding: 8px 0 6px 0;
    width: auto;
}

.two-column-wide-header #bookmark-with .social-button-facebook {
    position: relative;
    top: -2px;
}

#gallery-artwork #bookmark-with .social-button-facebook {
    position: relative;
    top: -3px;
}

.two-column-wide-header #bookmark-with .social-button-twitter {
    margin-left: 30px;
}

.two-column-wide-header #bookmark-with .social-button-linkedin {
    margin-right: 15px;
}
    

.two-column-wide-header #bookmark-with h4 {
    float: left;
    background: none;
    padding: 12px 0 0 10px;
    width: 25%;
}


div.fb_iframe_widget iframe {
    position: static;
    float: left;
}

.holding {
    border-top: 10px solid #085196;
    margin-top: -11px;
    min-height: 400px;
    padding-top: 20px;
}

/* Image Gallery styles*/
/* Inquiry Arrows Previous Next */
#gallery-previous-next .arrows-previous-next {
    margin-bottom: 0;
}

#gallery-previous-next .arrows-previous-next LI A {
    font-size: 0.92em;
    font-weight: normal;
}

#gallery-previous-next .arrows-previous-next #previous A {
    background: url(/assets/images/arrow-0.92-previous.png) no-repeat left center;
    padding-left: 28px;
}

#gallery-previous-next .arrows-previous-next #next A {
    background: url(/assets/images/arrow-0.92-next.png) no-repeat right center;
    padding-right: 28px;
    text-align: right;
}

.viewAll ul.link-all {
    width: 220px;
    font-size: 0.9em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.placeholder {
    color: #808080 !important;
}

::-webkit-input-placeholder {
    color: #808080;
}

:-moz-placeholder {
    color: #808080;
    opacity: 1;
}

::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #808080;
}

/*Beta Banner*/
#beta-banner {
    background-color: #F4862B;
    margin-bottom: 10px;
    padding: 4px 8px;
}

#beta-banner-title {
    background-image: url("/assets/images/chevron_white.png");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 100%;
    margin: -4px 8px -4px 0;
    padding: 4px 20px 4px 0;
}

#beta-banner-text {
    font-size: 1.1em;
}

#beta-banner-text p {
    margin-bottom: 0;
}

#feedback-form-wrapper .border-wrapper {
    border: 1px solid #54337c;
    border-top: none;
    padding: 10px;
}
 #feedback-form-wrapper label {
    margin-top: 5px;
    font-weight: bold;
    display: inline-block;
    font-size: 10.5pt;
}

#feedback-form-wrapper .text-box {
    width: 420px;
    margin-left: 7px;
}
  
#feedback-form-wrapper a {
    cursor:pointer;
}

a#report-an-issue{
    display:none;
    font-weight:bold;
    background: transparent url("/assets/images/feedback-icon.png") left top no-repeat;
    padding: 0 0 2px 25px;
    height:22px;
    color: #6F6668;
}

div.improve-parl {
    background: transparent url("/assets/images/feedback-icon.png") left top no-repeat;
    display: block;
    padding: 2px 0 0 25px;
    font-size: 13pt;
    font-weight: 700;
    height: 22px;
    color: #6F6668;
}


#panel #cc-teaser-widget p{ margin-bottom: 0;}

.fsimage {
    position:absolute;
    top:0;
    left:-9999px;
}


.tabs-wrapper div.inner div.calendar-error, div.calendar-error {
    display: block;
    color: red;
    background: none;
    padding-top: 0;
}

#footer ul.parl-navigation-footer-links {
    margin-top: 0;
    float: left;
}

.parl-version-footer {
    float: right;
}


#hansardLink {
    padding-bottom: 10px;
}

#search-promo.hansard-promo {
    border: solid #aed0f3 3px;
    padding: 10px;
}

#search-promo #divDescription {
    margin-bottom: 10px;
    margin-top: 10px;
} 

.hansard-promo h3 {
    color: #085196;
}

#content img.new-window-icon {
    display: inline;
    margin: 0;
}