/*
*********************************************************************

Media Type: Screen

Description: Screen styles.

Author: RAJF

Document Sections:

Imports
Global
Header
Footer
Structure
Home
hub list page
portfolio page
signpost list page
PEF List
Info box
Investors
Management Team / Global Presence Page
Newsletter portal
Clear Fixes

Notes: 

Contains structural layout of site framework and modules.

Change Log:

19/02/08 - Created - RAJF
05/08/09 - Addition of newsletter portal - phase 2

*********************************************************************
*/

/* Imports
*********************************************************************
*/
@import url("reset.css");
@import url("site/content.css");
@import url("site/forms.css");
/* modules */
@import url("modules/module.breadcrumb.css");
@import url("modules/module.signposts.css");
@import url("modules/module.sitemap.css");
@import url("modules/module.paging.css");
@import url("modules/module.gallery.css");
/* browserhacks hacks */
@import url("browserhacks/browserhacks_screen.css");
/* implementation css for developers */
@import url("implementation/implementation_screen.css");


/* Global
----------------------------------------------- */
.hide
{
	position:absolute;
	left:-9999em;
}

#header
,#site-wrapper
,#footer
{
	min-width:97em;
}

/* floats */
#content
,#column3
,#column4
,#columns1and2
,#columns1and2 .signpost
,ul.list-items li .list-item
,ul.list-items li .wysiwyg
,ul.list-items li .multimedia
{
	float:left;
}

#columns1and2 .signpost-list .signpost
{
  float:none;
}

#columns1and2

/* clears */
#columns1and2 .sp2column
,#footer
{
	clear:both;
}

/* global margins */
#column3
,#column4
,#columns1and2 .wysiwyg
,#columns1and2 .form
,#columns1and2 .signpost
,ul.list-items li .multimedia
,ul.list-items li .list-item
,.mm3column
,.latest-news
{
	margin-left:1em;
}

/* Header
----------------------------------------------- */
#header
{
	width:99em;
	margin:0 auto;
	position:relative;
}

#logo
{
	position:absolute;
	top:3.6em;
	left:3em;
}

#top-tab
{
	position:relative;
	height:.3em;
	margin-bottom:8.8em;
}

#top-tab-content
{
	position:absolute;
	top:0;
	right:1em;
}

#top-tab-bg
{
	width:63.3em;
	height:5.1em;
}

#row1
{
	position:absolute;
	top:.3em;
	right:1em;
}

#row1 input
,#row1 select
,#row1 label
{
	font-size:1.1em;
}

#row1 label
{
	margin: 0 .2em 1em 1em;
}

#row1 label input
{

}

#change-language
{
	width:16.5em;
}

.global-search
{
	width:16.5em !important;
}

#row2
{
	font-size:1.1em;
	position:absolute;
	top:3.1em;
	right:1em;
}

#row2 span
{
	font-weight:bold;
	text-transform:uppercase;
}

#main-navigation
{
	margin:0 0 0 3em;
	padding-bottom:.1em;
}

#main-navigation li
{
	/*display:inline;
	padding:.5em 0 0em 0;*/
	float:left;
	margin-right:1em;
	padding-right:1em;
	background:url(/themes/global/images/backgrounds/grey_divider.gif) no-repeat right .4em;
}

#main-navigation li.portfolio
{
	position:absolute;
	right:3em;
	/*margin:-.1em 0 0 0;*/
	padding:0 0 0 1em;
	background:url(/themes/global/images/backgrounds/grey_divider.gif) no-repeat left .4em;
}

#main-navigation li.last
{
	margin-right:0em;
	padding-right:0em;
	background:none;
}

#main-navigation a
{
	font-size:1.7em;
	color:#767676;
	text-transform:uppercase;
	font-weight:bold;
	height:2em;
	display:block;
}

/* Footer
----------------------------------------------- */

#footer
{
	width:99em;
	margin:0 auto;
	padding-bottom:5em;
}

#footer-inner
{
	background:#fff;
	padding:1em 0;
}

#footer ul 
{
	width:93em;
	margin:0 auto;
}

#footer ul li
{
	color:#b3b3b2;
	font-size:1.2em;
	display:inline;
}

#footer ul li a
{
	border-left:solid 1px #242a75;
	padding: 0 .5em 0 .5em;
}

#footer ul li a.first
{
	border:0;
}

/* Structure
----------------------------------------------- */
#site-wrapper
{
	width:97em;
	margin:0 auto;
	padding:1em;
}

.breadcrumb
{
	margin-bottom:1em;
}

#content
{
	width:73em;
	padding-bottom:4.2em;
}

#columns1and2
{
	width:48em;
	/*position:relative;*/
}

#column3
{
	/*padding-top:1em;*/
}

#column3
,#column4
{
	width:23em;
}

.wysiwyg
{
	padding-top:.2em;
}

#gallery 
{
	float:right;
	margin:0 0 1em 1em;
}

#column3 #gallery 
{
	float:none;
	margin:0 0 1em 0;
}

.signpost
,.multimedia
,.wysiwyg
,.form
,#contact-us
,#quick-links
{
	margin-bottom:1em;
}

#columns1and2 .signpost
{
	margin:0 0 1em 1em;
}

#columns1and2 .wysiwyg
,#columns1and2 .form
{
	margin:0 0 1em 2em;
	clear:both;
}

/*
.latest-news
{
	margin-top:1em;
}
*/

#content ul.list-items
{
	margin:0 0 1em 1em;
	clear: left;
	width:47em;
}

#content ul.portfolio
{
	margin:0 0 0 1em;
}

#content ul.signpost-list
{
	/*margin:0 0 1em 0;*/
}

/* home
----------------------------------------------- */

.home .mm3column
{
	margin-top:1em;
}

/* hub list page
----------------------------------------------- */

ul.list-items li
{
	display:block;
	position:relative;
	margin-bottom:1em;
}

ul.list-items li .wysiwyg
{
	width:46em;
	margin:0em 1em 0 1em; /* - margin to offset li */
}

ul.list-items li .multimedia
{
	margin-bottom:0;
}

/* portfolio page
----------------------------------------------- */
.portfolio .mod
{
	margin:0 1em;
}

.portfolio .search
{
	background:#ededed;
	padding:1em 1.5em;
}

.portfolio .search .keyword
,.portfolio .search .region
{
	float:left;
}

.portfolio .search .keyword
{
	width:38em;
}

.portfolio .search .region
{
	width:28em;
	margin-left:2em;
}

.portfolio .search .keyword label
,.portfolio .search .region label
{
	font-size:1.2em;
	display:block;
	margin-bottom:.5em;
	font-weight:bold;
}

.portfolio .search .keyword input
{
	width:28.25em;
}

.portfolio .search .region select
{
	width:21em;
}


.portfolio .search p
{
	padding-top:1em;
	clear:both;
}

.portfolio .search p input
{
	font-size:1.1em;
}


.portfolio .alphabet
{
	margin-left:0;
	padding-left:2em;
}

ul.portfolio li
{
  position:static !important;
  margin-bottom:0 !important;
}

.results
{
	width:71em;
}

/* tabs */
.results .mh
{
	margin-top:2em;
}

.results .mh ul
{
	border-bottom:5px solid #688AA1 !important;
}

.results .mh li
,.results .mf li
{
	float:left;
	font-size:1em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:-1.8em;
	padding:0;
}

.results .mh li a
,.results .mf li a
{
	background:transparent url(/themes/group/images/ui/tabs/left_tab_off.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	height:1.8em;
	padding:0.5em 1em 0 2em;
	text-decoration:none;
}

.results .mh li span
,.results .mf li span
{
	background:transparent url(/themes/group/images/ui/tabs/right_tab_off.gif) no-repeat scroll 0 0;
	display:block;
	height:2.75em;
	position:relative;
	width:2.8em;
	float:left;
}

.results .mh li.selected a
,.results .mf li.selected a
{
	color:#fff;
	background:transparent url(/themes/group/images/ui/tabs/left_tab_on.gif) no-repeat scroll 0 0;
}

.results .mh li.selected span
,.results .mf li.selected span
{
	background:transparent url(/themes/group/images/ui/tabs/right_tab_on.gif) no-repeat scroll 0 0;
}

/* bottom tabs */
.results .mf
{
	margin-bottom:2em;
}

.results .mf ul
{
	border-top:5px solid #688AA1 !important;
	border-bottom:0;
}

.results .mf li a
{
	background:transparent url(/themes/group/images/ui/tabs/left_tab_bottom_off.gif) no-repeat scroll left bottom;
}

.results .mf li span
{
	background:transparent url(/themes/group/images/ui/tabs/right_tab_bottom_off.gif) no-repeat scroll left bottom;
}

.results .mf li.selected a
{
	background:transparent url(/themes/group/images/ui/tabs/left_tab_bottom_on.gif) no-repeat scroll left bottom;
}

.results .mf li.selected span
{
	background:transparent url(/themes/group/images/ui/tabs/right_tab_bottom_on.gif) no-repeat scroll left bottom;
}

/* main body of results */
.results .mb
{
	background:#EAF1F1;
}

.results .mb h2
{
    font-size:2em;
    margin-left:0.8em;
	border-bottom:2px solid #688AA1 !important;
    margin:0 0.5em .5em 0.5em;
    padding:0.5em 0.4em;
}

.results .mb h3
{
	margin-left:1em;
	font-size:1.8em;
	margin:0 0.6em;
    padding:0 0.3em 0.5em;
}

.results .mb h4
{
	margin-left:1.2em;
	font-size:1.6em;
	font-weight:bold;
}

.results .mb h5
,.results .mb h6
,.results .mb h7
{
	margin-left:1.4em;
	font-size:1.4em;
	font-weight:bold;
	color:#496B82;
}

.results .mb ul.legend 
{
	background:#EAF1F1;
	border-bottom:0.1em solid #1791AB;
	padding:1em 2em;
	margin-bottom:1em;
}

.results .mb ul.scroll
{
	position: absolute;
	z-index: 5000;
	margin: 0 auto;
	width:67em;
	top:0;
}

.results .mb ul.legend li
{
	width:auto;
	float:left;	
	background-position:left center;
	font-size:1.2em;
	font-weight:bold;
	padding:0 2em
}

.results .mb .list-item
{
	width:69em;
	margin-right:0;
	position:relative;
	background:none repeat scroll 0 0 #FFFFFF;
    margin:0 1em 1em;
    padding:0;
}

.results .mb .list-item ul 
{
    padding-bottom:0;
    padding-top:1em;
}

.list-item .btt
{
	position:absolute;
	right:1.9em;
	top:0.8em;
	font-size:1.1em;
}

.results .mb .list-item h3
{
	margin:0 .3em .3em .3em;
}

.results .mb .list-item li
{
	width:28em;
	float:left;
	/*padding:1em 1em;*/
	font-size:1.2em;
	padding-bottom:1em;
}

.results .mb .list-item h2 
,.results .mb .list-item h3 
,.results .mb .list-item h4 
,.results .mb .list-item h5 
,.results .mb .list-item h6 
{
	font-size:1.4em !important;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:0;
	display:block;
	background:none repeat scroll 0 0 #EDEDED;
    border-bottom:1px solid #688AA1 !important;
    border-top:1px solid #688AA1 !important;
    margin:0;
    padding:0.5em;
}

.results .mb .list-item li a
{
	width:15em;
}

.results .mb .list-item li .markers
{
	width:10em;
}

.results .mb .list-item li .markers li
{
	display:inline;
	width:auto;
	float:none;
	margin:0 .25em 0 0 !important;
}

/* signpost list page
----------------------------------------------- */

#content .signpost-list li
{
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
	margin-left:1em;
	margin-right:-.3em; /* random space fix in FF 1.5 and 3 */
	width:23em;
}

#content .signpost-list li.two-column
{
	width:47em;
}

#content .signpost-list li li
{
	margin-left:auto;
	width:auto;
	height:auto;
	display:list-item;
}

#content .signpost-list .signpost
{
	position:relative;
	margin-left:0;
}

#columns1and2 .signpost-list li .signpost
{
	margin-left:0em;
}

/* PEF List
----------------------------------------------- */

#columns1and2 .rss
{
	position:absolute;
	right:0;
	top:-.3em;
	padding-bottom:.3em;
}

/* Info Box
----------------------------------------------- */
.info
{
	margin:0 0 1em 2em;
	padding-top:.7em;
	background:#FAFAFA url(/themes/global/images/icons/info.gif) no-repeat .9em .8em;
	border:1px solid #688AA1;
}

.info p
{
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0.6em;
	padding:0 1em 0 2.5em;
}

.form .info
{
	margin-left:0;
}

/* Investors
----------------------------------------------- */
#iframe
{
	/*margin-left:1em;*/
}



/* Management Team / Global Presence Page
----------------------------------------------- */
#content .signpost-list .profileItem
{
  min-height:10em;
}

#content .signpost-list .profileItem li
{
  width:18em;
  margin-top:0;
  font-weight:bold;
}

#content .signpost-list .globalLocation li
{
  width:18em;
}

.primary2column
,.primary3column
{
	background:none !important;
}

.globalLocation
{
  min-height: 21em;
  position:relative;
}

.primary2column .globalLocation
,.primary3column .globalLocation
{
	margin-top:.5em !important;
}

.globalLocation .actions
{
	position:absolute;
	left:0;
	bottom:0;
	margin-bottom:.5em !important;
}

li.email
{
	background: url(/themes/global/images/icons/email.gif) no-repeat left center;
}

li.vcard
{
	background: url(/themes/global/images/icons/vcard.gif) no-repeat left center;
}

li.location
{
	background: url(/themes/global/images/icons/world.gif) no-repeat left center;
}

.email
,.vcard
,.location
{
	font-weight:bold;
	line-height:1.7em;
	margin-top:0 !important;
}

.email a
,.vcard a
,.location a
{
	padding-left:25px;
}

body .signpost-list li.email
,body .signpost-list li.vcard
,body .signpost-list li.location
{
	margin:0 !important;
}

.email span
,.vcard span
,.location span
{
	position:absolute;
	left:-9999em;
}

.vcard img
,.profileThumb img                                                                                                                         
{
  width: 6em;
  padding: 1em 0.6em 0.5em 0.6em;
}

/*.vcard
,*/
.profileThumb
{
  float: right;
}

/* Newsletter Portal
----------------------------------------------- */


.newsletter #top-tab-bg
{
  height:11.6em;
  width:38.9em;
}

.newsletter hr
{
  background:#688AA1;
  border:none;
  padding:.4em;
  margin:0;
}

.newsletter #main-navigation a.selected
{
  background:none;
}

.newsletter .mm3column
{
  margin-top:1em;
}

.newsletter .wysiwyg
{
  clear:both;
  margin:0 1.8em 2em 1.8em;
}

.newsletter #content .signpost
{
  margin-bottom:0;
}

.newsletter #content .signpost h3
{
  margin:0 0 1px 0;
}

.newsletter #content .sp2column p
{
  min-height:4.4em;
}

.newsletter #content .sp2column p.cta
{
  min-height:0;
}

.newsletter #content .single-news-item
{
  margin-left:1em;
}

.newsletter #content .single-news-item img
{
  float:right;
}
.newsletter #content .single-news-item
{
  margin-bottom:1em;
}


.newsletter #content #feature
{
  margin-bottom:2em;

}

.newsletter #content #feature h2
{
  margin-right:0;
  margin-left:0;
  margin-top:0;
}


.newsletter #content #feature p
,.newsletter #content .single-news-item p
{
  padding-right:20em;
}

.newsletter #content #feature p.cta
,.newsletter #content .single-news-item p.cta
{
  padding-right:0;
}

.newsletter #content .latest-news
{
  margin-top:4em;
}


.newsletter .wysiwyg p
{
  font-size:1.8em;
}

.newsletter #content h2
{
  font-size:1.8em;
  margin:2em 1.2em 1em 1.2em;
}

.newsletter #content .list-item h2
{
  font-size:1.8em;
  margin:.5em 0 1em 0;
}

.newsletter #content .list-item h2 input
{
	margin-left:.5em;
}

.newsletter #content .latest-news h2
{
  margin:0;
  font-size:1.5em;
}

.newsletter #login
{
  position:absolute;
  top:3.8em;
  left:14em;
  width:24em;
}

.newsletter #login label
{
  position:absolute;
  top:-999em;
  left:-999em;
}

.newsletter #login input
{
  width:21.4em;
  margin-bottom:.3em;
  font-size:1.1em;
}

.newsletter #login .formbuttons input
{
  width:5em;
  
}

.newsletter #login .formbuttons
{
  float:right;
  margin-top:0;
  font-size:1em;
}

.newsletter #login p
{
  float:left;
  margin-top:.5em;
  font-size:1.1em;
}

.newsletter .logged-in strong
{
  display:block;
  margin:.5em 0;
  font-size:1.4em;
}

.newsletter .logged-in p
{
  float:none !important;
}

.newsletter .form
{
  margin:0 2em 1em 2em;
}

.newsletter #content .form .info
{
  margin-right:0;
}

/* Clear Fixes
----------------------------------------------- */
#header:after
,#site-wrapper:after
,#content:after
,#main-navigation:after
,ul.list-items li:after
,#footer:after
,.vcard:after
,.results ul:after
,.mod:after
,.mh:after
,.mb:after
,.mf:after
{
  clear:both;
  content:".";
  display:block;
  height:0pt;
  visibility:hidden;
}