/* 
 * Global body tags
*/

body {
   background:#fff;
   color:#000;
   font:10px/1.5em Arial, Helvetica, sans-serif; /* sets size for ie 5 & 5.5 */
   voice-family: "\"}\""; voice-family:inherit; /* do not delete the voice-family hack!! */
   font-size:x-small;  /* sets size for IE 6 */
   } html>body {font-size:x-small;} /* sets size for all other browsers. text is now fully resizable on modern browsers */
	  
	  
/* reset margins and padding - cross browser compatibility */

* { margin : 0px; padding : 0px; }

/* -- form elements -- */

fieldset { border : 0px; }
legend { display : none; }
img {border: 0;}


/* -- links -- */

.ocean a 		{color: #003366;}
.terracotta a 	{color: #993300;}
.bordeaux a 	{color: #660000; }
.earth a 		{color: #663300;}
.wheat a 		{color: #996600;}
.olive a 		{color: #595900;}
.aubergine a 	{color: #311e1e;}
.orange a 	{color: #311e1e;}

a {text-decoration:none; }
a:hover { text-decoration:underline }
a:visited {color: #626262; }



/* 
 * common containers - positioning
*/

/* -- Wrapper div provides margin for page --*/

#wrapper {margin: 18px 0px 0px 19px;}


/* 
 * Global Headers
*/

/* -- H1 tag styles the logo: uses an accessible image-replacement technique -- */

h1 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:201px;
	line-height: 80px;
	background : url(../../img/PwC_logo.gif) transparent no-repeat left top;
	float:left;
}

/* backgrounds for H1: displays logo based on the colour scheme */

.ocean h1 	{background : url(../../img/PwC_logo_ocean.gif) transparent no-repeat left top;}
.terracotta h1 	{background : url(../../img/PwC_logo_terracotta.gif) transparent no-repeat left top;}
.bordeaux h1 	{background : url(../../img/PwC_logo_bordeaux.gif) transparent no-repeat left top;}
.earth h1 	{background : url(../../img/PwC_logo_earth.gif) transparent no-repeat left top;}
.wheat h1 	{background : url(../../img/PwC_logo_wheat.gif) transparent no-repeat left top;}
.olive h1 	{background : url(../../img/PwC_logo_olive.gif) transparent no-repeat left top;}
.aubergine h1 	{background : url(../../img/PwC_logo_aubergine.gif) transparent no-repeat left top;}
.orange h1 	{background : url(../../img/pwc_logo_orange.gif) transparent no-repeat left top;}



/* -- H2: styles main section header on page -- */

h2 {
	font-family: georgia;
    font-size: 410%;
    font-style: italic;
    font-weight: bold;
    line-height: 105%;
}


/* -- H3: second section header -- */

h3 {
	font-size:200%; 
	line-height: 105%;
	margin-top:8px;
	margin-bottom:35px;
	font-weight:normal;
}

/* h2 and h3 colours, assigned for each colour scheme */

.ocean h2, .ocean h3 			{color: #003366;} 
.terracotta h2, .terracotta h3 		{color: #993300;}
.bordeaux h2, .bordeaux h3 		{color: #660000;}
.earth h2, .earth h3 			{color: #663300;}
.wheat h2, .wheat h3 			{color: #996600;}
.olive h2, .olive h3			{color: #595900;}
.aubergine h2, .aubergine h3 		{color: #311e1e;}
.orange h2, .orange h3 			{color: #311e1e;}


/* Span colours highlight words in header. Span colours assigned for each colour scheme: */

.ocean h2 span, .ocean h3 span 			{color: #0099cc;} 
.terracotta h2 span, .terracotta h3 span 	{color: #ff6600;}
.bordeaux h2 span, .bordeaux h3 span 		{color: #ef0f37;}
.earth h2 span, .earth h3 span 			{color: #cc9966;}
.wheat h2 span, .wheat h3 span 			{color: #ffcc00;}
.olive h2 span, .olive h2 span 			{color: #a8c200;}
.aubergine h2 span, .aubergine h3 span 		{color: #a29a94;}
.orange h2 span, .orange h3 span 		{color: #a29a94;}



/* 
 * Global Navigation
*/


/* -- Primary Navigation (across the top) and Copyright/Footer link styles */


#primarynav {
	float: right;
	margin-right: 15px;
}

#primarynav ul li, #copy ul li {
	display: inline;
	list-style-image : none; 
	font-size: 130%;
}

#copy ul li { /* resetting font size for footer links */
	font-size: 100%;
}

#primarynav ul li a, #copy ul li a {
	display: block;
	float: left; 
	padding: 0px 6px;
}


/* colours for primarynav and footer links -- changed according to colour scheme */

.ocean #primarynav ul li a, .ocean #copy ul li a 			{border-right: 1px solid #003366;}
.terracotta #primarynav ul li a, .terracotta #copy ul li a 	{border-right: 1px solid #993300;}
.bordeaux #primarynav ul li a, .bordeaux #copy ul li a 		{border-right: 1px solid #660000;}
.earth #primarynav ul li a, .earth #copy ul li a  			{border-right: 1px solid #663300; }
.wheat #primarynav ul li a, .wheat #copy ul li a  			{border-right: 1px solid #996600; }
.olive #primarynav ul li a, .olive #copy ul li a 			{border-right: 1px solid #595900; }
.aubergine #primarynav ul li a, .aubergine #copy ul li a  	{border-right: 1px solid #311e1e;}
.orange #primarynav ul li a, .orange #copy ul li a  	{border-right: 1px solid #311e1e;}

#primarynav ul li.first a, #copy ul li.first a {padding-left: 0px; }

#primarynav ul li.last a, #copy ul li.last a {border-right: 1px solid #ffffff;}
/* ensures last link does not display a "divider" bar */


/* Footer links and copyright message styling */

#copy {
	width: 620px;
	margin-top:40px;
	color: #000000;

}

#copy p {
	font-size:100%;
	line-height:1.3em;	
	clear:both;
	margin: 30px 0;
}

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



/* 
 * Main Content -- holds global content and branding
*/


#maincontent {
	clear: left;
	padding-top: 48px;
	color:#000000;
margin-top:-10px;
}


/* -- Article container: styles text linked to connected thinking -- */

#maincontent #articlecontainer {
	float: left; 
	width: 400px; 
	padding-bottom:10px;
}

#maincontent #articlecontainer p {
	font-size:200%; 
	margin-top:8px;
	line-height: 105%;
}

#maincontent #Lout {
	
	
	
}

/* Colours for articlecontainer, based on colour scheme */

.ocean #articlecontainer 	{color: #003366;}
.terracotta #articlecontainer 	{color: #993300;}
.bordeaux #articlecontainer 	{color: #660000;}
.earth #articlecontainer 	{color: #663300;}
.wheat #articlecontainer 	{color: #996600;}
.olive #articlecontainer 	{color: #595900;}
.aubergine #articlecontainer 	{color: #311e1e;}
.orange #articlecontainer 	{color: #311e1e;}




/* -- Connectedthinking: styles branding tagline -- */

#connectedthinking {
	clear: both;
	padding: 60px 0px 0px 0px;
	font-size:200%;
}

/* colours for connected thinking, based on colour schemes */

.ocean #connectedthinking 	{color: #003366;}
.terracotta #connectedthinking 	{color: #993300;}
.bordeaux #connectedthinking 	{color: #660000;}
.earth #connectedthinking 	{color: #663300;}
.wheat #connectedthinking 	{color: #996600;}
.olive #connectedthinking 	{color: #595900;}
.aubergine #connectedthinking 	{color: #311e1e;}
.orange #connectedthinking 	{color: #311e1e;}



/* 
 * Content Wrapper -- styles holder for body content
*/


#contentwrap {
	float:left; 
	width:440px; 
	margin-right:88px;
} /* contentwrap widths can be changed per page ID, depending on page layout requirements */

/* link styles for body content */

#contentwrap a {text-decoration:underline;}

#contentwrap a:hover {text-decoration:none;}

#contentwrap p {
	font-size:120%;
	margin: 10px 0; 
}



/* 
 * Page-specific styled elements
*/

/* ------ Login Pages ------*/

/* -- Login box for login pages -- */

#loginbox {
	clear: left; 
	font-size: 100%;
	height:70px;
}

#loginboxsubtext {
	float:left;
	font-size: 120%;
}

#loginbox, #loginboxsubtext {width:440px;}

#loginboxsubtext a, #loginboxsubtext a:hover { display: block;}

#loginboxsubtext #newuser {
	margin-top: 15px;
	float: left;
	padding-right: 10px;
	width: 150px;
}

#loginboxsubtext #newuser dl
{
	padding-bottom:10px;
}

#loginboxsubtext #forgotten {
	margin-top: 15px;
	float: left;
	padding-left: 15px;
	width: 260px;
}

#reset {
	margin-top: 15px;
	float: left;
	width: 440px;
}

#reset2 { /* alternative layout, with less margin above text */
	margin-top: 0;
	float: left;
	width: 440px;
}



/* -- Form for Login pages: styles for all form elements -- */

#loginbox form {
	font-size: 120%;
	padding: 14px;
}


/* clear -- ensure background behind form displays properly on gecko browsers */
#login #maincontent #loginbox form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/ * html #login #maincontent #loginbox form {height: 1%;} /* End hide from IE-mac */

/* colours for the form */

.ocean #loginbox form 		{background-color: #bfe5f2; border-bottom: 1px solid #80cde6;}
.terracotta #loginbox form 	{background-color: #ffd9bf; border-bottom: 1px solid #ffb380;}
.bordeaux #loginbox form 	{background-color: #fbc3cd; border-bottom: 1px solid #f8889c;}
.earth #loginbox form 		{background-color: #f2e5d9; border-bottom: 1px solid #e6cdb3;}
.wheat #loginbox form 		{background-color: #fff2bf; border-bottom: 1px solid #ffe680;}
.olive #loginbox form 		{background-color: #e9f0bf; border-bottom: 1px solid #d4e180;}
.aubergine #loginbox form 	{background-color: #e8e5e4; border-bottom: 1px solid #d1cdca;}
.orange #loginbox form 		{background-color: #e8e5e4; border-bottom: 1px solid #d1cdca;}

#loginbox form input {
	margin-top:5px;
	font-family : Arial, Helvetica, sans-serif;
}

#loginbox div {
	display: inline;
	float: left;
	padding-right: 10px;
}

#loginbox #usernamecon, #loginbox #passwordcon {
	width: 150px;	
}

#loginbox form input.button {
	color : #ffffff;
	border: 0px;
	font-family : Arial, Helvetica, sans-serif;
	padding: 1px 10px;
	font-weight:bold;
	margin-top: 18px;
}

/* colours for the input button */

.ocean #loginbox form input.button 		{background-color : #003366;}
.terracotta #loginbox form input.button 	{background-color : #993300;}
.bordeaux #loginbox form input.button 		{background-color : #660000;}
.earth #loginbox form input.button 		{background-color : #663300;}
.wheat #loginbox form input.button 		{background-color : #996600;}
.olive #loginbox form input.button 		{background-color : #595900;}
.aubergine #loginbox form input.button 		{background-color : #311e1e;}
.orange #loginbox form input.button 		{background-color : #311e1e;}