@charset "utf-8";

/*
   ##################
    General settings
   ##################
*/

html {
    height:100%;
}

body {
    height:100%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #444;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

a {
    color: #00009D;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-weight: normal;
    color: #008FFF;
}

h1 {
    font-size: 185%;
}

h2 {
    font-size: 155%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 115%;
}

h5, h6 {
    font-size: 100%;
}

.docoloc {
    font-size: 250%;
    font-family: Times, Times Roman, serif;
    font-weight: bold;
    color: #000000;
}

.docoloc_blue {
    font-size: 70%;
    color: #0000BB;
}

.red {
    color: #F00;
}
.green {
    color: green;
}


/*
   ##################
    Header
   ##################
*/

/* changing the height has also an effect to menu -> take a look at #menu */
#header {
    /*background-image: url(/include/image/oaps_logo_small.png);*/
    background-image: url(/include/image/oaps_beta_small.png);
    background-repeat: no-repeat;
    background-position: 23px 15px;
    background-color: #FFF;
    height: 125px;
    min-width: 950px;
}

#headerinfo {
    text-align: right;
    float: right;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 0px;
    border-left: 1px #DDD solid;
    border-right: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
    background-color: #F8F8F8;
    
}

#userInfoMessage {
    float: right;
    width: 500px;
    margin-right: 15px;
    margin-left: 225px;
    text-align: center;
    vertical-align:middle;
    border-left: 1px #FC0 solid;
    border-bottom: 1px #FC0 solid;
    border-right: 1px #FC0 solid;
    background-color: #FFC;
    
    font-size:90%;
    z-index:1;
}

#userInfoMessage img {
    float: right;
}

#development {
    position: absolute;
    top: 30px;
    left: 300px;
    width: 500px;
    font-size: 190%;
    color: #FFC8C8;
    font-weight: bold;
    text-align: center;
}



#language {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    float: right;
}

#languageSelect {
    position: absolute;
    border-left: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
    background-color: #F8F8F8;
    top: 25px;
    right: 0px;
    z-index: 1;
}

#languageSelect ul {
    list-style: none;
    padding-top:    0px;
    padding-bottom: 0px;
    padding-left:  20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#languageSelect ul li {
    padding-top:    5px;
    padding-bottom: 5px;
    padding-left:  10px;
    padding-right: 10px;
    margin-bottom: 5px;
    border-top: 1px #F8F8F8 solid;
    border-bottom: 1px #F8F8F8 solid;
}

#languageSelect ul li:hover {
    border-top: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
    background: #E6F4FF;
}

#languageSelect ul li a {
    text-decoration: none;
}

#languageSelect ul li img {
    padding-right: 10px;
}

#login {
    padding-left:   15px;
    padding-top:    1px;
    /*
    padding-bottom: 0px;
*/
    padding-right:15px;
    font-size: 75%;
    border-right: 1px #DDD solid;
    float:right;
}

/* Alle Labels und Formularelemente auswählen */
#login .login_label {
    width: 70px;
    font-size:89%;
}

input.button {
    background-color:#FFF;
    border: #000000 1px solid;
    color:#000099;
    width:auto;
}

input.logbutton {
    background-color:#DDD;
    border: #000000 1px solid;
    color:#000099;
    width:auto;
}

input.logbutton.selected {
    background-color:#FFF;
    border: #000000 1px solid;
    color:#000099;
    width:auto;
}

input.logbutton:hover {
    background-color:#FFCA2B;
}

#supporter {
    font-size: 60%;
    color: #777;
    clear:right;
    float:right;
    padding-top: 20px;
    padding-right: 90px;
}

#supporter a {
    text-decoration:none;
}

#supporter img.dfg {
    width: 50px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 5px;
    border: 0px;
}

#supporter img.ptb {
    height: 22px;
    padding-left: 10px;
    border: 0px;
}

#title {
    text-align:right;
}

/* Tabellen */

table.oapstable {
   border-spacing: 0px;
   border: 1px solid #CACACA;
}

table.oapstable thead {
   background-color: #CACACA;
   font-weight: bold;
}

table.oapstable tbody {
   background-color: #F0F0F0;
}

table.oapstable tbody td {
   padding: 2px; 
}

table.oapstable tbody tr.odd {
   background-color: #F0F0F0;
}

table.oapstable tbody tr.even {
   background-color: #DBDBDB;
}

table.oapstable tbody tr.nodata td {
   background-color: #FF8534;
   color: #000000;
   padding-left: 1em;
}

table.oapstable tfoot {
   background-color: #CACACA;
   font-weight: bold;
}



/*
   ##################
    Menu
   ##################
*/

/* the sum of height and top must be equal to the height of #header */
#menu {
    clear: both;
    position: absolute;
    top: 97px;
    width: 100%;
    height: 28px;
    font-size: 90%;
}

.menutabs{
   margin: 0px;
   height: 28px;
   background: transparent url("/include/image/oaps-header-bg.png") bottom left repeat-x;
}

/* the sum of top + heigh must be equal to the height of menu */
.menutabs li {
    float: left;
    margin-right: 10px;
    list-style: none;
    height: 28px;
    color: #000;
    background: transparent url("/include/image/oaps-tab-left-inactive.png") top left no-repeat;
}

.menutabs li.red {
    background: transparent url("/include/image/oaps-tab-left-inactive-red.png") top left no-repeat;
}

.menutabs li.yellow {
    background: transparent url("/include/image/oaps-tab-left-inactive-yellow.png") top left no-repeat;
}

.menutabs li.green {
    background: transparent url("/include/image/oaps-tab-left-inactive-green.png") top left no-repeat;
}

.menutabs li:hover {
    background: transparent url("/include/image/oaps-tab-left-over.png") top left no-repeat;
}

.menutabs li.selected {
    background: transparent url("/include/image/oaps-tab-left-active.png") top left no-repeat;
}

.menutabs li.menu1 {
    margin-left: 230px;
    margin-right: 35px;
}

/* This is a hack that we need for the background images because the string Start is too short */
.menutabs li.menu1 a {
    padding-left: 10px;
    padding-right: 17px;
}

/* the sum of padding-top + heigh must be equal to the height of menutabs.li */
.menutabs li a {
    display: block;
    padding-top:  6px;
    padding-right: 11px;
    padding-bottom: 0px;
    padding-left: 4px;
    color: #444;
    text-decoration: none;
    margin-left: 8px;
    margin-right: 8px;
    height: 22px;
    border-bottom: 0px #fff solid;
    background: transparent url("/include/image/oaps-tab-inactive.png") top right no-repeat;
}

.menutabs li.red a {
    background: transparent url("/include/image/oaps-tab-inactive-red.png") top right no-repeat;
}

.menutabs li.yellow a {
    background: transparent url("/include/image/oaps-tab-inactive-yellow.png") top right no-repeat;
}

.menutabs li.green a {
    background: transparent url("/include/image/oaps-tab-inactive-green.png") top right no-repeat;
}

.menutabs li:hover a {
    background: transparent url("/include/image/oaps-tab-over.png") top right no-repeat;
}

.menutabs li.selected a {
    color: #000;
    background: transparent url("/include/image/oaps-tab-active.png") top right no-repeat;
}



/*
   ##################
    Content
   ##################
*/

div#body {
    position: absolute;
    top: 125px;
}

div#infobox {
    float: right;
    width: 150px;
}

#content {
    font-size:80%;
    line-height: 1.35em;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 220px;
    margin-right: 200px;
    padding-left: 20px;
}

#content p {
    text-align: justify;
}

#footer {
    width:750px;
    text-align: left;
    color: #909090;
    font-size: 75%;
    padding-top:5px;
    border-top:#999 1px solid;
    margin-left:auto;
    margin-right:auto;
}

#admincontent {
    font-size:80%;
    line-height: 1.35em;
    margin-top: 20px;
    margin-bottom: 30px;
    min-width: 600px;
    float: left;
}

#admincontent p {
    text-align: justify;
}

div.admininfo {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

#trac {
    font-size:80%;
    line-height: 1.35em;
    margin: 0px;
}

.loadingMessage {
    color: #888;
    font-style: italic;
}

/*
   ##################
    Formulars
   ##################
*/

#form_div label {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
    padding-right:10px;
}

#form_div input, select {
    /*display: block;
    float: left;*/
    width: 250px;
}



#form_div input#submit {
    float: none;
    width: auto;
}

#form_div .error_message {
    color:#FF0000;
}

#form_div .success_message {
    font-weight:bold;
    color:green;
}

#submitForm {
    margin-left:140px;
}


/*
   ##################
    Submenu
   ##################
*/

#submenu  {
    background-color:#F5F5F5;
    float: left;
    clear: left;
    margin-left: 10px;
    margin-top: 10px;
}

#submenu div#head0 {
    border-top: 1px #84C9FF solid;
    margin-left: 0px;
    margin-right: 0px;
}

#submenu div#head1 {
    border-top: 2px #84C9FF solid;
    margin-left: 1px;
    margin-right: 1px;
}

#submenu div#head2 {
    border-top: 1px #84C9FF solid;
    margin-left: 2px;
    margin-right: 2px;
}

#submenu div#head3 {
    border-top: 1px #84C9FF solid;
    margin-left: 3px;
    margin-right: 3px;
}

#submenu div#head4 {
    border-top: 1px #84C9FF solid;
    margin-left: 5px;
    margin-right: 5px;
}

#submenu ul {
    background-color:#F5F5F5;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 25ex;
    font-size: 90%;
    border-left: 0px #84C9FF solid;
    border-right: 0px #84C9FF solid;
}

#submenu ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    list-style: none;
    color: #000;
    border-top: 1px #F5F5F5 solid;
    border-bottom: 1px #F5F5F5 solid;
    border-left: 2px #F5F5F5 solid;
    border-right: 2px #F5F5F5 solid;
}

#submenu ul li:hover {
    background-color: #E6F4FF;
    border-top: 1px #888 solid;
    border-bottom: 1px #888 solid;
}

#submenu ul li.selected {
    background-color: #CCE9FF;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

#submenu ul li a {
    color: #444;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}


/*
   ##################
    Admin Menu
   ##################
*/

#adminmenu  {
    background-color:#F5F5F5;
    float: left;
    clear: left;
    margin-left: 10px;
    margin-top: 10px;
}

#adminmenu div#head0 {
    border-top: 1px #FFCCCC solid;
    margin-left: 0px;
    margin-right: 0px;
}

#adminmenu div#head1 {
    border-top: 2px #FFCCCC solid;
    margin-left: 1px;
    margin-right: 1px;
}

#adminmenu div#head2 {
    border-top: 1px #FFCCCC solid;
    margin-left: 2px;
    margin-right: 2px;
}

#adminmenu div#head3 {
    border-top: 1px #FFCCCC solid;
    margin-left: 3px;
    margin-right: 3px;
}

#adminmenu div#head4 {
    border-top: 1px #FFCCCC solid;
    margin-left: 5px;
    margin-right: 5px;
}

#adminmenu ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 25ex;
    font-size: 90%;
    border-left: 0px #84C9FF solid;
    border-right: 0px #84C9FF solid;
}

#adminmenu ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    list-style: none;
    color: #000;
    border-top: 2px #F5F5F5 solid;
    border-bottom: 2px #F5F5F5 solid;
    border-left: 2px #F5F5F5 solid;
    border-right: 2px #F5F5F5 solid;
}

#adminmenu ul li:hover {
    background-color: #FFE6E6;
    border-top: 2px #888 solid;
    border-bottom: 2px #888 solid;
}

#adminmenu ul li.selected {
    background-color: #FFCCCC;
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;
}

#adminmenu ul li a {
    color: #444;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
}

#adminmenu ul ul {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

#adminmenu ul ul li {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}


/*
   ##################
    Different elements
   ##################
*/

li.repositoryListElement.error a {
    color: #a35151;
}

li.repositoryListElement.ok a {
    color: #51a351;
}

li.repositoryListElement.retry a {
    color: #de8c2a;
}

li.repositoryListElement.unknown a {
    color: #4599f8;
}

li.repositoryListElement.disabled a {
    color: #999;
}

li.repositoryListElement.duplicate a {
    color: #999;
    text-decoration: line-through;
}

span.repositoryDetailsHeader {
    background-color: #f3efe1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

span.repositoryName {
    font-weight: bold;
}

table.repositoryDetailsTable {
    background-color: #f3efe1;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

input.text {
  font-size: smaller;
  padding-left: 3px;
}

fieldset#log_filter {
  margin-top: 10px;
  margin-left: 100px;
  width: 500px;
}
fieldset#log_filter legend {
  border: 1px solid gray;
  padding-left: 4px;
}
fieldset#log_filter legend span {
  border-left: 1px solid gray;
  padding-left: 4px;
  padding-right: 4px;
}
fieldset#log_filter ul {
  list-style: none;
  padding-left: 0px;
}
fieldset#log_filter li {
  padding: 5px;
}
fieldset#log_filter .log_filter_title {
  width: 100px;
  float: left;
  text-align: center;
  border-left: 1px dotted gray;
}
fieldset#log_filter table th {
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}
fieldset#log_filter table td {
  font-size: smaller;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}
fieldset#log_filter .filter_advanced {
}
.log_filter_error {
  color: red;
  font-weight: bold;
}

a.help {
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 5px;
  margin-right: 5px;

  border: 2px dotted gray;
  background-color: lightgray;

  font-weight: bold;
  cursor: help;
}

table.logTable {
    width: 100%;
}

table.logTable td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.log_time {
    font-size: smaller;
}

td.log_creator {
  cursor: help;
}
td.log_type {
  text-align: center;
  cursor: help;
}
tr.log_error td.log_type {
    color: red;
}
tr.log_warning td.log_type {
  color: darkorange;
}

div.logsessionheader {
  border: 2px solid gray;
  background-color: lightgray;
  font-size: 90%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 600px;
}
div.logsessionheader a.plus {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 1px;
  padding-right: 1px;
  border: 2px solid gray;
  background: lightgray;
  color: black;
}
div.logsessionheader span.date {
  font-size: 70%;
  text-align: right;
  float: right;
  padding-top: 9px;
  padding-right: 2px;
}
div.logsessionheader.info {
  border: 2px solid gray;
  background-color: lightgreen;
}
div.logsessionheader.notice {
  border: 2px solid gray;
  background-color: lightgreen;
}
div.logsessionheader.warning {
  border: 2px solid gray;
  background-color: lightyellow;
}
div.logsessionheader.error {
  border: 2px solid gray;
  background-color: orange;
}
div.logsessionheader.alert {
  border: 2px solid gray;
  background-color: red;
}


.checkbox, .radio {
  width: 19px;
  height: 19px;
  background: url(/include/image/checkbox.gif) no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.radio {
  background: url(/include/image/radio.gif) no-repeat;
}

.clear {
  clear: both;
}

ul.pagecounter {
  list-style: none;
}
ul.pagecounter li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}


/* config, overview */
div.config_overview {
}

div.config_overview .program {
  border: 1px solid gray;
  margin: 10px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

div.config_overview h3 {
  margin: 5px;
  padding-top: 2px;
  margin-left: 20px;
  font-size: medium;
}
div.config_overview .link {
  float: right;
  margin: 5px;
  font-size: 30pt;
}
div.config_overview .link a {
  text-decoration: none;
  color: blue;
}
div.config_overview .link a:active, div.config_overview .link a:hover {
  color: aquamarine;
}

/* config, selected program */

div.config_program {
}

div.config_program fieldset {
  width: 100%;
}
div.config_program legend {
  border: 1px solid gray;
  margin-left: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
div.config_program span {
  /* don't show the description right now */
  display: none;
}
div.config_program table {
  margin-top: 20px;
  margin-lefT: auto;
  margin-right: auto;
  width: 80%;
}
div.config_program th.variable {
  text-align: right;
  padding-right: 40px;
}
div.config_program td.help {
  width: 20px;
}
div.config_program td.variable {
  text-align: right;
  padding-right: 10px;
}
div.config_program td.value {
}

div.config_program select {
  font-size: smaller;
  width: 180px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 3px;
}
div.config_program input {
  font-size: smaller;
  width: 200px;
}
div.config_program input.submit {
  font-size: smaller;
  width: 100px;
}

/* search.php */

#searchResults div.result {
  margin-top: 2em;
}

#searchResults span.title {
  font-size: 120%;
  color: #F53;
  margin-bottom: 2em;
}

#searchResults span.url {
  margin-left: 5px;
}

#searchResults div.result span.hilight {
  color: #000;
}

#searchResults span.hilight em {
  font-weight: bold;
  font-style: normal;
}

#searchResults span.source {
  font-size: 80%;
  text-align: right;
  width: 100%;
}

#searchResults span.documentDetails div.heading {
  font-weight: bold;
  width: 50px;
}

#searchStatistics {
  font-size: 80%;
  text-align: right;
}

/* ### Publication / Bibliography ### */

ul.bib {
  list-style-type: none;
}

ul.bib li {
  margin-bottom: 1em;
}

/* ### Errors ### */

p.errorPageAdminNotice {
    font-size: 85%;
    border-top: 1px #000 solid;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
}

p.errorPageDetails {
    font-family: Courier;
    border: 2px #000 solid;
    background-color: #EEE;
    margin-top: 0px;
    padding: 10px;
}

#errorMessage{
    color:#FF0000;
    border: #FF0000 1px solid;
    width: 100%;
    padding: 5px;
}

#successMessage{
    color:#060;
    border: #060 1px solid;
    width: 100%;
    padding: 5px;
}

.beta {
   background-color: #FBFF99;
   font-size: 60%; 
   display: inline;
   padding-left: 1px;
   padding-right: 2px;
   padding-bottom: 1px;
   margin-left: 2px;
   vertical-align: super;
}


/* ### Account pages ### */
.borderBlue {
    /*width: 100%;*/
    border: #008FFF 1px solid;
    padding:10px;
}

/* ### Informational boxes on the right side */
div.infobox {
    background-color: #0000A0;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1;
    border: #FF0000 1px solid; 
}

div.manpage {
    background-color: #EDF7FF;
    margin-left: 2em;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1em;
} 

div.manpage h2 {
    color: #444;
    font-size: 100%;
}

.indent {
   margin-left: 5em;
}

.code {
    font-family: monospace;
    font-size: 13px;
}
.functionName {
    font-weight: bold;
}
.functionArgument {
    font-style: italic;
}



/*
 Test von Oliver - deaktiviert fuer den Augenblick 
.green {
   background-color: #F00;
}
.lightgreen {
   background-color: #F00;
}
#tdgreen {
   background-color: lightgreen;
}
#tdred {
   background-color: lightred;
}
*/