body {
    color: #545657;
	font-size: 15px;
	line-height: 1.5;
}

.xrm-attribute-value::-webkit-scrollbar {  
    height: 8px;
}  
.xrm-attribute-value::-webkit-scrollbar-track {  
    background-color: #43B1E1;  
    border-left: 1px solid #ccc;  
    border-radius: 10px;
}  
.xrm-attribute-value::-webkit-scrollbar-thumb {  
    border-radius: 10px;
    background-color: #001e62;  
}  
.xrm-attribute-value::-webkit-scrollbar-thumb:hover {  
    background-color: #142651;  
}  

.xrm-attribute-value
{
    overflow-x:auto;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 
{
line-height: 1.2;
}

table.content, .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-theme-none{
	background-color:white;
	border-spacing: 3px;
    border-collapse: separate;
}

table.content th, .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-theme-none th {
	background-color: #001e62;
	color:white;
	padding:10px;
}

table.content tr td, .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-theme-none tr td {
	background-color: #efefef;
	padding:10px;
	color:#333;
	padding:10px;
}

table.content tr:nth-child(even) td, .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-theme-none tr:nth-child(even) td{
	background-color: #e6e6e6;
	padding:10px;
	color:#333;
	padding:10px;
}

.col-md-9 .input-group .input-group-lg .visible-xs {
    display: block;
}

    .col-md-9 .input-group .input-group-lg .visible-xs .btn .btn-search {
        width: 100%;
    }

.dropdown-up {
    top: auto;
    bottom: 100%;
}

    .dropdown-up .dropdown-header i.fa {
        float: left;
        padding-top: 3px;
    }

    .dropdown-up .dropdown-header .username {
        display: block;
        margin-left: 12px;
    }

/* Page Elements */

a {
    color: #1486cc;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #136F98;
        text-decoration: underline;
    }

h1, h2, h3 {
    font-family: 'DM Sans', Verdana, Arial, sans-serif;
}

h1 {
    font-size: 45px;
    font-weight: 200;
    font-style: normal;
	color: #000000;
	letter-spacing: -2px;
}

h2, h3 {
    color: #BEC711;
}

h4 {
    font-size: 20px;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    font-size: 16px;
    font-family: 'DM Sans', Verdana, Arial, sans-serif;
}

    .breadcrumb a {
        color: #0978bd;
    }

    .breadcrumb > .active {
        color: #001e62;
    }

    .breadcrumb > li + li:before {
        content: '';
    }

    .breadcrumb > li:first-child {
        margin-right: 5px;
    }

.breadcrumb > li + li + li:before {
    padding: 0;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid #0978bd;
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
}

.breadcrumb > li + li + li.active:before {
    border-color: #001e62;
}

.page-header {
    margin: 20px 0;
    border: 0;
    padding: 0;
}

.page-heading {
    padding: 0;
}

#content {
    margin-bottom: 20px;
}

.sidebar {
    margin-top: 20px;
}

    .sidebar .child-navigation {
        margin: 0;
    }

        .sidebar .child-navigation.panel {
            border: none !important;
            box-shadow: none;
        }

        .sidebar .child-navigation .panel-heading {
            background-color: transparent;
            border: none;
        }

            .sidebar .child-navigation .panel-heading h3 {
                color: #000;
	            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	            font-size: 22px;
            }

        .sidebar .child-navigation.panel > .list-group:last-child .list-group-item:last-child {
            border: none;
        }

    .sidebar .list-group a {
        font-size: 17px;
        color: #1486cc;
        background-color: transparent;
    }

        .sidebar .list-group a:hover,
        .sidebar .list-group a:focus,
        .sidebar .list-group a:active {
            background-color: transparent;
        }

        .sidebar .list-group a.active {
            color: #000;
            background-color: transparent;
        }
		
		.sidebar .list-group a.list-group-item i.fa {
			font-size: 50%;
		}

    .sidebar .list-group-item {
        border: 0;
    }

		.sidebar .list-group-item .fa {
			font-size: 50%;
		}

    .btn
    {
        border-radius: 0px;
    }

.btn-primary {
    color: #fff;
    background-color: #001e62;
    border: none;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #0C1E4A;
    }

    .btn-secondary {
    color: #ffffff;
    background-color: #43B1E1;
    border: none;
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active,
    .btn-secondary.active,
    .open .dropdown-toggle.btn-secondary {
        color: #ffffff;
        background-color: #43B1E1;
    }

.btn-search {
    color: #fff;
    background-color: #cedc00;
    border: none;
    height: 60px !important;
    padding: 17px 16px;
    width: 120px;
}

    .btn-search:hover,
    .btn-search:focus,
    .btn-search:active,
    .btn-search.active,
    .open .dropdown-toggle.btn-search {
        color: #fff;
        background-color: #A4AE08;
    }

.btn-topsearch {
    color: #fff;
    background-color: #CACFD1;
    border: none;
    height: 60px;
    padding: 17px 16px;
}

    .btn-topsearch:hover,
    .btn-topsearch:focus,
    .btn-topsearch:active,
    .btn-topsearch.active,
    .open .dropdown-toggle.btn-topsearch {
        color: #fff;
        background-color: #979C9E;
    }

.content-highlight,
.content-search,
.content-popular,
.content-social {
    padding: 30px 0px 20px 0px;
}

.content-popular {
    padding: 30px 0 20px;
}

.content-social {
    background-color: #E7E9E9;
}

.content-highlight,
.content-popular {
    background-color: #F4F4F4;
}
.container .content-popular {
    background-color: transparent;
}

    .content-popular h1,
    .content-social h1 {
        color: #000;
        margin: 0;
        margin-bottom: 14px;
        margin-top:10px;
        font-family: 'DM Sans', Verdana, Arial, sans-serif;
        font-size:30px;
    }

    .content-popular h3,
    .content-social h3 {
        color: #46A3CB;
        font-size: 20px;
    }

.content-search .input-group {
    margin-bottom: 0;
    height: 60px;
    width:100%;
}

.content-search .input-group input[type='text'] {
    font-size: 25px;
    font-family: 'DM Sans', Verdana, Arial, sans-serif;
    font-weight: 200;
    color: #999;
    border: 0;
    background-color: #eff0f0;
    height: 60px;
	z-index: 12;
}

.social-header > div {
    margin-bottom: 30px;
}

.social-header h2,
.social-header h3 {
    margin: 0;
}

.social-header h1 {
    margin-bottom: 0px;
    margin-top:10px;
}

.socialmediamenuitem {
	height: 32px;
	width: 32px;
}

.shortcut-thumbnail {
    display: block;
    background-color: #fff;
    color: #46A3CB;
    text-decoration: none;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    min-height: 268px;
}

.shortcut-thumbnail .image-container {
    min-height: 168px;
    /*background-color: #fafafa;*/
}

    .shortcut-thumbnail .image-container img {
        height: auto;
        width: 100%;
        border: 0;
    }

    .shortcut-thumbnail:hover,
    .shortcut-thumbnail:focus,
    .shortcut-thumbnail:active {
        background-color: #46A3CB;
        color: #fff;
        text-decoration: none;
    }

    .shortcut-thumbnail .title {
        min-height: 68px;
        margin: 15px 0;
    }

    .shortcut-thumbnail h4 {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
    }

.twitter-heading {
    position: relative;
}

.twitter-title {
    display: inline-block;
    line-height: 24px;
}

.twitter-follow-button {
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    bottom: 1px;
}

.tweet {
    background-color: #6BBBE5;
    padding: 20px;
    color: #fff;
    position: relative;
}

    .tweet .arrow {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #6BBBE5;
        left: 21px;
        top: -11px;
    }

    .tweet a {
        color: #D0E6F5;
    }

        .tweet a:hover,
        .tweet a:focus,
        .tweet a:active {
            color: #516675;
        }

    .tweet p {
        margin-bottom: 30px;
        font-size: 15px;
    }

    .tweet .datetime,
    .tweet i.fa-twitter {
        position: absolute;
        bottom: 20px;
    }

    .tweet .datetime {
        font-size: 12px;
        left: 20px;
    }

    .tweet i.fa-twitter {
        font-size: 24px;
        right: 20px;
        color: rgba(255, 255, 255, 0.5);
    }

.content-highlight .page-copy {
    color: #000;
    font-size: 20px;
    margin-bottom: 30px;
}

.toc-item {
    margin-bottom: 20px;
}
	.toc-item a .fa {
		font-size: 50%;
	}

    .toc-item h3 {
    }
/* Mobile Styles */

.nav-mobile > li > button .icon-bar {
    background-color: #ffffff;
    height: 4px;
    width: 25px;
}

.panel-mobile-subnav {
    border: none;
}

    .panel-mobile-subnav .panel-default {
        background-color: #001e62;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-mobile-subnav .panel-heading {
        background-color: transparent;
        padding: 0 15px;
    }

    .panel-mobile-subnav a {
        color: #fff;
        display: block;
    }

        .panel-mobile-subnav a:hover,
        .panel-mobile-subnav a:focus,
        .panel-mobile-subnav a:active {
            text-decoration: none;
        }

.sidebar .panel-mobile-subnav .list-group a {
    font-weight: normal;
    color: #fff;
    background-color: transparent;
}

    .sidebar .panel-mobile-subnav .list-group a:hover,
    .sidebar .panel-mobile-subnav .list-group a:focus,
    .sidebar .panel-mobile-subnav .list-group a:active {
        background-color: transparent;
    }

    .sidebar .panel-mobile-subnav .list-group a.active {
        color: #1486cc;
        background-color: transparent;
    }

.mobile-navfull .caret {
    position: absolute;
    right: 15px;
    top: 17px;
    padding-top: 5px;
}

.mobile-navfull .nav > li {
    background-color: #001e62;
    margin-bottom: 10px;
}

    .mobile-navfull .nav > li > a {
        color: #fff;
        position: relative;
	    padding-top: 11px;
	    padding-bottom: 11px;
    }

        .mobile-navfull .nav > li > a:hover,
        .mobile-navfull .nav > li > a:focus {
            color: #1486cc;
            background-color: transparent;
        }

.mobile-navfull .nav .open > a,
.mobile-navfull .nav .open > a:hover,
.mobile-navfull .nav .open > a:focus {
    background-color: transparent;
}

.mobile-navfull .dropdown-menu > li > a {
    color: #fff;
}

    .mobile-navfull .dropdown-menu > li > a:hover,
    .mobile-navfull .dropdown-menu > li > a:focus {
        background-color: transparent;
        color: #1486cc;
    }

@media (max-width: 1200px) {

    .shortcut-thumbnail .image-container {
        min-height: 0px;    
    }

    .shortcut-thumbnail .image-container img {
    height: auto;
    max-width: 100%;
    border: 0;
    }
}

@media (min-width: 992px) {
    .content-popular .list-unstyled li.col-md-4 {
        width: 25%;
    }
}

@media (max-width: 992px) {
    .shortcut-thumbnail .image-container {
        min-height: 0px;
    }
}

@media (min-width: 768px) {
    .content-popular .list-unstyled li.col-md-4 {
        width: 25%;
    }
}

@media (max-width:767px) {
    .content-popular .list-unstyled li:last-child {
        display: block;
    }

    .content-popular .list-unstyled li .shortcut-thumbnail {
        min-height: 50px;
    }

    .content-popular .list-unstyled li .shortcut-thumbnail .title {
        min-height: 53px;
    }

    .content-popular .list-unstyled li .image-container {
        display: none;
    }

    .content-popular .list-unstyled:first-child li:first-child .image-container {
        display: block;
    }

    .content-popular .list-unstyled:first-child li:first-child .shortcut-thumbnail {
        min-height: 270px;
    }

    .content-popular .list-unstyled:first-child li:first-child .shortcut-thumbnail .title {
        min-height: 68px;
    }

    .content-highlight,
    .content-search,
    .content-popular,
    .content-social {
        padding: 25px 0;
    }

    .tweet {
        margin-bottom: 30px;
    }

    .container .footer{
        font-size:15px !important;
    }

   .btn-topsearch{
       height:50px;
   }
}


/*For changes June 20th, 2014*/

.mobile-button{
    width:100%;
    font-size:18px;
    height: 50px !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

#myiframecontainer {
    height:630px;
    overflow:hidden; 
}

#FindMyConstituencyIFrame {
    width:100%;
    height:650px; 
}

.collapse {
	margin-left: 12px;
	padding-left: 3px;
	border-left: solid 1px #979c9e;
}
.map-section a {
	display: block;
}


a.collapsed:after {
	content: "+";
	display: inline-block;
	border: 1px solid #545657;
	color: #545657;
	line-height: 9px;
	margin-left: 5px;
	vertical-align: middle;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}