/*
	==============================
	Name:		dialogs.css										
	Version: 	1.0												
	Editor:		Marcel Münchow 
	stellar design and engineering	
	==============================	
*/

/* Dialogbox Widths: */
.dlgW660{
	width: 660px;
}
.dlgW800{/* by rko */
	width: 800px;
}

.dlgW400{
	width: 384px;
}

.dlgW326{
	width: 326px;
}

.dlgW560{
	width: 560px;
}

.dlgWflex{
	min-width: 300px;
}

.dlgWflex .dlgBoxContent{
	background-color: #fff;
}

/* Dialogbox ContentHeights: */
.dlgH300 .dlgBoxContent, dlgH300{
	min-height: 314px !important;
}


/* dialogBox Layers */
.dialogLayer{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(10, 10, 10, 0.20);
	z-index:9999;
}

.dialogbox{
	background: #f0f0f0;
	text-align: left;
	min-height: 198px;
	position: absolute;
	top: 220px;
	left: 23%;
	box-shadow: 0px 0px 12px #111, 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 12px #111, 0px 0px 6px #000;
}
.dialogboxH{ /* by rko */
	background: #f0f0f0;
	text-align: left;
	min-height: 188px;
	/*position: inline;*/
	top: 0px;
	left: 23%;
	box-shadow: 0px 0px 12px #111, 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 12px #111, 0px 0px 6px #000;
}

.dlgBoxHead{
	height: 34px;
	background: url("../images/dlgBoxhead.png");
	border-bottom: solid 1px #a8a8a8;
	padding: 2px 11px 0 22px;
		/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

.dlgBoxHeadIcon{
	float: left;
	margin-right: 9px;
}

.dlgBoxHead h1{
	cursor: default;
	font-size: 1.03em;
	font-weight: bold;
	padding-top: 6px;
	color: #3c3c3c;
	height: 25px;
	text-shadow: #fbfbfb 1px 1px;
		/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}


.dlgBoxContent{
	border-bottom: solid 1px #a8a8a8;
	border-top: solid 1px #fff;
	min-height: 100px;
	padding: 12px 11px 12px 22px;
	line-height: 25px;
	font-size: 0.85em;
}

.dlgBoxContentIcon{
	margin-top: -6px;
}

.dlgMessageContent{
	margin-left: 40px;
	width: 86%;
	display: block;
	margin-top: -30px;
}

.dlgAlarmMessage{
	color: #5a5a5a;
}

.dlgBoxFooter{
	height: 26px;
	background: #e0e0e0;
	border-top: solid 1px #fff;
	padding: 5px 6px;
}

.dlgBFPopup{
	background: #dcdcdc !important;
}

.dlgBFPopup img{
	position: relative;
	top: 30px;
	left: 5px;
}

.dlgMenu2{
	margin-bottom: 30px;
}

.dlgMenu2 .dlgButton, .dlgMenu2 .dlgButtonSmall{
	float: left;
	margin: -5px 0 9px 0;
	padding: 0 19px;
}

.dlgMenu2 .dlgTodayBtn{
	margin-right: 18px;
	width: 77px;
}

.dlgMenu2 .dlgActBtn{
	width: 156px;
}

.dialogX{
	border: none;
	background: url("../images/Dialog_x_normal.png") no-repeat;
	float: right;
	margin-top: -21px;
	margin-right: -6px;
	width: 19px;
	height: 19px;
}

.dialogX:hover{
	background: url("../images/Dialog_x_over.png") no-repeat;
}

.dialogX:active{
	background: url("../images/Dialog_x_down.png") no-repeat;
}

.dlgButton, .dlgButtonSmall{
	height: 24px;
	border: solid 1px #afafaf;
	padding: 3px 8px 3px 8px;
	/*background: url("../images/dlgBoxbtn.png") repeat-x;*/
	background: -moz-linear-gradient(top,  #fefefe,  #c2c2c2);
	font-size: 11px;
	color: #3c3c3c;
}


.dlgButton:firstChild{
		/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

.dlgButtonSmall{
	margin: 0;
	width: 24px;
}

.dlgButtonSmall img{
	margin-left: -3px;
	margin-top: -4px;
}

.dlgButton{
	margin: 0 5px;
}

.dlgButton:hover, .dlgButtonSmall:hover{
	background: -moz-linear-gradient(top,  #fcfcfc,  #868686)!important;
}

.dlgButton:active, .dlgButtonSmall:active{
	background: -moz-linear-gradient(top,  #e2e2e2,  #bababa);
}

.dlgBoxFooter .dlgButton, .dlgBoxFooter .dlgButtonSmall{
	float: right;
}

.dlgCalHeader{
	height: 40px;
	z-index: 4;
	background: #f0f0f0;
	margin-top: 1px;
}

.dlgCalHeader .dlgButton, .dlgCalHeader .dlgButtonSmall{
	float: left;
	margin: 0;
}

.dlgCalHeader .dlgMonthSelect{
	float: left;
	margin: 0 3px;
}

.dlgMonthSelect, .dlgYearSelect, .dlgPrioSelect, .dlgEditorSelect{
	border-collapse: collapse; 
	display: inline;
	background:none !important;
}

.dlgYearSelect{
	margin-left: 16px !important;
}

.dlgYearSelect thead tr th .dlgButton, .dlgPrioSelect thead tr th .dlgButton{
	font-weight: bold;
	margin: 0;	
	padding-top: 3px;
	text-align: left;
}

.dlgPrioSelect thead tr th .dlgButton{
	width: 118px;
	padding-left: 3px;
}

.dlgEditorSelect thead tr th .dlgButton{
	width: 260px;
	margin-left: 0px;
	padding-left: 3px;
}

.dlgYearSelect thead tr th .dlgButton{
	width: 74px;
}

.dlgMonthSelect thead tr th button, .dlgMonthSelect thead tr th .dlgButton{
	font-weight: bold;
	margin: 0;	
	width: 105px;
	text-align: left;
	padding-top: 3px;
}

.dlgDropListBtn, .dlgMonthSelect thead tr th .dlgDropListBtn, .dlgYearSelect thead tr th .dlgDropListBtn{
	
}

.dlgMonthSelect thead tr th .dlgDropListBtn img{
	margin-top: -4px;
	margin-right: -11px;
	float: right;
	border-left: solid 1px #afafaf; 
}
 

.dlgYearSelect thead tr th .dlgDropListBtn img{
	margin-top: -4px;
	margin-right: -11px;
	float: right;
	border-left: solid 1px #afafaf; 
}

.dlgPrioSelect thead tr th .dlgDropListBtn img, .dlgEditorSelect thead tr th .dlgDropListBtn img{
	margin-top: -5px;
	margin-right: -11px;
	padding-top: 1px;
	float: right;
	border-left: solid 1px #afafaf;
}

.dlgMonthlist, .dlgYearlist, .dlgPopUpList{
	list-style: none;
	z-index: 3;
	position: absolute;
	width: 102px;
	font-size: 12px;
	border: solid 1px #7a7a7a;
	background: #9c9c9c;
	box-shadow: 0px 0px 6px #111;
	-moz-box-shadow: 0px 0px 6px #111;
}

.dlgMonthlist{
	margin-left: -18px;
	margin-top: -32px;
}

.dlgYearlist{
	margin-left: -49px;
	margin-top: -32px;
}

.dlgPopUpList{
	margin-left: -4px;
	margin-top: -32px;
}

.dlgEditorSelect .dlgPopUpList{
	margin-left: -18px;
	margin-top: -38px;
	width: 260px;
}

.dlg38674{
	/*helper class*/
	text-decoration: none;
}

.dlgMonthlist li, .dlgYearlist li, .dlgPrioSelect li, .dlgEditorSelect li{
	cursor: default;
	padding-left: 10px;
	height: 23px;
	font-size: 1em;
	text-align: left;
	margin: 1px 0;
	background: #d0d0d0;
	/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;							
}

.dlgMonthlist li:hover, .dlgYearlist li:hover, .dlgPrioSelect li:hover, .dlgEditorSelect li:hover{
	background: #dcaf7d;
	border-bottom: solid 1px #6c6c6c;
	border-top: solid 1px #6c6c6c;
	margin: -1px 0;
	/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

.dlgMonthlist li:first-child:hover, .dlgYearlist li:first-child:hover, .dlgEditorSelect li:first-child:hover, .dlgPrioSelect li:first-child:hover{
	margin: 0 0 -1px 0;
	/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

.dlgMonthlist li:active, .dlgYearlist li:active, .dlgPrioSelect li:active, .dlgEditorSelect li:active{
	background: #ef7d00;
	border-bottom: solid 1px #6c6c6c;
	/* Firefox */
	-moz-user-select:none;
	/* Safari */
	-khtml-user-select: none;
}

.dlgLiSelected{
	color: #606060;
}

.dlgCalBox{
	float: left;
	width: 300px;
	margin-right: 13px;
	margin-top: 4px;
}

.dlgCalLegend{
	float: left;
	width: 40px;
	height: 200px;
	text-align: right;
	padding-right: 8px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #3c3c3c;
	font-weight: bold;
	padding-top: 26.3px;
}

.dlgCalLegend ul{
	list-style: none;
	font-weight: 100; 
	margin-top: 6em;
	color: #5a5a5a; 
}

.dlgCalLegend ul li{
	margin-top: 1.35em;
}

.dlgRadios, .dlgCheckboxList{
	margin-top: -5px;
	margin-bottom: 3px;
}

.dlgCheckboxList{
	margin-left: 2px;
}

.dlgRadios div, .dlgCheckboxList div{
	height: 25px;
	margin-top: 10px;
}

.dlgRadios div span, .dlgCheckboxList div span{
	margin-top: -2px;
}

.dlgRadio, .dlgCheckbox{
	display: inline;
	padding-top: 4px;
}

.dlgRadio img, .dlgCheckbox img{
	margin-right: 10px;
	position: relative;
    top: 3px;
}

.dlgConTable{
	width: 100%;
	font-size: 0.96em;
	font-weight: normal;
}

.dlgSpecialTable1{
	margin-top: 10px;
}

.dlgContentTableLC{
	color: #5a5a5a;
}

.dlgContentTableRC{
}

.dlgContentTableLC, .dlgContentTableRC{
	width: 260px;
	vertical-align: top;
}

.dlgDivider{
	height: 4px;
	width: 100%;
	margin: 10px 2px;
	background-image: url(../images/Dialog_trennstrich.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.dlg0324{
	margin-top: -22px;
	margin-bottom: 18px;
}

.dlgSpecialTable1 textarea{
	width: 254px;
	padding: 2px;
	font-size: 1em;
}

.dlgSchichtDateTable{
	
}

.dlgSchichtDateTable td{
	padding: 4px;
}

.dlgSchichtDateColorizer{
	color: #5a5a5a;
}

.dlgSchichtDateTable input{
	width: 59px;
	height: 24px;
	border: solid 1px #afafaf;
	font-size: 0.96em;
	padding-left: 1px;
}

.dlgSchichtSwitchBtn{
	width: 26px;
	height: 26px;
	padding: 2px;
	position: relative;
	top: -51px;
	left: 212px;
	margin-bottom: -20px;
}

.dlgHidden{
	visibility: hidden;
}

.dlgVisible{
	visibility: visible;
}
/*============================
/*
/*  PINGPONG LISTEN DLG   */
/*
/*============================*/

.dlgNonSelect{

}

.dlgPingPongTable{
	border-collapse:collapse;
}

.dlgPingPongList{
	overflow: hidden;
	border: solid 1px #afafaf;
	width:277px;
	height: 326px;
}

.dlgPingPongList ul{
	list-style: none;
	width:277px;
	height: 326px;
	background: #fff;
	font-size: 0.9em;
	position: relative;
	/*top: -40px;*/
}

.dlgPingPongListElement:nth-child(2n+1), .dlgPingPongList ul li:nth-child(2n+1){
	background: #f0f0f0;
}

.dlgPingPongListElement, .dlgPingPongList ul li {
	padding-left: 10px;
}

.dlgScrollbar{
	width:	10px;
	background: #aaa;
	left: -2px;
	position: relative;
	vertical-align: top; 
	border: solid 1px #afafaf;
}

.dlgScrollUpBtn, .dlgScrollDownBtn{
	width: 10px;
	height: 10px;
	background: -moz-linear-gradient(top,  #fcfcfc,  #d2d2d2);

}

.dlgScrollUpBtn:hover, .dlgScrollDownBtn:hover{
	background: -moz-linear-gradient(top,  #fafafa,  #868686);
}

.dlgScrollUpBtn:active, .dlgScrollDownBtn:active{
	background: -moz-linear-gradient(top,  #e2e2e2,  #bababa);
}

.dlgScrollUpBtn img, .dlgScrollDownBtn img{
	position: relative;
	top: -6px;
}

.dlgScrollUpBtn{
	position: relative;
	top: 0px; 
	border-bottom: solid 1px #afafaf;
}

.dlgScrollDownBtn{
	position: relative;
	bottom: 0px;
	border-top: solid 1px #afafaf;
}

.dlgScrollBarContainer{
	width: 10px;
	background: #ccc;
	height: 306px;
	/*background: -moz-linear-gradient(left,  #fcfcfc,  #d2d2d2);*/
	background: -moz-linear-gradient(left,  #c5c5c5, #e2e2e2, #eee,  #e8e8e8, #d9d9d9);
}

.dlgScrollBar{
	width: 10px;
	min-height: 30px;
	position: relative;
	/*top: 30px;*/
	border: solid 1px #afafaf;
	margin-left: -1px;
	background: url('../images/scrollbars/Dialog_scrollbar_up.png');
}

.dlgScrollBar:hover{
	background: url('../images/scrollbars/Dialog_scrollbar_over.png');
}

.dlgScrollBar:active{
	background: url('../images/scrollbars/Dialog_scrollbar_down.png');
}

.detailDlg{
	display:inline-block;
	left:145px;
	margin-top:5px;
	width:400px;
	position:absolute;
	font-size: 13.3333px;
}
/*
#dlg_pingpong {
    background-color: transparent;
    height: 325px;
    left: 40px;
    position: absolute;
    width: 467px;
    margin-top: -80px;
}

.dlg_pp_cont {
	display:block;
	position:relative;
	height:25px;
	width:173px;
	overflow:hidden;
	cursor:pointer;
	padding-left:30px;
	white-space:nowrap;
	line-height:25px;
	background-image:url('../images/icons/datenpunkt_icon_mini.gif');
	background-repeat:no-repeat;
	color:#cdcdcd;
}

.dlg_pp_cont[name="kask"]{background-image:url('../images/icons/gv_personen_kask_mini_icon.gif');}
.dlg_pp_cont[name="para"]{background-image:url('../images/icons/gv_personen_para_mini_icon.gif');}
.dlg_pp_cont[name="pers"]{background-image:url('../images/icons/person_mini_icon.png');}

.dlg_pp_cont_active {
	display:block;
	position:relative;
	height:24px;
	width:173px;
	overflow:hidden;
	cursor:pointer;
	background-image:url('../images/icons/datenpunkt_icon_mini_active.gif');
	background-repeat:no-repeat;
	background-color:#d0d0d0;
	padding-left:30px;
	white-space:nowrap;
	color:#3c3c3c;
	line-height:25px;
	border-bottom:1px solid #3c3c3c;
}
.dlg_pp_cont_active[name="kask"]{background-image:url('../images/icons/gv_personen_kask_mini_icon_aktiv.gif');}
.dlg_pp_cont_active[name="para"]{background-image:url('../images/icons/gv_personen_para_mini_icon_aktiv.gif');}
.dlg_pp_cont_active[name="pers"]{background-image:url('../images/icons/person_mini_icon_aktiv.png');}


#dlg_pp_head{
	position:absolute; 
	left:0px; 
	top:28px;
	font-weight:700;
}
#dlg_pp_title1 {
	position:absolute;
	top:80px;
	left:7px;
	font-weight:700;
}
#dlg_pp_title2 {
	position:absolute;
	top:80px;
	left:262px;
	font-weight:700;
}
#dlg_pp_add {
	top:101px; 
}
#dlg_pp_add, #dlg_pp_remove{
	position:absolute; 
	left:224px;
	cursor:pointer;
	width: 25px;
}

#dlg_pp_add img, #dlg_pp_remove img{
	position: relative;
	top: -3px;
	left: -2px;
}

#dlg_pp_remove {
	top:126px; 
}
#dlg_pp_agl {
	position:absolute; 
	left:0px;
	top:101px; 
	height:324px;
	width:214px;
	border:1px solid #3a3a3a;
	background-image:url('../images/pingpong_bkg.gif');
}
#dlg_pp_sag {
	position:absolute; 
	left:255px; 
	top:101px; 
	height:324px; 
	width:214px;
	border:1px solid #3a3a3a;
	background-image:url('../images/pingpong_bkg.gif');
}

/**
 * custom settings for JQuery-ui-dialog
 * rko
 */


.dlg-period{
	background-image: url('../images/icons/dialogfenster/7_0_DialogfensterKalender.png');
	background-repeat: no-repeat;
	width: 30px;
	height: 26px;
	display: block;
	float: left;
}
.tt_dialog{
	background-image: url('../images/icons/dialogfenster/7_0_DialogfensterTroubleticket.png');
	background-repeat: no-repeat;
/*	width: 30px;*/
	display: block;
/*	float: left;*/
	padding : 6px 0 0 34px;
	
}