/* base */
body{ 
	background:#000 url("mainBack.gif"/*tpa=http://eco-task.com/mainBack.gif*/);
	margin:0;
	padding:0; 
	text-align: center; 
	color:#fff;
	font: normal 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
}
img, div, table, td, ul, a { border:0; margin:0; padding:0; }
a, a:visited { color:#e21e22; text-decoration:none; }
a:hover { color:#7f7f7f; text-decoration:underline;}
input, textarea, select { 
	border:1px solid #000;
	color:#000;
}

.red { color:#e21a22; }


/* main center-container */
.ecotaskWeb #container{ width:953px; margin:0 auto; text-align:left; background-color: transparent; }

/* top functionality*/
.ecotaskWeb #topFunctions { width:955px; height:1.9em; color:#7f7f7f; position: relative; }
.ecotaskWeb #topFunctions #last_updated { float: left; margin:4px 0 2px 2px; }
.ecotaskWeb #topFunctions ul { position:absolute; right:0px; margin:0; }
.ecotaskWeb #topFunctions ul li{ float:left; text-align:left; margin:4px 0 2px 20px; list-style-type:none; }
.ecotaskWeb #topFunctions ul li a { width:100%; }
.ecotaskWeb #topFunctions ul li a:link, .ecotaskWeb #topFunctions ul li a:visited { color:#7f7f7f; text-decoration:none; }
.ecotaskWeb #topFunctions ul li a:hover { color:#ccc; }

.ecotaskWeb #topFunctions ul li.faqIcon { background:url("faqIcon.gif"/*tpa=http://eco-task.com/faqIcon.gif*/) 0 3px no-repeat; }
.ecotaskWeb #topFunctions ul li.faqIcon span { padding:0 0 0 8px; } 
.ecotaskWeb #topFunctions ul li.printIcon { margin:4px 0 2px 25px; background:url("printIcon.gif"/*tpa=http://eco-task.com/printIcon.gif*/) 0 2px no-repeat; cursor: pointer;}
.ecotaskWeb #topFunctions ul li.printIcon span {padding:0 0 0 13px; }
.ecotaskWeb #topFunctions ul li.tipIcon { background:url("tipIcon.gif"/*tpa=http://eco-task.com/tipIcon.gif*/) 0 3px no-repeat; }
.ecotaskWeb #topFunctions ul li.tipIcon span { padding:0 0 0 25px; }
.ecotaskWeb #topFunctions ul li.contactIcon { background:url("contactIcon.gif"/*tpa=http://eco-task.com/contactIcon.gif*/) 0 3px no-repeat; }
.ecotaskWeb #topFunctions ul li.contactIcon span { padding:0 0 0 17px; } 
.ecotaskWeb #topFunctions ul li.newsletterIcon { width:250px; height:20px; margin:2px 0 2px 20px; padding:2px 0 0 0; }
.ecotaskWeb #topFunctions ul li.newsletterIcon a {display:block; width:100%; white-space: nowrap;}
.ecotaskWeb #topFunctions ul li.newsletterIcon span { padding:0 0 0 12px; }

.ecotaskWeb #topFunctions ul li.logout a {
	color: #e21a22;
}


/* main content holder */
.ecotaskWeb #mainContent{ position:relative; float:left; width:100%; padding:0 0 6px 0; background:#000 url("mainBottomStripe.gif"/*tpa=http://eco-task.com/mainBottomStripe.gif*/) left bottom no-repeat; border:1px solid #202020; }

/* frontpage content */
.ecotaskWeb #mainContent #frontTopFlashHolder{ float:left; width:684px; margin:0 0 0 0; padding:0; border-bottom:3px solid #da1a22;}
.ecotaskWeb #mainContent #frontTopFlashHolder #frontVideo {float:left; width:400px; }
.ecotaskWeb #mainContent #frontTopFlashHolder #frontVideoText { float:right; width:244px; font: normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif; }
.ecotaskWeb #mainContent #frontTopFlashHolder #frontVideoText h2 { margin:2px 0 10px 0; font-size:1.2em; }
.ecotaskWeb #mainContent #frontTopFlashHolder #frontVideoText p { margin:20px 0 10px 0; font: normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif; }

/* header */
.ecotaskWeb #mainContent #header { height:126px; background:#000 url("headerLogo.png"/*tpa=http://eco-task.com/headerLogo.png*/) 0 0 no-repeat; }
.ecotaskWeb #mainContent #header .printLogo { display:none; }
.ecotaskWeb #mainContent #header h1 { display:none; }
.ecotaskWeb #mainContent #header #topCounter { position:absolute; left:421px; width:261px; height:126px; }
.ecotaskWeb #mainContent #header #topSignUp { position:absolute; left:698px; width:255px; height:126px; }
.ecotaskWeb #mainContent #header a.home { position: absolute; top: 20px; left: 0; width: 419px; height: 90px; }


/* top menu */
.ecotaskWeb #mainContent #topMenu { float:left; height:103px; overflow:hidden; cursor:pointer; } /* height is controlled by function blindMenuUp also */

/* top breadcrums */
.ecotaskWeb #topBreadCrums { float:left; width: 860px; height:61px; padding: 0 0 0 20px; font-size: 18px; font-family: arial; text-transform:uppercase; }
.ecotaskWeb #topBreadCrums * { margin: 0; padding: 0; line-height: 1.5em;}
.ecotaskWeb #topBreadCrums ul { float:left; text-align:left; margin:0; }
.ecotaskWeb #topBreadCrums ul li{ float:left; text-align:left; margin:0 7px 2px 0; list-style-type:none; }
.ecotaskWeb #topBreadCrums ul li a { width:100%; font-size:1em; }
.ecotaskWeb #topBreadCrums ul li a:link, .ecotaskWeb #topBreadCrums ul li a:visited { color:#7f7f7f; text-decoration:none; }
.ecotaskWeb #topBreadCrums ul li a.darkLink:link, .ecotaskWeb #topBreadCrums ul li a.darkLink:visited { color:#404040; text-decoration:none; }
.ecotaskWeb #topBreadCrums ul li a:hover, .ecotaskWeb #topBreadCrums ul li a.darkLink:hover { color:#ccc; }
.ecotaskWeb #topBreadCrums ul li span { color:#7f7f7f; text-decoration:none; }


/* main content - left content wide */
.ecotaskWeb #leftContentWideHolder { float:left; padding: 0 0 0 20px; width:664px;}
.ecotaskWeb #leftContentWideHolder h1 { padding:0 0 28px 0; margin:0 0 30px 0; border-bottom:1px solid #202020; }

/* content images */
.ecotaskWeb #leftContentWideHolder.news img { 
	float:left; 
	margin:0 18px 6px 0;
	border:1px solid #202020;
}

.ecotaskWeb #leftContentWideHolder.news img.right {
	float:left; 
	margin:0 0 6px -4px; 
	border:1px solid #202020;
}	 
.ecotaskWeb #leftContentWideHolder.news img.wide { 
	float:left; 
	margin:0 0 6px 0;
}

/* main content - front left content wide */
.ecotaskWeb #frontLeftContentWideHolder { float:left; width:684px; margin:0 0 0 0; padding: 0 0 20px; }
.ecotaskWeb #frontLeftContentWideHolder h1 { padding:0 0 28px 0; margin:0 0 30px 0; border-bottom:1px solid #202020; }

/* main content - front left content wide specifics */
.ecotaskWeb #frontLeftContentWideHolder #frontContentHolder { float:left; width:684px; padding:51px 0 0 0px; margin: 0 0 20px }
.ecotaskWeb #frontLeftContentWideHolder #frontContentHolder .frontTeaserBox { float:left; display:inline; width:208px; margin:0 0  36px 20px; margin: 0 0 0 20px }
.ecotaskWeb #frontLeftContentWideHolder #frontContentHolder .frontTeaserBox h2 { margin:0 0 6px 0; font-size:12px; }
.ecotaskWeb #frontLeftContentWideHolder #frontContentHolder .frontTeaserBox img { border:1px solid #202020; margin:0 0 18px 0; }
.ecotaskWeb #frontLeftContentWideHolder #frontContentHolder .frontTeaserBox p { margin:0 0 10px; padding:0; }

/* main content - left content wide - image/text */
.ecotaskWeb #wideTopImageTxtHolder { float:left; width:654px; padding:10px 10px 10px 0; background:#000 url("topImgBack.gif"/*tpa=http://eco-task.com/topImgBack.gif*/) 0 0 no-repeat; }
.ecotaskWeb #wideTopImageTxtHolder div { float:left; }
.ecotaskWeb #wideTopImageTxtHolder img { float:left; margin:0 18px 6px 0; border:1px solid #202020; }
.ecotaskWeb #wideTopImageTxtHolder img.right { float:left; margin:0 0 6px -4px; }
.ecotaskWeb #wideTopImageTxtHolder img.wide { float:left; margin:0 0 6px 0; }
.ecotaskWeb #wideTopImageTxtHolder h2 { float:left; width:100%; font-weight:bold; margin:20px 0 20px 0;}
.ecotaskWeb #wideTopImageTxtHolder p { float:left; width:100%; margin:0;}

/* main content - left content wide - teaserboxes */
.ecotaskWeb #wideTopImageTeaserHolder { float:left; width:664px; margin: 0 0 0 0; padding:10px 0 0 0; }
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox { float:left; width:312px; margin:0 20px 20px 0;  padding:10px 10px 0 0; background:#111; }
.ecotaskWeb #wideTopImageTeaserHolder .tBoxRight { float:right; margin:0 0 20px 0;}
.ecotaskWeb #wideTopImageTeaserHolder .teaserBoxRight { float:right; }
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox img { float:left; margin:0 10px 0 0; border:1px solid #202020; }  
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox .teaserBoxText { position: relative; font-size: 12px; float:left; width:159px;} 
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox .teaserBoxText h3 { font-size: 12px; font-weight:bold; margin:-3px 0 0 0; }
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox .teaserBoxText h3 a, .ecotaskWeb #wideTopImageTeaserHolder .teaserBox h3 a:visited { font-size: 12px; font-weight:bold; color:#fff; }
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox .teaserBoxText p { font-size: 12px; margin:6px 0 0 0; }
.ecotaskWeb #wideTopImageTeaserHolder .teaserBox .teaserBoxText div.draft { position: absolute; top: 0; left: 0; z-index: 1000 }


/* main content - left content wide - forms */
.ecotaskWeb #wideFormHolder { float:left; width:664px; margin: 0 0 0 0; padding:10px 0 0 0; }
.ecotaskWeb #wideFormHolder .subFormHolder{ float:left; width:624px; margin:0 0 20px 0; padding:20px 20px 20px 20px; background:#111; }
/*ie6*/ *html .ecotaskWeb #wideFormHolder .subFormHolder{ float:left; width:624px; margin:0 0 20px 0; padding:20px 18px 20px 20px; background:#111; }
.ecotaskWeb #wideFormHolder h2 { display:block; float:left; width:624px; font-size:1.3em; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #000; }
.ecotaskWeb #wideFormHolder p.left { float:left; clear:left; width:282px; margin:-3px 0 20px 0; }
.ecotaskWeb #wideFormHolder p.right { float:right; width:282px; margin:-3px 0px 20px 0; padding:0; }
/*ie6*/ *html .ecotaskWeb #wideFormHolder p.right { float:right; width:282px; margin:-3px 0 20px 0;  }
.ecotaskWeb #wideFormHolder p.fullWidth { float:left; width:621px; margin:-3px 0 0 0; padding: 0 0 20px 0;}
.ecotaskWeb #wideFormHolder label { float:left; width:282px; margin:0 0 10px 0; }
.ecotaskWeb #wideFormHolder .formSendButton { 
	float:right; 
	width:70px;
	height:20px;
	margin:0;
	border:0;
	padding: 4px 2px;
	color:#fff;
	cursor:pointer;
	background: url("btn.png"/*tpa=http://eco-task.com/btn.png*/) 0 100% repeat-x;
	font-size: 12px;
	line-height: 1.3;
}
.ecotaskWeb #wideFormHolder .formSendButton:hover,
.ecotaskWeb #wideFormHolder .formSendButton.hover {
	background: url("btn-hover.png"/*tpa=http://eco-task.com/btn-hover.png*/) 0 100% repeat-x;
} 

.ecotaskWeb #wideFormHolder .formFieldHalf { float:left; width:282px; padding:2px; }
.ecotaskWeb #wideFormHolder .formFieldFull { float:left; width:620px; height:45px; padding:2px; }
.ecotaskWeb #wideFormHolder .formFieldFullHeigh { float:left; width:620px; height:105px; padding:2px; }
.ecotaskWeb #wideFormHolder ul.radioButtons { float:left; width:610px; margin:-10px 0 25px 0; padding:0 2px 10px 2px; }
.ecotaskWeb #wideFormHolder ul.radioButtons div { float:left; width:610px; margin:0 0 20px 0; }
.ecotaskWeb #wideFormHolder ul.radioButtons li{ text-align:left; width:100%; margin:0 7px 10px 0; list-style-type:none; }
.ecotaskWeb #wideFormHolder ul.radioButtons li .radioButton { width:10px; height:10px; margin:0; }
.ecotaskWeb #wideFormHolder ul.radioButtons li label{ float:left; width:300px; margin:-13px 0 0 25px; cursor:pointer; }


/* main content - left navigation */
.ecotaskWeb #leftNav { float:left; clear:left; width:237px; padding:0; margin:0 20px 0 1px; text-transform:uppercase; }
.ecotaskWeb #leftNav ul { list-style-type:none; width:100%;}
.ecotaskWeb #leftNav ul li { width:100%; margin:0 0 10px 0;}
.ecotaskWeb #leftNav ul li a { display:block; width:197px; padding:1px 20px 2px 20px;  }
.ecotaskWeb #leftNav ul li a:link, .ecotaskWeb #leftNav ul li a:visited  { color:#fff; text-decoration:none; }
.ecotaskWeb #leftNav ul li a:hover  { background:#222; }
.ecotaskWeb #leftNav ul li a.selected, .ecotaskWeb #leftNav ul li a.selected:hover { background:#4c4c4c; }


/* main content - right content wide */
.ecotaskWeb #rightContentWideHolder { float:right; width:663px; padding:0 20px 0 1px; }
.ecotaskWeb #rightContentWideHolder h1 { padding:0 0 28px 0; margin:0 0 30px 0; border-bottom:1px solid #202020; }
/* .ecotaskWeb #rightContentWideHolder h2 { margin:3px 0 19px 0; } */

.ecotaskWeb #rightContentWideHolder img { float:left; margin:0 18px 6px 0; border:1px solid #202020; }
.ecotaskWeb #rightContentWideHolder img.right { float:left; margin:0 0 6px -4px; }
.ecotaskWeb #rightContentWideHolder img.wide { float:left; margin:0 0 6px 0; }
.ecotaskWeb #rightContentWideHolder a img { border: none }

.ecotaskWeb #rightContentWideHolder div#topImageTeaserText { float:left; width:310px; margin:-5px 0 0 0; }
.ecotaskWeb #rightContentWideHolder div#topImageTeaserTextVideo { float:left; width:230px; margin:-5px 0 0 0; }
.ecotaskWeb #rightContentWideHolder div#rightWideContentText { width:100%; }
.ecotaskWeb #rightContentWideHolder div#rightWideContentText h2 { width:100%; margin:17px 0 19px 0; }




/* main content - right content wide - video/text */
.ecotaskWeb #wideTopImageTxtHolderVideo { float:left; width:654px; padding:10px 10px 10px 0; background:#000 url("topImgBackVideo.gif"/*tpa=http://eco-task.com/topImgBackVideo.gif*/) 0 0 no-repeat; }
.ecotaskWeb #wideTopImageTxtHolderVideo div#flashVideoHolder { float:left; width:400px; height:225px;  margin:0 18px 31px 0; }
.ecotaskWeb #wideTopImageTxtHolderVideo div { float:left; }
.ecotaskWeb #wideTopImageTxtHolderVideo h2 { float:left; width:100%; font-weight:bold; margin:5px 0 3px 0;}
.ecotaskWeb #wideTopImageTxtHolderVideo p { float:left; width:100%; }


/* main content - right content narrow */
.ecotaskWeb #rightContentNarrowHolder { margin: 0 1px 0 10px; padding:19px 10px 1px 10px; background:#111 url("ecotasknewsbanner.gif"/*tpa=http://eco-task.com/ecotasknewsbanner.gif*/) 0 0 no-repeat; }
.ecotaskWeb div#rightContentNarrowHolder div { padding:18px 0 17px 0; margin:0 10px 0 0; border-bottom:1px solid #202020; }
.ecotaskWeb div#rightContentNarrowHolder span { display:block; color:#979797; margin:0 0 6px 0; }
.ecotaskWeb div#rightContentNarrowHolder h3 { font-weight:bold; margin:0 0 6px 0; }
.ecotaskWeb div#rightContentNarrowHolder h3 a, .ecotaskWeb div#rightContentNarrowHolder h3 a:visited { font-size:12px; font-weight:bold; color:#fff; }
.ecotaskWeb div#rightContentNarrowHolder p { margin:0; }
.ecotaskWeb div#rightContentNarrowHolder img { margin:0px 0px 8px 0px; border:1px solid #202020; display: block }
.ecotaskWeb div#rightContentNarrowHolder div.rightColumnfooter { border:0; }
.ecotaskWeb div#rightContentNarrowHolder span.caps { color: #fff; display: inline; margin: 0; }

/* main content - right content narrow front */
.ecotaskWeb #frontRightContentNarrowHolder { float:right; width:228px; margin:41px 1px 0 0; padding:19px 10px 1px 10px; background: #111 url("ecotasknewsbanner.gif"/*tpa=http://eco-task.com/newsbanner.gif*/) 0 0 no-repeat; }
.ecotaskWeb div#frontRightContentNarrowHolder div { padding:18px 0 17px 0; margin:0 10px 0 0; border-bottom: 1px solid #202020;}
.ecotaskWeb div#frontRightContentNarrowHolder span { font-size: 10px; display:block; color:#979797; margin:0 0 6px 0; }
.ecotaskWeb div#frontRightContentNarrowHolder h3 { font-size: 12px; font-weight: bold; margin: 0 0 6px 0; }
.ecotaskWeb div#frontRightContentNarrowHolder h3 a, .ecotaskWeb div#rightContentNarrowHolder h3 a:visited { font-size:12px; font-weight:bold; color:#fff; }
.ecotaskWeb div#frontRightContentNarrowHolder p { font-size: 12px; margin:0; }
.ecotaskWeb div#frontRightContentNarrowHolder img { margin:0 0 8px 0; border:1px solid #202020; display: block }
.ecotaskWeb div#frontRightContentNarrowHolder div.rightColumnfooter { border:0; }
.ecotaskWeb div#frontRightContentNarrowHolder span.caps { color: #fff; display: inline; margin: 0; }

.ecotaskWeb .right-menu {
	overflow: auto;
	float: right;
	width: 258px;
	margin-top: -57px;
}

.layout-frontpage .right-menu {
	overflow: auto;
	float: right;
	width: 258px;
	margin-top: 0;
}

.layout-frontpage .global-compact{
	float: right;
	width: 250px;
}
.layout-frontpage .danish-branding-foundation {
	float: right;
	width: 250px;
}

/* shortcuts */
.ecotaskWeb #shortcuts { margin: 0 1px 0 9px; padding:0 10px 21px 10px; background: #2E2E2E url("ecotask_red_bg.jpg"/*tpa=http://eco-task.com/images/ecotask_red_bg.jpg*/) 0 0 repeat-x; }
.ecotaskWeb #shortcuts h1 { font-size: 11px; font-weight: normal; text-transform: uppercase; line-height: 17px; margin: 1px 0 6px 0; color: white; }
.ecotaskWeb div#shortcuts h2 { font-size: 12px; font-weight: bold; margin: 0 0 6px 0; }
.ecotaskWeb div#shortcuts ul { list-style: none; padding-bottom: 16px; }

/* highlights */
.ecotaskWeb #highlights { float:right; margin: 1px 1px 0 0; padding: 0; }



/* footer */
.ecotaskWeb #footer{ float:left; width:953px; height:24px; padding:0; color:#fff; background:#111; border-left:1px solid #202020; border-right:1px solid #202020; }
/*ie6*/ *html .ecotaskWeb #footer{ width:954px; }
.ecotaskWeb #footer ul#footerDetails{ float:left; margin:0 0 0 14px; padding:3px 0 0 0; display:inline; }
.ecotaskWeb #footer ul#footerDetails li{ float:left; text-align:left; margin:0 0 2px 6px; list-style-type:none; display:inline; }
.ecotaskWeb #footer ul#footerDetails li a:link, .ecotaskWeb #footer ul#footerDetails li a:visited { color:#fff; text-decoration:none; }
.ecotaskWeb #footer ul#footerDetails li a:hover { color:#7f7f7f; }
.ecotaskWeb #footer div#sponsors { position:relative; float:left; font-size:0.85em; margin:2px auto 0 44px; }
.ecotaskWeb #footer div#sponsors span { float:left; display:block; margin:2px 10px 0 0; }
.ecotaskWeb #footer div#sponsors img { float:left; margin:-1px 14px 0 0; }


/* news pictures */
div.news_pictures {
	float: right;
	margin: 0 0 15px 15px;
}

div.news_pictures div.picture {
	margin: 0 0 20px;
}

div.news_pictures div.picture img {	
	border:1px solid #202020;
}


/* regular content styles */

div.content {
	margin: 0 0 30px;
	font: normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

div.content.full_width {
	padding: 10px 30px;
	
}

div.content h1, 
div.content h1 span{
	font-size: 15px;
	font-weight: normal;
	margin: 1em 0 1em;
	color: #fff;
}
div.content h2,
div.content h2 span {
	font-size: 13px;
	font-weight: bold;
	margin: 2em 0 5px;
	color: #fff;
}
div.content h3,
div.content h3 span {
	font-size: 12px;
	font-weight: bold;
	margin: 1.5em 0 5px;
	color: #fff;
}
div.content p, div.content ul {
	margin: 0 0 20px;
	font: normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
}

div.content ul li,
div.content ol li {
	margin: 0 0 0 20px;
	font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

/* Standard rails items */
div#errorExplanation {
	color: #E21E22;
}
div#errorExplanation.errorExplanation {
	margin: 0 0 2em;
	font-size: 12px !important;
}

div#errorExplanation.errorExplanation h2 {
	float: none;
}

div#errorExplanation.errorExplanation li {
	margin: 0 0 0 20px;
}

div.you-are-admin {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

p.sponsors a img{
	margin: 0 1px 2px 0;
}


table.programme td, th {
	padding: 0 10px 10px 0;
	vertical-align: top;
	font-size: 12px;
}

table.programme th {
	font-weight: normal;
	white-space: nowrap;
}