/************************* CSS pre-parsed by easydb ************************/

/* These are styles from easydb 3 that still get used in easydb 4 and
 * are kept for backwards compatibility */


.smallPulldown {
    margin:0;
    padding:0;
}


/*  --------------------------------------------------------------- */
/*              Schriften                                           */
/*  --------------------------------------------------------------- */

/* Seitenzahlen im Suchergebnis. */

/* chunks */
.textLinks a,
.unselectedChunk a,
a.selectedChunk {
    /*width:16px;*/
    margin-right: 5px;
    height:16px;
    padding:0 1px 0 1px;
    display: block;
    text-align: center;
    line-height:16px;
    text-decoration: none;
}
.textLinks a:hover,
.unselectedChunk a:hover {
    text-decoration:underline;
}

/* selected chunk */
td.selectedChunk {
    width: 20px;
}
a.selectedChunk {
    border: solid 1px #cccccc;
    color: #666666;
    font-weight: bold;
}


.statusText {font-weight:normal; color:#EEEEEE;}
.statusError {font-weight: bold; color:red;}
.statusErrorLogin {font-weight:normal; color:#CE6500; }

/*  --- Error-Message in ...                                 --- */
/*  --- "Editor", "GroupEditor", "Schlagworte" Projektmappen --- */

.errorStatusContainer {
    margin:0 10px 0 10px;
    padding:10px 0 10px 0;
    font-size:0.8em;
}



/*  --------------------------------------------------------------- */
/*              Hintergrund Farben                                  */
/*  --------------------------------------------------------------- */



/* body class for all sidebar */
.sidebarBody {
    margin: 0;
    background-color:#e5e5e5;
}

/* Klassen fuer die Information, wenn nichts gefunden wurde
FIXME: this badly needs a redesign !! */
.helpLogo {
    margin:0 5px 0 0;
    padding:2px 7px 3px 8px;
    font-weight: bold;
    color: #FFFFFF;
    background-color:#337D33;
}
.helpHead {
    margin:0 0 10px 0;
    font-weight:bold;
}
.helpSubhead {
    margin:0;
    display:block;
    font-weight:bold;
    color:#000000;
}
.helpHeadbox {
    margin:0;
    padding:2px 2px 2px 0;
    border-bottom: 1px solid #337D33;
}
.helpBox {
    margin:8px;
    color:#000000;
    }
.helpText {
    margin:0 0 10px 0;
    display: block;
    color:#000;
}
#helpWindow {
  margin: 10px 0px 0px 10px;
  padding: 0px;
  color: #337D33;
  border: 1px solid #337D33;
  background-color: #FFFFFF;
  width: 450px;
  font-family: Arial;
  text-align: left;
}


/*  --------------------------------------------------------------- */
/*              Divs                                                */
/*  --------------------------------------------------------------- */

/* FIXME: this class MUST NOT be used any longer! */
.wideContent {
    margin: 10px 0 0 10px; padding:0;
}


/* Arbeitsmappentreeklassen */
.workfolder2_grouping_span {
    font-weight: bold;
    color:#666666;
}

/* Sidebar in mask VollbildPraesi. */
.magicSidebar {
    overflow:auto;
    position:absolute;
    top:0px;
    margin:0px;
    padding:0px;
    width:250px;
    height:100%;
    background-color:#eee;
    z-index:20;
    border-right:1px solid #787878;
}
.magicSidebar div.row {
	margin:10px 10px 0px 10px;
	background-color:#ffffff;
}
.magicSidebar div.row div.header {
	background-color:#A9A9A9;
	cursor:pointer;
	padding: 2px;
}
.magicSidebar div.row div.header:hover {
	background-color:#cccccc;
}
.magicSidebar div.row div.slide {
	background: #ffffff;
	cursor: pointer;
}
.magicSidebar div.row div.slide:hover {
	background: #cccccc;
}

/* Infodiv beim alten Zoomer, wird beim Zipdownload benutzt */
.zoomerInfo {
    background-color:#CCCCCC;
    border:#E5E5E5 3px solid;
    position:absolute;
    top:10%;
    left:5%;
    z-index:12;
    padding:5px;
}



/* Buttons in einer Praesentation */
/* TODO(vera): schoener machen */

.praesNavActive{
    display: block;
    text-align: center;
    width: 16px;
    height: 16px;
    padding: 0px 2px 0px 2px;
    color: #999;
    margin-right: 5px;
    border: 1px solid #999;
    font-weight: normal;
    text-decoration: none;
}

.praesNavInactive{
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  padding: 0px 2px 0px 2px;
  color: #999;
  border: 1px solid #999;
  font-weight: normal;
  text-decoration: none;
}

.praesInactive{
  font-family: arial;
  display: block;
  text-align: center;
  width: 12px;
  height: 12px;
  padding: 0px;
  margin: 2px;
  color: #FFFFFF;
  border: 1px solid #999999;
  font-weight: bold;
  font-size:10px;
  text-decoration: none;
  background-color:#999999;
}

.praesClose{
  display: block;
  text-align: center;
  width: 16px;
  height: 16px;
  padding: 0px 0px 0px 0px;
  color: #999;
  background-color: #333;
  border: 1px solid #999;
  font-weight: normal;
  text-decoration: none;
}

.praesLink {
    display: block;
    text-align: center;
    width: 70px;
    height: 16px;
    padding: 1px 2px 0px 2px;
    color: #999;
    margin-right: 5px;
    border: 1px solid #999;
    font-weight: bold;
    text-decoration: none;
}

.praesNavActive:hover, .praesClose:hover, .praesLink:hover{
    color: #CCC;
    background-color: #666;
    border: 1px solid #CCC;
    text-decoration: none;
}


/* FIXME: the following are just left here for backwards compatibilty */

/* toolbar, FIXME: deprecated. */
.headBar {
    height:32px;
    line-height:32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background-color:#ff0000;
}

/* second-level toolbar, FIXME: deprecated. */
.searchNav {
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 10px;
  background-color: #E5E5E5;
}
.searchNav select {
    font-size: 11px;
    padding: 1px;
}

/* FIXME: deprecated. */
.titleBarPopUp {
    background-color:#FF0000;
    border-top: 1px solid #FFFFFF;
    height:32px;
    line-height:32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}


/*******************************************************************************
* MAINMENU BUTTONS (top navigation) (FIXME: legacy, if instances still use this
* move to instance's css)
*******************************************************************************/

/* main menu buttons in standard state */
a.butMainMenu {
    background: #999999;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    border-right: solid 1px #ffffff;
    margin: 0px;
    padding:1px 10px 2px 10px;
    line-height: 17px;
    white-space: nowrap;
}
a.butMainMenu:hover {
    background-color: #111111;
    color:#FFFFFF;
    text-decoration:none;
}

/* active button in mainmenu */
a.butMainMenu.active {
    background-color: #111111;
}

/* submenu buttons in mainmenu */
a.butMainMenu.submenu {
    background: #cccccc;
    color: #666666;
}
a.butMainMenu.submenu:hover {
    background: #e0e0e0;
    color: #666666;
}

/* override for HOME button */
a.butMainMenu.home {
    width: 160px;
    padding-right: 101px;
    padding-left: 25px;
}

/* legacy template editor */
td#leftColumn {
    width: 250px;
}
td#leftColumn div.database_fields,
td#leftColumn div#treediv {
    width:230px;
    overflow-x: scroll;
}
td#rightColumn {
    width: 100%;
}

/* alter Style fuer Connector Thumbnails in Praesentationen
*/

.editLinkSmall {
    display: block;
    text-align: center;
    width: 70px;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    background-color:#787878;
    height: 14px;
    line-height: 14px;
    font-size:10px;
    width:14px;
}

.editLinkSmall:hover {
    text-decoration: none;
    background-color:#999999;
}

/* legacy metadatenmapping styles */
.boxLayout {
  clear: left;
  position: relative;
  z-index: 1;
  background-color:#DDDDDD;
  border: 1px solid #818382;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial;
  text-decoration: none;
  text-align: left;
  color: #555555;
  padding: 24px;
}

.blockTabActive,
.blockTabInactive {
  position: relative;
  top: 1px;
  z-index: 2;
  float:left;
  background-color:#DDDDDD;
  border-top:1px solid #818382;
  border-left:1px solid #818382;
  border-right:1px solid #818382;
  border-bottom:1px solid #DDDDDD;
  color:#555555;
  font-size:12px;
  line-height:23px;
  font-weight: bold;
  font-family:Arial;
  text-decoration:none;
  display:block;
  text-align:center;
  padding-left:8pt;
  padding-right:8pt;
  margin:0px;
}

.blockTabInactive {
  background-color:#808080;
  border-bottom:1px solid #808080;
  color:#E2E2E2;
  line-height:18px;
  margin-top:4px;
}

.blockTabInactive:hover {
  background-color:#DDDDDD;
  border-bottom:1px solid #DDDDDD;
  color:#555555;
}

.tabMenuBox {
  height: 30px;
  margin-left: 30px;
}




/*******************************************************************************
* CONNECTOR (compatibility styles for connector results in easydb4 theme)
*
* FIXME:
*   Hopefully we can remove this sooner or later. All this is a terrible hack
*   because connector results come with hardcoded inline-styles and only very
*   few CSS classes.
*******************************************************************************/
.marker div.asset{
	background: none repeat scroll 0 0 #E5E5E5;
}
/* results */
.minithumb,
.maxithumb,
.allInfoThumb {
    margin: 8px 0px 0px 8px;
    background: #e5e5e5;
    padding: 3px;
}
.minithumb,
.maxithumb{
	display: inline;
}
table.maxithumb{
	border-collapse: separate;
}

.allInfoThumb{
	margin: 8px 8px 0px 8px;
}
.minithumb,
.maxithumb {
    float: left;
}
.minithumb {
    width: 120px;
}

/* result marker classes */
.maxithumb.marked,
.minithumb.marked,
.allInfoThumb.marked {
	background-color: #cccccc;
}
.minithumb {
    width: 110px;
    height: 120px;
    margin: 8px 0px 0px 8px;
    padding: 3px;
}
.maxithumb.detail,
.minithumb.detail,
.allInfoThumb.detail {
	background-color: #999999;
}

/* groupedit switch marking, searchresult marking */
.groupEditSwitch.marked,
.marked {
	background: #999999;
}

/* buttons */
.resultMarker {
    background-color:#787878;
}