/* #48D8FF; */

body 
{

	behavior: url(/template/bin/csshover.htc); /* Fix :hover in IE 5+ */
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0 10px 0;
	padding: 0;
	font-size: 85%;
}



html 
{ /* Always show the scrollbar to non-IE browsers */

     overflow: -moz-scrollbars-vertical;
}

a img 
{
	border: none;
}
/* Page structure
------------------------------------------------ */

#site 
{
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
}

#page, #global-header, #global-nav-container, #globalfooter 
{
	clear: both;	
}

#page 
{
	margin: 0 auto;
	width: 776px;
}

#context-nav-container 
{
	width: 130px;
	border-right: 1px solid #bbccdd;
	float: left;
	margin-top: 7.5em;
}

#pagecontent 
{
	margin: 25px 25px 25px 25px;
	width: 520px;
	float: left;
}

#bodynosidebar
{
	margin: 25px 0;
	width: 100%;
}

#page 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 95%;
	line-height: 120%;
	text-decoration: none;
	color: #606870;
	border: none;
}

*html #page { height: 1em; }






/* Global branding + page header
----------------------------------------------- */

#companyheader h1, #companyheader h2 { display: none; } /** Hide the text **/

#companycroc 
{
	display: block;
	height: 140px;
	background: #e6e5e1 url(/en/home/attachments/homeBG-top.gif) center no-repeat;
}

#navigationflags { width: 84px; float: right; padding-top: 10px; } /* Inc. 27px right padding */

#navigationflags img { border: none; padding-right: 8px; }

#navigationflags img.lastflag { padding-right: 0; }







/* Global pop-up menu styles
----------------------------------------------- */

#globalnav 
{
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
	height: 100%;
	clear: both;

	/* New gradient background (25/09/2008, GT)*/
	background-image: url(/en/home/attachments/menu-gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom left;

	/* old solid colour backgrounds */
	/* 
	background-color: #e8e0d0;
	border-top: 1px solid #c8c0b0; 
	border-bottom: 1px solid #c8c0b0; 
	*/
}

#globalnav ul { list-style: none; }


/* Parent elements (those that can be expanded!) */
.globalnav-parent 
{

	/* background: url('/template/bin/img/globalnav-arrow.gif') right center no-repeat; */
}


/* Top-level */

#globalnav ul { width: 776px; margin: 0 auto 0 auto; padding: 0 0.8em 0 0.8em; }

#globalnav ul a 
{
	color: #664433;
	text-decoration: none;
	display: block;
	padding: 0.75em 1.5em 0.75em 1.5em;

	/* removed as this upsets IE (was to make links the same hieght as the ul, so that the highlight looked better */
	/* height: 18px; */
}

#globalnav ul li { position: relative; float: left; }



/* Sub-level */

#globalnav ul li ul 
{
	margin: -2px 0 0;
	padding: 0;
	position: absolute;
	left: -2px; /* Position relative to parent minus borders */
	top: 100%;
	background-color: #e8e0d0;
	width: 20em;
	border-top: none;
	border-left: 1px solid #c8c0b0;
	border-right: 1px solid #c8c0b0;
	border-bottom: 1px solid #c8c0b0;
}



#globalnav ul ul a 
{ 
	/* background-color: #4B3117; */ 
	background: #E9E4D7;
}

#globalnav a:hover 
{
	background-image: url(/en/home/attachments/menu-gradient-hover.gif);
	background-repeat: repeat-x;
	background-position: top left;
	color: #331100;
	text-decoration: none;
}

#globalnav ul ul a:hover 
{
	background-image: none;
	background: #d8d0c0;
}

#globalnav ul li ul li a 
{
	width: 17em; /* Must match width of pop-up, and exclude padding! */
	padding: 0.8em 1.5em 1em 1.5em;
}




/* Sub-sub-level */

#globalnav ul li ul li ul 
{
	margin: 0;
	padding: 0;
	top: 0.6em;
	left: 19em;
	background-color: #e8e0d0;
	border-top: 1px solid #c8c0b0;
	border-left: 1px solid #c8c0b0;
	border-right: 1px solid #c8c0b0;
	border-bottom: 1px solid #c8c0b0;
}


/* Pop-up behaviour, hidden by default, show on rollover */

#globalnav ul li:hover { z-index: 50; }

#globalnav ul li ul li:hover { z-index: 100; }

#globalnav ul li ul { display: none; }

#globalnav ul li ul li ul { display: none; }

#globalnav ul li:hover ul li ul { display: none; }


/* Show the pop-ups on rollover */

#globalnav li:hover ul { display: block; }

#globalnav ul li:hover ul li:hover ul { display:block; }




/* Context-level navigation
----------------------------------------------- */

#context-nav-container 
{
	padding: 0px 25px 10px 20px;
	height: 1000;
}

ul#context-nav, ul#context-nav ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#context-nav ul li 
{
	display: none;
}

ul#context-nav, ul#context-nav ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#context-nav li 
{
	display: block;
	padding: 0;
	margin: 0px 0px 10px 0px;
}

ul#context-nav li ul li { margin-bottom: 0px; }

ul#context-nav li span 
{
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #445566;
	display: block;
	height: 1em;
	font-weight: normal;
	border-bottom: 1px solid #e2e4e6;
	margin: 0px 0px 6px 0px;
	padding: 10px 0px 4px 0px;
}

#page ul#context-nav ul li a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #556677;
	display: block;
	font-weight: normal;
	padding: 4px 0px 4px 16px;
	margin: 0;
	background: url('/template/bin/img/bullet-off.gif') left center no-repeat;
}



#page ul#context-nav a 
{
	border: none;
}



#page ul#context-nav ul li a.current, #page ul#context-nav ul li a:hover 
{
	color: #335599;
	background: url('/template/bin/img/bullet-on.gif') left center no-repeat;
}





/* Hacks/fixes for context navigation bar
----------------------------------------------- */

:focus 
{
	/* Remove dotted outlines for links in Mozilla Firefox! */
	-moz-outline-style: none;
}

*html ul#context-nav li a 
{
	width: 100%;
}

*html ul#context-nav ul li a 
{
	/* Make entire list elements clickable for IE */
	width: 140px;
}






/* Global page styles
----------------------------------------------- */

#page 
{
	/*background: url('/template/bin/img/contextnav-bg.gif') left top repeat-y;*/
}


/* Global page footer styles
----------------------------------------------- */

/* 3D effect on global footer bar */

#globalfooter {}

#footer 
{
	text-align: center;
	padding: 9px 0px 11px 0px;
	margin-top: 125px;
	border-top: 1px solid #f3f4f4;
	border-bottom: 1px solid #f3f4f4;
	font-size: 85%;
	color: #666;
}

#footer p { margin: 0; padding: 0; }

#footer a:link, #footer a:visited, #footer a:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-decoration: none;
	font-weight: normal;
	color: #aaaaaa;
}

#footer a:hover 
{
	text-decoration: underline;
}





/* Page content styles
----------------------------------------------- */
/* GT: I don't think this adds anything to the page, 
technically it should be like a left margin, 
but if anyone notices I'll be very surprised

#pagecontent  
{ 
	background: url('/template/bin/img/pagecontent-bg.gif') left top repeat-y;
}

*/

#page p br 
{ 
	/*display: block; */
}

a
{
	color: #883322; 
}

#page a:link, #page a:visited, #page a:active 
{
	/* dominic wants #CC2211 on the front page, but not the whole site. */
	color: #883322; 
	border-bottom: 1px dashed #ddccaa;
	text-decoration: none;
}

#page a:hover 
{
	border-bottom: 1px solid #995544;
}

#page div.noborder a
{
	border: 0;
}



/* #page ul { list-style: none; margin: 0; } */

#page li { padding-top: 2px; padding-bottom: 2px; margin-bottom: 0.5em; }

#page h1 
{
	line-height: normal;
	font-weight: normal;
	font-size: 200%;
	text-decoration: none;
	color: #556699;
	border-bottom: none;
	background: none;
	margin: 0 0 0 0;
}

#page h2 
{
	line-height: normal;
	font-size: 140%;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 2px none #f0f2f6;
	color: #5577aa;
	background: none;
	margin: 1.5em 0 -0.5em 0;
}

#page h3 
{
	line-height: normal;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	border-bottom: 1px none #f0f2f6;
	color: #5577aa;
	margin: 2em 0 -0.75em 0;	
}

#page h4 
{
	line-height: normal;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	color: #5577aa;
	margin: 1.5em 0 -0.9em 0;	
}

#page h5 
{
	line-height: normal;
	font-weight: normal;
	font-size: 100%;
	color: #5577aa;
	text-decoration: none;
	margin: 1.75em 0 -0.85em 0;	
}

#page h6 
{
	line-height: normal;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	color: #606870;
	margin: 2em 0 -1em 0;
}



#page table, #page td, #page th 
{
	/** border: 1px solid #EBEBEB; **/
	border-collapse: collapse;
	vertical-align: top;
	padding: 5px;
}


.notableborders table, .notableborders table td, .notableborders table th 
{ 
	padding: 0; 
	border: none!important; 
}


#page blockquote 
{
	border: 1px dotted #CCCCCC;
	margin: 0;
	padding: 10px;
	background-color: #EBEBEB;
}


#page blockquote p 
{ 
	margin: 0; 
	padding: 0; 
}





/* breadcrumbs */

ul.breadcrumbs
{
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
	font-size: 85%;
}


ul.breadcrumbs li
{
	display: inline;
}

ul.breadcrumbs li.hidden 
{
	display: none;
}

.clickable 
{
	cursor: pointer;
}



hr
{
	border: 0;
	background-color: #CCCCCC;
	height: 1px;
	margin: 1em 0 1em 0;
}

.confluenceTable 
{
	width: 100%; 
	margin-top: 1.5em;
}

.confluenceTh 
{
	padding: 5px;
	border: 2px solid #ffffff;
	background: #E8E0D0;
}

.confluenceTd 
{
	padding: 5px;
	border: 2px solid #ffffff;
	background: #F8F4E8;
}


/**
 *
 * GT 19/09/08
 * Adding more semantic column styles, previously columns were achieved with tables.
 *
 */

div.twoColumns .column 
{
	width: 50%;
	/* use padding in an inner div to get the right spacing */
	float: left;	
	margin: 5px 0;
}


div.columns .column33 
{
	width: 31%;
	float: left;
	margin: 0 5px;
}


div.columns .column66 
{
	width: 66%;
	float: left;
	margin: 0;
}



div.video 
{
	margin-bottom: 10px;
}



/**
 *
 * GT 19/09/08
 * Styles for the sliding lists on the front page.
 * 
 */



div.sliders .column 
{
	width: 230px;
	margin: 0 5px;
}

#page div.sliders ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#page div.sliders ul li 
{
	margin: 0;
	padding: 0;
}

#page div.sliders h2 
{
	background-image: url(/en/home/attachments/panel-closed-top.gif);
	background-repeat: no-repeat;
	color: #211A12;
	font-size: 100%;
	font-weight: normal;
	height: 21px;
	padding-top: 7px;
	padding-left: 15px;
	margin: 0;
	cursor: pointer;
}

#page div.sliders .slider-content 
{
	display: none;
	background-image: url(/en/home/attachments/panel-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

#page div.sliders .slider-text 
{
	border-left: 1px solid #d9d6ce;
	border-right: 1px solid #CECABE;
	background-color: #F9F7F6;
	padding: 1em 15px 0;
}

#page div.sliders li.open h2 
{
	background-image: url(/en/home/attachments/panel-open-top.gif);
	background-repeat: no-repeat;
	height: 22px;
}

#page div.sliders h3 
{
	margin-top: 0;
	color: #884433;
}