﻿

/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav,section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; font-size:62.5%;}

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h1, .news-date-title { font-size: 2em; margin: 0; line-height:100%;}
h2 { font-size: 1.65em; margin: 0; }
h3 { font-size: 1.96em; margin:0; color: #58a92d; margin-top:0.2em;}
h4 { font-size: 1.96em; margin: 0; color:#d0c206;  }
h5 { font-size: 0.83em; margin: 0; }
h6 { font-size: 0.75em; margin: 0; }
h1,h2,h3,h4,h5,h6, .news-date-title {line-height:1em;}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 0.5em 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }
    .Chart figure figcaption {text-align:center;}
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
button, input { line-height: normal; /* 1 */ }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible;  /* 3 */ }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

table { border-collapse: collapse; border-spacing: 0; width:100%;}

/**********************************
* CLEARFIX
***********************************/
.clearfix:after, .module-contents:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix, .module-contents { display: inline-block; }
html[xmlns] .clearfix, html[xmlns] .module-contents { display: block; }
* html .clearfix, * html .module-contents { height: 1%;}

/**********************************
* FONTS
***********************************/
/*Roman*/
body,#infoBox a, .body-content p, .history-section p,  .report-row ul, .office-services .contact
{font-family:Helvetica, Arial, Verdana,Sans-serif; font-weight:normal;}
/*Medium*/
#resultListing,#resultListing h3,.ui-dropdownchecklist-selector,#subservice-listing ul a, blockquote p.quote-text,.ContentHighlighter p, #officePage .description, strong ,
.board-member .description,  p.numbers, .intro-text, #serviceNo0-button, #serviceNo1-button, #serviceNo2-button, #serviceNo3-button,
.OfficeHighlighter .address, .OfficeHighlighter .contact, #legend li, #clocks.enabled li .time, .office-services .sub-contacts h3,
.big-fact .fact-units, .intro, h2, .news-title, .VacanciesHighlighter dt, h3, h4, h5, h6, #vacanciesList dt, .big-fact .fact-description, .big-fact .fact-figure, .FactSelector li p,
h1, #breadNav, #yearFilter, #newsType,#yearFilterList-button, .pager,blockquote p.quote-detail,span.caption-title,#sortOptions,.filter,.filter select,#numResults,
#resultListing.contacts .company-name,#a-z-letters li a,#a-z-letters li span,#infoBox,  .board-member .job-title, #historyTimeline .date, #historyPage ul li .year,#backToMap
#primaryNav ul li .subnav-holder, .read-more, .all-contacts, .LinkList .extra-link, .LinkList h3, #currentViewBox .view-all, .xsltsearch_title, .xsltsearch_form .input,
#resultType, #primaryNav ul .subnav-holder, .Teaser p, dl dt, table th, table td.red,table td.orange, .fulltextsearch_title, .news-date-title, #resultListing .date, strong,
.vessel-slider h3,
#resultListing .calendar,#service-facts li dd, .fact dd, #facts li span,.FactSelector li span,  #officeFacts li span,
#clocks li .time, #clocks li .date, .NewsHighlighter .calendar
{font-family:Helvetica, Arial, Verdana, Sans-serif; font-weight:bold; text-rendering:optimizeLegibility; letter-spacing:normal;}

/**********************************
* GRID COLUMN SETUP
***********************************/


.col, .no-margin .group .col { display: block; float:left; margin:1.7% 0 1.7% 1.7%; margin-bottom: 1.7%;
	padding-bottom: 0px; }

.OneThird {width:100%; float:none; clear:both;}
    .OneThird.holder {width: 32.16%; float:left; clear:none;}
.col.holder.Full {
margin-bottom: 1.7%;}

    .col { margin: 0% 0 2% 0%; padding-bottom:0px;}
.group {margin:0px 0px;}

.module-contents {padding:0px 5px;}
svg:not(:root) {
    max-width: 100%;
}
    /* make it black */
body, .FactSelector li div.number-holder p, #facts li div.number-holder p, .Chart h3, #clocks li .office-link a, #tagLine a, .Downloads p a, h1.solo, .solo h1, #breadNav, #breadNav a,
#subservice-listing ul a, #service-contact-listing h3, .VesselsHighlighter p, .NewsHighlighter h3 a, .white, #resultListing h2, #resultListing h3, #resultListing h3 a, 
.office-services .service h3, .office-services .contact h4  {color:black !important;}

    /* make it blue */
a, .module-contents h2, .module-contents h2 a, .Downloads p .download-filesize, #historyPage ul li .year span, #service-contact-listing .tel,
.report-row .downloads h3, h1.news-title, #officePage h1 {color:#00b5cc !important;}

/* GO AWAY */
.FactSelector li p .arrow, #facts li p .arrow, #footer, #theFlag, #primaryNav, #scrollbar, #clocks svg, #search, #boardListJumpNav, .arrow-holder,
.Service.col.OneFourth .icon-wrapper, .ui-selectmenu, .Service h3, .EmailAlerts, #yearFilter, #newsType, #resultType, .pager, #switchOfficeView,
#service-filters, #officeMap, #a-z-letters, #backToMap, .clock-face, .office-services .service .icon, #contactTypeFilter, #sortOptions, #contactFilters,
.fulltextsearch_form, .fulltextsearch_pagination, .ServiceHighlighter   {display:none !important;}

/* COME BACK */
#boardMembers.enabled .group, .service-list.enabled, #office-listing{
    display: block  !important;
}

#header {
    min-height: 0px;
}
#tagLine a {margin-left:0px;}
h1 {padding:0px; margin-left:0px;}
#wrapper {padding:0px;}
.max1180 {margin:0px !important; max-width:none;}
h1, h1.solo, .solo h1, #breadNav {padding-left: 20px;padding-right: 20px;font-size:3em;}

#breadNav {font-size: 2em;margin-top:0px;}
#breadNavWrap {margin-bottom:25px;}
#breadNavWrap .icon {width:60px;top:-8px;  }
#breadNavWrap.with-icon {padding-left: 70px;}

.body-content ul {list-style-type: disc;margin-left:4.5%;}
.body-content ul li {padding-left:0px;}
.body-content p {font-size: 1.3em; line-height:1.2;}
.body-content h2, .module-contents .body-content h2 {font-size: 1.6em;}

table {font-size:1.2em;}
table td, table th {padding:1%;}

.section-header {font-size:2.3em;}

.caption-image .caption-title {5px 5px 5px 0px;}
blockquote p {padding-left:0px;}
blockquote p.quote-text {font-size:1.6em;}

    /*page specific*/

#boardMembers.TwoThirds  {width:auto; float:none;}
#boardList {min-height: 0px;}
.board-member h2 {font-size: 2.5em;}
.board-member .description, #officePage .description  {font-size: 1.3em;}

#historyTimeline .date {display:none;}
#historyPage ul li, #historyPage ul li.oddItem {float: none;width: 50%;margin: 0px auto 30px auto;padding:0px;}
#historyPage h2 {font-size:2em; text-align:center;}
    #historyPage ul li .year span {background:none;}
    .history-section .year {position:static; padding:none;}
#historyPage ul li.oddItem .year {padding:0px;  right:0px;}
#historyPage ul li .year span {padding:none; display:inline;}
.history-section p {font-size:1.3em; padding:0px;}
.history-section h3 {margin-left:0px;}
#historyPage ul li.oddItem .arrow {display: none;}


.Service.col.OneFourth {width:auto;float:none;}
.Service p {min-height: 0px;}

.service-icon-holder {display: none;}
#service-header {width: auto;float: none;clear:both;}
.read-more.enabled {display:none;}
.long-copy.enabled {max-height:100%; height:auto; min-height:auto; overflow:visible;}
.long-copy {font-size: 1.3em;}

#subservices li {float:none;width:auto;min-height:0px;}


#subservice-listing ul li {font-size:80%;}

#resultListing .calendar, .NewsHighlighter li .calendar {width:40px; height:auto;padding-top:0px;}
#resultListing ul li, .NewsHighlighter ul.listing li, #resultListing.financialCalendar li {padding:10px 10px 10px 50px;}
#resultListing .date {font-size:1.4em}
#resultListing h2, #resultListing h3 {font-size: 1.4em;}

#office-listing li {min-width:0px;}
 #office-listing li .office-image, #office-listing li .office-text {width:auto; display:block;}

#officePage .description {margin-right:0px;}
#officePage .ThreeQuarters {border:none;}
.office-services .contact {width:32.16%; margin-right:3%; display:inline-block; border:none;}
.office-services .service h3 {padding-top: 0px;height: auto;font-size:1.6em;}
#officePage .OneFourth {width:auto;display:block;float:none;clear:both;}
.sub-contacts .accordion_content-content {position:static;}
.sub-contacts {display:block;clear:both; border-top:1px solid black;}


#contacts-directory {width:auto;float:none; display:block; clear:both;}
#resultListing.contacts ul li {display:inline-block; width:47%;}
#resultListing.contacts .contact-main, #resultListing.contacts .contact-details, #resultListing.contacts .photo {float:none; width:auto;}
/* module specific */

.FactSelector li span span.shift, #facts li span.shift, .shift {margin-left:0px; letter-spacing:normal;}

.intro-text, p.intro, .RawHTML p.intro {
    font-size: 2em;
}



.number-holder img {display:none;}

.FactSelector li div.number-holder p, #facts li div.number-holder p {
    position: static;
}
.FactSelector li div.number-holder span, #facts li div.number-holder span {margin-top:0px; font-size:2em;}
    .FactSelector li div.number-holder span span, #facts li div.number-holder span span {
        font-size: 1em;
    }
.FactSelector li, #facts li {min-height:0px;}

#clocks {padding:0px;}
    #clocks li {
        margin-bottom: 5px;
    }
#clocks.enabled {overflow:visible; height:400px !important; }
#clocks ul {width:auto !important; position:static !important;  }
#clocks.enabled ul {height:auto !important;}
#clocks.enabled li .time {
    display: block;
}


.ServiceOffices .service-map {margin:0 0 10px;}
