/*
  Main elements
*/


html {
    height              :   100%;
    background          :   white url("/images/front_end/banner-top.png") center top repeat-x;
}


body {
    height              :   100%;
    margin              :   0;
    padding             :   0;
    background          :   white url("/images/front_end/banner-top.png") center top repeat-x;
    /*
      Centering body childs has to be done for
      IE, because it doesn't center elements
      with left and right margins on 'auto'.
      To stop descendants from inheriting this,
      some elements will need a value of 'left'
      for text-align now.
    */
    color               :   black;
    text-align          :   center;
    font-family         :   Georgia, serif;
    font-size           :   12px;
    line-height         :   20px;
}


html>body {
    /*
      We use XHTML, therefore we want to apply the
      background color to the html element. Because
      Internet Explorer does not like that, we
      define it on both html and body, and remove it
      on body with a rule that's not understood by
      Internet Explorer.
    */
    background          :   none;
    text-align          :   left;
}


#page {
    width               :   960px; /*796px;*/
    height              :   100%;
    min-height          :   100%;
    margin              :   0 auto 0 auto;
    text-align          :   left;
}


body>#page {
    /*
       Remove the text-align:left rule for capable
       browsers, because it only resets alignment for
       Internet Explorer (see rules for the 'body'
       element).
       Also, in capable browsers we use a combination
       of min-height (previous rule) and height, but
       we have to hide this for Internet Explorer.
    */
    height              :   auto;
    text-align          :   inherit;
}


/*
  Header section
*/


#header {
    position            :   relative;
    display             :   block;
    height              :   260px;
}


#gini {
    position            :   absolute;
    left                :   0;
    top                 :   35px;
    margin              :   0;
    padding             :   0;
}


#gini a {
    display             :   block;
    width               :   438px;
    height              :   155px;
    background          :   url("/images/front_end/title.png") center center no-repeat;
}


#gini a span, #cordis a span {
    display : none;
}

#cordis {
    position            :   absolute;
    right                :   0;
    top                 :   120px;
    margin              :   0;
    padding             :   0;
}

#cordis a {
  display : block;
  width               :   245px;
  height              :   48px;
  background          :   url("/images/front_end/eu.png") center center no-repeat;
}





#map, #menu, #trail {
    position            :   absolute;
    height              :   40px;
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}


#map {
    right               :   0;
    top                 :   0;
    border-left         :   solid 5px #e5e5e5;
}


#menu {
    left                :   182px;
    top                 :   180px;
}


#trail {
    left                :   182px;
    top                 :   220px;
}


#map li, #menu li, #trail li {
    float               :   left;
    display             :   block;
    margin              :   0;
    padding             :   0;
    background          :   none;
}


#trail li {
    background          :   url("/images/front_end/trail-bullet.png") left center no-repeat;
}


#trail li.first {
    background          :   none;
}


#map li a, #menu li a, #trail li a {
    display             :   block;
    height              :   40px;
    color               :   #888888;
    text-decoration     :   none;
    /* Originally line-height:40px, but it seems the text gets pushed down
       a few pixels, therefore we push the middle of the line back a bit. */
    line-height         :   38px;
}


#map li input {
    width               :   115px;
    margin              :   8px 0 0 15px;
    color               :   #888888;
    font-family         :   Georgia, serif;
    font-size           :   12px;
}


#map li input.blur {
    font-style          :   italic;
}


#map li a {
    margin-left         :   15px;
    font-family         :   Arial, sans-serif;
    font-size           :   14px;
}


#menu li a {
    padding             :   0 17px 0 17px;
    font-family         :   Arial, sans-serif;
    font-size           :   20px;
}


#menu li.first a {
    padding-left        :   0;
}


#menu li.last a {
    padding-right       :   0;
}


#menu li.active a, #menu li a:hover {
    color               :   #2c4141;
}


#trail li a {
    margin              :   0 5px 0 11px;
    font-family         :   Arial, sans-serif;
    font-size           :   14px;
    font-weight         :   bold;
}


#trail li.first a {
    margin-left         :   0;
}


#trail li a:hover {
    color               :   #2c4141;
}


/*
  Submenu
*/


#submenu {
    float               :   left;
    clear               :   left;
    width               :   220px;
    /*margin              :   20px 40px 20px -160px;*/
		margin: 20px 40px 20px -260px;
    padding             :   0 0 180px 0;
    border-right        :   5px solid #e5e5e5;
    list-style-type     :   none;
}


#submenu li {
    display             :   block;
    margin              :   0;
    padding             :   0 5px 0 0;
    background          :   none;
}


#submenu li a {
    display             :   block;
    height              :   20px;
    padding-right       :   11px;
    color               :   #888888;
    text-decoration     :   none;
    line-height         :   20px;
    font-family         :   Arial, sans-serif;
    font-size           :   14px;
    font-weight         :   bold;
    text-align          :   right;
}


#submenu li.active a {
    color               :   #2c4142;
    background          :   url("/images/front_end/submenu-bullet.png") right center no-repeat;
}


#submenu li.first a {
    color               :   #d0d0d0;
}


#submenu li a:hover, #submenu li.first a:hover {
    color               :   #2c4141;
}


/*
  Content section
*/


#content {
    margin              :   25px 70px 0 182px;
		padding-left: 100px;
}


#content.wide {
    margin-right        :   0;
}


#member-box {
    float               :   right;
    width               :   250px;
    margin              :   0 -70px 15px 15px;
    padding             :   10px;
}


.box {
    display             :   inline-block;
    zoom                :   1;
    width               :   439px;
    display             :  -moz-inline-box;
    margin              :   15px -70px 15px 0;
    padding             :   10px 60px 10px 10px;
    border-top          :   solid 5px #2c4142;
    background          :   #56a595;
    color               :   white;
}


.box.wide {
    width               :   544px;
}


.box p {
    max-width           :   439px;
    margin-bottom       :   10px;
}


.box.wide p {
    max-width           :   544px;
}


.box h1 {
    color               :   white;
}


.box fieldset {
    margin              :   20px 0 0 0;
    padding             :   0;
    border              :   none;
}


.box label {
    display             :   inline-block;
    zoom                :   1;
    display             :  -moz-inline-box;
    width               :   84px;
    line-height         :   20px;
    vertical-align      :   top;
}


.box input.text {
    width               :   146px;
}


.box input.button {
    margin-right        :   15px;
}


.box p a {
    color               :   white;
}


.box fieldset ol {
    margin              :   0;
    padding             :   0;
}


.box fieldset li {
    list-style          :   none;
    padding             :   5px 0 5px 0;
    margin              :   0;
    background          :   none;
}


.box fieldset li.nolabel {
    padding             :   15px 0 0 84px;
}


#pubmenu {
    position            :   relative;
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}


#pubmenu li {
    display             :   block;
    margin              :   0 0 15px 0;
    padding             :   0;
    /* Preloading */
    background          :   url("/images/front_end/toggle-hover.png")  -2000px -2000px no-repeat;
}


#pubmenu li.pubsearch {
    position            :   absolute;
    left                :   270px;
    top                 :   0;
    display             :   block;
}


#pubmenu li a {
    display             :   block;
    height              :   20px;
    width               :   230px;
    padding-left        :   26px;
    color               :   #888888;
    text-decoration     :   none;
    line-height         :   20px;
    font-family         :   Arial, sans-serif;
    font-size           :   14px;
    background          :   url("/images/front_end/toggle-inactive.png") 0 3px no-repeat;
}


#pubmenu li.active a {
    color               :   #2c4142;
    background          :   url("/images/front_end/toggle-active.png") 0 3px no-repeat;
}


#pubmenu li a:hover {
    background          :   url("/images/front_end/toggle-hover.png") 0 3px no-repeat;
}


#pubmenu li.active a:hover {
    background          :   url("/images/front_end/toggle-active.png") 0 3px no-repeat;
}


#pubmenu li form {
    margin              :   10px 0 0 26px;
}


#pubmenu li input.text {
    width               :   200px;
    font-family         :   Georgia, serif;
    font-size           :   12px;
}


#pubmenu li input.blur {
    font-style          :   italic;
}


dl.toggle {
    margin-left         :   10px;
}


dl.toggle dt {
    margin-top          :   20px;
    padding-left        :   26px;
    background          :   url("/images/front_end/toggle-inactive.png") 0 3px no-repeat;
    cursor              :   pointer;
}


dl.toggle dt.active {
    background          :   url("/images/front_end/toggle-active.png") 0 3px no-repeat;
}


dl.toggle dt:hover {
    background          :   url("/images/front_end/toggle-hover.png") 0 3px no-repeat;
}


dl.toggle dt.active:hover {
    background          :   url("/images/front_end/toggle-active.png") 0 3px no-repeat;
}


dl.toggle dd {
    padding-left        :   10px;
    margin-left         :   26px;
    border-left         :   solid 5px #e5e5e5;
}


.pdf {
    display : block;
}


/*
  Footer section
*/


#footer {
    margin              :   120px 0 120px 0;
    background          :   #fafafa;
    text-align          :   center;
}


body>#footer {
    text-align          :   left;
}


#footer p {
    width               :   796px;
    height              :   84px;
    margin              :   0 auto 0 auto;
    padding             :   36px 0 0 0;
    text-align          :   left;
}


#footer>p {
    text-align          :   inherit;
}


#footer p a {
    /* display             :   block; */
    display: none;
    width               :   245px;
    height              :   48px;
    background          :   url("/images/front_end/eu.png") center center no-repeat;
}


#footer a span {
    display : none;
}


/*
  General styling
*/


h1, h2, h3, h4, p, ul, ol, dl, blockquote, pre {
    margin              :   0;
    padding             :   0;
}


p, ul, ol, dl, blockquote, pre {
    margin-bottom       :   20px;
}


h1, h2, h3 {
    color               :   #2c4142;
    font-family         :   Arial, sans-serif;
    font-weight         :   normal;
    line-height         :   20px;
}


h1 {
    font-size           :   20px;
		margin-bottom				:   24px;
}


h2 {
    font-size           :   16px;
}


h3 {
    font-size           :   14px;
}


h4 {
    font-size           :   12px;
    font-weight         :   bold;
    line-height         :   20px;
}


a {
    color               :   #56a595;
}


ol {
    margin-left         :   65px;
}


ul {
    margin-left         :   55px;
    list-style-type     :   none;
}


ul li {
    padding-left        :   10px;
    background          :   url("/images/front_end/bullet.png") 0 0.4em no-repeat;
}


hr {
    height              :   5px;
    margin              :   20px 0 30px 0;
    border              :   none;
    border-bottom       :   solid 5px #e5e5e5;
    text-align          :   center;
}

table td {
	vertical-align: top;
	padding-right: 20px;
	width: 200px;
}


/*
// MEMBERS
*/

table#member-list {
	border-collapse: collapse;
	width: 600px;
}

table#member-list tr.even {
	background-color: #ddd;
}

table#member-list td {
	padding: 3px 5px;
}

table#member-list td.first {
	width: 170px;
}

table#member-list td a {
	text-decoration: none;
}

table#member-list td a:hover {
	text-decoration: underline;
}

div#member-profile {
	margin-left: 110px;
}

div#member-profile span {
	display: block;
	float: left;
	width: 80px;
}

ul.member-data {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.member-data li {
	background: none;
	margin: 0;
	padding: 0;
}

/* COMMENTS */

div#comment_box {
	clear: both;
	background-color: #F3F3F3;
	border:1px solid #AAA;
	width: 600px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 10px 10px 5px 20px;
	font-size: 11px;	
}

ul#comments, ul#comments ul {
	list-style-type: none;
}

ul#comments li {
	background: none;
}

ul#comments, ul#comments li {
	margin: 0;
	padding: 0;
}

ul#comments ul, ul#comments ul li {
	margin: 0 0 0 20px;
	padding: 0;
}

ul#comments hr {
	border-color:#CCC;
	border-style: solid none none;
	border-width: 1px;
	margin: 0 auto;
	margin-bottom: 20px;
	width:500px;
}

ul#comments p {
	margin: 5px 0;
}

ul#comments span.name {
	font-size: 12px;
}

ul#comments span.options {
	padding-left: 20px;
}

ul#comments span.timestamp {
	color: #666;
}

form.new_comment, form.edit_comment {
	width: 400px;
}

form.new_comment textarea, form.edit_comment textarea {
	width: 380px;
	height: 150px;
}

form.new_comment label, form.edit_comment label {
	display: block;
	float: left;
	width: 50px;
}

/*
tr.col {
	background-color: #56a595 filter:alpha(opacity=20) -moz-opacity:0.2 -khtml-opacity: 0.2 opacity: 0.2;
}
*/

form.discussion_paper textarea.text {
	height: 100px;
	width: 500px;
}

form.discussion_paper input.text {
	width: 500px;
}

form.discussion_paper label {
	font-weight: bold;
}

label.discussion_paper_date {
	display: block;
	float: left;
	width: 100px;
}

p.support {
	float: right;
	width: 300px;
	text-align: right;
	font-size: 10px;
}