/* Dual media */
@media screen,print {

/*Undo inconsistent browser standards */
:link,:visited { text-decoration:none }
ul, ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
img { border: none }
a img,:link img,:visited img { border:none }
address { font-style:normal }
table { font-size: 1em; }
}
/* ----------------------------------- */





/* Screen media */
@media screen {

/* ##### Common Styles ##### */
.doNotDisplay { display: none; }
.central { text-align: center; }
.pre { font-family: monospace; }
.error { color: red; }
.normal { font-variant: normal; }
.righted { text-align: right; }
.clear { clear: both; }
.smallcaps { font-variant: small-caps; }

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 81% !important;  /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
color: #000000;
background-color: #336666;
}

html > body { font-size: 10pt; }

a {
color: #A0282E;
background-color: transparent;
text-decoration: none;
}

a:hover { text-decoration: underline; }
a:active { outline: none !important; }

p {
line-height: 1.25em;
margin-bottom: 1em;
}

acronym {
cursor: auto;
border: none;
}

acronym:hover {
font-weight: bold;
}

table { margin-top: 1.5ex; }
td { padding: 0 3ex 1ex 0; }
td, th { vertical-align: top; }

h1#mainH1 span {
display:none;
}

h2 {
margin: 3ex 0 1.25ex 0;
padding: 0;
font-size: 111%;
color: #a0282e;
}

h2.firstHeading {
margin-top: 0;
margin-bottom: 2.5ex;
font-size: 150%;
color: #a0282e;
text-align: center;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}

h3 { margin: 2ex 0 1ex 0; font-size: 107%; }

hr { width: 50%; text-align: center; margin: 4ex auto; }

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




/* Styles concerning the outer layout of the page: */
#wrapper {
height: 480px;
/* This causes differences in IE with the box-model: */
/* Also do not change this value without modifying the JavaScript which uses it: */
/*border: 1px solid #a0282e;*/
position: absolute;
top: 52px; /* Do not change this value without modifying the JavaScript which uses it. */
background: transparent;
}

#border-top {
width: 280px;
position: absolute;
left: 245px;
top: -35px;
z-index: 3;
background: #336666;
text-align: center;
}

#border-right {
background: #336666;
position: absolute;
z-index: 3;
top: 98px;
right: -102px; /* Do not change this value without modifying the JavaScript which uses it. */
padding: 10px 0 18px 0;
}

#border-bottom {
width: 360px;
position: absolute;
padding: 0 20px;
z-index: 3;
background: #336666;
text-align: center;
}

#border-left {
text-align: center;
background: #336666;
position: absolute;
z-index: 40;
left: -57px;
padding: 13px 0 7px 0;
}

#border-left li, #border-right li {
text-align: center;
line-height: 0px;
}

#border-left li.border-left-dropdown ul, #border-left li.border-left-dropdown2 ul { display: none; }

#border-left li:hover.border-left-dropdown ul, ul#border-left li.dropdownOver ul, #border-left li:hover.border-left-dropdown2 ul, ul#border-left li.dropdownOver2 ul {
display: block;
position: absolute;
left: 113px;
border-top: 2px solid #B1C4C4;
border-right: 2px solid #203F3F;
border-bottom: 2px solid #203F3F;
border-left: 2px solid #B1C4C4;
background: #75b9ba;
padding: 0 5px 3px 5px;
white-space: nowrap;
z-index: 40;
}
#border-left li.border-left-dropdown ul li, #border-left li.border-left-dropdown2 ul li {
text-align: left !important;
/*text-shadow: 3px 3px 5px red;*/
}

#border-left li:hover.border-left-dropdown ul, ul#border-left li.dropdownOver ul  { top:72px; }

#border-left li:hover.border-left-dropdown2 ul, ul#border-left li.dropdownOver2 ul { top:176px; }
/* --------------------------------------------------- */




/* The styles that affect the main text area: */
#main-copy {
position: absolute;
left: 85px;
top: 70px;
text-align: justify;
overflow: auto;
padding: 15px 25px;
z-index: 31;
outline: none; /* Important for JS rollovers: after AJAX load, focus given to main-copy so as to remove visited link outline */
}

.homeInfo img, #aboutPage img {
float: left;
margin-right: 1.5ex;
}

#text-background {
position: absolute;
left: 85px;
top: 70px;
background-color: #75b9ba;
width: 615px;
height: 360px;
z-index: 2;
}

#text-edges {
position: relative;
left: 75px;
top: 60px;
width: 648px;
height: 393px;
z-index: 3;
}

#loading {
position: absolute;
left: 275px;
z-index: 50;
}
/* --------------------------------------------------- */




/* For the home page display of the roundel, and for non-display of it elsewhere: */
#roundel, #roundelJS {
position: absolute;
top: 157px;
left: 412px;
z-index: 40;
background: transparent;
}

#roundelJS { display: none; }
/* --------------------------------------------------- */



/* For the pages that link from the home page:  */
.homeInfo h2, .homeInfo h3,  .homeInfo h4 {
text-align: center;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}

.homeInfo h2 {
margin-top: 0;
margin-bottom: 2.5ex;
font-size: 150%;
color: #a0282e;
}
.homeInfo h3 { margin-bottom: 3.75ex; line-height: 3ex; font-size: 90%; }
div.homeInfo { margin-bottom: -1em; padding-bottom: 0; }

.homeInfo h4 {
margin-top: 3ex;
margin-bottom: 1.5ex;
font-size: 90%;
}
.homeInfo ul {
list-style: disc outside;
margin: 0 0 1em 1em;
}

/* Now specifically for the lists on these pages: */
ul#home-links, ul#client-list { 
list-style: none inside;
}

ul#home-links { margin: 2ex 0 0 3.5ex; line-height: 3ex; }
ul#home-links li { margin: 1ex 0;  display: inline; }
ul#home-links img { display: none; }

/*ul#home-links li.home-links1 { font-size: 130%; font-weight: bold; }*/
ul#home-links li.home-links2 { font-size: 111%; margin: 1.5ex 0 0.5ex 0; padding: 0 0 0 0.5ex; font-weight: bold; }
ul#home-links li.home-links3 { padding: 0 1.5ex; }
ul#home-links li.home-links4 { padding: 0 1.5ex 0 0; }
/*
ul#home-links li.home-links2 { font-size: 111%; padding-left: 2.5ex; font-weight: bold; }
ul#home-links li.home-links3 { padding-left: 6ex; }
*/

ul#home-links img {
vertical-align: -25%;
margin-right: 1.2ex;
}

p#home-links-sitemap {
position: absolute;
top: 326px;
left: 120px;
font-weight: bold;
}


img#home-links-rics {
margin: 0;
padding: 0;
position: absolute;
top: 315px;
left: 8px;
}

#scope_of_facilities_image {
margin: 2.5ex 0 0 0 !important;
float: none !important;
clear: both;
}

img#carbon_footprint_image {
padding: 1.5ex 0 1.5ex 1.5ex
}
/* --------------------------------------------------- */



/* For the client list:  */
ul#client-list img { margin-right: 1.2ex; }

ul#client-list { margin: 3ex 0 -3.8ex 4ex; }
ul#client-list li { margin: 2ex 0; }
ul#client-list li div { margin: 0.5ex 0 0 5.75ex; line-height: 3ex; }
ul#client-list li div object { outline: none; }

span.sector-clients {
position: relative;
left: 7ex;
color: black;
cursor: auto;
}

div.sector-click span.sector-clients {
display: inline !important;
}

.market-sector {
color: #A0282E;
font-style: italic;
font-weight: bold;
}

div.sector-folder {
color: #A0282E;
width: 430px;
cursor: pointer;
}
/* --------------------------------------------------- */



/* News styles. */
li.news { clear: both; }
li.news h3 span { font-style: italic; font-size: 90%; }
li.news p { margin-bottom: 4ex; }
img.newsImageLeft { float: left; padding: 0 7px 1em 0; position: relative; top: 3px; }
img.newsImageTop { padding-bottom: 1ex; }
/* ---------------------- */




/* Downloads. */
h3.downloads { margin-top: 4ex; margin-bottom: 2ex; font-size: 105% }
h3.downloads span { font-size: 80%; }
span.required { color: red; margin:0;padding:0;}
#filesizeTotal { margin-right: 2ex; }
#downloadsNameError, #downloadsEmailError { color: red; font-size: 90%; font-style: italic; padding-top: 0.5ex; }
#downloadsFileError { color: red; font-size: 111%; font-style: italic; text-align: center; margin-bottom: -1em; }
#submitDownload { float: right; }
#filelist p.downloads-section {
background-color: #5b95af;
color: #ffffff;
margin: 2.5ex 0 1ex 0;
padding: 0 0.5ex;
font-weight: bold;
clear: both;
height: 2.65ex;
}
#filelist p.downloads-file-list {
float: left;
width: 95%;
font-weight: bold;
}
.downloads-file-list span { font-style: italic; font-weight: normal; font-size: 93%; }

#filelist p.download-checkbox {
float: right;
padding-top: 0.8ex;
}
/* ---------------------- */


/* About page */
#aboutPage h3 {
color: #a0282e !important;
margin: 3ex 0 1.25ex 0 !important;
padding: 0 !important;
font-size: 107% !important;
}

#aboutPage table th {
display: none;
}

/* Privacy Policy */
#privacy_policy h3 { margin-top: 3ex; }
#privacy_policy ul { list-style-type: disc; margin: 2.5ex 3ex 4ex 3ex; }
#privacy_policy ul li { margin-bottom: 1ex; }

/* Contact page */
#googleMap {
width: 265px;
float: left;
clear: left;
}

#contactInfo {
float: left;
position: relative;
left: 4ex;
font-size: 90%;
}

.majorContact {
margin-top: 1.5ex;
margin-bottom: 3ex;
white-space: nowrap;
}

.minorContact {
line-height: 1ex;
}

#contactKingsHouse {
position: absolute;
top: 14px;
right: 10px;
}

#contactCareers {
font-weight: bold;
position: absolute;
top: 135px;
right: 25px;
}


/* Contact Form Page */
#contactFormIntro {
text-align:center;
margin-bottom:0;
padding-bottom:0;
}

#contactForm table {
margin: 3ex 0 0 15%;
padding:0;
}

#contactForm table td {
white-space: nowrap;
}

.contactFormError { color: red; font-size: 90%; font-style: italic; padding-top: 0.5ex; }

/* Careers Page */
#careersPage ul  {
list-style: disc inside;
margin-bottom: 1em;
}


/* Benchmarking Page */
#benchmarkingLeft {
float: left;
}
#benchmarkingRight {
float: right;
}
#benchmarkingOptions td{
vertical-align: middle !important;
white-space: nowrap;
}
#benchmarkingOptions input{
position: relative;
bottom: 2px;
padding-right: 2px;
}
.benchmarkingOptionsImg {
width: 40px;
padding: 0 0 0.5ex 0;
}

p#submission {
clear: both;
padding: 1.5ex 0 0 0;
height: 0;
line-height: 0;
}
span#mandatory {
text-align: left;
display: block;
line-height: 0;
}
span#submitBenchmark {
text-align: center;
display: block;
line-height: 0;
margin-top: -1.5ex;
}
.benchmarkError {
color: red;
text-align: center;
font-variant: small-caps;
padding-bottom: 0;
margin: 3ex 0 -1.5ex 0;
font-weight: bold;
}
.benchmarkOptImg {
width: 49px;
height: 44px;
}
#benchmarkGraph {
text-align: center;
padding-top: 2ex;
margin: 2ex auto 0 auto;
}
#benchmarkingNotes {
margin-top: 1ex;
text-align: center;
}
#benchmarkingContact img {
vertical-align: -18%;
}
ul#benchmarkingDownloads {
list-style: disc inside;
margin-bottom: 1em;
line-height: 2.75ex;
}
ul#benchmarkingDetailed {
font-size: 93%;
list-style: disc inside;
margin-bottom: 1.25em;
}


/* EU Construction Efficiency */
#euConstruction {
margin-bottom: -1ex;
padding-bottom: 0;
}

#euConstruction p.flag {
float: left;
}

#euConstruction h2.firstHeading {
float: left;
width: 436px;
}

#euConstruction h2 {
font-size: 107%;
color: #000000;
word-spacing: 3px;
line-height: 1.5em;
}

#euConstruction h3 {
font-size: 100%;
}

td#euFlag2 {
padding-right: 0;
}

#euConstruction table {
width: 100%;
border: none;
}

#euConstruction img.reportImage { margin-bottom: 2ex; }

#euConstruction #ifpiNotice {
background: #FFFFFF;
color: #000000;
font-size: 93%;
width: 100%;
margin-top: 1ex;
border-top: 3px solid #B1C4C4;
border-right: 3px solid #203F3F;
border-bottom: 3px solid #203F3F;
border-left: 3px solid #B1C4C4;
}

#euConstruction #ifpiNotice td { padding: 1ex; }
#euConstruction .imgCaption { margin-bottom: 0.6ex; }

#euConstruction span.book {
font-style: italic;
font-weight: bold;
}

form#euconLogin {
text-align: center;
}

#euconLogin table {
background: #5B95AF;
width: 40%;
color: #FFFFFF;
text-align: left;
border-top: 3px solid #B1C4C4;
border-right: 3px solid #203F3F;
border-bottom: 3px solid #203F3F;
border-left: 3px solid #B1C4C4;
margin: 0 auto 2ex auto;
}

#euconLogin td {
padding: 1ex;
}

#euconPassword {
text-align: right;
}

#loginMsg {
color: #000000;
text-align: center;
margin: 3ex 0;
font-style: italic;
}

#euconDownloads p.fileName {
padding-right: 3ex;
width: 78%;
float: left;
font-weight: bold;
text-align: left;
}

#euconDownloads p.fileName span {
font-weight: normal;
font-size: 80%;
}

#euconDownloads p.fileSize {
float: right;
text-align: right;
}

ul.euconMenu{
position: relative;
float: left;
display: block;
}

ul.euconMenu li {
float: left;
list-style-type: none;
padding: 0 2ex;
font-weight: bold;
}

p.euconMenu {
clear: both;
margin: 0;
padding: 0;
line-height: 0px;
}

#euConstruction .leftPadded {
padding-left: 7.5ex;
}

#euConstruction hr {
margin-top: 3ex;
margin-bottom: 2ex;
}

#euConstruction .infoPane {
text-align: center;
border: 1px solid #336666;
font-variant: small-caps;
padding: 1ex;
margin-bottom: 0;
}

#euConstruction h3.firstHeading {
font-variant: small-caps;
}
/* ----------------------------------- */

}
/* End of screen styles. */

/* Print media */
@media print {
.doNotPrint {
display: none;
}

body {
font-family: "Times New Roman", Times, serif;
font-size: 96%;  /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
color: #000000;
background-color: transparent;
}

html > body {
font-size: 12pt;
}

.onlyPrint {
display: inline !important;
}

p {
line-height: 1.25em;
margin-bottom: 1em;
}

a {
text-decoration: none;
color: #000000;
}

acronym {
border: none;
}

#wrapper { border: none !important; }

#border-top-print {
font-size: 300%;
text-align: center;
}

ul {
list-style-type: disc !important;
}

#home-links img, #client-list img {
display: none;
}

#client-list {
margin-left: 5ex;
}

#client-list li {
margin-bottom: 2ex;
}

.sector-clients {
display: inline !important;
}

.market-sector {
font-style: italic;
font-weight: bold;
}

#roundel img, #roundelJS img {
padding-top: 5ex;
margin-left: 12em;
}

#main-copy {
width: 77%;
text-align: justify;
margin-top: 2.5ex;
}

#filelist p.download-checkbox {
display: none;
}

p#submitDownload {
display: none;
}

.downloads-section {
font-weight: bold;
font-size: 111%;
text-decoration: underline;
}

.downloads-file-list label {
font-weight: bold;
}

.downloads-file-list span {
font-style: italic;
}

h3.downloads {
margin: 3ex 0;
}

h2.firstHeading {
font-size: 125%;
margin-bottom: 2ex;
text-decoration: underline;
}

#euConstruction h2.firstHeading {
text-align: center;
text-decoration: none;
}

#euConstruction h3.firstHeading {
margin-bottom: 2ex;
}

.homeInfo h3 {
margin-bottom: 2ex;
}

}
/* ----------------------------------- */



/* Hack for non-print media */
@media aural,braille,embossed,handheld,projection,screen,tty,tv {
.onlyPrint { display: none; }
}
/* ----------------------------------- */



/* Aural media */
@media aural {
script { speak: none; }
.onlyPrint { speak: none; }
acronym { speak: spell-out; }
}
/* ----------------------------------- */