@charset "UTF-8";

body {margin:0;padding:0;border:0;background:#37444d url(images/bg.png);font-family:arial,Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:12px;line-height:16px;color:#2F6487}
html, body { height: 100%; }
/*******************************************************************************
 * GENERIC LINKS, TEXT ELEMENTS ETC
 ******************************************************************************/
a:link,a:visited {color: #2F6487;text-decoration: underline;font-weight:bold;}
a:hover {color: #c25e2e;text-decoration: underline; }
a:active {color: #6b6e45;text-decoration:underline;}

/* address details at the top right */
#top {color:#476D8C;font-size:11px;font-family:arial;}
#top h4 { font-weight:normal;margin:0;padding:0; }
#top h4.dark { color: #2E4E67;}
#top a:link,#top a:visited { color: #2E4E67; text-decoration: none; }
#top a:hover { color: #3d6d9e }

/*******************************************************************************
 * STRUCTURE
 ******************************************************************************/
#border { margin: auto; width: 985px; background:url(images/site-border.gif) repeat-y 0 0;}
#container {margin: auto;width:960px;background:#d5cec6;border:5px solid #d5cec6;}

#top .left {width: 760px;float:left;}
#top .left img { float:left; margin: 5px 0 0 25px; }
#top .right {width: 190px;float:left;padding-left:10px;}

#top .searchbox {margin:0;padding:0; }
#top #s { width: 180px; }

#toplinks {width: 960px;float:left;background:url(images/topbar.png) repeat-x}
#toplinks ul {margin: 0;padding:0;list-style:none;height:31px;}
#toplinks ul li {float:left;height:31px;margin: 0;padding: 0;}
/* top row of links */
#toplinks ul li a:link,#toplinks ul li a:visited {float:left;height:24px;padding:7px 17px 0 20px;font-size:11px;color:#C3B9B4;text-decoration:none;background:url(images/topbar.png) repeat-x 0 0;}
#toplinks ul li a:hover,#toplinks ul li a.sel {color:#fff;background:url(images/topbar-hover.png) repeat-x 0 0; }
#toplinks ul li a.admin:link,#toplinks ul li a.admin:visited {float:left;height:24px;padding:7px 11px 0 12px;font-size:10px;color:#C3B9B4;text-decoration:none;background:url(images/topbar-hover.png) repeat-x 0 0;}
#toplinks ul li a.admin:hover {color:#fff;background:url(images/topbar.png) repeat-x 0 0; }

#main { width:960px; float:left;margin:5px 0;}
#main .left {float:left;width:758px;background:#fff;border:1px solid #a2a9ad}
#main .right {float:left;width: 190px;padding-left:10px;}

#main .left h2 { color: #1b242d;font-size:14px; }
#main .left .padding { padding: 20px; }
#main .left .sidepadding { padding: 5px 20px; }

#main .left #panels ul { list-style: none; margin: 0px 0 10px 1px;padding:0; }
#main .left #panels ul li { float:left; margin: 0;padding:0; }
#main .left #panels ul li a:link,#main .left #panels ul li a:visited { float:left;width:185px;height:350px;padding:0 4px 0 1px;text-indent:-9999em; }
#main .left #panels ul li #p-industrial { background: url(images/panel-industrial.png) no-repeat;padding: 0 3px 0 1px; margin-left:1px;}
#main .left #panels ul li #p-agricultural { background: url(images/panel-agricultural.png) no-repeat; }
#main .left #panels ul li #p-water-treatment { background: url(images/panel-water-treatment.png) no-repeat; }
#main .left #panels ul li #p-biogas { background: url(images/panel-biogas.png) no-repeat; padding: 0 0 0 2px;}

#main .right h2 {margin: 0;padding: 10px 0px 10px;border-top:4px solid #fff;}
#main .right h2.news { color: #1b9760; }
#main .right h2.downloads { margin-top:2px;color: #295375; }


#main ul.news { margin:0;padding:0;list-style:none;font-size:10px;}
#main ul.news li { float:left;padding:5px 5px 5px 0;margin:0; border-top: 1px dotted #99989d}
#main ul.news li a:link,#main ul.news li a:visited { color: #2F3E4A;text-decoration:none;font-weight:bold; }
#main ul.news li a:hover { text-decoration: underline; }
#main ul.news li span.date { display:block;color: #476D8C; font-size:9px; font-style: italic; }
#main ul.news li p {margin: 0;padding: 5px 0 0; color: #2F6487; line-height: 14px; }

#main ul.downloads {margin:0;padding:0;list-style:none;font-size:10px;}
#main ul.downloads li {float:left;padding:5px 5px 15px 0;margin:0; border-top: 1px dotted #99989d}
#main ul.downloads li a:link,#main ul.downloads li a:visited {color: #2F3E4A;text-decoration:none;font-weight:bold;}
#main ul.downloads li a:hover {text-decoration: underline;}
#main ul.downloads li span.date {display:block;color: #476D8C; font-size:9px; font-style: italic;}
#main ul.downloads li p {margin: 0;padding: 5px 0; color: #2F6487; line-height: 14px; }
#main ul.downloads li a.footer img { border:0; }

#footer {width: 960px;float:left;margin: 0;padding-bottom:100px; color:#476D8C;font-size:9px;line-height:14px;}
#footer .left {float:left;width:150px;padding: 0 20px;}
#footer .right {float:left;width: 570px;}
/* footer links */
#footer a:link,#footer a:visited {color:#476D8C;font-size:9px;line-height:12px;text-decoration: none; }


/*******************************************************************************
 * SECOND LEVEL PAGES (Agriculture)
 ******************************************************************************/
#navlinks {width: 758px;float:left;margin-bottom:5px;}
#navlinks ul {margin: 0;padding:0;list-style:none;height:31px;background:url(images/navbar.png) repeat-x 0 0;}
#navlinks ul li {float:left;height:31px;margin: 0;padding: 0;}
/* top row of links */
#navlinks ul li a:link,#navlinks ul li a:visited {float:left;height:24px;padding:7px 18px 0 23px;font-size:11px;color:#C3B9B4;text-decoration:none;background:url(images/navbar.png) repeat-x 0 0;}
#navlinks ul li a:hover,#navlinks ul li a.sel {color:#fff;background:url(images/navbar-hover.png) repeat-x 0 0;}


#main .left .leftmenu {float:left;width: 198px;}
#main .left .leftmenu ul { margin: 0;width: 192px;padding:0;list-style:none; background:#e9e6e1;border-top:1px solid #adaba9;border-right:1px solid #adaba9;border-bottom:1px solid #adaba9}
#main .left .leftmenu ul li { margin: 0;padding:0;height:25px;}
#main .left .leftmenu ul li a:link,#main .left .leftmenu ul li a:visited {padding-left:23px;padding-top:5px;float:left;width:172px; height:20px;color: #143958;text-decoration: none}
#main .left .leftmenu ul li a:hover,#main .left .leftmenu ul li a.sel { background: #ccc5bb url(images/leftmenu-bg.png) no-repeat;color:#0e141a;border:none;height:20px;}

#main .left .rightcontent { float:left;width: 560px; }
#main .left .rightcontent h1 {margin:5px 0 0;padding: 8px 20px; background: url(images/h1bg.png) repeat-y 0 0; color:#fff;font-size:18px;font-family:arial;}


/*******************************************************************************
 * Search
 ******************************************************************************/
ul.results { list-style:none; margin:10px 0;padding:0;}
ul.results li { margin:10px 0; padding: 5px 0; }
ul.results li.alt { background: #E1E1E1 }
ul.results li a.title { font-size: 14px; }
ul.results li div.section { font-size:10px; color:#666; }

/*******************************************************************************
 * FORMS
 ******************************************************************************/
form.nice {margin:0;padding:0;line-height:14px;}
form.nice fieldset{margin: 8px 0 16px;}
form.nice fieldset.noborder{border:0;padding:0 7px 0 6px;}
form.nice fieldset legend {font-weight:bold; border-color:#756e61;padding: 5px;}
form.nice fieldset ol { margin:0;padding:0;list-style: none; }
form.nice fieldset ol li{padding:5px 0; vertical-align: middle;clear:both;}
form.nice fieldset ol li:hover label { font-weight:bold;}
form.nice fieldset ol li label {float:left;width:120px;color:#2F3E4A;font-size:14px;letter-spacing:-0.2px;padding:5px 0;vertical-align: middle;margin:1px 0;font-family:"Trebuchet MS", arial, helvetica;}
form.nice fieldset div.i3 {float:left;border:1px solid #F0F0F0;}
form.nice fieldset div.i2 {border:1px solid #E3E3E4;}
form.nice fieldset div.i1 {border:1px solid #B0B8BE;}
form.nice fieldset div.i3:hover{ border: 1px solid #F0F0F0; }
form.nice fieldset div.i3:hover div.i2 { border: 1px solid #E3E3E4; }
form.nice fieldset div.i3:hover div.i2 div.i1 { border:1px solid #878D91 }
form.nice fieldset ol li div.i3 div.i2 div.i1 input:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 textarea:focus,
form.nice fieldset ol li div.i3 div.i2 div.i1 select:focus {border:1px solid #343638;}
form.nice fieldset ol li input,form.nice fieldset ol li textarea,form.nice fieldset ol li select { margin:0;border:1px solid white;color:#333333;vertical-align:middle;font-family:"Trebuchet MS", arial, helvetica;font-size:14px;}
form.nice fieldset ol li select {min-width:200px;}
form.nice fieldset ol li textarea{width:400px; height:80px;}

form.nice fieldset ol li input.bg,form.nice fieldset ol li textarea.bg { background: url(images/bg-textarea.png) no-repeat;padding:3px;border-top:1px solid #9f9f9f;border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid white;}
form.nice fieldset ol li input.bg:focus,form.nice fieldset ol li textarea.bg:focus { color: #316ac5 }

form.nice fieldset ol li input[type=text],form.nice fieldset ol li input[type=password] {width:400px;}
form.nice fieldset ol li input[type=checkbox] { padding:0;margin:0;}
form.nice fieldset ol li input.blur,form.nice fieldset ol li textarea.blur { color:#8D848F; }
form.nice fieldset ol li input.small,form.nice fieldset ol li textarea.small,form.nice fieldset ol li select.small {width:200px;margin:0;}
form.nice fieldset ol li input.kindasmall,form.nice fieldset ol li textarea.kindasmall,form.nice fieldset ol li select.kindasmall {width:300px;margin:0;}
form.nice fieldset ol li input.medium,form.nice fieldset ol li textarea.medium,form.nice fieldset ol li select.medium {width:400px;margin:0;}
form.nice fieldset ol li input.big,form.nice fieldset ol li textarea.big,form.nice fieldset ol li select.big {width:600px;margin:0;}

form.nice fieldset.submit {border:0;margin:0;padding:0;padding-left:120px;position:relative;}
form.nice fieldset.submit div.captchainfo { position:absolute;width:100px;margin-left:-120px;top:3px;font-style:italic;font-size:9px;}
form.nice fieldset.submit input{float:left;margin:9px 6px 3px 4px;background: #e4e0d8; border:1px solid #b8b7b4; color:#4c4d4f;padding:4px;text-decoration:none;text-align: center;cursor:pointer;}
form.nice fieldset.submit input.submit { font-weight:bold;}
form.nice fieldset.submit input:hover { text-decoration: underline; color:#161416;border: 1px solid #8D848F}
form.nice fieldset.submit input:active {text-decoration: underline; color:#161416;border: 1px solid #161416}

/*******************************************************************************
 *  NEWS
 ******************************************************************************/
div.newscategory {background: #DAE0E4 ; color:#101931;font-size:11px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #ACB6BD;margin: 5px 0 0 0; padding-left: 5px; padding-top: 3px;}
div.newscategory a { text-transform: uppercase; }
div.newsentry h2 { margin-bottom: 0; font-size: 18px; font-weight: lighter; color: #101931; background:#fff;border-bottom: 1px solid #CCC; padding-bottom: 3px;}
div.newsentry hr { background:#fff;color:#fff;border:0; margin-bottom:20px; }
div.newsentry h2 a { font-size: 16px;font-weight:lighter; text-decoration: none;}
div.newsentry h3.newsdate { margin: 0; padding: 1px 0; color: #0a6e50; font-size:9px;}

form.news {font-family: arial, helvetica, sans-serif;font-size:11px;font-weight:normal;}
form.news fieldset { border: 0; }
form.news fieldset.bottom { margin-left:170px; }
form.news label{float:left;width:160px;padding: 10px 5px; margin:5px 0;font-size: 11px; color: #035588; font-weight: normal;}
form.news input{float:left;width:450px;padding:5px 0;font-family: arial, helvetica, sans-serif;font-size:11px;font-weight:bold;margin:5px 0;color: #101931;}
form.news input.big { width: 450px; }
form.news .url { font-size: 11px;font-weight:normal; }
form.news textarea{float:left;width:450px;height:224px;padding:5px 0; font-family: arial, helvetica,sans-serif;margin:5px 0; font-size: 11px;color: #101931;}
form.news textarea.big { height:350px; }
form.news select{float:left;width:200px;padding:5px 0;font-family:  arial, helvetica, sans-serif;font-size:12px;font-weight:normal;margin:5px 0;}
form.news textarea:focus,
form.news input[type="text"]:focus,
form.news input[type="password"]:focus,
form.news select:focus {border:1px solid #CCC;}
form.news div.alert {float:left;width: 390px;margin: 2px 0 2px 150px;padding: 5px;background: #fff;border: 1px solid #CCC;color: #FF3300;font-weight: normal;clear:both;display:none;}


/*******************************************************************************
 * ADMIN CONTROLS
 ******************************************************************************/
#admin { width:150px;height:18px;margin-top:3px;float:right;background:transparent url(images/admin-bg.png) no-repeat 0 0;padding:1px 0;line-height:14px;font-size:10px;}
#admin ul {margin:0;padding:0;list-style: none;}
#admin ul li { float:left; }
#admin ul li a:link,#admin ul li a:visited {color:#999;text-transform:uppercase;text-decoration: none;padding:4px 10px;}
#admin ul li a:hover {color:#FFF;text-decoration:underline}

/* meta changer */

#metalink { position: absolute;right: 5px; background: #C3B9B4; color: #000;text-transform:uppercase;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; font-size: 9px; padding: 4px;  }
#metalink:hover { background: #000; color: #fff; }
#metachanger,#metalog { margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000;background: #C3B9B4;}
#metaform frameset {background:#fff;}
#metalog { display: none; }
#metalog{padding: 8px 0 8px 8px;margin: 0px 0px 0px 0px;border:0; }
#metalog h2{ background:  #fff; padding: 6px; color: #000;font-size:16px;font-family: Arial, Helvetica, sans-serif; }
#loading { clear:both; background: #fff url(/images/loader.gif) center top no-repeat;color: #000;text-align:center;padding:56px 0px 0px 0px; font-size:11px;font-family:Arial, Helvetica, sans-serif;display:none; }


#toptabs { height: 23px;margin: 0 0 1px 0; background: #333333;}
#toptabs .padding {margin:0;float:left;width: 127px; height:23px;border-right: 1px solid #fff;}
#toptabs .links { float: left; padding-top:0px;margin-left:10px; }
#toptabs .links ul { margin: 0; padding: 0; list-style: none;  }
#toptabs .links ul li { float: left; }

#tabs {width:560px;}
/* admin */
.dev .item { margin-bottom: 1px; }
.dev a:link,.dev a:visited { color: #595959;}
.dev a:hover,.dev a.cl { color: #323232;}
.dev span { color: #595959;}
.dev h2 {font-size: 11px;}
/*.dev .title {position: relative;font-weight: bold; background: #D9D9D9;display:block;border-bottom: 1px solid #d5d5d5;height: 22px;padding-bottom: 3px;}*/
.dev .title { position: relative;font-weight:bold;color:#fff;background:url(images/topbar.png) repeat-x 0 0;display:block;border-bottom: 1px solid #d5d5d5;height: 24px;padding-bottom: 10px;}
.item > .title > .lleft { width: 400px; }
.dev .on { background: url(images/topbar-hover.png) repeat-x 0 0; color: #fff;}
.dev .on .rright span { color: #c8c8c8; }
.dev .on a:link,.dev .on a:visited { color: #B2B2B2; }
.dev .on a:hover,.dev .on a.cl {color: #fff;}
.dev .lleft,.dev .lleft2 { cursor:pointer;float: left;padding: 6px 0 0 20px;}
.dev .rright { width: auto;float: right;padding: 6px 25px 0 0; position:relative;}
.dev .rright a:link { color: #999999; }
.dev .rright a:hover { background: transparent;color: #000; }
.dev .uppos { width: 16px; height: 16px; position:absolute;right:7px;text-indent:-9999px; background: url(images/icon-rup.png) no-repeat 0 0 !important; outline:none;}
.dev .upposd,.dev .upposd a:hover { width: 16px; height: 16px; top:4px;position:absolute;right:10px;text-indent:-9999px; background: url(images/icon-up.png) no-repeat 0 0 !important;outline:none; }
.dev .downpos { width: 16px; height: 16px; position:absolute;right:-9px;text-indent:-9999px; background: url(images/icon-rdown.png) no-repeat 0 0 !important;outline:none; }
.dev .downposd { width: 16px; height: 16px; top:4px; position:absolute;right:-1px;text-indent:-9999px; background: url(images/icon-down.png) no-repeat 0 0 !important;outline:none; }
.dev .item.add .title {background: #000; color:#fff;}
.dev .editform { padding: 7px 0 0 0; }

.tabtitle {text-transform: uppercase;float:left; text-align: center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-weight:bold;white-space: nowrap;outline: 0;text-decoration:none;background: #323232;color:#fff;height:25px;width:165px;display:block;margin-left:-20px;margin-top:-10px;padding-top:8px;margin-bottom:10px;}
.tabtitlepad {text-transform: uppercase;float:left; text-align: center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-weight:bold;white-space: nowrap;outline: 0;text-decoration:none;background: #323232;color:#fff;height:25px;width:165px;display:block;padding-top:8px;margin-bottom:10px;}


/**********************************************************************
 *  FORMS
 *********************************************************************/
.adminform { width: 550px; }
.adminform .left { width: 230px; float: left; margin-right: 40px; }
.adminform .right { width: 265px; float:left; }
.adminform .bottom { width: 550px; float: right; clear: both; text-align: right;}
.adminform .bottom input { float: right; }
.adminform fieldset { margin: 0; padding: 0; border: 0;}
.adminform label { margin-left: 20px;width: 150px; min-width: 100px; float: left;display:block;font-size: 11px; font-weight: bold; color: #099de1;padding:3px 10px 0px 0px;}
.adminform input { width: 355px; float: left;margin-bottom: 9px;}
.adminform textarea { width: 545px; height:70px; float: left;margin-bottom: 9px;font-family:arial, sans-serif;font-size:11px;}
.adminform select { width: 130px; float: left;margin-bottom: 9px;}
.adminform fieldset.bottom input { background: #099de1; color:#fff;font-weight: bold; width: 100%; height:25px;text-align: center; cursor: pointer; border: 1px solid #666; }
.adminform fieldset.bottom input.clicked { background: #90b557; }
.adminform fieldset.bottom input.small { margin-top:5px;float:left;margin-left:180px;background: #cdcdcd; border: 1px solid #a5a5a5;width: 165px; color: #333}

.contactform { width: 320px; }
.contactform fieldset { margin: 0; padding: 0; border: 0;}
.contactform label { margin-left: 0px;width: 90px; float: left;display:block;font-size: 11px; font-weight: bold; color: #099de1;padding:3px 10px 0px 0px;}
.contactform input { width: 210px; float: left;margin-bottom: 9px;}
.contactform textarea { width: 210px; height:70px; float: left;margin-bottom: 9px;font-family:arial, sans-serif;font-size:11px;}
.contactform select { width: 100px; float: left;margin-bottom: 9px;}
.contactform .bottom input { float: right; }
.contactform fieldset.bottom input { background: #099de1; color:#fff;font-weight: bold; width: 320px; height:25px;text-align: center; cursor: pointer; border: 1px solid #666; }
.contactform fieldset.bottom input.clicked { background: #90b557; }
.contactform fieldset.bottom input.small { margin-top:5px;float:left;margin-left:100px;background: #cdcdcd; border: 1px solid #a5a5a5;width: 215px; color: #333}