﻿/****************************************************
	P A G E L A Y O U T
****************************************************/
body {
	background:#e0e0e0 url(/Frontend/Images/bg_body.gif);
	color: #222222;
	margin: 0 1em 0 1em;
	padding: 0;
	text-align: center;
}

div#PageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 962px;
	border: 1px solid #858585;
	border-top:none;
}

div#Page {
	text-align: left;
	/*background:#ffffff url(/Frontend/Images/bg_topGlobal.gif) right 0 no-repeat;*/
}

/****************************************************
	H E A D E R   S T U F F
	Note: NavigationTopBar see Navigation.css
****************************************************/
div#HeaderContainer{
	height: 120px;
}

div#HeaderLogo {
	float: left;
	height: 76px;
	width: 197px;
	margin: 14px 0 0 20px;
}

div#HeaderMenu {
	float: right;
	padding-top: 9px;
	width: 692px;
}

div#HeaderMenu div {
	margin: 10px 20px 0 0;
}

div#SearchFormDiv td {
	padding: 0 2px;
	vertical-align: middle;
}

/*
li#HeaderLinks {
	padding-top: 2px;
}

ul.Vertical li ul.NoBullets{
	list-style:none;
	margin: 20px 20px 20px 55px;
	padding: 0;
}

ul.Vertical li ul.NoBullets li {
	float: none;
}

ul.Vertical li ul.NoBullets li a{
	display:block;
	width:82px;
	height:25px;
}
*/
/*CHANNEL COLORS FOR LOGIN AND SEARCH BUTTON*/
body#DPA ul.NoBullets li a:hover{border:1px solid #e5f0f4;}
body#DPA ul.NoBullets li a{border:1px solid #5399b7;}

body#WEEE ul.NoBullets li a:hover{border:1px solid #d9e2d0;}
body#WEEE ul.NoBullets li a{border:1px solid #939100;}

body#BAT ul.NoBullets li a:hover{border:1px solid #efdddd;}
body#BAT ul.NoBullets li a{border:1px solid #96181d;}

body#ELV ul.NoBullets li a:hover{border:1px solid #edd3bf;}
body#ELV ul.NoBullets li a{border:1px solid #e29d17;}

/****************************************************
	C O L U M N S : 
****************************************************/
div#ColumnsContainer{
	
}

div#ColumnsContainerInner{
	margin: 26px 20px 20px 20px;
}

div#LeftColumn {
	float: left;
	width: 205px;
}

div.ChannelColoured{
	height:340px;
}

div#LeftColumnInner {
	padding:0px 10px 15px 0px;
	
}

div#ContentColumn {
	float: left;
	width:450px;
}

body.HasNORightColumn div#ContentColumn
{
	float: left;
	width: 695px;
}

div#RightColumn {
	float: right;
	width: 215px;
	overflow: hidden;
	margin-left: 10px;
}

div#LeftColumn,
div#ContentColumn,
div#RightColumn {
	margin-bottom: 1em;
}

div#ContentInclRightColumn {
	float: right;
	width: 695px;
}


div#RightColumnInner {
	overflow: hidden;
}

div.ChannelColoured {
/*	padding:0 6px 0 8px;*/
	width:100px;
}

div#LeftColumnInnerSpecialKindOfBox {
	padding: 10px;
}

div#LeftColumnInnerSpecialKindOfBox h1, 
div#LeftColumnInnerSpecialKindOfBox h2, 
div#LeftColumnInnerSpecialKindOfBox h3, 
div#LeftColumnInnerSpecialKindOfBox h4, 
div#LeftColumnInnerSpecialKindOfBox h5, 
div#LeftColumnInnerSpecialKindOfBox h6 {
	margin-top: 0px;
}



/*CHANNEL COLORS*/
div.RightColumnGrayish {padding: 10px;}

body#DPA div.RightColumnGrayish,
body#DPA div.Teaser {background: #e5f0f4;}
body#DPA div.ChannelColoured {background:transparent url(/Frontend/Images/bg_DpaChannel.gif) 0 0 repeat-x;border:1px solid #669fba;}

body#WEEE div.RightColumnGrayish,
body#WEEE div.Teaser {background: #d9e2d0;}
body#WEEE div.ChannelColoured {background:#fff url(/Frontend/Images/bg_WeeeSubFront.gif) 0 0 repeat-x; border:1px solid #939100;}

body#BAT div.RightColumnGrayish,
body#BAT div.Teaser {background: #efdddd;}
body#BAT div.ChannelColoured {background:#fff url(/Frontend/Images/bg_BatSubFront.gif) 0 0 repeat-x; border:1px solid #96181d;}

body#ELV div.RightColumnGrayish,
body#ELV div.Teaser {background: #f5d9a1;}
body#ELV div.ChannelColoured {background:#fff url(/Frontend/Images/bg_ElvSubFront.gif) 0 0 repeat-x; border:1px solid #e29d17;}






/****************************************************
	L I S T S
****************************************************/
div.List h2 {
	font-size: 100%;
}

div.ListItem {
	padding-bottom: 8px;
}

div.ListItemDate {
	background-color: #FFFFFF;
	color: #777777;
}

/****************************************************
	P A G I N G   I N F O
****************************************************/
div#Paging {
	padding-top: 1em;
}

div#PagePrevious {
	float: left;
	width: 20%;
}

div#PageNext {
	float: right;
	width: 20%;
}

div#PageInfo {
	text-align: center;
}

/****************************************************
	O T H E R
****************************************************/

.Hide {
	display: none;
}

div.Clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0px;
}

form {
	margin: 0;
	padding: 0;
}

ul.Vertical {
	clear: both;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.Vertical li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.Vertical li.Right {
	float: right;
}

/****************************************************
	F O O T E R
****************************************************/
div#FooterContainer {
	border-top: 1px solid #d1d1d1;
	padding: 8px 6px 8px 15px;
	color: #000000;
}

div#FooterContainer span{ 
	color:#d1d1d1;
}

/****************************************************
	R E L A T E D   P A G E S
****************************************************/
div#RelatedPages {
	padding: 10px;
}

div#RelatedPages div.RelatedPagesItem {
	padding: 2px 0 2px 0;
}

div#RelatedPages div.RelatedPagesItem a{
	/*background-image: url("/Frontend/Images/li.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;*/
	padding: 0 0 3px 0;
	font-weight: bold;
	color: #4E6D7E;
}

/****************************************************
	T E A S E R
****************************************************/
div.Teaser {
	position:relative;
	display: block;
	padding: 8px;

}

/*div.Teaser ul li {
	background-image: url("/Frontend/Images/li.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;	
}*/

div.Teaser h1,
div.Teaser h2,
div.Teaser h3,
div.Teaser h4,
div.Teaser h5,{margin-top:0;}

div.Teaser p {
	margin-bottom: 0.5em;
	margin-top: 0;
}

/****************************************************
	N E W S
****************************************************/
div#NewsTeaser {
	padding: 2px 0px 2px 0px;
}

div#NewsTeaser div#ArchiveLink,
div#NewsTeaser div.NewsTeaserItem {
	padding: 2px 0px 10px 8px;
}
div#NewsTeaser div.NewsTeaserItemDate {
	color: #666666;	
}

/*div#NewsTeaser div.NewsTeaserItemTitle a {
	background-image: url("/Frontend/Images/li.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding: 0 0 3px 1em;
}*/

div#NewsTeaser div.NewsTeaserItemTitle a:hover {
	color: #893535;
}

div#NewsArchive div.NewsArchiveItem {
	margin-bottom: 10px;
}

/****************************************************
	S E A R C H
****************************************************/
h2.Logo
{
	padding-bottom: 2px;
}

#SearchButton {
	float:right;
	margin-top:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-bottom:0px !important;
	width:70px;
	height:25px;
	background-image:url("/Frontend/Images/soeg.gif");
	cursor:pointer;
}

#SearchButtonUK {
	float:right;
	margin-top:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-bottom:0px !important;
	width:70px;
	height:25px;
	background-image:url("/Frontend/Images/search.gif");
}

#SearchDropdown {
	Display:none;
	width:173px;
	height:83px;
	position:absolute;
	right: 0;
	top: 25px;
	margin: 0 !important;
	/*margin-top:25px !important;
	margin-left:479px !important;
	margin-right:0px !important;
	margin-bottom:0px !important;*/
	background:url("/frontend/images/search_dropdown_background.png");
}

#SearchInput {
	margin:0px !important;
	padding-left:9px;
	padding-top:8px;
	float:left;
}

#SearchInput input{
	width:130px;
	float:left;
}

#SearchInput #StartSearch {
	width:22px;
	height:19px;
	margin-left:4px !important;
	margin-bottom:2px !important;
	float:left;
	padding-bottom:2px;
}

#SearchInput #q {
	margin-top:0px;	
}
	
#SearchLinks {
	margin-left:11px !important;
	margin-right:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	float:left;
}

#SearchLinks a {
	line-height:18px;	
}