body {
   border-width: 0;
   margin: 20px;
   padding-top: 0.1mm;          /* to prevent collapsing of the top margins of the first element */
   overflow-y: scroll; }        /* forces firefox to reserve a space for the scrollbar (prevents the ugly
                                   jump when the page grows), has to be hidden from ie
                                   is a css3 property http://www.w3.org/TR/css3-box/#the-overflow-x */

body, table, input, select, textarea {
   font-family: Verdana,Arial,Helvetica,sans-serif; }

/*--- page partitioning boxes ------------------------------------------------*/

body.qL_show #wrapper {
   width: 971px; }
body.qL_edit1 #wrapper,
body.qL_edit2 #wrapper,
body.qL_edit3 #wrapper {
   width: 1300px; }
body.qL_detailsMedResUXGA #wrapper {
   width: 1300px; }
body.qL_detailsMedResTwinUXGA #wrapper {
   width: 1510px; }
body.indexKellogg #wrapper {
   background-repeat: no-repeat;
   background-position: 650px 50px; }

body.index #wrapper {
   background-repeat: no-repeat;
   background-position: 670px 50px; }

#leftColumn {
   position: fixed;
   top: 20px;
   width: 120px;
   /*border-width: 1px;*/
   /*border-style: none solid none none;*/ }

#contentColumn {
   padding-left: 140px;
   margin: 0; }
body.qL_thumbnailsWithLegends #contentColumn,
body.qL_detailsLowRes         #contentColumn,
body.qL_detailsMedRes         #contentColumn,
body.qL_edit1                 #contentColumn,
body.qL_edit2                 #contentColumn,
body.qL_edit3                 #contentColumn,
body.qL_detailsMedResBeamer   #contentColumn,
body.qL_detailsHighRes        #contentColumn,
body.qL_table                 #contentColumn,
body.qL_tableWithThumbnails   #contentColumn,
body.qL_detailsMedResUXGA     #contentColumn,
body.qL_detailsMedResTwinUXGA #contentColumn {
   padding-top: 38px; }
body.qL_thumbnails            #contentColumn {
   padding-top: 51px; }
body.qL_edit1                 #contentColumn,
body.qL_edit2                 #contentColumn,
body.qL_edit3                 #contentColumn {
   width: auto; }
body.assistent                #contentColumn,
body.index                    #contentColumn,
body.helpSearch               #contentColumn,
body.license                  #contentColumn {
   width: 676px; }

/*--- left column / main menu ------------------------------------------------*/

#leftColumnOpenButtonBox {
   position: fixed;
   top: 20px; /* in relation to browser window */
   padding: 2px;
   width: 15px;
   display: none;
   border: none; }

#leftColumnOpenButton {
   padding: 2px;
   border: none; }

a#leftColumnOpenButtonBox:active {
   outline: none; }

#leftColumnCloseButtonBox {
   position: absolute;
   top: 0;
   left: 103px; }

#leftColumnCloseButton {
   padding: 4px 5px 5px 5px;
   border-width: 1px;
   border-style: solid; }

#leftColumnEndDummy {       /* wird fuer IE6 benoetigt */
   overflow: hidden;
   height: 0;
   font-size: 1px;
   line-height: 0; }

#mainMenu {
   margin-top: 50px;
   border-width: 1px;
   border-style: none solid none none; }

#mainMenu .appName {
   font-weight: bold;
   margin-bottom: 30px; }

a.mainMenuItem, a.mainMenuHeading {
   display: block;
   padding: 2px 0 3px 0; }

#mainMenu a.first {
   padding-top: 0; }

a.mainMenuHeading {
   outline: none; }

div.mainMenuBlock {
   margin: 15px 0; }

div.subMenuBlock {
   display: none;
   margin-left: 10px;
   margin-bottom: 3px; }

a.subMenuItem, a.subMenuItemSelected {
   display: block;
   padding: 2px 0 2px 0; }

/* a.subMenuItem:hover, */
/* a.subMenuItemSelected:hover, */
a.subMenuItemSelected {
   padding-left: 10px;
   position: relative;
   right: 10px;
   background-position: left center;
   background-repeat: no-repeat; }

div#menuBlockEntriesPerPage {
   margin-top: 2px;
   margin-left: 0px; }

#queryResultModEntriesPerPageInput {
   font-size: 8pt;
   text-align: center;
   width: 35px; }

#mainMenuImageSel {
   font-weight: bold; }

/*--- index pages ------------------------------------------------------------*/

.indexListTable {
   border-collapse: collapse;
   border-bottom-width: 1px;
   border-bottom-style: solid; }
body.authors .indexListTable {
   border-bottom-style: none; }

.indexListTable tbody {
   vertical-align: top; }

.indexListTable col.colOpen {                   width:  58px; }
.indexListTable col.colCategoryDescr {          width: 550px; }
.indexListTable col.colCategoryCode {           width:  80px; }
.indexListTable col.colSeriesDescr {            width: 550px; }
.indexListTable col.colSeriesCode {             width:  80px; }
.indexListTable col.colAuthorNo {               width:  50px; }
.indexListTable col.colAuthorName {             width: 200px; }
.indexListTable col.colYearOfBirthRange {       width:  90px; }
.indexListTable col.colLaterality {             width:  45px; }
.indexListTable col.colNationality {            width:  40px; }
.indexListTable col.colObjCount {               width:  50px; }
.indexListTable col.colObjCount2 {              width:  50px; }
.indexListTable col.colInfo {                   width:  33px; }
.agesTable      col.num {                       width:  60px; }

.indexListTable th {
   text-align: left;
   vertical-align: bottom;
   padding: 0 0 3px 0;
   border-bottom-width: 1px;
   border-bottom-style: solid; }
.indexListTable th.colObjCount,
.indexListTable th.colObjCount2,
.indexListTable th.colAuthorCount,
.agesTable th.num {
   text-align: right; }
.indexListTable th.colInfo {
   text-align: right;
   font-weight: normal;
   padding-top: 3px; }

.indexListTable td {
   vertical-align: baseline;
   border-top-width: 1px;
   border-top-style: solid;
   padding: 3px 0 3px 0; }
.indexListTable td.colSeriesDescr,
.indexListTable td.colCategoryDescr,
.indexListTable td.colLaterality {
   padding-right: 10px; }
.indexListTable td.colObjCount,
.indexListTable td.colObjCount2,
.agesTable      td.num {
   text-align: right; }
.indexListTable td.colOpen,
.indexListTable td.colInfo {
   padding: 1px 0 0 0; }
.indexListTable td.colInfo {
   text-align: right; }
.indexListTable tr.total td {
   border-top-width: 1px;
   border-top-style: solid; }

.indexListTable td.colOpen a.pm_button {
   margin-right: 1px; }

#listAgesParms {
   margin-top: 20px;
   margin-bottom: 20px; }
#listAgesParms #resolutionField {
   margin-left: 20px;
   width: 110px; }
#listAgesParms #submitButton {
   margin-left: 20px; }

tr.indexLevel1 td.indexIndent { padding-left:  14px; }
tr.indexLevel2 td.indexIndent { padding-left:  28px; }
tr.indexLevel3 td.indexIndent { padding-left:  42px; }
tr.indexLevel4 td.indexIndent { padding-left:  56px; }
tr.indexLevel5 td.indexIndent { padding-left:  70px; }
tr.indexLevel6 td.indexIndent { padding-left:  84px; }
tr.indexLevel7 td.indexIndent { padding-left:  98px; }
tr.indexLevel8 td.indexIndent { padding-left: 112px; }

.indexListTable tr.authorInfoBox {
   display: none; }
.indexListTable tr.authorInfoBox td {
   border-top-style: none;
   padding: 0; }

div.seriesInfoBox,
div.categoryInfoBox {
   display: none; }
div.authorInfoBox {
   line-height: 1.5em; }
div.seriesInfoBox,
div.categoryInfoBox,
div.authorInfoBox {
   border-width: 1px;
   border-style: solid;
   margin-top: 5px;
   margin-bottom: 10px;
   padding: 5px; }

table.authorCategories {
   border-collapse: collapse; }
table.authorCategories tbody {
   vertical-align: top; }
table.authorCategories td.catCode {
   padding-right: 20px; }

/*--- Legends ----------------------------------------------------------------*/

div.legend {
   display: none;
   margin: 0 0 2em 0; }

table.mediaObjectAttributesLegend {
   margin-top: 2em;
   width: 100%;
   border-collapse: collapse;
   font-size: 11px; }

table.mediaObjectAttributesLegend col.col1 { width: 200px; }
table.mediaObjectAttributesLegend col.col2 { width: auto; }

table.mediaObjectAttributesLegend td {
   padding: 0 20px 10px 0;
   vertical-align: top;
   text-align: left; }

table.mediaObjectAttributesLegend td table {
   border-collapse: collapse; }

table.mediaObjectAttributesLegend td table td {
   padding: 0 0.5em 0 0; }

span.mediaObjectLabel {
   white-space: nowrap; }

span.mOLabel_fixed {
   width: 100px; }

ul.mediaObjectAttributes {
   font-size: 11px;
   padding: 0;
   margin: 0; }

ul.mediaObjectAttributes li table {
   border-collapse: collapse; }

ul.mediaObjectAttributes li table td {
   font-size: 11px;
   padding: 0 20px 0 0; }

ul.mediaObjectAttributes li {
   list-style-type: none;
   line-height: 1.5em; }
body.qL_detailsMedRes       ul.mediaObjectAttributes li,
body.qL_edit1               ul.mediaObjectAttributes li,
body.qL_edit2               ul.mediaObjectAttributes li,
body.qL_edit3               ul.mediaObjectAttributes li,
body.qL_detailsMedResBeamer ul.mediaObjectAttributes li {
   width: 676px; }

ul.mOAComments {
   margin: 1em 0 5em 0; }

ul.mOAComments li {
   margin-bottom: 10px; }

/*--- links ------------------------------------------------------------------*/

a {
   text-decoration: none; }

a:hover {
   text-decoration: underline; }

a.linkImportant {
   text-decoration: underline;
   font-weight: bold; }

/*--- form and form input elements -------------------------------------------*/

form {
   margin:0; }

input, textarea, select {
   border-style: solid;
   border-width: 1px; }

input.radio {
   border-style: none; }

/*--- popups -----------------------------------------------------------------*/

div.popupFrame {
   display: none;
   position: absolute;
   z-index: 1;
   border-width: 1px;
   border-style: solid;
   padding: 3px 0; }

a.popupMenuItem {
   display: block;
   padding: 3px 8px;
   text-decoration: none; }

a.popupMenuItem:hover {
   padding: 2px 7px;
   text-decoration: none; }

/*--- title elements ---------------------------------------------------------*/

h1.startTitle {
   font-size: 18px;
   /* position: relative;  wieso? */
   /* bottom: 1px; */
   margin-bottom: 1em; }

h1 {
   font-size: 13px;
   font-weight: bold;
   padding-top: 0;
   margin: 2px 0 31px 0; }

h1.queryResultTitle {
   font-size: 11px;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 30px; }

h2 {
   padding: 0;
   margin-top: 2.5em;
   font-size: 11px; }

.messageTitle {
   font-size: 13pt;
   margin-top: 60px; }

/*--- tables -----------------------------------------------------------------*/

table {
   border-collapse: collapse; }

table th {
   padding: 0 0 1em 0;
   margin: 0;
   text-align: left; }

table.borderGray {
   border-collapse: collapse; }

table.borderGray td, table.borderGray th {
   border-style: solid;
   border-width: 0 0 1px 0;
   padding: 4px 0 4px 0; }

table.borderGray th {
   vertical-align: bottom; }

table.borderGray td {
   vertical-align: top; }

table.withoutBorder {
   border-width: 0; }
table.withoutBorder td, table.tableWithoutBorder th {
   border-width: 0; }

table th.numeric,
table td.numeric {
   text-align: right; }

table.tdetailsLowRes col.col_outer1 { width: 240px; }
table.tdetailsLowRes col.col_outer2 { width: auto; }

table .trHover:hover {
   cursor: pointer; }

/* table .trHover:hover a {
   text-decoration: underline; }
 Auskommentiert 2007-04-08 chdh.
 Probleme:
  - "i" wird auch unterstrichen.
  - Nicht-"A"-Texte werden nicht unterstrichen. */

/*--- query result header / page navigation ----------------------------------*/

#queryResultHeader {
   position: fixed;
   top: 0;
   padding: 20px 0;
   width: 100%;
   height: 20px;
   margin: 0 0 20px 0;
   z-index: 10;}

#queryResultHeader div {
   float: left;
   padding-right: 20px; }

#queryResultHeader h1.queryResultTitle {
   padding: 2px 0 0 0;
   margin: 0;
   font-size: 11px;  }

#queryResultHeader div.qrlayout {
   padding-left: 0; }

.qrplayer {
   display: none; }

#leftColumn .qrplayer {
   display: block; }

table.pageNavigationPageNo {
   border-collapse: collapse; }

table.pageNavigationPlayer {
   border-collapse: collapse; }

#leftColumn table.pageNavigationPlayer {
   position: absolute;
   top: 0;
   left: 0; }

table.pageNavigationPlayer td,
table.pageNavigationPageNo td {
   vertical-align: baseline;
   padding: 0px 3px 0 0;
   font-weight: bold; }

img.playerButton {
   display: block;
   border-style: solid;
   border-width: 1px; }
img.playerButton1 {
   padding: 4px; }
img.playerButton2 {
   padding: 4px 6px; }

table.pageNavigationPlayer td.playerButtonPlay {
   padding-left: 15px; }

table.pageNavigationPageNo td input {
   width: 38px;
   height: 14px;
   padding: 1px 1px 0 1px;
   font-size: 11px;
   font-weight: bold;
   margin: 0 2px;
   text-align: right; }

/*--- query result layouts ---------------------------------------------------*/

div.mediaObject {
   margin-bottom: 40px; }

img.mediaObject {
   border-style: none;
   z-index: 0; }                  /* wieso? */
body.qL_detailsHighRes        img.mediaObject,
body.qL_detailsMedRes         img.mediaObject,
body.qL_detailsMedResBeamer   img.mediaObject,
body.qL_detailsMedResTwinUXGA img.mediaObject,
body.qL_detailsMedResUXGA     img.mediaObject {
   display: block;
   margin-bottom: 20px; }
body.qL_detailsLowRes         img.mediaObject,
body.qL_show                  img.mediaObject,
body.qL_special               img.mediaObject,
body.qL_thumbnails            img.mediaObject,
body.qL_thumbnailsWithLegends img.mediaObject {
   display: block; }
body.qL_print1                img.mediaObject {
   display: block;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto; }

/*--- thumbnails ---*/
body.qL_thumbnails,
body.qL_thumbnailsWithLegends {
   overflow-y: auto; }

body.qL_thumbnailsWithLegends .miniLegend {
   font-size:7pt;
   margin-top:1em;
   width: 215px; }

/*--- detailsLowRes ---*/
body.qL_detailsLowRes ul.mOAComments {
   margin: 20px 0 40px 0; }

body.qL_detailsLowRes ul.mediaObjectAttributes span.info {
   display: none; }

body.qL_detailsMedResBeamer ul.mOAComments {
   margin-top: 90px; }

/*--- detailsHighRes ---*/
body.qL_detailsHighRes ul.mOAComments {
   margin-top: 90px; }

/*--- show ---*/

body.qL_show {                /* in the show layout, the scrollbar will never show */
   overflow-y: auto; }

body.qL_show #queryResultHeader {
   position: static;
   padding: 0;
   width: 350px; }

body.qL_show #queryResultHeader div {
   padding-right: 14px; }

body.qL_show .qrplayer {
   display: block;
   margin: 0 auto; }

body.qL_show .pNBLabel {
   display: none; }

body.qL_show .qrlayout,
body.qL_show .qrtitle {
   display: none; }

body.qL_show #queryResultHeader div.qrpageofpages {
   padding-right: 5px; }

body.qL_show table#showtable {
   border-collapse: collapse; }

body.qL_show table#showtable td {
   width: 676px;
   height: 508px; }

body.qL_show #backToSeries {
   position: absolute;
   top: 2px;
   right: 250px;
   font-weight: bold;}

body.qL_show table#showtable table.pageNavigationPlayer tr td,
body.qL_show table#showtable table.pageNavigationPageNo tr td {
   width: auto;                                                    /* wozu ist das? */
   height: auto; }

body.qL_show #showtable table.mediaObjectAttributesLegend td {
   height: auto;
   margin: 0;
   padding: 0; }

body.qL_show li.mOAttributes_2 {
   display: none; }

/*--- table ---*/
body.qL_table table.borderGray {
   width: 676px; }

body.qL_table table.borderGray th,
body.qL_table table.borderGray td  {
   padding-right: 1em; }

body.qL_table table.borderGray th.last,
body.qL_table table.borderGray td.last {
   padding-right: 0; }

body.qL_table table.borderGray col.col1 { width: 50px; }
body.qL_table table.borderGray col.col2 { width: 50px; }
body.qL_table table.borderGray col.col3 { width: 40px; }
body.qL_table table.borderGray col.col4 { width: 60px; }
body.qL_table table.borderGray col.col5 { width: auto; }
body.qL_table table.borderGray col.col6 { width: 50px; }

/*--- tableWithThumbnails ---*/
body.qL_tableWithThumbnails table.borderGray {
   width: 676px; }

body.qL_tableWithThumbnails table.borderGray th,
body.qL_tableWithThumbnails table.borderGray td  {
   padding-right: 1em; }

body.qL_tableWithThumbnails table.borderGray th.last,
body.qL_tableWithThumbnails table.borderGray td.last {
   padding-right: 0; }

body.qL_tableWithThumbnails table.borderGray th {
   vertical-align: bottom; }

body.qL_tableWithThumbnails table.borderGray col.col1 { width: 80px; }
body.qL_tableWithThumbnails table.borderGray col.col2 { width: auto; }
body.qL_tableWithThumbnails table.borderGray col.col3 { width: auto; }
body.qL_tableWithThumbnails table.borderGray col.col4 { width: auto; }
body.qL_tableWithThumbnails table.borderGray col.col5 { width: auto; }

body.qL_tableWithThumbnails table.borderGray table {
   border-collapse: collapse; }

body.qL_tableWithThumbnails table.borderGray td table col.col1 { width: 50px; }
body.qL_tableWithThumbnails table.borderGray td table col.col2 { width: auto; }

body.qL_tableWithThumbnails table.borderGray table td {
   border-width: 0;
   padding: 0;
   margin: 0; }

body.qL_tableWithThumbnails table.borderGray tr.bigger_img_container td {
   border: none;
   padding: 0; }

/*--- qlBig ---*/
body.qL_highRes {
   margin: 0;
   padding: 0; }

body.qL_highRes table {
   border-collapse: collapse;
   width: 100%;
   text-align: center; }

body.qL_detailsMedResUXGA table.tdetailsMedResUXGA td{
   padding-bottom: 20px; }

body.qL_detailsMedResUXGA table.tdetailsMedResUXGA table td {
   padding: 0; }

body.qL_detailsMedResUXGA table.tdetailsMedResUXGA col.col_outer1 {
   width: 700px; }

body.qL_detailsMedResTwinUXGA table.twin col.outer_col1 {
   width: 700px; }

body.qL_detailsMedResTwinUXGA table.twin {
   border-collapse: collapse; }

body.qL_detailsMedResTwinUXGA table.twin td {
   vertical-align: top; }

/*--- categorization / edit --------------------------------------------------*/

div.categorization,
div.editMediaObjAttrs {
   float: right;
   width: 450px; }

div.categorizationButtons {
   margin-top: 14px;
   margin-bottom: 12px; }
div.categorizationButtons input,
div.editMediaObjAttrsButtons input {
   margin-right: 8px; }

div.categorizationCats {
   overflow: auto; }
body.qL_edit1 div.categorizationCats {
   height: 500px; }

table.categorizationCats {
   border-collapse: collapse;
   table-layout: fixed; }

table.categorizationCats col.checkbox { width: 27px; }
table.categorizationCats col.code     { width: 70px; }
table.categorizationCats col.descr    { width: auto; }

table.categorizationCats td.code, table.categorizationCats td.descr  {
   vertical-align: baseline;
   padding-top: 3px;
   padding-bottom: 3px; }
table.categorizationCats td.checkbox {
   vertical-align: top;
   padding-top: 0;
   padding-left: 0; }

table.categorizationCats td.checkbox input {
   border: none; }

div.editComments {
   margin-top: 20px; }
body.qL_edit2 div.editComments {
   display: none; }

div.editCommentLabel {
   margin-top: 10px;
   margin-bottom: 3px; }

textarea.editCommentField {
   width: 100%; }

/*--- bulk edit --------------------------------------------------------------*/

select.bulkEditCategory {
   width: 500px; }

div.bulkEditCatButtons {
   margin-top: 20px; }

div.bulkEditCatButtons a {
   margin-right: 20px; }

p.bulkInfoMsg {
   color: #00ff00; }

/*--- image viewports --------------------------------------------------------*/

.imageViewportMedRes {
   width: 676px;
   height: 513px; } /* max = 508 */

.imageViewportThumbnailsWithLegends {
   float: left;
   height: 220px;
   width: 242px;
   page-break-inside: avoid; }

.imageViewportThumbnailsWLInnerHeight {
   height: 155px; }

/*--- button Links -----------------------------------------------------------*/

a.licenseButton {
   display: block;
   float: left;
   width: 80px;
   text-align: center;
   margin-right: 20px;
   border-width: 1px;
   border-style: solid;
   padding: 2px; }

a.downloadButton {
   border-width: 1px;
   border-style: solid;
   padding: 2px 4px;
   margin-right: 3px; }

a.actionButton {
   border-width: 1px;
   border-style: solid;
   padding: 2px 4px; }

.button,
.i_button,
.pm_button {
   font-family: courier, monospace;
   font-size: 12px;
   border-width: 1px;
   border-style: solid;
   outline: none;
   text-decoration: none; }

.button    { padding: 2px 4px 0px 4px; }
.i_button  { padding: 1px 4px 1px 4px; }
.pm_button { padding: 0px 4px 1px 3px; }

a.button:hover,
a.i_button:hover,
a.pm_button:hover {
   text-decoration: none; }

a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
   outline: none; }

/*--- "settings" page --------------------------------------------------------*/

table.settings col.col1,
table.settings col.col2,
table.settings col.col3,
table.settings col.col4,
table.settings col.col5 {
   width: 20em; }

table.settings a {
   outline: none;
   background-repeat: no-repeat;
   background-position: left 4px;
   padding-left: 15px; }

body.colorScheme1 a.settingFont1,
body.colorScheme3 a.settingFont1 {
   background-image: url(images/markActiveButton_1.gif); }
body.colorScheme2 a.settingFont1,
body.colorScheme4 a.settingFont1 {
   background-image: url(images/markActiveButton_2.gif); }

input#playerDelay {
   width: 50px; }

/*--- "search" page ----------------------------------------------------------*/

table.search {
   border-collapse: collapse; }
table.search col.label {
   width: 200px; }
table.search col.value {
   width: 300px; }
table.search tbody {
   vertical-align: top; }
table.search tr.gap {
   height: 20px; }
table.search td {
   vertical-align: baseline; }
table.search td.label {
   padding-right: 0.5em; }
table.search td.value {
   padding-top: 0.25em;
   padding-bottom: 0.25em; }
table.search td.comment {
   padding-top: 4px;
   padding-bottom: 0;
   font-size: 9px; }

body.search .totalWidth    {width:530px; }
form.search .textbox1      {width:146px; padding-left:1px; padding-right:1px; }
form.search .textbox2      {width:326px; padding-left:1px; padding-right:1px; }
form.search .combobox1     {width:150px; }
form.search .combobox2     {width:330px; }
form.search .combobox1Gap1 {width:150px; margin-right:30px; }
form.search .gapText1      {width:30px; text-align:center; display:-moz-inline-block; display:inline-block; }
form.search .button1       {width:150px; }
form.search .button1Gap1   {width:150px; margin-right:30px; }

table.search tr.buttonRow1 td {
   padding-top: 20px; }
table.search tr.buttonRow2 td {
   padding-top: 6px; }

table.search .queryParmsInfoButton {
   float: right; }

table.search tr.tableSection td {
   border-top: 1px solid #666;
   padding-top: 30px; }

table.search tr.tableSection table td {
   padding-top: 0;
   border-top: none; }

table.search td.searchInfoButtonCell {
   text-align: right; }

form.search select.catalog {
   width: 330px;
   display: block; }
form.search select.category {
   margin-top: 10px;
   width: 500px;
   display: none; }
form.search div#categoryInputBlock {
   display: none; }
form.search div#controlKeyNote {
   margin-top: 10px;
   font-size: 9px; }
form.search div#categoryOperation {
   margin-top: 2px; }

table.upload {
   border-collapse: collapse; }
table.upload col.label {
   width: 200px; }
table.upload col.col2 {
   width: 220px; }
table.upload col.col3 {
   width: 110px; }
table.upload tbody {
   vertical-align: top; }
table.upload td {
   vertical-align: baseline; }
table.upload td.col3 {
   text-align: right; }
form.upload .fileInput {
   width: 330px;
   background-color: #222;
   border: none;
   border: 1px solid #888; }
form.upload td.btUpload {
    text-align: left;
    width: 530px; }
form.upload .button1 {
    width: 150px;
    margin-top: 20px; }

div#searchInfo {
   display: none;
   border-top: 1px solid #888; }

/*--- query parameters info --------------------------------------------------*/

div#queryParmsInfo {
   display: none;
   margin-top: 2px;
   margin-bottom: 15px;
   text-align: left; }
body.qL_thumbnailsWithLegends #queryParmsInfo,
body.qL_detailsLowRes         #queryParmsInfo,
body.qL_detailsMedRes         #queryParmsInfo,
body.qL_detailsMedResBeamer   #queryParmsInfo,
body.qL_detailsHighRes        #queryParmsInfo,
body.qL_table                 #queryParmsInfo,
body.qL_tableWithThumbnails   #queryParmsInfo,
body.qL_detailsMedResUXGA     #queryParmsInfo,
body.qL_detailsMedResTwinUXGA #queryParmsInfo {
   padding-top: 11px; }
body.qL_notFound div#queryParmsInfo {
   margin-top: 20px; }
body.categories div#queryParmsInfo,
body.authors div#queryParmsInfo,
body.ages div#queryParmsInfo {
   margin-bottom: 30px; }

div.queryParmsInfoTitle {
   font-weight: bold;
   margin-bottom: 10px; }

table.queryParmsInfo {
   border-collapse: collapse; }
table.queryParmsInfo col.label {
   width: auto; }
table.queryParmsInfo col.value {
   width: auto; }
table.queryParmsInfo td {
   border-style: solid;
   border-width: 0 0 1px 0;
   vertical-align: top;
   padding-top: 1px;
   padding-bottom: 2px;
   text-align: left;
   width: auto;
   height: auto; }
table.queryParmsInfo td.queryParmsInfoOperator {
   padding-top: 5px;
   padding-bottom: 5px;
   font-style: italic; }
/* table.queryParmsInfo td.queryParmsInfoSort {
   padding-top: 5px;
   padding-top: 5px; } */
table.queryParmsInfo td.label {
   padding-right: 10px; }

table.queryParmsInfo_categories {
   border-collapse: collapse; }
table.queryParmsInfo_categories td {
   vertical-align: top; }
table.queryParmsInfo_categories td {
   border-width: 0; }
table.queryParmsInfo_categories tr + tr td {
   border-width: 1px 0 0 0; }
table.queryParmsInfo_categories td.code {
   padding-right: 10px; }

div.queryParmsInfoButton .i_button {
   position: relative;
   top: 1px;
   height: 18px;
   width: 18px; }                /* sonst wird beim IE6 der untere Border des "i" abgeschnitten */

/*--- video player -----------------------------------------------------------*/

div.videoPlayer {
   margin-top: 50px;
   text-align: center; }

/*--- other ------------------------------------------------------------------*/

p {
   line-height: 1.5em; }

div.subTitle {
   margin: 3em 0; }

a,
a img {
   border: none; }

/* zeroBaseLine is used to set a dummy base line to prevent downwards         */
/* movement of float boxes in Firefox.                                        */
/* Usage is: <div class="zeroBaseLine">&nbsp;</div>                           */
.zeroBaseLine {
   visibility: hidden;
   line-height: 0px; }

div.hr {
   height: 0px;
   border-top-width: 1px;
   border-top-style: solid;
   overflow: hidden; }

.inlineConfirmationMessage {
   font-weight: bold; }

.clearboth {
    clear: both; }

.nowrap {
   white-space: nowrap; }

a.godown {
   position: relative;
   top: 2px;
   left: 10px; }

a.helper_anchor:link,
a.helper_anchor:visited,
a.helper_anchor:hover,
a.helper_anchor:active {
   outline: none; }

ul.mediaObjectAttributes a.button {
   position: relative;
   left: 10px; }

.mOContainer {
   position: relative; }

.help {
   cursor: default; }

div#pageLoadingIndicator {
   width: 150px;
   text-align: center;
   display: none; }
img.pageLoadingImg {
   margin-bottom: 10px; }
