/* 
------------------------------------------------------
*******   STYLE SHEET FOR SOC WEB SITE         *******
*******   Created by SN          			   *******
------------------------------------------------------

CONTENTS FOR CASCADE

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Forms
	7. Tables
	8. Misc stuff
	9. Page specific content

	A. Debug colours

-----------------------------------------------------
Notes:


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



/* --------- 1. defaults  --------- */

* {/* zero all margins and padding */
		margin: 0;
		padding: 0;
		}

/* hides heading text when graphic style is required. 		
.hideText{ 
		position:absolute;
		font-size: 1px; 
		text-indent: -5000px;
		}
*/

.clear { /* this is used to clear the floats. */
		clear: both;
		}


hr.transparentRule { /* invisible rule */
		border: none 0; 
		border-top: 0px; /*the border*/
		height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
hr.dashedRule { /* dashed rule */
		border: none 0; 
		border-top: 1px dashed #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
	
hr.rule { /* line rule */
		border: none 0; 
		border-top: 1px solid #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	

		
/*  --------- 2. structure  --------- */

	/* -- main site architecture -- */

	body {	
		 background: url(images/page-background.jpg) repeat-y;
		}

	

	#siteWrapperDiv { 
	 margin: 0px auto 0px; 
		}	



	/* -- Header Stucture -- */
	
	#mainHeaderDiv {
		height:126px;
		background: url(images/headerback.gif) repeat-x;
		margin: 0px auto 0px; 
		}
	
	#mainHeaderDivInner {
	 	width: 887px; /*page width*/
	 	position: relative;
	 	margin: 0px auto 0px; 
		}
	
	.logo {
		position:absolute;
		top: 9px;
		}
		
	.phoneNumber {
		position:absolute;
		top: 32px;
		left: 110px;
		}

	/* -- Nav Stucture -- */

	#mainNavTopStrutDiv {
		height:88px;
		}
			
	
	/* -- Page Wrapper Stucture -- */
	
	#pageWrapperDiv {	
		
		width: 887px; /*page width*/
		
		margin: 0px auto 0px; 
		text-align: left; background-color: #fff;
		}
		
		

	/* -- breadcrumb Stucture -- */
	
	#breadcrumbStrut {
		height: 2.5em;
		 }
		
		
	#breadcrumbStrutPadding {
		
		padding-top:1.6em;
		padding-bottom:13px;
		
		}
		
	#breadcrumb {
		background: url(images/breadcrumbrule.gif) repeat-x;
		height: 2.5em;
		}
		

	#breadcrumb ul {
		float:left;
		margin: 7px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
		border: none;
		} 

	#breadcrumb ul li {
		font-size: 1.1em;
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
		color: #4b4b4b;
		}
	
	
	#breadcrumb p.bookmark {
		margin: 7px 0px 0px 0px;
		text-align:right;
		float: right;
		}
		
		
	#breadcrumbStrutBottom {
		height: 2px;
		background: url(images/breadcrumbrule.gif) repeat-x;
		line-height:0px;font-size:1px;
		}	
		
	
	
	/* -- Site Content -- */

	#siteContentPaddingDiv { 
	padding-top:0px;
	}
	
	
	
	
	/* -- Main Top Navigational links Stucture -- */

	#mainNavTopBackDiv {
	
		float: right;
		width: 507px; /*tabs width*/
		height: 38px;
	
	}
	
	
	#mainNavTopDiv { /*setup a div for the navigation*/
		float: right;
		width: 505px; /*tabs width*/
		height: 38px;
		}
	
	

	#mainNavTopDiv ul { /* navigation list style */
		top:0px; position:absolute;
		width: 503px; /*tabs width*/
		height: 33px;
		list-style: none;
		margin: 0px;
		}


	#mainNavTopDiv ul li{ /* navigation list item style */
		display: inline;
		margin: 0px;
		}


	#mainNavTopDiv a{ /*navigation link style - sets the button size etc*/
		display:block;
		margin: 0px;
		height: 33px;
		text-align: center;
		float: left; 
		}
	

	
	#mainNavTopDiv .moveText01 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	#mainNavTopDiv .moveText02 {
	padding: 10px 0px 5px 14px;
	display:block;
	}
	
	#mainNavTopDiv .moveText03 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	#mainNavTopDiv .moveText04 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	#mainNavTopDiv .moveText05 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	#mainNavTopDiv .moveText06 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	#mainNavTopDiv .moveText07 {
	padding: 10px 0px 5px 0px;
	display:block;
	}
	
	

	/* -- Main Navigational links Stucture -- */

	#mainNavDiv { /*setup a div for the navigation*/
		
		width: 887px; /*page width*/
		height: 38px;
		margin: 0px auto 0px; 
		padding: 0px;
		}
	
	

	#mainNavDiv ul{ /* navigation list style */
		display: inline;
		width: 466px; /*tabs width*/
		height: 38px;
		list-style: none;
		float: right;
		margin: 0px;
		padding: 0px;
		
		}


	#mainNavDiv ul li{ /* navigation list item style */
		display: inline;
		margin: 0px;
		
		}


	#mainNavDiv a{ /*navigation link style - sets the button size etc*/
		height: 38px;
		
		display:block;
		margin: 0px;
		
		float: left; 
		}
	
	
	#mainNavDiv .hideText {
	padding: 14px 0px 5px 12px;
	display:block;
	
	}
	
	#mainNavDiv a.selected .hideText {
	padding: 15px 0px 5px 12px;
	display:block;
	
	}
	
	/* --- Homepage --- */


.go-button {
float:left; padding-left:18px; 
position:relative; top:-3px;

}


.homedropdown {
float:left; width:216px;
}

/* --- Top Panels --- */
#panel1DivOutP{
display:inline;
float:left;
padding:2px 1px 0 0;
}

#panel2DivOutP{
display:inline;
float:left;
padding:2px 1px 0 0;
}

#panel3DivOutP{
padding:2px 0 0 0;
float:left;
display:inline;
}

#panel4DivOutP{
display:inline;
float:left;
}

#panel1Div {
width:295px;

background-color:#ccc;
}

#panel2Div {
width:295px;

background-color:#ccc;
}

#panel3Div {
width:295px;
background-color:#ccc;
}

#panel4Div {
width:295px;
background-color:#ccc;
}

/*.button {
height: 4em;
display:block; width:295px;
}*/

#search form{
padding: 10px 5px;
}

#searchform #s
{
	width: 150px;
	padding: 2px;
}

#panel1DivOutP .button {
background: #343434 url(images/servicedbut.gif) no-repeat;
}

#panel2DivOutP  .button {
background: #343434 url(images/meetingbut.gif) no-repeat;
}

#panel3DivOutP  .button {
background: #343434 url(images/virtualbut.gif) no-repeat;
}

#panel4DivOutP  .button {
background: #555555 url(images/latestbut.gif) no-repeat;
}

.buttonPadding {
border-bottom: 1px solid #f4f4f4;
}


.buttonInPadding {
padding-top:14.55px;
padding-left:11px;
}

.content {
height: 10em;
min-height: 10em;
}

.contentPadding {
border-bottom: 1px solid #b5b5b5;
}

.dropdown {
/*height: 7.0em;*/
}

.dropdownPadding {
border-top: 1px solid #f4f4f4;
}

.dropdownInPadding {
padding: 14px 16px 16px 16px;

}


.contentInPadding {
padding: 14px 16px 16px 16px;

}	

	


#homeBotPanelDiv {
float:left;display:inline;
padding-top:20px;
padding-bottom:4em;
}	
	
.image {
height: 135px;
}	
	
.imagePadding {
border-bottom: 1px solid #b5b5b5;
}	

.newsTextPadding {
padding: 18px 21px 24px;
}


	/* -- panel 5 (main) -- */

#panel5DivOutP{
display:inline;
float:left;
position:relative;
padding-left: 13px;
}

#panel5Div #mainTextContent {
padding: 0px;
}

#panel5Div {
width:576px;
background: url(images/dots-single.gif) repeat-x;
}



.headingInPadding {
padding:0.5em 0em 0.5em 3px;
}

.mainTextPadding {
background: url(images/dots-single.gif) repeat-x;

}

.mainTextInPadding {
padding-top:2em;
}



#iconsPan5 {
position:absolute;
left:352px;top:9px;
}



#landingTopPanelDiv {
	
}

#landingBottomPanelDiv {
	padding: 0px 0px 0px 0px;
}


#bannerLanding {
padding-bottom:8px;

}

#landingPanel1DivOutB {
	border: 1px solid #b5b5b5;	
}

#landingPanel1DivOutP {

	padding: 0px 0px 8px 0px;
}

#servicedOffPageDiv #landingPanel1DivOutP, #meetingRoomPageDiv #landingPanel1DivOutP, #virtualOffPageDiv #landingPanel1DivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}




#landingPanel2DivOutP {
	float: left;
	padding: 0px 0px 8px 0px;
}

#landingPanel3DivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}

#landingPanel4DivOutP {
	float: left;
	padding: 0px 0px 8px 0px;
}

#landingPanel5DivOutP {
	float: left;
	padding: 0px 0px 0px 0px;
}

#landingPanel6DivOutP {
	float: left;
	padding: 0px 1px 0px 0px;
}

#landingPanel1Div {
	width: 220px;
}

#landingPanel2Div {
	width: 666px;
	background-color: #efefef;
}

#landingPanel3Div {
	width: 220px;
}

#landingPanel4Div {
	width: 666px;
}

#landingPanel5Div {
	width: 666px;
}

#landingPanel6Div {
	width: 220px;
}

#landingPanel1DivHeader {
	width: 220px;
	background: url(images/bar-background.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#servicedOffPageDiv #landingPanel1DivHeader, #SOdetailPage #landingPanel1DivHeader, #SOaboutPage #landingPanel1DivHeader, .SObookPage #landingPanel1DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_green.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #5b7f01;
	border-bottom: 1px solid #5b7f01;
}



#meetingRoomPageDiv #landingPanel1DivHeader, #MRdetailPage #landingPanel1DivHeader, #MRaboutPage #landingPanel1DivHeader, .MRbookPage #landingPanel1DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_orange.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}



#virtualOffPageDiv #landingPanel1DivHeader, #VOdetailPage #landingPanel1DivHeader, #VOaboutPage #landingPanel1DivHeader, .VObookPage #landingPanel1DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_purp.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #510158;
	border-bottom: 1px solid #510158;
}




#servicedOffPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url(images/bar-background.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#meetingRoomPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url(images/bar-background.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#virtualOffPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url(images/bar-background.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}


#servicedOffPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_green.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #5b7f01;
	border-bottom: 1px solid #5b7f01;
}

#meetingRoomPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_orange.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}


#virtualOffPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_purp.gif) 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #510158;
	border-bottom: 1px solid #510158;
}




#landingPanel4DivHeader {
	width: 666px;
	background: url(images/bar-background.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}







#landingPanel5DivHeader {
	width: 666px;
	background: url(images/panel_header_gradient.gif) repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}




#servicedOffPageDiv #landingPanel6DivHeader {
	width: 220px;
	background: url(images/panel_header_gradient_orange.gif) 0px 0px repeat-x;
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}


/*landingPanel1Div*/


.landingImg {
display:inline;
padding-top:1px;
float: right;

}

#landingPanel1DivHeader h1, #landingPanel2DivHeader h1, #landingPanel3DivHeader h1, #landingPanel4DivHeader h1, #landingPanel5DivHeader h1,  #landingPanel6DivHeader h1 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivHeader h2, #landingPanel2DivHeader h2, #landingPanel3DivHeader h2, #landingPanel4DivHeader h2, #landingPanel5DivHeader h2,  #landingPanel6DivHeader h2 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivHeader h3, #landingPanel2DivHeader h3, #landingPanel3DivHeader h3, #landingPanel4DivHeader h3, #landingPanel5DivHeader h3,  #landingPanel6DivHeader h3 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivBanner {
	border-top: 1px solid #fafafa;
}

#landingPanel1DivMiddle {
	background-color: #efefef;
	/*height: 164px;*/
	height: 20em;
}

#landingPanel1DivMiddle ul {
	margin: 0;
}

#landingPanel1DivMiddle ul li{
	width: 200px;
	padding: 12px 10px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #c6c6c6;
}

#landingPanel1DivMiddle ul li.landingPanel1Menu1 {
	padding: 20px 10px 13px 10px;
}

#landingPanel1DivMiddle ul li.landingPanel1Menu4 {
	padding: 12px 10px;
	border-bottom: none;
}

.landingPanel1Menu1Label {
	color: #4c4c4c;
	font-size: 1.1em; 
}

#landingPanel1DivMiddle ul li select {
	margin: 8px 0px 0px 0px;
}

#landingPanel1DivMiddle ul li a {
	font-weight:normal;
	color: #4c4c4c;
	font-size: 1.1em;
}








#landingPanel2DivMiddle {
	background-color: #efefef;
	/*height: 210px;*/
	height: 20em;
	width:445px;
}

#landingPanel2DivMiddlePad {

padding: 20px 18px 0px 18px;
}


#landingPanel2DivMiddle p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #4c4c4c;
	width:400px;
}

#landingPanel2DivMiddle h2 {
	margin: 0px 0px 0px 0px;
	font-size: 1.1em;
}





#landingPanel3DivMiddle {
	border-top: 1px solid #fafafa;
	background-color: #efefef;
	height: 30.9em;
	
}


#servicedOffPageDiv #landingPanel3DivMiddle {
	
	height: 23.9em;
	
}

#landingPanel3DivMiddle img {
	/*border: 1px solid #b4b4b4;*/
}

#landingPanel3DivMiddle p, #landingPanel6DivMiddle p  {
	
	font-size: 1.1em;
	padding: 9px 0px 5px 10px;
	color: #4c4c4c;
}



#landingPanel3DivMiddle p a, #landingPanel6DivMiddle p a{
	color: #4c4c4c;
	font-weight: normal;
}







#landingPanel4DivMiddle {
	background-color: #efefef;
	
	height: 24em;
}

#landingPanel4DivMiddlePad {
padding: 20px 18px 0px 18px;

}

#landingPanel4DivMiddle p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #4c4c4c;
	width:400px;
}











#landingPanel5DivMiddle {
	background-color: #efefef;
	padding: 2em 18px 0px 18px;
	height: 29em;
}

#landingPanel5DivMiddle p {
	color: #4c4c4c; 
}

#landingPanel5DivMiddle ul {
	margin: 10px 0px 0px;
}

#landingPanel5DivMiddle ul li {
	background: url(images/bullet_tick_green.png) 0 2px no-repeat;
	padding-left: 24px;
	font-size: 1.1em;
	margin: 0px 0px 9px;
}

#landingPanel5DivMiddleLeft {
	float: left;
	padding: 0px;
	width: 322px;
}

#landingPanel5DivMiddleRight {
	float: left;
	padding: 0px;
}


#landingPanel6DivMiddle {
	border-top: 1px solid #fafafa;
	background-color: #efefef;
	height: 30.9em;
	
}

#landingPanel6DivMiddle img {
	/*border: 1px solid #b4b4b4;*/
}

#landingPanel6DivMiddle p {
	
	font-size: 1.2em;
	line-height: 1.6em;
	color: #4c4c4c;
}




.searchNavigationTop {
	margin: 12px 0px 0px 0px;
}

.searchNavigationBottom {
	margin: 12px 0px 0px 0px;
}

#newsDetailContentPadding {
	padding: 20px 0px 0px 0px;
}


.articleListItem p {

padding:14px 0px 14px 0px;

}


.articleListItem a {

padding: 0px;

}

	/* -- Left Column -- */
		
	#leftNavColDiv {
		display:inline;
		width: 222px; /*left Col. width*/
		
		float:left;
		/*background: orange;*/
		}
		
	.leftNavColPaddingDiv {
		padding: 0 0 50px 0;
	}
	
	#leftNavColDiv ul li h3
	{
	background: #510158 url(images/panel_header_gradient.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	padding:0.7em 0.8em;

	}
	
	#leftNavColDiv ul 	{
	margin: 0px;
	}
	
	#leftNavColDiv ul li ul li a
	{
		font-weight: normal;
		font-size:1.1em;
	}
	
	#leftNavColDiv ul li ul li
	{
	border-bottom:1px solid #C6C6C6;
	border-top:1px solid #FAFAFA;
	padding:12px 10px;
	}
	

	

	/* -- Left Navigational links Stucture -- */

	
	#leftColNewsDivBord {
		border: 1px solid transparent;
	}
	
	#leftColNewsDivPad {
		padding-top:0px;
	}
	
	#leftColNewsDiv {
		width: 220px;
		background-color: #efefef;
	}
	
	#leftColNewsTop {
	
	width: 220px;
	background: url('images/panel_header_gradient.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #737373;
	border-bottom: 1px solid #585858;
	
	}
	
	#leftColNewsTop h3 {
		margin: 0px;
		font-weight: normal;
		color: #fff;
		font-size: 1.2em;
		padding: 0.7em 0.8em;
		margin: 0px;
		
	}
	
	#leftColNewsMiddle {
		
		width: 220px;
	}
	
	
	
	#leftColNewsBottom {
		width: 220px;
	}
	
	
	
	#leftColNewsMiddleUpper {
		border-top: 1px solid #f4f4f4;
		border-bottom: 1px solid #737373;
	}
	
	#leftColNewsMiddleLower {
		border-top: 1px solid #f4f4f4;
		padding: 9px 0px 0px; 
	}
	
	#leftColNewsMiddleLower p {
		color: #4c4c4c;
		margin: 0px;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	
	
	/* -- Right Column - Content -- */
	

	#rightContColDiv  {
		display:inline;
		float:left;
		width:665px; /* right col. width (site width - left col.) */
		}

	#rightContColPaddingDiv {
		padding: 0px 0px 50px 10px; 
		}


	/* -- Text Column  -- */
	#mainTextContent {
	padding: 0px 0px 0px 13px; 
	}
	
	#mainTextContent .entry-meta{
	border-top: 1px dotted #999999;
	padding: 5px 0px;
	margin: 10px 0px; 
	}
	
	#mainTextContent .entry-content{
	padding: 0px 15px;
	}
	
	#mainTextContent .entry-content img{
	background:transparent url(images/shadow.gif) no-repeat scroll right bottom;
	border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	padding:4px 10px 10px 4px;
	}
	
	*.aligncenter, *.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
	#mainTextContent .wp-caption-text
	{
		text-align:center;
	}
	
	#newsPage #mainTextContent {
	padding: 0px 0px; 
	}
	
	
	#mainTextCol {
		width:642px; /* text col. width (site width - left col. - col. padding - {space left}) */
		}
		
	.dottedRule {
		height: 1px;
		width: 100%;
		background: url(images/dots-single.gif) repeat-x;
	}
	
	#newsPage .dottedRule {
		display:block;
		margin-left:13px;
		width: 100%;
		background: url(images/dots-single.gif) repeat-x;
	}
	
	.doubleDottedRule {
		height: 3px;
		width: 640px;
		background: url('images/double_dotted_rule.gif') 0 0 repeat-x;
	}
	
	.doubleDottedRuleLower {
		height: 3px;
		width: 640px;
		background: url('images/double_dotted_rule.gif') 0 0 repeat-x;
		margin-bottom: 2.4em;
	}
	
	#MainTextContentCentreIcons {
		position: relative;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons {
		list-style: none;
		margin: 0px;
		padding: 0 0 0 0px;
		float: right;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons li {
		display: inline;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	
	#MainTextContentCentreIcons ul.environmentalIcons li.padIcon1 {
	padding: 0px 9px 0px 0px;
	border-right:1px solid #c3c3c3;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons li.padIcon2 {
	margin: 0px 0px 0px 9px;
	
	
	}
	
	.IconDivider {
	display:inline;
	
	}
			
	#MainTextContentCentreIcons h3 
	{
		margin: 0px 0px 0.3em 0px;
		font-weight: normal;
	}
	
	.environmentalIconsMore {
		display: block;
		text-align: right;
		margin: 0px 2px 5px 0px;
	}
	
	.newsListItem{
	padding: 2em 0px;
	}
	
	.newsListItemArchivePadding {
		padding: 1.2em 0px 0px;
	}
	
	#newsListArchivePadding {

	}
	
	
	#pageNavIdDiv {
	width: 655px;
	background: #343434 url('images/bar-background.gif') 0px 0px repeat-x;
	height: 3.1em;
	border-top: 8px solid #fff;
	}

	#pageNavIdDiv h1 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
	}
	
	#pageNavIdDiv h3 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
	}


/* -- detail page -- */

#mainTextContent #comments
{
	border:1px solid #C6C6C6;
	background-color: #EFEFEF;
	padding: 10px;
	margin-top:20px;
}

#mainTextContent #comments h3
{
	margin: 0;
	font-weight: bold;
	color: #262626;
}

#mainTextContent #comments .form-label
{
	margin: 10px 0px 2px 0px;
	font-size: 1.1em;
}

#mainTextContent #comments input
{
	padding: 2px;
}

#mainTextContent #comments .button
{
	margin: 5px 0px;
}


.nav-next
{
	margin:10px 0;
	float:right;
}

.nav-previous
{
	margin:10px 0;
	float:left;
}

#mainTextContent #nav-below a
{
	background: #510158 url(images/panel_header_gradient.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	padding:0.7em 0.8em;
}

	/* -- Footer Stucture -- */

	#siteFooterWrapperPadDiv {
	margin-top:3em;
	}
	
	
	#siteFooterWrapperDiv {
	margin: 0px auto 0px; 
	height: 25em;
	background: url(images/fotttopback.gif) repeat-x;
	}


	#siteFooterTopDiv {
		width: 887px; /*page width*/
		margin: 0px auto 0px; 
		height: 3.7em;	
	} 
	
	
	#siteFooterBotDiv {
		background: url(images/dots-single.gif) repeat-x;
		width: 902px; /*page width*/

		margin: 0px auto 20px auto; 
		height: 2em;
		
	} 

	#siteFooterTopPaddingDiv {
		padding: 1.3em 0;
	}
	
	#siteFooterBotPaddingDiv {
		padding: 0.7em 0;
	}

	ul#siteFooterTopLinks, ul#siteFooterBotLinks  { 
		margin:0px;
		display: inline;	
		}

	#siteFooterTopLinks li, #siteFooterBotLinks li { 
		display: inline;
		color: #7f7f7f;
		font-size: 1.1em;
		}
		
	#siteFooterTopLinks li a, #siteFooterBotLinks li a {
		color: #7f7f7f;
	} 

	#siteFooterTopLinks .first, #siteFooterBotLinks .first{
		float:left;
		padding-left: 0px;
		border-right: #7f7f7f 1px solid;
		padding-right: 9px;
		}
		
	#siteFooterBotLinks .first {
		padding-right: 5px;
	}
	
	#siteFooterTopLinks .second, #siteFooterBotLinks .second{
		float:left;
		padding-left: 9px;
		padding-right: 9px;
		border-right: #7f7f7f 1px solid;
		}
		
	#siteFooterBotLinks .second {
		padding-left: 5px;
		padding-right: 5px;
	}
		
	#siteFooterBotLinks .third{
		padding-right: 5px;
		border-right: #7f7f7f 1px solid;
		float:left;
		padding-left: 5px;
		}
	
	#siteFooterTopLinks .third, #siteFooterBotLinks .forth{
		
		padding-left: 9px;
		}
		
	
	#siteFooterBotLinks .forth {
		padding-left: 5px;
	}
	
	
	#siteFooterTopLinks .last, #siteFooterBotLinks .last 
	{
		float:right;
		padding-left: 9px;
		}		
	
	#siteFooterMidDiv {
		position:relative;
		height:29.5em;
		width: 887px; /*page width*/
		margin: 0px auto 0px;
		background: url(images/dots-single.gif) repeat-x;
		}
		
	.siteFooterMidDivLogos {	
		width:887px;
		height: 47px;
		position:absolute;
		top:16.7em;
	}
	
	#siteFooterLogoLinks {	
		width:887px;
		position:absolute;
		top:21.8em;
	}
	
	#siteFooterLogoLinks .siteFooterLogoCarbon 
	{
		position:absolute;
		top:0px;
		left: 0px;
	}
	
	#siteFooterLogoLinks .siteFooterLogoAct 
	{
		position:absolute;
		top:3px;
		left: 180px;
	}
	
	#siteFooterLogoLinks .siteFooterLogoDyson 
	{
		position:absolute;
		top:13px;
		left:370px;
	}
	
	#siteFooterLogoLinks .siteFooterLogoEcotricity 
	{
		position:absolute;
		top:15px;
		left: 573px;
	}
	
	#siteFooterLogoLinks .siteFooterLogoEcologist 
	{
		position:absolute;
		top:1px;
		left: 770px;
	}
	
	#siteFooterMidDiv1 { 
		width:400px;
		position:absolute;
		top:4em; left:50px;
		}
	#siteFooterMidDiv2 { 
		width:300px;
		position:absolute;
		top:4em;left:515px;	
		}
		
	#siteFooterMidDiv3 { 
		width:400px;
		position:absolute;
		top:12em; left:50px;	 
		}
		
	#siteFooterMidDiv4 { 
		width:400px;
		position:absolute;
		top:12em;left:515px;	
		}	
		
		
	#siteFooterMidDiv ul { 
		
		display: inline;	
		}
	
	#siteFooterMidDiv h3 { 
		
		padding-bottom:0.3em;	
		}
		
	#siteFooterMidDiv li { 
		margin-top:0.4em;
		display: inline;
		color: #a6a6a6;
		font-size: 1.1em;
		}
		
	#siteFooterMidDiv li a {
		color: #a6a6a6;
	} 
	
	#siteFooterMidDiv4 li { 
		color: #7f7f7f;
		}
		
	#siteFooterMidDiv4 li a {
		color: #7f7f7f;
	}

	#siteFooterMidDiv .first {
		float:left;
		padding-left: 0px;
		border-right: #a6a6a6 1px solid;
		padding-right: 10px;
		}
		
	#siteFooterMidDiv .firstMeeting {
		float:left;
		padding-left: 0px;
		padding-right: 10px;
		}
		
	#siteFooterMidDiv4 .first {
		border-right: #7f7f7f 1px solid;
		}
	
	#siteFooterMidDiv .second {
		float:left;
		padding-left: 10px;
		padding-right: 10px;
		border-right: #a6a6a6 1px solid;
		}
		
	#siteFooterMidDiv4 .second {
		border-right: #7f7f7f 1px solid;
		}
		
	#siteFooterMidDiv .third  {
		float:left;
		padding-left: 10px;
		}
		
	#siteFooterMidDiv4 .third {
		padding-right: 10px;
		border-right: #7f7f7f 1px solid;
		}

	#siteFooterMidDiv .last { 
		float: left;
		padding-left: 10px;
		border-left: none;
		}			

	#siteFooterMidDiv .lastMeeting { 
		float: left;
		padding-left: 0px;
		border-left: none;
		}	


		

				
/* ---------- 3. links and navigation ---------- */

	#pageWrapperDiv a {/* default link style */
		color:#383838;
		font-weight: bold;
		}
		
	#pageWrapperDiv a:hover {/* default hover state style */
		color:#262626;
		text-decoration: underline;
		}

#breadcrumb a { /*breadcrumb nav elements */
	color: #545555;
	font-weight: normal;
	border:medium none;
	display:inline;
	font-size:1.1em;
	margin-left:0;
	padding-left:2px;
		}

	
	

	/* -- Top Navigational Links text styles -- */

	#mainNavTopDiv a:link {
		color: #ccc;
		text-decoration: none;
		}

	#mainNavTopDiv a:visited {
		color: #ccc;
		text-decoration: none;
		}

	#mainNavTopDiv a:hover {
		color: #ccc;
		text-decoration: underline;
		}

	#mainNavTopDiv a:active {
		color: #ccc;
		text-decoration: underline;
		}

	#mainNavTopDiv li a.selected {
 		color: #fff;
		}



	#mainNavTopDiv #mainLinkTop02 a:link {
		color: #e1e1e1;
		text-decoration: none;
		}

	#mainNavTopDiv #mainLinkTop02 a:visited {
		color: #e1e1e1;
		text-decoration: none;
		}

	#mainNavTopDiv #mainLinkTop02 a:hover {
		color: #e1e1e1;
		text-decoration: underline;
		}

	#mainNavTopDiv #mainLinkTop02 a:active {
		color: #e1e1e1;
		text-decoration: underline;
		}

	#mainNavTopDiv #mainLinkTop02 a.selected {
 		color: #fff;
		}





	/* -- top-level navigation graphic rollovers -- */


	#mainNavTopDiv li.selected {
		background-position: 0 -33px;
		}
	#mainNavTopDiv li a.selected {
 		background-position: 0 -33px;
		}
	#mainNavTopDiv li a.selected:hover {
 		background-position: 0 -33px;
		}
	

	#mainLinkTop01, #mainLinkTop01 a{
		width: 64px;
		background: url(images/mainLinkTop01_e.gif) 0 0 no-repeat;
		}
	#mainLinkTop02, #mainLinkTop02 a{
		width: 120px;
		background: url(images/mainLinkTop02_e.gif) 0 0 no-repeat;
		}
 	#mainLinkTop03, #mainLinkTop03 a{
		width: 64px;
		background: url(images/mainLinkTop03_e.gif) 0 0 no-repeat;
		}
	#mainLinkTop04, #mainLinkTop04 a{
		width: 60px;
		background: url(images/mainLinkTop04_e.gif) 0 0 no-repeat;
		}
	#mainLinkTop05, #mainLinkTop05 a{
		width: 71px;
		background: url(images/mainLinkTop05_e.gif) 0 0 no-repeat;
		}		
	#mainLinkTop06, #mainLinkTop06 a{
		width: 64px;
		background: url(images/mainLinkTop06_e.gif) 0 0 no-repeat;
		}
	#mainLinkTop07, #mainLinkTop07 a{
		width: 60px;
		background: url(images/mainLinkTop04_e.gif) 0 -33px no-repeat;
		}
	
	

	/* -- Top Navigational Links text styles -- */

	#mainNavDiv a:link {
		color: #fff;
		text-decoration: none;
		}

	#mainNavDiv a:visited {
		color: #fff;
		text-decoration: none;
		}

	#mainNavDiv a:hover {
		color: #fff;
		text-decoration: underline;
		}

	#mainNavDiv a:active {
		color: #fff;
		text-decoration: underline;
		}

	#mainNavDiv #mainNav li a.selected {
 		color: #000;
		}




	/* -- top-level navigation graphic rollovers -- */

	#mainNavDiv li a:hover {
 		background-position: 0 -38px;
		}
	#mainNavDiv li.selected {
		background-position: 0 -76px;
		}
	#mainNavDiv li a.selected {
 		background-position: 0 -76px;
		}
	#mainNavDiv li a.selected:hover {
 		background-position: 0 -76px;
		}
	
	#mainNavDiv li {
	width: 155px;display:block;
	}
	#mainNavDiv li #mainLink02 {
	width: 155px; background: red;
	}
	#mainNavDiv li #mainLink03 {
	width: 155px;
	}
	
	#mainLink01, #mainLink01 a{
		width: 156px; display:block;
		background: url(images/mainLink01_e.gif) 0 0 no-repeat;
		}
	#mainLink02, #mainLink02 a{
		width: 156px;
		background: url(images/mainLink02_e.gif) 0 0 no-repeat;
		}
	#mainLink03, #mainLink03 a{
		width: 154px;
		background: url(images/mainLink03_e.gif) 0 0 no-repeat;
		}
	




/* -- home tabs Navigational Links -- */

	#panel1Div a:link, #panel2Div a:link, #panel3Div a:link {
		color: #fff;
		text-decoration: none;
		}

	#panel1Div a:visited, #panel2Div a:visited, #panel3Div a:visited {
		color: #fff;
		text-decoration: none;
		}

	#panel1Div a:hover, #panel2Div a:hover, #panel3Div a:hover {
    	
		color: #fff;
		text-decoration: underline;
		}

	#panel1Div a:active, #panel2Div a:active, #panel3Div a:active {
		background-color: #fff;
		color: #fff;
		text-decoration: none;
		}
		


	/* -- Left Navigational Links -- */

	#subNavDiv a:link {
		color: #000;
		text-decoration: none;
		}

	#subNavDiv a:visited {
		color: #000;
		text-decoration: none;
		}

	#subNavDiv a:hover {
    	/*background-color: #acacac;*/
		/*color: #000;*/
		text-decoration: underline;
		}

	#subNavDiv a:active {
		background-color: #fff;
		color: #000;
		text-decoration: none;
		}
	
	/* -- main content Links -- */
	
	#mainTextContent  a:link {
		background-color: transparent;
		color:#383838;
		font-weight:bold;
		}

	#mainTextContent a:visited {
		background-color: transparent;
		color: #383838;
		font-weight:bold;
		text-decoration: none;
		}

	#mainTextContent a:hover {
    	background-color: transparent;
		color: #262626;
		font-weight:bold;
		text-decoration: underline;
		}

	#mainTextContent a:active {
		background-color: transparent;
		color: #262626;
		font-weight:bold;
		text-decoration: underline;
		}
		
	#mainTextContent a.articleTitle {
		
		background: transparent url(images/news_bullet.gif) no-repeat scroll 1pt 50%;
		margin-top:20px;
		padding: 0px 0px 0px 13px;
		font-weight: bold;
		color:#262626;
	}
	
	#mainTextContent a.articleTitle:hover {
		background:transparent url(images/news_bullet.gif) no-repeat scroll 2pt 50%;
	}
	
	#mainTextContent a.articleReadMore {
		background:transparent url(images/news_bullet_readmore.gif) no-repeat scroll 5px 50%;
		padding: 0px 13px;
		color: #7a7a7a;
		font-size: 1.1em;
		font-weight:normal;
	}
	
	#mainTextContent a.articleReadMore:hover {
		background:transparent url(images/news_bullet_readmore.gif) no-repeat scroll 6px 50%; font-weight:normal;
	}



#mainTextContent p.linkTop a:link {

font-weight:normal;

}

#mainTextContent p.linkTop a{
padding-top:5px;
font-size: 0.9em;
float:right;
}



#detailPanelDiv {
width: 653px; height: 6em;
background-color: #efefef;
border:1px solid #b5b5b5;
}

#detailPanelPadODiv {
padding-top: 5px;
}

#detailPanelPadIDiv {
padding: 5px 10px 10px 10px;
}

#detailPleftDiv {
float:left;width:300px;

}


#detailPrightDiv {
padding-top:4px;
float:right; width:325px;
}




#error {

float:left; margin-top:50px; padding-right:50px;

}


#errorText {

float:left; margin-top:40px; 

}

#errorText h1 {

color: #c00005;

}

#errorText p {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #262626;

}


/* ---------- 4. fonts ---------- */


 	ul {
 		color:#4c4c4c;
 	}
	#breadcrumb p a, #breadcrumb li a{
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		color: #4b4b4b;
		 }
	
	#breadcrumb {
		color: #4b4b4b;
		}
	
	
	#mainNavDiv a {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	 
	#mainNavTopDiv a {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* -- main text font styles -- */
	
	#mainTextContent h1.homeHeading {
		margin-top: 0em;
		margin-bottom: 0.1em;
		font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
		font-size: 3em;
		font-weight: normal;
		color: #262626;
		}
		
	#mainTextContent h2.homeSubHeading {
		margin: 0px;
		font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
		font-size: 2.1em;
		font-weight: normal;
		color: #262626;
		}
	
	#mainTextContent h3 {
		
		font-weight: normal;
		
		}
	
	#mainTextContent h1.pageHeading {
		font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
		font-size: 3em;
		font-weight: normal;
		color: #262626;
		margin-top: 0.8em;
		margin-bottom: 0.5em;
		}
		
	
	#SOaboutPage #mainTextContent h1.pageHeading, .SObookPage #mainTextContent h1.pageHeading, #SOdetailPage #mainTextContent h1.pageHeading, #SOdetailPage #mainTextContent h2 {
		color: #489b05;
		}
	
	
	
	#MRaboutPage #mainTextContent h1.pageHeading, .MRbookPage #mainTextContent h1.pageHeading, #MRdetailPage #mainTextContent h1.pageHeading, #MRdetailPage #mainTextContent h2 {
		color: #d08605;
		}
		
	
		
	#VOaboutPage #mainTextContent h1.pageHeading, .VObookPage #mainTextContent h1.pageHeading, #VOdetailPage #mainTextContent h1.pageHeading, #VOdetailPage #mainTextContent h2 {
		color: #8c2e94;
		}
	
	
	#BVaboutPage #mainTextContent h1.pageHeading {
		color: #489b05;
		}
	
		
	#newsPage #mainTextContent h1.pageHeading {
		padding-left:13px;
		}	
		
	#mainTextContent h2.pageSubheading {
		margin: 0px 0px 1em 0px;
		font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.7em;
		font-weight: normal;
		color: #262626;
		}
		
	#newsPage h2.pageSubheading {
		padding-left:13px;
		}	
		
		
	#mainTextContent h2 {
		margin: 1.3em 0px 0.9em 0px;
		font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.7em;
		font-weight: normal;
		color: #000;
		}
		
	#mainTextContent p {
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.6em;
		color: 	#262626;
		}
		
		
		#mainTextContent p strong {
		color:#3c3c3c;
		
		}
		
		
	#mainTextContent li {
		color: 	#262626;
		}
		
		
	#newsPage #mainTextContent p {
		padding-left:13px;
		margin-bottom:1.2em;
		}
		
		
	#mainTextContent p.homeText {
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.6em;
		margin-bottom: 1.1em;
		}

	#mainTextContent a {
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		}
		
	#mainTextContent dl {
		font-size: 1.2em;
		margin-left: 0px;
	}
	
	#mainTextContent ol {
		margin-left: 2em;
	}
		
	#mainTextContent ol li {
		font-size: 1.2em;
		line-height: 1.7em;
		list-style-position: outside;
	}
 
#pageWrapperDiv #homeTopPanelDiv p a {
		color:#3f3f3f;
		}
		
	#homeTopPanelDiv .button a, #homeBotPanelDiv .button a {
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:0em;
		line-height:1.6em;
		color:#fff;
		}	
		
 	#homeTopPanelDiv .content p, #homeBotPanelDiv .content p {
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:0em;
		line-height:1.5em;
		color:#4c4c4c;
		}
		
	#homeTopPanelDiv .dropdown p {
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:0.8em;
		line-height:1.5em;
		color:#4c4c4c;
		}
   
	.newsText h2 {
		margin: 0px 0px 0px 0px;
	}
   
   	.newsText p{
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		margin: 1.4em 0em 1.4em;
		line-height:1.5em;
		color:#4c4c4c;
	}
	
	.heading h1{
		font: 2.1em Verdana, Arial, Helvetica, sans-serif;
		margin: 0em 0em 0.5em 0em;
		color:#454545;
	}
	
	.heading h2{
		font: 1.6em Verdana, Arial, Helvetica, sans-serif;
		color: #6f6c49;
		line-height:1.3em;
		margin: 0em 0em 0em 0em;
	}
		
	.mainText p{
		font: 1.1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:0em;
		line-height:1.5em;
		color: #343434;
		}
	
	#siteFooterMidDiv h3 {
		margin: 0px;
		font-size: 1.1em;
		color: #7f7f7f;
		font-weight: normal;
	}
	
.newsListItem h3 {

margin:0px;
}
	
	.newsListItem .articleDate, .newsListItemArchive .articleDate {
		display:block;
		color: #7a7a7a;
		font-size: 1.1em;
		font-weight: normal;
		padding: 4px 0px 0px 13px;
	}
	
	.newsListItem p {
		margin: 1.2em 0px 0px 0px;
	}
	
	#newsListArchive h3 {
		font-weight: normal;
		margin: 0px 0px 0em;
	}
	
	#landingPanel5DivMiddle p {
		font-size: 1.1em;
	}
	
	/* -- list item styles -- */
	
	
	#mainTextContent ul {
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em;
		margin: 1.8em 0px 1.8em 0px;
		padding-left: 0em;
		text-indent: 0em;
		list-style-type: none;
		}
	
	
	#mainTextContent ul li {
		background: url('images/grey_bullet.gif') left center no-repeat ;
		padding-left: 20px;
		margin-bottom: 0.2em;
		}
	
	#SOaboutPage #mainTextContent ul li {
		background: url('images/bullet_tick_green.gif') left 4px no-repeat ;
		padding-left: 22px;
		margin-bottom: 0.5em;
		}
	
	#MRaboutPage #mainTextContent ul li {
		background: url('images/bullet_tick_orange.gif') left 4px no-repeat ;
		padding-left: 22px;
		margin-bottom: 0.5em;
		}
	
	#contactTable01, #contactTable02, #contactTable03 {
	width:214px; float:left;
	font-size: 0.9em;
	
	}
	
	#contactTable01 strong, #contactTable02 strong, #contactTable03 strong {
	display:block;
	width:160px; 
	
	}
	
	
	#sitemapPageDiv #mainTextContent ul li{
	background: none;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size:1em;
	}
	
	
	
	#sitemapPageDiv #mainTextContent ul li a{
	
	font-weight:bold;
	color:#434343;
	}
	
	#sitemapPageDiv #mainTextContent ul ul li a{
	
	font-weight:normal;
	color:#494949;
	}
	
	
	#sitemapPageDiv #mainTextContent ul ul{
	
font-size:1em;
	
	}

	.deetHead {

	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	margin: 0em;
	line-height:1.7em;
	}
	
	
	.deetSubHead {

	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0em;
	color:#3d3d3d;
	}
	
	
	
	
	
	#SOdetailPage .deetHead {
		color: #262626;
		}
		
	
	#MRdetailPage .deetHead {
		color: #262626;
		}
		
	#VOdetailPage .deetHead  {
		color: #262626;
		}
	
	
	
/* ---------- 5. images ---------- */

	a img {/* remove borders from linked images */
		border: 0;
		}




/* ---------- 6. forms ---------- */

	


#loginPanelDivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}

#loginPanelDiv {

}

#loginPanelDivHeader {
	width: 620px;
	background: #343434 url('images/servicedbut.gif') 0px -8px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #343434;
	border-bottom: 1px solid #585858;
}

#loginPanelDivHeader h1 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
}

#loginPanelDivMiddle {
	background-color: #efefef;
	/*height: 164px;*/
	padding: 20px;
}

#loginPanelDivMiddleLeft {
	float: left;
	padding: 8px 40px 8px 0px;
	width: 228px;
}

#loginPanelDivMiddleRight {
	width: 240px;
	float: left;
	border-left: 1px solid #ccc;
	padding: 12px 0px 12px 40px;
}

.loginLabel {
	width: 80px;
	display: block;
	float: left;
	margin-bottom: 18px;
}

.loginButton {
	float: right;
	padding-right:14px;
	padding-top:2px;
}


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

#ViewingPanelDivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}

#ViewingPanelDiv {

}

#ViewingPanelDivHeader {
	width: 620px;
	background: #343434 url('images/servicedbut.gif') 0px -8px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #343434;
	border-bottom: 1px solid #585858;
}

#ViewingPanelDivHeader h1 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
}

#ViewingPanelDivMiddle {
	background-color: #efefef;
	/*height: 164px;*/
	padding: 20px;
}

#ViewingPanelDivMiddleLeftFull {
	float: left;
	padding: 8px 40px 8px 0px;
	width: 228px;
}

.ViewingPanelDivMiddleLeftPart {
	float: left;
	padding: 20px 40px 20px 0px;
	width: 228px;
}

.ViewingPanelDivMiddleLeftFull {
	float: left;
	padding: 12px 40px 12px 0px;
	width: 228px;
}

#ViewingPanelDivMiddleRight {
	width: 240px;
	float: left;
	border-left: 1px solid #ccc;
	padding: 8px 0px 8px 40px;
}

.ViewingLabel {
	width: 70px;
	display: block;
	float: left;
	margin-bottom: 18px;
}

.bvDropdown {
width:145px;

}

.ViewingButton {
	float: right;
	padding-right:14px;
	padding-top:2px;
}

	
/* ---------- 7. tables ---------- */
	
table {/* defaults */
		}
	

td p {/* bring paragraphs within cells to standard size */
		font-size: 1em;
		}
		
		/* table without borders */
		
table.noBorders {
		border: 0;
		}
		
table.noBorders td {
		border: 0;
		}
		
		
/* ---------- 8. misc stuff ---------- */




/*  tooltips  */
	.tool-tip 			{ width:139px; z-index:13000; }
	.tool-title 		{ font-weight:bold; font-size:11px; margin:0; color:#99c137; padding:8px 8px 4px; background:url(images/tooltip.png) top left; }
	.tool-text 			{ color:#fff; font-size:11px; padding:4px 8px 8px; background:url(images/tooltip.png) bottom right; }	
	



/* ---------- 9. Styles for page specific content ---------- */
		


/* ------------ A. debug  ------------ */