/*  SOME Colors
 *  black : #333333
 *  gray : #666666
 *  blue : #0099ff
 *  orange : #FF7129
 *  red : #FD4239
 *  green: #BFD730
 *  dark blue : #2D2B6A
 *  dark blue : #2E2B6A
 */

html, body {
  font-family: arial, helvetica, sans-serif;
  font-size: 8.5pt;
  font-size: 9pt;
  letter-spacing: 0pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.5em;
  color: #333333;
  background: #555 url(../img/bg1.png) repeat-y scroll 0% 0%;
  background-position: top center;
  margin: 0;
  padding: 0;
  height: 100%;
}

h1 {
  font-size: 175%;
  color: #666666;
}

h1.message {
  margin: 1.5em 0 10px 0;
}

h2, h3, h4, h5, h6 {
  color: #666;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 125%;
}

h3.light {
  color: #666666;
}

h3.admin {
  border-bottom: 1px solid #666;
  margin-bottom: 1px;
}

h4 {
  font-size: 110%;
  color: #666666;
  font-weight: normal;
  text-transform: uppercase;
}

/*
.keynote-speakers #content h1 {color: #859f00;border-bottom:3px solid #859f00;}
.speakers #content h1 {color: #859f00;border-bottom:3px solid #859f00;}
.workshops #content h1 {color: #565094; border-bottom:3px solid #565094;}
.posters-and-demos #content h1 {color: #F4671F;border-bottom:3px solid #F4671F;}
*/

p {
  margin: 0 0 0.5em 0;
}

form th {
  vertical-align: top;
  padding-top: 0.5em;
  text-align: right;
}

ul {
  margin: 0;
  padding: 0;
}

ul.twoem {
  margin: 5px 0 5px 2em;
}

a {
  text-decoration: none;
}

#main a.arrow {
  vertical-align: middle;
  padding-right: 11px;
  background: url(edit.png);
  background-repeat: no-repeat;
  background-position: center right;
}

a img {
  border: none;
}

a:hover {text-decoration: underline;}

a:link, a:visited {
  color: #0099ff;
  font-weight: bold;
}


div.button {
  background: url(button.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 39px;
  width: 224px;
  padding: auto;
  text-align: center;
  vertical-align: middle;
  display:table-cell;
}

div.button a {
  background: url(edit-white.png) no-repeat center right !important;
  color: white;
  font-size: 160%;
}

a.rss {
  background:#FF7129 none repeat scroll 0% 0%;
  color:#FFFFFF !important;
  margin: 0 3px;
  padding: 0 0.2em;
  line-height: 0.9em;
  *line-height: 1.2em;
}

a.nodecoration {
  color: #333;
  font-weight: normal;
}

.clearDiv {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}
.clearDiv-hr {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  border-top: 2px solid #333;
}

hr {
  height: 0;
  color: transparent;
  background-color: transparent;
  border: none;
}

hr.black2 {
  border-top: 2px solid #333333;
}

hr.blue2 {
  border-top: 2px solid #0099ff;
}

hr.darkblue2 {
  border-top: 2px solid #2D2B6A;
}

hr.green2 {
  border-top: 2px solid #BFD730;
}

dl {margin: 0px}
dt {
  font-weight: bold;
  float: left;
  clear: left;
  margin-right: 5px;
  overflow: hidden;
}


/* NAVIGATION & TABS */

ul.buttons li {
  list-style-type:none;
  height: 39px;
  width: 224px;
  background: url(button.png) !important;
  background-repeat: no-repeat;
  background-position: top left;
  padding: auto;
  text-align: center;
  vertical-align: middle;
  color: white !important;
  font-size: 160%;
  margin-bottom: 10px;
}

ul.buttons li a {
  background: url(button.png) !important;
  background-repeat: no-repeat;
  background-position: top left;
  height: 39px !important;
  width: 224px !important;
  display:table-cell;
  color: white !important;
  *background: none !important;
}

ul.buttons li a:hover {
  background-position: bottom left !important;
  text-decoration: none;
}


ul.buttons li a div {
padding-top:12px;
*padding-top: 2px;
}

ul.pilzen-button li {
  list-style-type:none;
  height: 165px;
  width: 224px;
  background: url(../img/puff-pilzen2.png) !important;
  background-repeat: no-repeat;
  background-position: top left;
  padding: auto;
  text-align: center;
  vertical-align: top;
  color: white !important;
  font-size: 160%;
  margin-bottom: 10px;
  *height: 150px;
  *padding-top: 7px;
  margin-top: 10px;
}

ul.pilzen-button li a {
  background: url(../img/puff-pilzen2.png) !important;
  background-repeat: no-repeat;
  background-position: top left;
  height: 165px !important;
  width: 224px !important;
  display:table-cell;
  color: white !important;
  *background: none !important;
}

ul.pilzen-button li a:hover {
  background-position: bottom left !important;
  text-decoration: none;
}

.nav-global {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width:940px;
  height: 35px;
  background-image: url('../img/nav-bg.png');
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}

.nav-global ul { width: 1400px;}
.nav-global li {
  display:block;
  float:left;
  list-style-type:none;
  margin: 0;
  padding:0;
  padding-right: 3px;
  height: 35px;
  overflow: hidden;
  background :url(../img/sep.png) right top no-repeat; 
}

.nav-global a {
  display:block;
  float:left;
  height: 35px;
  padding:8px 20px;
  background-image: url('../img/nav-bg.png');
  background-position: -10px 0pt;
  text-shadow: #ccc 1px 1px;
}

#li-courses-and-satellite-meetings { background:none;}

.nav-global a:hover { text-decoration: none;}

.nav-global li.first a {
  background-position: 0pt 0pt;
}

.nav-global a:hover {
  background-position: -10px -70px;
  color: #ffffff;
}

.nav-global li.first a:hover {
  background-position: 0pt -70px;
}

/*.nav-global li#li-workshops a:hover {
  background-position: -10px -175px;
}

.nav-global li#li-workshops a.menu_active {
  background-position: -10px -175px;
}

.nav-global li#li-keynote-speakers a:hover {
  background-position: -10px -140px;
}

.nav-global li#li-keynote-speakers a.menu_active {
  background-position: -10px -140px;
}

.nav-global li#li-speakers a:hover {
  background-position: -10px -140px;
}

.nav-global li#li-speakers a.menu_active {
  background-position: -10px -140px;
}

.nav-global li#li-posters-and-demos a:hover {
  background-position: -10px -105px;
}

.nav-global li#li-posters-and-demos a.menu_active {
  background-position: -10px -105px;
}
*/

.nav-global li a.menu_active {
  color: #ffffff;
  background-position: -10px -35px;
}

.nav-global li.first a.menu_active {
  color: #ffffff;
  background-position: 0pt -35px;
}


form#nav-search {
  float:right;
  padding: 5px 0 0 0;
}

#nav-tabs-bottom {
  clear: both;
  display: block;
  border-top: 5px solid #666;
  width: 939px;
  margin: -1px 0 0 0;
  padding: 0;
}

.sw-tabs {
  clear: both;
  display: block;
  width: 940px;
  margin: 0;
  padding: 1px 0 0 0;
  height: 20px;
  background: url('../img/tabs-bg.png') top right no-repeat;
}

#nav-tabs {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

#nav-tabs li {
  display:block;
  float:left;
  list-style-type:none;
  margin: 0;
  padding:0;
}

#nav-tabs #sc-nav-tableft {
  background: url('../img/tabs-left.png') top left no-repeat;
  width: 1px;
  height: 20px;
}

#tab-home #sc-nav-tableft {
  background: url('../img/tabs-left.png') bottom left no-repeat;
}


#nav-tabs a {
  display:block;
  float:left;
  padding: 4px 20px 2px 20px;
  font-size: 9pt;
  background: url('../img/tabs.png') top right no-repeat;
}
#nav-tabs a:hover {
  color:white; 
  background: url('../img/tabs.png') bottom right no-repeat;
}

#tab-home #sc-nav-home a, #tab-wiki #sc-nav-wiki a, 
#tab-documentation #sc-nav-download a, 
#tab-download #sc-nav-download a, #tab-team #sc-nav-team a, 
#tab-publications #sc-nav-publications a,
#tab-issues #sc-nav-issues a,
#tab-code #sc-nav-code a,
#tab-administer #sc-nav-administer a
{
  color:white; 
  background: url('../img/tabs2.png') bottom right no-repeat;
  margin: 0 0 -1px 0;
}

#breadcrumbs div {margin: 7px 2px;}

/* CONTENT */

#content-body {
  width: 980px;
  height:auto !important;
  margin:0 auto;
  min-height:100%;
  position:relative;
  padding:0;
  background-color: #fff;
}

#content img {
  margin-left: 10px;
}

#header {
  padding: 1px 20px 0px 20px;
  background: url('../img/world-map.png') top right no-repeat;
  margin 0;
  background-color: #fff;
}

#header #user-tools {
  margin: 15px 0 0 0;
  float:right;
  font-size: 65%;
}

#header #logo {
  float: left;
  margin: 13px 7px 7px 2px;
  font-size: 160%;
  color: #666666;
  font-weight: normal;
}

#main {
  clear: both;
  display: block;
  padding: 0px 20px 5em 20px;
  margin: 0;
}

.speakers #content {
  background: #666 url('key-big.png') top right no-repeat;
  margin-top: 10px;
  padding 0pt;
}
.speakers #content div {
  padding: 0 20px 11px 20px;
  background: url('key-big_bot.png') bottom right no-repeat;
}

.workshops #content {
  background: #666 url('ws-big.png') top right no-repeat;
  margin-top: 10px;
}
.workshops #content div {
  padding: 0 20px 11px 20px;
  background: url('ws-big_bot.png') bottom right no-repeat;
}

.content { width:980px;}
.posters-and-demos #content {
  background: #faba9a url('post-big.png') top right no-repeat;
  margin-top: 10px;
}
.posters-and-demos #content div {
  padding: 0 20px 11px 20px;
  background: url('post-big_bot.png') bottom right no-repeat;
}


.speakers #content * { color: #555}
.workshops #content * { color: #555;}
.posters-and-demos #content * { color: #555}

.puff {
  float: left;
  width: 338px;
  color: #ffffff !important!;
  padding: 0;
  margin: 0;
}

.puff div {
  color: #ffffff !important!;
  padding: 10px 20px;
}

#keynotes {
  min-height: 140px;
  background: #BFD730 url('key.png') top right no-repeat;
}

#keynotes img {
  margin-right: 10px;
}

#keynotes h3 { margin: 5px 0;} 

#workshops {
  min-height: 200px;
  background: #2D2B6A url('ws.png') top right no-repeat;
}

#dates {
  min-height: 140px;
  background: #BFD730 url('dates.png') top right no-repeat;
}

#posters {
  min-height: 140px;
  background: #f4671f url('post.png') top right no-repeat;
}

#keynotes * { color: #555;}
#workshops * { color: #555;}
#dates * { color: #333;}
#posters * { color: #555;}


#keynotes-bot {
  padding: 5px;
  height: 16px;
  background:  url('key_bot.png') top right no-repeat;
}

#workshops-bot {
  height:16px;
  background:  url('ws_bot.png') top right no-repeat;
}
#dates-bot {
  height:16px;
  background:  url('dates_bot.png') top right no-repeat;
}
#posters-bot {
  height:16px;
  background:  url('post_bot.png') top right no-repeat;
}

#footer {
  color: #666666;
  bottom:0pt;
  padding: 10px 20px;
  position:absolute;
  background-color: #fff;
  width: 940px;
}

#main-popup {
  padding: 20px;
}

#error-img {
  border-top: 5px solid #666;
}

div #headline-pic {
  position: relative;
  top: -2px;
  background: #333 url(../img/pilzen.png) repeat-y scroll 0% 0%;
  width: 936px;
  height: 150px;
  min-height: 150px;
  color: #eee !important;
  border-top: 5px solid #666;
  overflow: hidden;
  margin: 0 2px;
  font-size: 90%;
}

div #headline-pic div {
  padding: 5px 5px 5px 474px;
}


div #headline-pic div p {
  font-size: 130% !important;
  font-weight: bold;
  line-height: 130%;
}

div #headline-pic div ul {
  padding-left: 2em;
}

#headline-pic div h1 {
  color: #eee;
}


.content {
  float:left;
  width: 940px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.content blockquote {
  margin: 10px 0;
  padding: 7px;
  border-top: 2px solid #BFD730;
  border-bottom: 2px solid #BFD730;
}

.content blockquote p { 
  margin: 0;
  font-weight: bold;
}

.content blockquote.code {
  margin: 20px 5px;
  padding: 7px;
  border-top: 2px solid #0099ff;
  border-bottom: 2px solid #0099ff;
  background-color: #f5f5f5;
}

h1.underline {
  color: #333333;
  height: 17px;
  border-bottom: 5px solid #333333;
  vertical-align: bottom;
  margin: 7px 0 10px 0;
  padding-top: 4px;
}

h1.underline {
  *margin: 6px 0 10px 0;
  *padding-top: 0px;
  *padding-bottom: 6px;
}

.content ul {
  margin: 0 0 10px 2em; 
}

.content form ul {
  margin-left: 0;
}

.sidebar-right {
  float: left;
  padding: 10px 20px 0 0;
  width: 222px;
  overflow: hidden;
}

.sidebar-right #navlist {
  padding: 13px 0 1px 2px;
  background-image: url('../img/nav-sub.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.sidebar-right #navlist h2 { margin: 0; padding: 0 5px}

.sidebar-right #navlist ul {
  margin-left: 0px;
  margin-top: 5px;
}
.sidebar-right #navlist ul li {
  list-style-type:none;
  margin-top: 1px;
}

.sidebar-right #navlist ul li a {
  display:block;
  width: 206px;
  padding:2px;
  padding-left: 6px;
  padding-right: 6px;
}

.sidebar-right #navlist ul li a:hover {
  background-color: #ccc;
  color: white;

}

.sidebar-right #navlist ul li a.menu_active {
  background-color: #666;
  color: white;
}

.sidebar-right #navlist ul li a.menu_activelevel2 {
  background-color: #666;
  color: white;
  width: 186px;
  padding-left: 26px;
}

.sidebar-right #navlist ul li a.level2 {
  width: 190px;
  padding-left: 26px;
}

.sidebar-right #navlist-bot {
  height: 6px;
  width: 222px;
  background-image: url('../img/nav-sub-bot.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.sidebar-right div ul li {
  padding: 0px;
}

.sidebar {
  float: left;
  padding: 10px 0 0 20px;
  width: 224px;
  overflow: hidden;
}



.search-form input[type=text] {width:190px;padding: 0 2px; height: 1.5em;}
.search-form input[type=text]#nav_search_input {width:186px; height: 1.4em;}
.search-form .submit-btn { vertical-align: middle; width:15px;height: 16px; }

ul.form-list {margin-left:3px;}

.pagination-nav {
  font-weight: normal;
  float: right;
  font-size: 8pt;
}

.pagination-nav img {
  vertical-align: bottom;
}


#comment-list li.row1,#comment-list li.row2 {border-top: 1px solid #333}
.row1 {background-color: transparent;}
.row2 {background: #DEDEDE url(../img/row2.png) repeat-y scroll 0% 0%;}

span.right {float: right;}
span.orange {color: #FF7129;}
span.red {color: #FD4239;}
span.blue {color: #0099ff;}

/* FORM DEFAULTS */
input, textarea, select { 
  margin:2px 0; 
  padding:2px 3px; 
  vertical-align:middle;
  font-size: 8pt;
}

textarea { 
  vertical-align:top !important; 
  width: 470px;
}

input[type=text], input[type=password], input[type=file] , textarea, select, .vTextField {
  border:1px solid #666;
}

input[type=text],input[type=password], input[type=file] { width: 214px; }

input#id_title {width: 450px;}
input#id_url {width: 450px;}

textarea, select {width: 450px;}

textarea#id_description { height: 111px; }
textarea#id_issue_desc { height: 170px; width: auto; }
textarea#id_issue_comment { height: 120px; width: 685px; }
textarea#id_message { height: 120px; width: 620px }

select.othersel {width:224px}

input[type=checkbox], input[type=radio] {
  margin-right: 5px;
}

.form-help {
  color: #666;
}

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

.form-label-required {
  font-weight: bold;
  padding-right: 15px;
  background: url(../img/icon_required.png) right no-repeat;
}

/*  FORM BUTTONS  */
input[type=submit], input[type=button] { 
  background:#43C1F3 url(../img/button-bg.png) bottom repeat-x; 
  padding:2px 5px; 
  color:white; 
  font-weight:bold;
  border:1px solid #007AA6;
  -moz-border-radius:5px;
  border-radius:5px; 
}

input[type=submit]:active, input[type=button]:active {
  background: white url(../img/nav-bg-reverse.gif);
  background-position:top; 
  color: #007AA6; 
}

/* MESSAGES  */
ul.messagelist { padding:0 0 5px 0; margin:0; }
ul.messagelist li { 
display: block; 
padding:2px 5px 2px 25px; 
margin:0 0 3px 0; 
border:1px solid #BFD730; 
color:#BFD730;
font-weight: bold;
background: url(../img/icon_success.png) 5px no-repeat; }

/* ERRORS */

.errornote { 
  display:block; 
  padding:2px 5px 2px 25px; 
  margin:0 0 3px 0; 
  border:1px solid #FD4239; 
  color:#FD4239;
  background: url(../img/icon_error.gif) 5px no-repeat; 
}

.warningnote { 
  display:block; 
  padding:2px 5px 2px 25px; 
  margin: 5px 0 3px 0; 
  border:1px solid #FD4239; 
  color:#FD4239;
  background: url(../img/icon_alert.gif) 5px no-repeat; 
}

ul.errorlist { 
  margin:0 !important; 
  padding:0 !important; 
}

ul .errorlist li {
  display:block; 
  padding:2px 5px 2px 25px;
  margin:0 0 3px 0;
  border:1px solid #FD4239;
  color:white;
  background:#FD4239 url(../img/icon_alert.gif) 5px no-repeat;
}

li ul.errorlist {
  margin:0 !important;
  padding:0 !important; 
}

li ul.errorlist li {
  margin:0 !important;
 }

.error {
  background: transparent;
 }

.error input, .error select {
  border:1px solid #FD4239;
}

/* FORM LIST */

.form-list {

}

.form-list li {
  list-style: none;
  padding-top: 1em;
}

.hidden-li {
  display: none;
}

/* END FORMS !!!!!!!!!!!!!!!  */