/* Schwarze transparente Fläche unter der iBox */
.HrSys-Gips-iBoxDivBlackOverlay
{
	z-index: 10000;
}
.HrSys-Gips-iBoxIFrameOverlay
{
	z-index: 10000;
}

/*
 * iBox-Standard-Layout 
 */

/*  */
.HrSys-Gips-iBoxDivDescription
{
	background-color: #000000; 
}

/* iBox */
.HrSys-Gips-DivIBox
{
	position: absolute; 
	z-index: 10001;
	background-color: black;
	visibility: visible;
	border: 20px solid #000000;
}

.hr-popup {
	pointer-events: none;
	opacity: 0;
	z-index: 99999;
	position: fixed;
	transition: left .5s ease-in-out, top .5s ease-in-out, bottom .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out;
}

/* das Div für den Content-Bereich */
.HrSys-Gips-iBoxDivContent
{
	text-align: center; 
	background-color: white;
}

/* das Div für das Bild */
.HrSys-Gips-iBoxDiv4Image
{
	text-align: center; 
	background-color: black;
	/*cursor: pointer;*/
}

/* das Div für den Bereich unterm Bild */
.HrSys-Gips-iBoxDivCaption
{
	background-color: black;
}

/* das Div als Button */
.HrSys-Gips-iBoxDivButton
{
	float: left;
	margin: 8px;
	padding: 3px 10px;
	color: black;
	background: url("../../../admin/img/admin_button_bg.gif") repeat-x scroll center bottom #fff;
	border: 1px solid #e0e0e0;
}

* html .HrSys-Gips-iBoxDivCaption
{
	
}

/* Previous */
.HrSys-Gips-iBoxDivPrevious, .HrSys-Gips-iBoxDivPreviousInactive
{
   background-color: black;	
   width: 40px;
   height: 24px;
   float: left;
}
/*
.HrSys-Gips-iBoxDivPrevious a, .HrSys-Gips-iBoxDivPreviousInactive a
{
	width: 24px;
	height: 24px;
	margin-top: 0px;
	display: block;
}
*/

.HrSys-Gips-iBoxDivPrevious  
{
   background: url("../../../img/ibox/left.png") no-repeat left top;
   cursor: pointer; 
}

* html .HrSys-Gips-iBoxDivPrevious  
{
   background: url("../../../img/ibox/left.gif") no-repeat left top;
   cursor: pointer; 
}


.HrSys-Gips-iBoxDivPreviousInactive   
{
   background: url("../../../img/ibox/leftDisabled.png") no-repeat left top; 
}

* html .HrSys-Gips-iBoxDivPreviousInactive   
{
   background: url("../../../img/ibox/leftDisabled.gif") no-repeat left top; 
}

/* next */
.HrSys-Gips-iBoxDivNext, .HrSys-Gips-iBoxDivNextInactive
{
	background-color: black;
   width: 40px;
   height: 24px;
   float: right;
}
/*
.HrSys-Gips-iBoxDivNext a, .HrSys-Gips-iBoxDivNextInactive a
{
   width: 40px;
   height: 24px;
   margin-top: 0px;
   display: block;
}*/

.HrSys-Gips-iBoxDivNext
{
   background: url("../../../img/ibox/right.png") no-repeat right top; 
   cursor: pointer; 
} 

* html .HrSys-Gips-iBoxDivNext
{
   background: url("../../../img/ibox/right.gif") no-repeat right top; 
   cursor: pointer; 
} 

.HrSys-Gips-iBoxDivNextInactive
{
   background: url("../../../img/ibox/rightDisabled.png") no-repeat right top; 
} 

* html .HrSys-Gips-iBoxDivNextInactive
{
   background: url("../../../img/ibox/rightDisabled.gif") no-repeat right top; 
} 

/* close-buttons */
.HrSys-Gips-iBoxDivCloseImage, .HrSys-Gips-iBoxDivClose
{
	z-index: 10002;
   position: absolute;	
}

/* close-button für die image-ibox */
.HrSys-Gips-iBoxDivCloseImage
{
   top: -26px;
   right: -26px;
}

.HrSys-Gips-iBoxDivCloseImage a,
.HrSys-Gips-iBoxDivCloseImage a:focus,
.HrSys-Gips-iBoxDivCloseImage a:active
{
   width: 24px;
   height: 24px;
   margin-top: 0px;
   display: block;
   background: url("../../../img/ibox/close.png") no-repeat right top; 
}

* html .HrSys-Gips-iBoxDivCloseImage a
{
   width: 24px;
   height: 24px;
   margin-top: 0px;
   display: block;
   background: url("../../../img/ibox/close.gif") no-repeat right top; 
}

/* close-button (default) für die ibox*/
.HrSys-Gips-iBoxDivClose
{
   top: -20px;
   right: -16px;
}

.HrSys-Gips-iBoxDivClose a
{
   width: 24px;
   height: 24px;
   margin-top: 0px;
   display: block;
   background: url("../../../img/ibox/close.png") no-repeat right top; 
}

* html .HrSys-Gips-iBoxDivClose a
{
   width: 24px;
   height: 24px;
   margin-top: 0px;
   display: block;
   background: url("../../../img/ibox/close.gif") no-repeat right top; 
}

/* das Div für den innere Bereich unterm Bild zwischen Previous und Next*/
.HrSys-Gips-iBoxDivInnerCaption
{
	margin: 0 40px;
   width: auto; 
   background-color: rgb(128, 128, 128);
}
* html .HrSys-Gips-iBoxDivInnerCaption
{
	margin: 0;
   float: left;
}

* html .HrSys-Gips-iBoxDivTitle
{
   
}

.HrSys-Gips-iBoxContentText
{
	background-color: white;
}

.HrSys-Gips-iBoxDivTitle
{
	background-color: black;
	font-weight:bold;
	color: white;
   width: 100%;
   height: 20px;
   float: left;
}
.HrSys-Gips-iBoxDivNumber
{
	background-color: black;
	font-weight:normal;
	color: white;
   height: 20px;
   float: right;
}
.HrSys-Gips-iBoxDivDescription
{
	color: white;
	background-color: black;
   width: 100%;
   min-height: 20px;
   float: left;
}

/*******************************************************
 * iBox-Meldungs- und Dialogs-Layout 
 *******************************************************/
 
/* iBox */
.HrSys-Gips-DivIBox-DialogBox
{
   position: absolute; 
   z-index: 10001; 
   background-color: #f8f8fc;
   visibility: visible;
   border: 1px solid #000000;
}

/* das Div für den Content-Bereich */
.HrSys-Gips-iBoxDivContent-DialogBox
{
   text-align: center; 
}

/*  */
.HrSys-Gips-iBoxDiv4Text-DialogBox
{
	padding: 10px;
}

/* span */
.HrSys-Gips-iBoxContentText-DialogBox
{
   /*background-color: white;*/
}


/* das Div für den Bereich unterm Bild */
.HrSys-Gips-iBoxDivCaption-DialogBox
{
   background-color: grey;
}

/* Der Button welcher als Link implementiert ist */
.HrSys-Gips-AHrefButton-DialogBox
{
}