/* reset CSS - this subtly breaks ribbon, chrome & webpart property controls :. commented out */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    line-height: 18px;
}

html, body, form {
    height: 100%;
}

/* Webfonts */
@font-face {font-family: 'CentraleSansMedium';src: url('webfonts/2A084D_A_0.eot');src: url('webfonts/2A084D_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2A084D_A_0.woff') format('woff'),url('webfonts/2A084D_A_0.ttf') format('truetype');}

select {
    font: inherit;
}

/* START SECTION - Element overrides */

h1 {
    font-size: 1.6em;
    margin-bottom: 17px;
	font-weight: bold;
}

h2 {
    font-size: 1.4em;
    margin-bottom: 10px;
	font-weight: bold;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
}

h4 {
    font-weight: bold;
}

a:focus {
    text-decoration: underline;
}

/* END SECTION - Element overrides */

/* START SECTION - Master page styles */
/* Body */
.bodyClass {
    font-family: Arial, Tahoma, Sans-serif;
    margin: 0px;
    padding: 0px;
    overflow: auto !important;
    /* note: font size will be output by accessibilty control */
}

.wrapper {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    clear: both;
}

.boxShadow {
    margin-left: auto;
    margin-right: auto;
    width: 964px;
}

/* Top bar */
.fullWidthBarArea {
    
}

.fullWidthBarContainer {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

    .fullWidthBarContainer .left {
        float: left;
		padding: 3px 0px 3px 0px;
    }

.skipToLinks {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 5px;
}

    .skipToLinks a {
    }

.fullWidthBarArea a, fullWidthBarArea a:hover, fullWidthBarArea a:visited {
    text-decoration: none;
}

.fullWidthBarArea a:hover {
    text-decoration: underline;
}

.accessibilitySwitcher {
    display: table-cell;
    vertical-align: bottom;
}

.accessiblitySwitcher_Wrapper a.selected {
    text-decoration: underline;
    font-weight: bold;
}

a.accessiblitySwitcher_FontSize1 {
    font-size: 12px;
}

a.accessiblitySwitcher_FontSize2 {
    font-size: 14px;
}

a.accessiblitySwitcher_FontSize3 {
    font-size: 16px;
}

.cookieMessage {
    padding: 20px 30px;
}

    .cookieMessage a {
        text-decoration: underline;
    }

    .cookieMessage input {
        padding: 5px 10px;
        cursor: pointer;
        font-weight: bold;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: none;
        float: right;
    }

    .cookieMessage input:hover {
        text-decoration: underline;
    }

/* Search*/

.searchBoxContainer {
    float: right;
    margin: 0px 10px 4px 0px;
}

.publicationsSearchBoxContainer {
    float: right;
    margin: 0px;
}

.searchBox {
    padding-top: 8px;
    padding-bottom: 4px;
    display:inline-table;
}

.publicationsSearchBox {
    display:inline-table;
}

    .searchBox label, .publicationsSearchBox label {
        padding: 2px 8px 0px 4px;
    }

    .searchBox input[type="text"] {
        border: 0px none;
        width: 150px;
        height: 24px;
        padding: 0px 5px 0px 5px !important;
        margin:0px !important;
        font-size: 12px;
    }

    .publicationsSearchBox input[type="text"] {
        width: 150px;
        height: 24px;
        padding: 0px 5px 0px 5px !important;
        margin:0px !important;
        font-size: 12px;
    }

    .searchBox a, .publicationsSearchBox a {
        float: right;
        height: 24px;
    }

/* Top banner/navigation */

.mastheadContainer {
    padding: 10px 0px 10px 0px;
    overflow: hidden;
}

.mastheadLogo {
    float: left;
    margin-left: 18px;
}

.mastheadStrapline {
    font-family: CentraleSansMedium, Arial, Tahoma;
    float: left;
    margin-left: 15px;
	margin-top: 15px;
    font-size: 1.2em;
}

.globalNavigation {
    margin-top: 4px;
}

    .globalNavigation ul, .globalNavigation li, .globalNavigation a {
        margin-right: 0px !important;
        display: inline !important\9;
    }

    .globalNavigation a.menu-item, .globalNavigation a:visited {
        padding: 5px 15px 5px 15px;
        margin-top: -4px;
        /*border-top: solid 4px #dedede !important;*/
    }

    .globalNavigation .ms-core-listMenu-horizontalBox ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .globalNavigation a.selected {
    border-top: solid 4px #940031 !important;
    }

.verticalNav {
    float:left;
    width: 218px;
    margin: 0px 24px 10px 0px;    
}

    .verticalNav ul {
        padding: 0px;
        margin: 0px;
    }

    .verticalNav .verticalNavSpacer {
        height: 3px;
        /*line-height: 1px;
        margin-right: 10px;*/
    }

    .verticalNav li, .verticalNav a {
        padding: 0px !important;
    }

    .verticalNav a, .verticalNav a:hover, .verticalNav a:visited {
        display: block;
        padding: 5px 15px 5px 15px !important;
        text-align: right;
    }

    .verticalNav a:hover {
        text-decoration: underline;
    }

    .verticalNav a.selected {
        font-weight: bold;
        margin-right: 0px;
    }

    .verticalNav hr {
        display: none;
    }


.breadcrumbPlaceholder {
	padding-bottom: 5px;
}

    .breadcrumbContainer {
        margin: 10px;
        float: left;
        font-size: 0.9em;
    }

    .breadcrumbContainer a {
        text-decoration: underline;        
    }

/* Content */
.column {
    padding: 0px 0px 20px 0px;
}

    .column ul, .column ol {
        margin-left: 10px;
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .column ul li, .column ol li {
        padding: 5px;
    }

    .column a {
        text-decoration: underline;
    }

    .column a:hover {
        color: #940031 !important;
    }

    .column.right {
        float: right;
        width: 720px;
    }

    .column .padded {
        padding: 0px 20px 0px 20px;
    }
	
	.column .box {
		padding: 10px;
		-moz-border-radius: 5px;
        border-radius: 5px;
	}

	.column .twoColLayout-Left {
		width: 690px;
		margin-right: 20px;
        float: left;
	}

	.column .twoColLayout-Right {
		width: 200px;
		float: right;
	}

    .column.right .twoColLayout-Left {
        width: 470px;
        margin-right: 20px;
    }

    .column.right .twoColLayout-Right {
        width: 190px;
        float: right;
    }

    .column.right .twoColLayout-Right .ms-webpartzone-cell {
        margin-bottom: 0px; /* Take margin from bottom of the web part zones in the right hand column. */
    }


.imageAndCaptionContainer {
    margin-bottom: 25px;
    margin-right: 20px;
    margin-left: 20px;
}

.imageAndCaption {
    padding: 15px 15px 15px 15px;
}

    .imageAndCaption .image, .imageAndCaption .caption {
        float: left;
    }
	
	.imageAndCaption .image {
		margin-right: 20px;
	}

    .imageAndCaption .caption {
        width: 345px;
    }

.cqwp-publication-featured {
    margin-bottom: 5px;
}

    .cqwp-publication-featured .icon, .cqwp-publication-featured .details {
        display: inline-block;
    }

    .cqwp-publication-featured .icon {
        margin-right: 5px;
    }

    .cqwp-publication-featured .details {
        vertical-align: top;
        width: 545px;
    }

    .cqwp-publication-featured .title, .cqwp-publication-featured .publication-date {
        margin-bottom: 5px;
    }

.pageContentContainer {
    width: 964px;
    margin-left: auto;
    margin-right: auto;
}

.contentContainer {
    padding-bottom: 350px; /* Padding here should be desired height plus desired padding */
}

/* Footer */
.fullWidthBarAreaFooter {
    margin-top: -330px; /* Negative margin should be minus the desired height. */
    height: 330px; /* Height should be desired height less padding */
    clear: both;
    width: 964px;
    margin-left: auto;
    margin-right: auto;
}

.footerContainer {

}

.footerSitemapContainer {
    padding-top: 20px;
}

.footerSitemapContainer ul {
    float: left;
    width: 230px;
}

.footerSitemapContainer li {
    height: 25px;
}

.footerLinksContainer {
    font-size: 12px; /* Fix so resizing doesn't flow onto new line */
    padding-bottom: 10px;
}

.copyrightLinks {

}

.furtherLinks {
    text-align: right;
}

.footerContainer a:hover {
    text-decoration: underline;
}

.footerContainer ul.vertical li:first-child {
    min-height: 30px;
}

.footerContainer ul.vertical .heading {
    font-size: 1.2em;
    font-weight: bold;
}

/* Left spacing */
.skipToLinks {
    padding-left: 20px;
}

.footerSitemapContainer {
    margin: 0px 20px 5px 20px;
}

.footerLinksContainer {
    margin: 0px 20px 0px 20px;
}

/* END SECTION - Master page styles */

/* Utility styles */
.clear {
    clear: both;
    line-height: 0px;
    height: 0px;
    font-size: 0px;
}

.textOnly {
    display: none;
}

.hide {
    display: none;
}


.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignRight {
    text-align: right;
}

.alignCentre {
    text-align: center;
}

input.linkButton {
    background: none;
    border: none;
    cursor: pointer;
}

.tooltip {
    border-bottom: 1px dashed grey;
}

.socialBookmarks {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Common element styles */
input.linkButton:hover {
    text-decoration: underline;
}

ul.horizontal, ul.vertical {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.horizontal, ul.horizontal li {
    display: inline;
}

/* Flags */
.variationsSwitcherContainer {
    float: right;
    margin-top: 2px;
	min-width: 1px;
}

.variationsSwitcher .flag {
    display: inline-block;
    margin: 0px;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
}
	.variationsSwitcher .flag:hover {
		text-decoration: underline;
	}
	
	.variationsSwitcher .flag:first-child {
		border-left: none;
	}

	.flag.current {
        font-weight: bold;
    }

/* SharePoint override styles */
.edit-mode-panel {
    margin-top: 10px;    
}

#dialogTitleSpan {
    display: none;
}

/* jQuery pagination styles */
.pager, .server-pager {
    float: right;
}

ul.paged {
    clear: both;
}

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0 !important;
	margin: 10px 0 !important;
}

.simple-pagination li {
	list-style: none;
	padding: 0 !important;
	float: left;
}

.qaa-theme a, .qaa-theme span {
	float: left;
	font-weight: normal;
	text-align: center;
	padding-left: 5px;
    padding-right: 5px;
}

.qaa-theme .current {
	cursor: default;
    font-weight: bold;
}

.qaa-theme .current.next, .qaa-theme .current.prev {
    display: none;
}

.qaa-theme .ellipse {
	font-weight: bold;
	cursor: default;
}

/* Buttons */
div.button, .accordionDownloadButton {
	text-align: center;
	cursor: pointer;
	padding: 5px;
	text-decoration: none;
}

    div.button a, .accordionDownloadButton a {
        display: block;
	    text-decoration: none !important;
    }
		
	div.button a:hover, .accordionDownloadButton a:hover {
		text-decoration: underline !important;
	}

.accordionDownloadButton {
    float: right;
}

/* Autocomplete */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

/* Colours */
/* Text */
.dark-grey-text,
.bodyClass, h1,
.home-highlight-box-1 > h2,
.home-padded > h2,
h4,
.column a,
.variationsSwitcher .flag,
.globalNavigation a,
.verticalNav a,
.breadcrumbContainer, .breadcrumbContainer a, .breadcrumbContainer a:hover, .breadcrumbContainer a:visited, 
.home-highlight-box-1 a, .home-highlight-box-1 a:visited,
.mastheadStrapline,
.WebsiteFileAssemblyVersion,
.accordion > h3
{
	color: #2d373f !important;
}

.dark-green-text, h2, h3 {
	color: #117d8a !important;
}

/* Put here to overwrite h3 style above. */
.accordion > h3 {
    color: #2d373f !important;
}

.light-grey-text {
	color: #a2a7ab !important;
}

.red-text,
.globalNavigation a:hover, .globalNavigation a.selected,
.home-highlight-box-1 a:hover {
	color: #940031 !important;
}

.white-text, 
.fullWidthBarContainer, .fullWidthBarArea a, fullWidthBarArea a:hover, fullWidthBarArea a:visited,
.footerContainer, .footerContainer a, 
.publicationsSearchBox label, .searchBox a, .publicationsSearchBox a,
div.button, div.button a, div.button a:hover, div.button a:visited, 
.home-highlight-box-2, .home-highlight-box-2 a, .home-highlight-box-2 a:hover, .home-highlight-box-2 a:visited,
.verticalNav a.selected {
	color: #FFF !important;
}

.publicationsSearchBox input[type="text"], .searchBox input[type="text"] {
    color: #000 !important;
}

/* Backgrounds */

.dark-green-background,
.home-highlight-box-2,
div.button.green, div.button.home,
.verticalNav a.selected
 {
	background-color: #117d8a !important;
}

.medium-green-background  {
	background-color: #6fa6ad !important;
}

.light-green-background, 
.verticalNav a, .verticalNavSpacer,
.home-highlight-box-1 {
	background-color: #e2f3f4 !important;
}

.white-background,
.breadcrumbPlaceholder,
.contentContainer,
.publicationsSearchBox, .publicationsSearchBox a,
.column, .cookieMessage input, .mastheadContainer, .globalNavigation {
	background-color: #FFF !important;
}

.dark-grey-background, 
.fullWidthBarArea, .searchBox, .searchBox a,
div.button.grey,
.medium-grey-background-2,
.footerContainer  {
	background-color: #2d373f !important;
}

.bodyClass,
.medium-grey-background-1,
.imageAndCaption,
.light-grey-background,
.fullWidthBarAreaFooter {
	background-color: #dedede !important;
}

.publicationsSearchBox input[type="text"], .searchBox input[type="text"] {
    background-color: #ebeced !important;
}

/* Placeholder colour */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #5e5e5e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #5e5e5e;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #5e5e5e;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #5e5e5e;
}

.red-background,
div.button.red {
	background-color: #940031 !important;
}

/* Drop shadow just left and right */
.fullWidthBarAreaFooter, .wrapper {
    
    -moz-box-shadow: 0 -1px 0px 0px #dedede,     /* Top */
                     0 -1px 0px 0px #dedede,      /* Bottom */
                     10px -1px 5px -8px #888,      /* Left */
                     -10px -1px 5px -8px #888;     /* Right */

    -webkit-box-shadow: 0 -1px 0px 0px #dedede, 
                        0 -1px 0px 0px #dedede, 
                        10px -1px 5px -8px #888, 
                        -10px -1px 5px -8px #888;

    box-shadow: 0 -1px 0px 0px #dedede, 
                0 -1px 0px 0px #dedede, 
                10px -1px 5px -8px #888, 
                -10px -1px 5px -8px #888;
}

/* Border/outline styles */

hr.dark-grey-hr {
	border-top-color: #2d373f !important;
}
.footerContainer hr {
    border-top-color: #117d8a !important;
}

hr.dark-green-hr{
	border-top-color: #117d8a !important;
}

.variationsSwitcher .flag {
	border-left: 1px solid #2a343d;
}

.imageAndCaption .image img {
    border: solid 3px #FFF !important;
}

a:focus {
    outline: dotted 2px Orange;
}

.publicationsSearchBox input[type="text"] {
    border-top: solid 1px #aaaaaa !important;
    border-right: none !important;
    border-bottom: solid 1px #aaaaaa !important;
    border-left: solid 1px #aaaaaa !important ;    
}

.publicationsSearchBox a {
    border-top: solid 1px #aaaaaa !important;
    border-right: solid 1px #aaaaaa !important;
    border-bottom: solid 1px #aaaaaa !important;
    border-left: none !important;    
}

/* Adhoc styles for page elements */

.QC-chapter-description{
    width: 80%;
}

a .largeButtonText{
    padding-top: 15px;
    margin-bottom: 40px;
}

.largeButtonHeading {
    margin-bottom:10px;
    font-size: 1.2em;
    font-weight: bold;
}

a:hover .largeButtonHeading, a:focus .largeButtonHeading  {
    color: #117d8a;
    text-decoration: none !important;
}

.column a .largeButtonDescriptionText, a .largeButtonHeading {
     color: #404041;
     margin-left: 20px;
     text-decoration: none !important; 
}

.largeButton{
    text-decoration: none !important;
    clear: left;
}

a.largeButton a:focus{
    text-decoration: none !important;
}

.rightFeatureBox{
    width: 90%; 
    margin-bottom: 20px;  
}

.rightFeatureBoxHeading {
    font-weight: bold;
    background-color: #117d8a;
    color: #fff;
    padding: 5px 0 5px 10px;
}

.rightFeatureBoxContent {
    background-color: #e2f3f4;
    color: #000;
    padding: 5px 0 5px 10px;
}
    .rightFeatureBoxContent a{
        text-decoration: none;
    }

.byo-button{
    background-color: #117d8a !important;
    border: 1px solid #117d8a !important;
    color: #fff !important;
    width: 90%;
    padding: 5px 0 5px 10px;
    text-align: center;
    margin-right: 20px !important;
    margin-bottom: 10px;
    font-weight: bold;
    margin-left: 0 !important;
    font-size: 1em !important;
}
    .byo-button:hover{
        background-color: #0c525c !important;
        border: 1px solid #0c525c !important;
        color: #fff !important;
    }

.contact-us-Submit{
	background-color: #117d8a !important;
	border: 1px solid #117d8a !important;
	color: #fff !important;
	width: 100px;
	float: right;
	padding: 5px 0 5px 10px;
	text-align: center;
    margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-left: 0 !important;
	font-size: 1em !important;
}
	.contactUs-Submit:hover{
		background-color: #0c525c !important;
		border: 1px solid #0c525c !important;
		color: #fff !important;
	}

/* End adhoc styles */

/* Search overrides */

/* Hide preview hover panel search */
.ms-srch-hover-outerContainer
{
    display: none !important;
}

/* Set search results to take up moe of the page */
.ms-srch-item,
.ms-srch-bestBetItem,
.ms-srch-item-visualBestBet,
.ms-srch-item-personalResult,
.ms-srch-people-item
{
    width: 95% !important;
}

.ms-srch-item-body
{
    width: 100% !important;
}

/* End Search overrides  */