html,body { 
height: 100%; 
} 

body 
{
  background-image: url(../Images/Graph_Paper_Grid.gif);
  background-repeat: repeat;
  color: #003366;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

h1
{
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 12px;
}

h2
{
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 12px;
}


form
{   
  height: 100%; 
  margin: 0px;
  padding: 0px;
}

img {
  border: solid 0px #ffffff;
  padding:0px;
  margin:0px;   
}

img.navOn
{
  cursor: pointer;
  display: none;
}

img.addPanel
{
	margin-left: 5px;

}

#pageBody
{
  background-color: #ffffff;
  clear: both;
  /* height: 620px;*/
  min-height: 100%;
  background-image: url('../Images/Content_Box_Shadow_Right.gif');
  background-repeat: repeat-y;
  background-position: right top;
  padding-bottom:11px;
  _padding-bottom:33px;
}
* html #pageBody
{
height: 100%;
}

#pageBodyMain
{
  float: left;
  text-align:left;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
  _margin-bottom: -25px; /* Needed For IE6 Madness */
  border-left: solid 1px #eceaea;
  border-top: solid 1px #eceaea;
  width: 740px;
}

#pageFooter
{
  text-align: right;
  padding-right: 26px;
}

#pageFooter a
{
  font-size: 8pt;
  color: #003366;
}

#pageHolder
{  
  margin-top: 20px;
  padding-bottom:20px;
  width: 787px;   
}

#pageHeader
{
  height: 66px;
  text-align: left;
}

#pageNavLeft
{
  
  float: left;
  margin: 0px;
  padding: 0px;  
  width: 510px; 
}

#pageNavLeftTop
{
  border-bottom: solid 1px #c2cebc;
  padding-top: 2px;
  padding-bottom: 4px;
}

#pageNavLeftBottom
{
  clear: both;
  padding-top: 6px;
  padding-left: 21px;
}

#pageNavLeftBottom a
{
  font-size: 8pt;
  color: #003366;
  margin-right: 30px;
}

#pageNavLeftBottom a.yah
{
  font-size: 8pt;
  color: #003366;
  margin-right: 5px;
  margin-left: 5px;
}

#pageNavLeftBottom span
{
  font-size: 8pt;
  color: #ff0000;
}

#pageNavRight
{
   float: right;
   padding-right: 26px;
   width: 215px;
}

#pageShadowBottom
{
  clear: both;
}

#pageShadowRight
{
  background-image: url('../Images/Content_Box_Shadow_Right.gif');
  background-repeat: repeat-y;
  float: right;
  min-height: 100%;
  height: 100%;
  width: 6px;
}

* html #pageShadowRight
{
height: 100%;
}



/* Paragraph Styles */
a
{
  color: #0099ff;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  border: solid 0px #ffffff;
  text-decoration: none;
}

a:hover
{
  color: #003366;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  border: solid 0px #ffffff;
  text-decoration: underline;
}

a.bold
{
  color: #003366;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

a.bold:hover
{
  color: #0099ff;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
}

.small
{
font-size: 10px;
}

a.small
{
  color: #003366;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

a.small:hover
{
  color: #0099ff;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
}

p
{
  color: #003366;
  font-family: Verdana;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin:0px;
  margin-bottom:10px;
  padding: 0px;
}

span.close
{
  line-height: 12px;
}

span.nb
{
  font-weight: normal;
}

ul {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-left:15px;  
}
  
ul li	{
  margin:0px;
  padding:0px;
  margin-bottom:8px;
  margin-left:2px;  
  padding-left:15px;
  background-image:url(../Images/Bullet_Arrow_Right.gif);
  background-repeat:no-repeat;
  background-position:0px 7px;
  list-style-type:none;
  line-height: 18px;
}

ol {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-left:15px;
}
  
ol li {
  margin:0px;
  padding:0px;
  margin-bottom:8px;
  margin-left:2px;  
  padding-left:15px;
  line-height: 18px;
}

ul.flat {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-left:0px;  
}
  
ul.flat li	{
  margin:0px;
  padding:0px;
  margin-bottom:4px;
  margin-left:2px;  
  padding-left:12px;
  background-image:url(../Images/Bullet_Arrow_Right.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  list-style-type:none;
  line-height: 15px;
}

ul.arrow {
  margin:0px;
  padding:0px;
  margin-left:0px;  
}
  
ul.arrow li	{
  margin:0px;
  padding:0px;
  margin-left:2px;  
  padding-left:12px;
  background-image:url(../Images/Bullet_Arrow_Right.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  list-style-type:none;
  line-height: 14px;
}

ul.noBull {
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-left:0px;  
}
  
ul.noBull li	{
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  margin-left:0px;  
  padding-left:15px;
  list-style-type:none;
  background-image:url(../Images/none.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  line-height: 16px;
}


/* Form Styles */

hr
{
  background-color: #c2cebc;
  border: 0;
  color: #c2cebc;
  height: 1px;  
}

select {
  margin:0px;
  padding:0px;
  font-size:11px;
  font-family:Verdana;
}

select.w210
{
  width: 210px;
}

/* Navigation Styles */

div.thirdLevelNav
{
  background-color: #ffffff;
  border: solid 1px #c2cebc;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: absolute;
  z-index: 100;
}

div.thirdLevelNav a
{
  white-space: nowrap;
}

/* Control Panel Buttons */
div.controlButton
{
  cursor: pointer;
  float: left;
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
  width: 13px;
}

div.controlButton div
{
  font-size: 11px;
  line-height: 15px; 
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  width: 13px;
  margin-right: 0px;
}

/* Content Styles */

div.FloatingPage
{
  background-color: #ffffff;
  background-image:url(../Images/Paper_Logo.gif);
  background-repeat:no-repeat;
  background-position: bottom right;
  border-left: solid 1px #c2cebc;
  border-top: solid 1px #c2cebc;
  border-right: solid 1px #575757;
  border-bottom: solid 1px #575757;  
  filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
  -moz-opacity:.95;
  opacity:.95;
  padding: 24px;
  padding-right:24px;
  padding-bottom: 19px;  
  position:relative;
  width:400px;
  margin-bottom: -2000px;
  z-index:200;
  display:none;
  float: left;
  
}

div.PageCopyright
{
    margin-bottom:0px;
    margin-top: 35px;
    font-size:9px; 
}

div.PageCopyright a
{
    font-size:9px;
}

div.BlueBox
{
    background-color:#e2e9ed;
    padding:15px;
    border: solid 1px #a6b7cc;
}

div.GreenBox
{
    background-color:#f2f6bc;
    color: #003366;
    padding:15px;
    border-left: solid 1px #ebeb93;
    border-top: solid 1px #ebeb93;
    border-right: solid 1px #d5d951;
    border-bottom: solid 1px #d5d951;
}

div.ContactUs_PostIt
{
    padding-top:45px;
    padding-left:23px;
    padding-right:26px;
    padding-bottom:20px;
    background-image:url(../Images/PostIt_ContactUs.jpg);
    background-repeat:no-repeat;
    background-position: top left;
}

div.NotePaper
{
    padding-top:15px;
    padding-left:20px;
    padding-right:25px;
    background-image:url(../Images/NotePaper.gif);
    background-repeat:no-repeat;
    background-position: top left;
    height:339px;
}

div.Wireframe
{
    padding:15px;
    background-image:url(../Images/Wireframe.gif);
    background-repeat:repeat;
    background-position: top left;
    border: solid 1px #cccccc;
    margin-bottom:30px;
}

/* Floating Mouse Div */

#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid #C0C09F;
padding: 6px 0px 0px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
margin-right:10px;
}

/*Slide Sections*/

.slideSectionTitle{ 
cursor: hand;
cursor: pointer;
margin-top:10px;
margin-bottom:2px;
font-weight:bold;
}

.slideSelectedSectionTitle{ 
margin-bottom:2px;
font-weight:bold;
}

.slideSectionContent {
padding-bottom:6px;
margin-left:14px;
}

/*Project Snapshots*/
#Snapshots
{
	margin-bottom:25px;
	background-image: url(/Images/controlBackgrounds/snapshotDetails.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:1px;	 
    }
	
	
.gecko #Snapshots{
	width:459px;
	float:left;
	margin:0px;

}
	

.snapShotDetails{
	width:204px;
	background-color: #E2E9ED;
	float: left;
	padding-left: 14px;
	min-height:100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A6B7CC;
	border-right-color: #A6B7CC;
	border-bottom-color: #A6B7CC;
	border-left-color: #A6B7CC;
	margin-bottom: 1px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
}
.ie .snapShotDetails{
height:100%;

}

.ie6 .snapShotDetails{
width:204px;
margin-left:-17px;
}


div.divSearchSnapshots{
	width:460px;

}

.gecko .divSearchSnapshots{
width:100%;

}

.snapShotLinks a:link,
.snapShotLinks a:visited{
	display:block;
	padding-bottom: 3px;
	color:#003366;
	padding-left:0px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	border: 1px solid #FFFFFF;
}

.snapShotLinks a div.snapshotHeading{
	text-decoration: none;
	font-size: 11px;
	margin-left:15px;
}

.snapShotLinks a div.snapshotTitle{

padding-left:15px;
	background-image:url(../Images/Bullet_Arrow_Right.gif);
		background-repeat:no-repeat;
	background-position:7px 7px;
}


a.snapshotOn:link, 
a.snapshotOn:visited
{
	font-weight:bold;
	color:#003366;
	background-color: #E2E9ED;
	border-top-color: #A6B7CC;
	border-right-color: #A6B7CC;
	border-bottom-color: #A6B7CC;
	border-left-color: #A6B7CC;
	padding-right:20px;
	margin-right: 0px;
	position:relative;
	width:210px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.ie6 a.snapshotOn:link, 
.ie6 a.snapshotOn:visited{
margin-right: 1px;

}


a.snapshotOff:link, a.snapshotOff:visited
{
font-weight: normal;
}

a.snapshotOff:link div.snapshotHeading,
a.snapshotOff:visited div.snapshotHeading,
a.snapshotOn:link div.snapshotHeading,
a.snapshotOn:visited div.snapshotHeading{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-weight:normal;
}
.snapShotDetails h3
{    font-size:12px;
    margin-bottom: 5px; 
}
.snapShotDetails img
{
    float: right;
    margin-left:5px;
    margin-bottom:5px;
}

div.pager{
	font-size: 11px;
	text-align:center;
	margin-top: 19px;
	margin-bottom: 5px;
}

div.pager a.pageBack,
div.pager a.pageForward{
	font-size: 11px;
}

div.pager a.pageBack{
float:left;
}
div.pager a.pageForward{
float:right;

}

.clear {
	clear: both; 
	display: block; 
	font-size: 1px; 
	margin-bottom: -1px; 
	line-height: 1px; 
	height: 1px
}


/* Map stying */

#officeInfo
{
    clear:both;
  
    }
    
#officeInfo #address
{
	width:250px;
	float:left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-right: 9px;
	height:290px;
    }
	
	#officeInfo #address strong{
	font-size: 12px;
	font-weight: bold;	

	
	
	}
		#officeInfo #address .country{
	font-size: 12px;
	font-weight: bold;	
	
	
	}
	
		#officeInfo #address h3{
	font-size: 13px;
	margin-bottom: 1px;	
	margin-top: 9px;	
	
	}
    
#officeInfo #map
{
    border: 1px solid #CCCCCC;
    margin-bottom: 25px;	
    }
    
#changeImages{
	display:block;
	width:260px;
}

#updateText{
	height:100px;
	padding-top: 9px;

}
	
#changeImages img{
	cursor: hand;
	cursor:pointer;
	margin:0px;
	padding:0px;
	border: 2px solid #fff;
	margin-right:-4px;
}


/* Serch results styling */
div#resultsField{
	padding-top: 15px;
}

div#combinedResults{
padding-top:15px;
}

.resultCounter{
	margin-bottom:15px;
	display:block;
	font-weight: bold;
}

.divSearchResultsContainer{
	width: 230px;
	float:left;
	margin-right:30px;
}

.divSearchResultsContainer .divSearchResults div p a.bold:link strong,
.divSearchResultsContainer .divSearchResults div p a.bold:visited strong{
	font-weight: normal;
	
}

.divSearchResultsContainer .divSearchResults div p a.bold:link span.caseClientName,
.divSearchResultsContainer .divSearchResults div p a.bold:visited span.caseClientName{
	font-weight: bold;
	
}

.divSearchSnapshots div.pager{
	margin-bottom:25px;
}




/* Site map */

#siteMap a:link,
#siteMap a:visited
{
color:#003366;
}

#siteMap a:hover{
color:#6699FF;
}

div.parentNode {
	display:block;
	padding:3px;
	margin:0px;
	float:left;
	width:110px;
	margin-right:25px;

}

a.mapTitle:link,
a.mapTitle:hover{
	height: 45px;
display:block;
vertical-align:bottom;


}


div.firstChild{
	padding-left: 9px;
	padding-top:3px;
	background-image: url(/Images/Bullet_Arrow_Right.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	margin-left:0px;
}

div.firstChild a:link,
div.firstChild a:visited{
font-size:11px;


}

div.secondChild{

padding-left: 9px;
padding-top:3px;
margin-left:5px;

background-image: url(/Images/Bullet_Arrow_Right.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
    
      
/* Accordion */

.accordionHeader    
{
padding: 5px 15px 5px 15px;
border: solid 1px #c2cebc;
margin-bottom:5px;
cursor:pointer;
cursor:hand;
}

.accordionHeaderSelected
{
padding: 5px 15px 5px 15px;
border: solid 1px #a6b7cc;
background-color:#e2e9ed;
cursor:pointer;
cursor:hand;
}    

.accordionContent
{
padding: 5px 15px 5px 15px;
border: solid 1px #a6b7cc;
border-top: solid 0px #a6b7cc;
margin-bottom:5px;
}

/* New styles to merge later on - add in correct part of document
 */
.caseClientName{
display: block;
padding-bottom:3px;
margin-bottom:3px;
border-bottom: solid 1px #ccc;
margin-right: 45px;
font-weight:normal;
font-size:11px;

}

a:hover span.caseClientName{
 text-decoration: none;
 color:#003366;

}



/* Browser specific fixes
 */
.gecko #map,
.safari #map{

margin-left: 300px;
}

.ie6 #leftPanel{
	margin-right: 0px;
	margin-left: 0px;
}

.ie6 #rightPanel{
	margin:0px;
	padding:0px;
}

.ie6 #ChangeBox #changeImages {
width:250px;

}
.ie6 #ChangeBox #changeImages img{
margin-right: -5px;
margin-left: 0px;

}


.textBoxStandard{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 200px;
	border: 1px solid #CCCCCC;
	color: #003366;
}

select.textBoxStandard{
width:207px;

}

#languageToggle{
font-size:11px;
	padding-bottom: 5px;
	padding-top: 9px;
	height:20px;
	clear:both;
}

#languageToggle a.eng{
	display: block;
	width: 55px;
	background-image: url(../Images/Flags/UK.png);
	background-repeat: no-repeat;
	padding-left: 21px;
	float:left;
	background-position: 0px 2px;	
}

#languageToggle a.ger{
	background-image: url(../Images/Flags/Germany.png);
	background-repeat: no-repeat;
	width: 55px;
	padding-left: 21px;
	float:right;
	background-position: 0px 2px;	
	
}

.validator{
 width:89px;
 height:14px;
   
   overflow:hidden;

}

.rbl td{
	padding-right: 33px;

}


.ie6 #officeInfo #address{
	margin-right: 3px;
	height:285px;

}

subNavLeft{
text-align: left;

}

.subNavRight{
	text-align: right;
}

.subNavCentre{
	text-align: center;

}