/************************************
 * Globale Einstellungen / Klassen
 */

* {
	font-size:100.01%;
	font-family:sans-serif;
	-moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: white;
	font-size:0.7em;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color:rgb(240,240,240);
}

select {
	z-index:1;
}

.cursor-pointer {
	cursor:pointer;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.clear-float {
	clear:both;
	width:0px;
	height:0px;
	font-size:0px;
}

.invisible {
	display:none;
}

small, .small {
	font-size:small;
}

small small, .smaller {
	font-size:smaller;
}

small small small, .x-small {
	font-size:x-small;
}

small small small small, .xx-small {
	font-size:xx-small;
}

strong, .strong {
	font-weight:bold;
}

em, .italic {
	font-style:italic;
}

.ANDNOT {
	background-color:rgb(255, 239, 239);
}

.AND {
	background-color:rgb(239, 255, 239);
}

/**********************************
 * Overrides für Backbase Styles
 */
.btl-tabBox-content {
	border-bottom:1px solid #919397;
	border-left:1px solid #919397;
	border-right:1px solid #919397;
}
.btl-modal-layer-default {
	display:none;
}

/*
 * Infotext in Fenstern
 */
.diaWinInfotext {
	padding:0px 10px;
	width:100%;
	height:100%;
}


#diaFormResponse {
	padding:10px;
	width:auto;
	max-width:75%;
	display:none;
	margin-top:10px;
}

.formResponseError {
	background-color:rgb(250,215,219);
	border:1px solid rgb(255, 0, 0);
}
.formResponseOk {
	background-color:rgb(153,255,153);
	border:1px solid rgb(0,153,51);
}

.formTabbox {
	border-right-width:0px;
	border-left-width:0px;
	border-bottom-width:0px;
}

.diaForm {
	width:100%;
	border-left-width:0px;
	border-right-width:0px;
	padding:7px 0px 7px 0px;
}

.diaForm span.diaFormLabel {
	color:rgb(250,50,23);
	font-weight:bold;
	margin-right:10px;
}

.diaForm input.diaFormPassInput,
.diaForm input.diaFormMailInput {
	width:200px; 
	margin-right:10px;
	color:rgb(139,139,139);
	padding-left:16px;
	background-repeat:no-repeat;
	background-position:1px 3px;
	background-position-y:3px;
	z-index:1;
}


.diaForm input.diaFormPassInput {
	width:130px;
	background-image:url("/system/images/form_images/inp_pass.gif");
}

.diaForm input.diaFormMailInput {
	background-image:url("/system/images/form_images/inp_email.gif");
}

.diaForm input.diaFormSubmitButton {
	background-color:transparent;
	background-image:url("/system/images/form_images/buttonbg.gif");
	color:rgb(250,215,219);
	background-repeat:repeat-x;
	border-top:1px solid rgb(216,115,107);
	border-left:1px solid rgb(179,109,107);
	border-bottom:1px solid rgb(65,11,1);
	border-right:1px solid rgb(69,12,1);
	height:20px;
	cursor:pointer;	
}

.diaForm input.diaFormSubmitButton:hover {
	color:rgb(255,255,255);
}

.diaForm a.diaSwitchFormLink {
	color:rgb(0,0,0);
	cursor:pointer; 
}

.diaForm span.diaSwitchLinkSeparator {
	margin:0px 10px 0px 10px;
	color:rgb(102,102,102);
}

.diaForm span.diaSwitchFormCurLink, 
.diaForm a.diaSwitchFormLink:hover {
	color:rgb(102,102,102);
	text-decoration:underline;
}
.diaForm span.diaSwitchFormCurLink {
	text-decoration:none;
}

.diaForm div.formSwitchMenu {
	width:100%;
	padding-top:10px;
}

#binderTreeContainer {
	z-index:1;
	padding:5px 0px 0px;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
}

#nodeDetailsForm {
	overflow:hidden;
	padding-left:5px;
	padding-right:5px;
	z-index:2;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:1px;
	background-color:rgb(224,224,224);
}

/***********************************
 * AppLockOverlay zum sperren
 */
#appLockOverlay,
#appLockOverlay2 {
	background-color:rgb(0,0,0);
	position:absolute;
	left:0px;
	top:0px;
	z-index:900;
	width:100%;
	height:100%;
	display:block;
	opacity:0.5;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#appLockOverlay2 {
	z-index:1500;
}

/*********************************
 * Init. Lade Nachricht
 **/
#initAppMsg {
	z-index:901;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
}

#initAppMsg img {
	vertical-align:middle;
	position:absolute;
	top:45%
}


/**********************************
 * Suggests
 */
#suggestBox {
	cursor:default;
	display:none;
	background-color:InfoBackground;
	border:1px solid ThreeDShadow;
	position:absolute;
	z-index:2;
	top:197px;
	left:93px;
	width:250px;
	padding-bottom:3px;
	-moz-user-select:none;
}

#suggestBox #suggestBoxHeadline  {
	width:250px;
	height:16px;
	margin-bottom:3px;
	background-color:rgb(255, 248, 175);
	border-bottom:1px solid ThreeDShadow;
	cursor:inherit;
}

#suggestBox #suggestBoxHeadline .titleText {
	font-weight:bold;
	float:left;
	margin-left:3px;
	vertical-align:middle;
	cursor:inherit;
}

#suggestBox #suggestBoxHeadline .closeIcon {
	float:right;
	vertical-align:middle;
	margin-top:1px;
	margin-right:1px;
	cursor:pointer;
}

#suggestBox .suggest {
	margin-left:3px;
	float:left;
	margin-top:2px;
	white-space:nowrap;
	cursor:inherit;
}

#suggestBox .suggest .exactDesc {
	color:green;
	border-bottom:1px dotted green;
	white-space:nowrap;
	cursor:pointer;
}

#suggestBox .suggest .desc {
	color:blue;
	border-bottom:1px dotted blue;
	white-space:nowrap;
	cursor:pointer;
}

#suggestBox .suggest .hits {
	margin-right:3px;
	font-size:smaller;
	color:rgb(145, 147, 151);
	white-space:nowrap;
	cursor:inherit;
}


/***********************************
 * Linker Bereich (global)
 */
#bodyLeft {
}

/***********************************
 * linker bereich (tabbox)
 */
#bodyLeftTop {
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}


/**********************************
 * Linker Bereich unten (powered by)
 */
#bodyLeftBottom {
	padding:10px;
	color:rgb(171,171,171);
}

#bodyLeftBottom * {
	border-width:0px;
}

/**********************************
 * Tabbox -> Suche
 */

#searchForm {
	border-left:1px solid #919397;
	border-right:1px solid #919397;
	border-top:1px solid #919397;
	border-bottom:1px solid #919397;
	background-color:rgb(255,255,255);
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	width:228px;
	height:inherit;
}

#searchForm #searchFormPadding {
	padding:5px;
	overflow: inherit;
	overflow-x: inherit;
	overflow-y:	inherit;
}

#searchForm input.rightButton {
	float:right;
	margin-right:-1px;
}

#searchForm input.leftButton {
	float:left;
	margin-left:-1px;
}


#searchForm #indexSelector {
	width: 216px;
}

#searchForm #connectorSelector {
	width:61px;
	float:left;
}

#searchForm #searchPatternInput {
	float:right;
	width:150px;
	height:22px;
}


#searchForm *.searchFormField {
	display:block;
	margin-bottom:2px;
	height:20px;
	
}

/***********************************
 * Query Elemente
 */
#queryElementsBox {
		width:100%;
		height:100%;
		border-width:0px;
		background-color:rgb(250,250,250);
}

/**********************************
 * Tabbox Sammelmappenbaum
 */
.tree {
	background-color:transparent;
	padding:4px;
	border-width:0px;
}

/**********************************
 * Mittlerer Bereich
 */
#bodyMiddle {
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	background-image:url("/system/images/loading_icons/loading.gif");
	background-position:center center;
	background-position-x:center;
	background-position-y:center;
	background-repeat:no-repeat;
}

.accordion {
	border-bottom:1px solid #919397;
	border-left:1px solid #919397;
	border-right:1px solid #919397;
	border-top:1px solid #919397;
}

#accSearchBody, #accBinderBody {
	padding:10px;
}

/***********************************
 * Ergebnisnavigation
 */
.toolbar {
	width:100%;
	height:43px;
}

/***********************************
 * Statusnachricht
 **/
.msgSearchRunning {
	width:100%;
	position:absolute;
	left:0px;
	top:10px;
	text-align:center;	
}

/**********************************
 * errorMsgDiv
 */


#requestRunningMsg {
	display:none;
}

h1.expandedHeading,
h2.expandedHeading,
h3.expandedHeading,
h4.expandedHeading,
h5.expandedHeading,
h6.expandedHeading,
h1.collapsedHeading,
h2.collapsedHeading,
h3.collapsedHeading,
h4.collapsedHeading,
h5.collapsedHeading,
h6.collapsedHeading {
	cursor:pointer;
	background-repeat:no-repeat;
	background-position: left center;
	background-position-x:left;
	background-position-y:center;
	padding-left:13px;
}

h1.expandedHeading,
h2.expandedHeading,
h3.expandedHeading,
h4.expandedHeading,
h5.expandedHeading,
h6.expandedHeading {
	background-image:url('/system/images/text_decorators/expandedHeading.gif');
}

h1.collapsedHeading,
h2.collapsedHeading,
h3.collapsedHeading,
h4.collapsedHeading,
h5.collapsedHeading,
h6.collapsedHeading {
	background-image:url('/system/images/text_decorators/collapsedHeading.gif');
}