/* ----------------------- change password --------------------------*/
#dialog1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

	.jpass .text {
		width: 100px;
		height:25px;
		float: left;
		text-align: left;
		padding-top: 5px;
	}
	
	.jpass .field {
		height:30px;
		float: left;
	}
	
		.jpass .field input {
			width:142px;
			height:26px;
			font-size:11px;
			padding: 0 10px 0 10px;
			background: url(../img/inputtext_160.png) no-repeat;
		}
		
#dialog1 .pwdinfo {
    margin-top: 20px;
}

#dialog1twofa {

}

#dialog1twofa .lefttd {
	vertical-align: top;
	width: 300px;
}

#dialog1twofa .righttd {
	vertical-align: top;
	width: 200px;
}

#dialog1twofa .ivsb {
	display: none;
}

#twofarangediv {	
	padding: 8px;
	margin:8px;
	border:1px solid #7E7E7E;
	height: 80px;
}

#twofarangediv .open.hand {
	height: 24px;
	margin-top:10px;
}

#twofarangediv .open.hand div {
	float: left;
}

#twofaqrimage {
	width: 200px;
	height: 200px;
	background-color: #FFF;
	border:1px solid #7E7E7E;
}

#twofacode {
	padding: 8px;
	background-color: #E0F0FF;
	border:1px solid #7E7E7E;
}

#dialog1twofa #twofacodeinputdiv {
	margin-left: auto;
	margin-right: auto;
}

#dialog1twofa #twofacodeinputdiv input {
	width:10px;
	height:26px;
	font-size:14px;
	text-align: center;
	padding: 0 6px 0 6px;		
	background: url(../img/inputtext_20.png) no-repeat;
}

#dialog1twofastatus div.hiddendiv {
	display: none;
}


/* ----------------------- new request --------------------------*/
#dialog2, #dialog3 {
	margin: 15px 10px 0px 10px;
	padding-bottom: 30px;
	position:relative;
}
	#dialog2 .up, #dialog3 .up {
		text-align: left;	
	}

	/*#dialog2 .middle .up, #dialog3 .middle .up {
		margin-right: 400px;
		background-color: red;
	}*/

		#dialog2 .up .text, #dialog3 .up .text {
			padding-bottom: 7px;
			font-weight: bold;
		}
		
		#dialog2 .up .field, #dialog2 .up .fieldbad, #dialog3 .up .field, #dialog3 .up .fieldbad {
			height:26px;
			position: relative;
			clear: both;
		}

		/*#dialog2 .up .field#pop_date, #dialog2 .up .fieldbad#pop_date, #dialog3 .up .field#pop_date, #dialog3 .up .fieldbad#pop_date {
			background: url(../img/inputtext_60.png) no-repeat;
		}*/
	
			#dialog2 .up .field select, #dialog2 .up .fieldbad select, #dialog3 .up .field select, #dialog3 .up .fieldbad select {
				width: 160px;
				height: 26px;
			}

	#dialog2 .middle, #dialog3 .middle {
		height: 176px;
		margin-top: 4px;
		margin-bottom: 40px;
		/*width: 320px;*/		
	}
	
	#dialog2 .middle0, #dialog3 .middle0 {
		height: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
		#dialog2 .middle .midleft, #dialog3 .middle .midleft {
			width: 150px;
			float: left;
			text-align: left;			
		}
		
		#dialog2 .middle0 .midleft, #dialog3 .middle0 .midleft {
			width: 150px;
			float: left;
			text-align: left;
		}
		
		#dialog2 .middle .midleft>div, #dialog3 .middle .midleft>div {
			position: relative;
		}
		
		#dialog2 .middle0 .midleft>div, #dialog3 .middle0 .midleft>div {
			position: relative;
		}

#dialog2 #warn_chk,
#dialog3 #warn_chk,
#dialog2 #warn_accn,
#dialog3 #warn_accn
{
    position: absolute;
    width: 6px;
    top: 0px;
    bottom: 0px;
    left: -11px;
    background-color: rgb(192, 0, 0);
}
				
#dialog2 .etext, #dialog3 .etext{
    position: absolute;
    padding: 4px 8px;
    bottom: 0px;
    left: 0px;
    right: 0px;    
}

			#dialog2 .middle .midleft .text, #dialog3 .middle .midleft .text {
				font-weight: bold;
				margin-bottom: 7px;
			}
		
				#dialog2 .middle .midleft ul, #dialog3 .middle .midleft ul {
					list-style:none;
				}
				
				#dialog2 .middle0 .midleft ul, #dialog3 .middle0 .midleft ul {
					list-style:none;
				}
		
					#dialog2 .middle .midleft ul li, #dialog3 .middle .midleft ul li {
						height: 22px;
						margin-right: 10px;
					}
					
					#dialog2 .middle0 .midleft ul li, #dialog3 .middle0 .midleft ul li {
						height: 22px;
						margin-right: 10px;
					}
					
						#dialog2 .middle .midleft ul li .item, #dialog3 .middle .midleft ul li .item {
							padding-top: 5px;
						}
						
						#dialog2 .middle0 .midleft ul li .item, #dialog3 .middle0 .midleft ul li .item {
							padding-top: 5px;
						}

						#dialog2 .middle .midleft ul li .item.disabled, #dialog3 .middle .midleft ul li .item.disabled {
							color: #a0a0a0;	
						}
						
						#dialog2 .middle0 .midleft ul li .item.disabled, #dialog3 .middle0 .midleft ul li .item.disabled {
							color: #a0a0a0;
						}
					
						.checkbox {
							width: 12px;
							height: 22px;
							padding: 0px 15px 0 0;
							background: url(../img/checkbox.png) no-repeat;
							display: block;
							clear: left;
							float: left;
						}

						#departsdiv.persondeparts .checkbox:not(.depico) {						
							background: url(../img/picogray.png) no-repeat;							
						}

						#departsdiv.persondeparts .leaf:hover .checkbox:not(.depico) {						
							background: url(../img/pico.png) no-repeat;							
						}

						#departsdiv.persondeparts .leaf:hover .item:not(.depico) {						
							text-decoration: underline;
						}

						.wideuicheckbox {
							/*width: 22px;
							height: 22px;*/
							cursor: pointer;
							/*display: block;*/
							background: url(../img/checkbox.png) no-repeat;							
							/*float: right;*/							
							/*margin-top:-4px;*/
							display: inline;							
							background-repeat: no-repeat;
							vertical-align: middle;
						}

						#wide_root #head-up.slide .wideuicheckbox {
							/*margin-top:8px;*/
							/*float: none;*/
							/*display: inline;*/
							/*margin-top: 0px;*/
							font-size: 1.6em;
							/*background-repeat: no-repeat;*/
							/*text-decoration: none;*/
						}
						
						.checkbox.depico {
							background: url(../img/depart.png) no-repeat;
						}
						
						.checkbox.radio {
						  background: url(../img/checkbox-radio.png) no-repeat;
						}

		#dialog2 .middle .midright, #dialog3 .middle .midright {
			width: 140px;
			float: left;
			text-align: left;
			padding-left: 20px;
		}

		#dialog2 .middle .midleft .topspace, #dialog3 .middle .midleft .topspace,
		#dialog2 .middle .midright .topspace, #dialog3 .middle .midright .topspace {
			height: 26px;				
			font-weight: bold;
		}
		
			#dialog2 .middle .midright .up, #dialog3 .middle .midright .up {
				width: 140px;
				float: left;
				margin-bottom: 20px;
				position: relative;
			}

			#dialog2 .middle .midright .up .divx, #dialog3 .middle .midright .up .divx {
				position: absolute;				
				bottom: 2px;			
				right: -12px;
				cursor: pointer;
				display: none;
			}

			.widebody #dialog2 .middle .midright .up .divx img, .widebody #dialog3 .middle .midright .up .divx img {
				width: 20px;
			}
			
				#dialog2 .middle .midright .text, #dialog3 .middle .midright .text {
					padding: 0;
			    font-weight: bold;
			    margin-bottom: 7px;
			    float: left;
			    width: 62px;
			    overflow: visible;
			    white-space: nowrap;
				}
							
				#dialog2 .middle .midright .text:first-child,
				#dialog3 .middle .midright .text:first-child
				 {
					margin-right: 6px;
				}
				
				
				#dialog2 .middle .midright .up .field input, #dialog2 .middle .midright .up .fieldbad input, #dialog3 .middle .midright .up .field input, #dialog3 .middle .midright .up .fieldbad input, #dialog2 .middle .midright .up .field div, #dialog2 .middle .midright .up .fieldbad div, #dialog3 .middle .midright .up .field div, #dialog3 .middle .midright .up .fieldbad div {
					width:42px;
					height:26px;
					font-size:12px;
					padding: 0 10px 0 10px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#dialog2 .middle .midright .up .field div, #dialog2 .middle .midright .up .fieldbad div, #dialog3 .middle .midright .up .field div, #dialog3 .middle .midright .up .fieldbad div {
					margin-right: 6px;
					line-height: 2em;
    				text-align: center;
					float: left;
				}			

				#poprequestdatecalendar {
					display: none;
					position: absolute;
					top: 150px;
					left: 60px;
				}

			#dialog2 #pop_date2_INPT,
			#dialog2 #pop_time2_INPT  {				
    			margin-left: 6px;
			}
			
			#dialog2 .middle .midright .bottom, #dialog3 .middle .midright .bottom {
				width: 130px;
				float: left;
			}
						
				#dialog2 .middle .midright .bottom .field input, #dialog2 .middle .midright .bottom .fieldbad input, #dialog3 .middle .midright .bottom .field input, #dialog3 .middle .midright .bottom .fieldbad input {
					width:42px;
					height:26px;
					font-size:12px;
					padding: 0 10px 0 10px;
					background: url(../img/inputtext_60.png) no-repeat;
				}
				
				#dialog2 .middle .midright .up .fieldbad input, #dialog2 .middle .midright .bottom .fieldbad input, #dialog3 .middle .midright .up .fieldbad input, #dialog3 .middle .midright .bottom .fieldbad input {
				  background: url(../img/inputtext_60bad.png) no-repeat;
				}

				#dialog2 .middle .midright .up .fieldbad div, #dialog3 .middle .midright .up .fieldbad div {
					background: url(../img/inputtext_60bad.png) no-repeat !important;
				  }
				
	#dialog2 .bottom, #dialog3 .bottom {
		text-align: left;	
	}

		#dialog2 .bottom .text, #dialog3 .bottom .text {
			padding-top: 5px;
			padding-bottom: 2px;
			font-weight: bold;
		}
	
		#dialog2 .bottom .field, #dialog2 .bottom .fieldbad, #dialog3 .bottom .field, #dialog3 .bottom .fieldbad {
			height:66px;
		}
	
			/*#dialog2 .bottom .field input, #dialog2 .bottom .fieldbad input, #dialog3 .bottom .field input, #dialog3 .bottom .fieldbad input {
				width:235px;
				height:26px;
				font-size:12px;
				padding: 0 20px 0 10px;
				background: url(../img/inputtext_250.png) no-repeat;
			}*/
			
			#dialog2 .bottom .field textarea, #dialog3 .bottom .field textarea {
			  border:1px solid #a6c9e2;
			  width: 310px;
			  max-width: 310px;
			  height: 60px;
			  max-height: 60px;
			}
			
			#dialog6 textarea, #dialog9 textarea, #dialog20 textarea, #dialog60 textarea, #dialog21 textarea {
				border:1px solid #a6c9e2;
			}
			
			#dialog20 textarea {
			  margin-bottom:4px;
			}
			
			#dialog20 #pop_information {
				text-align:left;
				margin: 20px;
			}
			
			#dialog20 div.text {
				margin-bottom: 4px;
				margin-top: 14px;
				font-size: 14px;
				font-weight: bold;
				
			}
			
			#dialog21 textarea {
			  margin-bottom:4px;
			}

/* ----------------------- cancel request --------------------------*/

/*
#dialog3 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}
	#dialog3 .up {
		text-align: left;	
	}

		#dialog3 .up .text {
			padding-top: 5px;
			padding-bottom: 2px;
			font-weight: bold;
		}
		
		#dialog3 .up .field, #dialog3 .up .field {
			height:26px;
		}
	
			#dialog3 .up .field select {
				width: 160px;
				height: 26px;
			}

	#dialog3 .middle {
		height: 100px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
		#dialog3 .middle .midleft {
			width: 110px;
			float: left;
			text-align: left;
		}
		
			#dialog3 .middle .midleft .text {
				font-weight: bold;
				margin-bottom: 10px;
			}
		
				#dialog3 .middle .midleft ul {
					list-style:none;
				}
		
					#dialog3 .middle .midleft ul li {
						height: 22px;
						margin-right: 10px;
					}
					
						#dialog3 .middle .midleft ul li .item {
							padding-top: 5px;
						}
					
						.checkbox {
							width: 12px;
							height: 22px;
							padding: 0px 15px 0 0;
							background: url(../img/checkbox.png) no-repeat;
							display: block;
							clear: left;
							float: left;
						}

		#dialog3 .middle .midright {
			width: 130px;
			float: left;
			text-align: left;
			padding-left: 30px;
		}
		
			#dialog3 .middle .midright .up {
				width: 130px;
				float: left;
				margin-bottom: 20px;
			}
			
				#dialog3 .middle .midright .up .text {
					padding: 0;
					height: 20px;
				}
			
				#dialog3 .middle .midright .up .field input {
					width:42px;
					height:26px;
					font-size:11px;
					padding: 0 10px 0 10px;
					background: url(../img/inputtext_60.png) no-repeat;
				}
			
			#dialog3 .middle .midright .bottom {
				width: 130px;
				float: left;
			}
			
				#dialog3 .middle .midright .bottom .text {
					padding: 0;
					height: 20px;	
				}
			
				#dialog3 .middle .midright .bottom .field input {
					width:42px;
					height:26px;
					font-size:11px;
					padding: 0 10px 0 10px;
					background: url(../img/inputtext_60.png) no-repeat;
				}
				
	#dialog3 .bottom {
		text-align: left;	
	}

		#dialog3 .bottom .text {
			padding-top: 5px;
			padding-bottom: 2px;
			font-weight: bold;
		}
	
		#dialog3 .bottom .field {
			height:26px;
		}
	
			#dialog3 .bottom .field input {
				width:235px;
				height:26px;
				font-size:11px;
				padding: 0 20px 0 10px;
				background: url(../img/inputtext_250.png) no-repeat;
			}
*/
			

/* ----------------------- cancel request --------------------------*/
#dialog4 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}

	#dialog4 table {
	}
	
		#dialog4 thead {
			font-weight: bold;
			text-align: left;
			padding-left: 5px;
		}
		
		#dialog4 thead td {
			padding-left: 5px;
		}
		
		#dialog4 td.day {
			width: 80px;
		}
		
		#dialog4 td.hour {
			width: 80px;
		}
		
		#dialog4 td.hour input {
			width:40px;
			height:26px;
			font-size:11px;
			padding: 0 20px 0 10px;
			background: url(../img/inputtext_60.png) no-repeat;
		}
		
		/*#dialog4 td.text input {*/
		#dialog4 td.text div {
			width:140px;
			height:26px;
			font-size:11px;
			padding: 0 20px 0 10px;
			margin-left:3px;
			background: url(../img/inputtext_160.png) no-repeat;
		}

/* ----------------------------------------------------------------*/

#dialog61 ul {
	list-style:none;
}

#dialog61 ul li .item {
	/*padding-left:10px;*/
	padding-top:5px
}


#dialog7 #confirm488pop {	
	background-color:#c00000;
	color:#fff;
	font-weight:bold;
	padding:4px;
}


/* ----------------------- select centre --------------------------*/
#dialog5, #dialog70, #dialog74, #dialog90, #dialog130 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align: left;
}

	#dialog5 .depart_top_row, #dialog70 .depart_top_row, #dialog130 .depart_top_row {
		height: 25px;
		border-bottom:1px solid steelblue;
	}

	.widebody #dialog5 .depart_top_row img, .widebody #dialog70 .depart_top_row img, .widebody #dialog130 .depart_top_row img{
		width: 20px;
		vertical-align: middle;
	}
	
	#dialog5 .depart_top_row #departsearchinput {
		border:1px solid #d8dfea;
		height:21px;
		padding-left:2px;
	}

	#dialog90 .gpfilter_top_row #gpfiltersearch_input {
		border:1px solid #d8dfea;
		height:21px;
		padding-left:2px;
	}
	
	#dialog5 .item, #dialog70 .item, #dialog74 .item, #dialog90 .item, #dialog130 .item {
		float: left;
		height: 22px;		
		padding-top: 5px;
	}

	.widebody #dialog90 .item.actype span {
		height:14px;
		width:14px;
		float: left;
		border-radius: 3px;
	}
	
	#dialog5 .checkbox, #dialog70 .checkbox, #dialog74 .checkbox, #dialog90 .checkbox, #dialog130 .checkbox {
		background-position:0px 0px;
		cursor: pointer;
	}

	#dialog5 #departsdiv.persondeparts .checkbox.checkon {
		background-position:0px 0px;
	}
	
	#dialog5.disabled .checkbox {
		cursor:default;
	}
	
	#dialog5 .checkbox.depico {
		cursor: default;
	}
	
	/*
	#dialog70 .checkbox {
	  cursor: default;
	}
	
	#dialog70 .checkbox.wp4 {
		cursor: se-resize;
	}*/
	
	#dialog70 .wp0 {
	  background: url(../img/wpico.png) no-repeat;
	}

	#dialog70 .wp4 {
	  background: url(../img/fileico.png) no-repeat;
	}
	
	#dialog5 span.depcodegray {
		color:#A5A5A5;
	}

	#dialog5 .checkbox.checkon, #dialog70 .checkbox.checkon, #dialog74 .checkbox.checkon, #dialog90 .checkbox.checkon, #dialog130 .checkbox.checkon {
		background-position:0px -50px;
	}
	
	#dialog5 .item.depclick {
		cursor:pointer;
	}

	#dialog5 #departsdiv.persondeparts .item {
		cursor:pointer;
		overflow: hidden;
		white-space: nowrap;
	}

	#dialog5 .node .item, #dialog70 .node .item, #dialog74 .node .item, #dialog90 .node .item, #dialog130 .node .item {
		cursor: pointer;
		padding-left: 18px;
		background: url(../img/tree.png) no-repeat;
		background-position:0px 3px;
	}

	body.widebody #dialog90 .item.wstype.svgimg img {
		width: 15px;
		height: 15px;		
	}

	body.widebody #dialog90 .item.wstype.svgimg.special {
		color:#FF8080;
	}

	body.widebody #dialog90 .item.wstype.svgimg.special img {
		filter: invert(76%) sepia(56%) saturate(4155%) hue-rotate(314deg) brightness(106%) contrast(118%);
	}

	#dialog5 .node .item.coll, #dialog70 .node .item.coll, #dialog74 .node .item.coll, #dialog90 .node .item.coll, #dialog130 .node .item.coll {
		background-position:0px -22px;
	}
	
	#dialog5 .branch, #dialog70 .branch, #dialog74 .branch, #dialog90 .branch, #dialog130 .branch {
		padding-left: 15px;
clear:both;		
	}
	
	#dialog70 .node .item, #dialog130 .node .item {
	  cursor: default;
	}
	
	#dialog70 .leaf .item, #dialog130 .leaf .item {
	  cursor: default;
	  max-width: 500px;
	  white-space: nowrap;
	  overflow: hidden;
	}
	
	#dialog70 .node .item.wptype0, #dialog70 .leaf .item.wptype0 {
	  cursor:pointer;
	}
	
	#dialog70 .node .item.wptype0.actual, #dialog70 .leaf .item.wptype0.actual {
	  cursor:default;
	}
	
	#dialog70 .actual {
	  color:red;
	}
	
	#dialog70 .node .item.wptype0:hover, #dialog70 .leaf .item.wptype0:hover {
    text-decoration: underline;
	}
	
	#dialog70 .node .item.wptype0.actual:hover, #dialog70 .leaf .item.wptype0.actual:hover {
    text-decoration: none;
	}
	
	#dialog71 div.newwp, #dialog72 div.newwp, #dialog73 div.newwp {
		font-weight:bold;
	}
	
	#dialog90 #wstree, #dialog90 #jatree  {
		/*height: 25px;*/
		border-top:1px solid steelblue;
		border-bottom:1px solid #eee;
		padding:6px;
	}
	
	/*#dialog90 #wstree, #dialog90 #jatree  {
	  height:220px;
	}*/
	
	/*#dialog90 #jatree {
	  border-top:1px solid steelblue;
	}*/
					
#dialog30 #etext {
	text-align:left;
	border:1px solid #a6c9e2;
	width:400px;
	height:80px;
	padding:2px;
	margin:2px;
	color:red;
	font-style:italic;
	overflow:auto;
	font-size:11px;
}

/* ----------- DETAIL -------------- */

#dialog100 {
	position:relative;
}

#dialog100 select {
	height: 26px;
	/*position:absolute;
	left:0px;
	top:0px;*/
  /*position: static !important;*/
}

#dialog100 span.select210 {
  /*position: static;*/
}

#dialog100 .inputtime {
		width:72px;
		height:26px;
		font-size:11px;
		padding: 0 5px 0 5px;
		background: url(../img/inputtext_80.png) no-repeat;
}

#dialog100 .inputtime.bad {
	background: url(../img/inputtext_80bad.png) no-repeat;
}

#dialog100 .inputrange {
	width:300px;
	height:30px;
	font-size:12px;
	padding: 0px 5px 0 5px;
	/*margin-top:4px;*/
	background: url(../img/inputtext_300.png) no-repeat;
	position:absolute;
	top:50px;
	left:3px;
}

#detail_graf, #detail_shift, #detail_overtime, #detail_note {
	/*border:1px solid blue;*/
	width:384px;
	position:absolute;
}

#detail_graf {
	top:2px;
	left:10px;
	width:780px;
	height:70px;
}

.detail_label {
	text-align:left;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:4px;
}

.detail_area1 {
  /*border:1px solid red;*/
  height:90px;
}
/*
#detail_shift .detail_area2 {
  border-top: 1px solid #a6c9e2;
}*/

.detail_area1 table, .detail_area2 table {
	width:380px;
}

.detail_area2 {
  height:110px;
}

#detail_overtime {
	/*top:80px;*/
	right:10px;
	height:80px;
}

#detail_shift {
	/*top:80px;*/
	left:10px;
	height:220px;
	text-align:left;
}

/*#detail_shift select {
	width:210px;
}*/

#detail_note {
	top:90px;
	right:10px;
	height:190px;
}

#detail_note_reasonsdiv {
	height:30px;
	margin-top:14px;
	width:200px;
	text-align:left;
	/*background-color:lime;*/
}

.detail_note_editor {
	text-align: right;
}

#dialog100 textarea {
  border:1px solid #a6c9e2;
  width: 380px;
  max-width: 380px;
  height: 80px;
  max-height: 140px;
}

.detail_area2 table.dettimetable {
  /*table-layout: fixed;*/
  width:auto;
	text-align:left;
	float:right;
	margin-top:12px;
}

[aria-describedby="dialog100"] .ui-dialog-buttonset {
	width:100%;
	text-align:right;
}

[aria-describedby="dialog100"] .ui-dialog-buttonset .ui-button:first-child+.ui-button+.ui-button, [aria-describedby="dialog100"] .ui-dialog-buttonset .ui-button:first-child+.ui-button+.ui-button+.ui-button {
	float:left;
}

/*[aria-describedby="dialog100"] .ui-dialog-buttonset .ui-button:first-child, [aria-describedby="dialog100"] .ui-dialog-buttonset .ui-button:first-child+.ui-button {
	float:left;
}*/

/*.detail_area2 table.detbuttbl {
	margin-top:4px;
}*/

.detail_area2 table.dettimetable.disabled {
	color:#888;
}

#dialog1000 textarea {
  border:1px solid #a6c9e2;
  width: 230px;
  height: 100px;
  font-size:12px;
  /*max-width: 380px;
  height: 140px;
  max-height: 140px;*/
}

#dialog1000 input#autojoborder {
	border:1px solid #a6c9e2;
	width: 230px;
	height: 22px;
	font-size:12px;
	/*max-width: 380px;
	height: 140px;
	max-height: 140px;*/
  }

#wtconfirmtable td div#terminaljoborderemptyerror {
	color: red;
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0px;	
}

/* ----------- PRESENCE CALENDAR -------------- */

#dialog110 .text {
	padding: 0;
  font-weight: bold;
  margin-top:4px;
  margin-bottom:4px;
	/*text-align:left;*/
  /*float: left;*/
  /*width: 62px;*/
  overflow: visible;
  white-space: nowrap;
}

				#dialog110 input {
					width:42px;
					height:26px;
					font-size:12px;
					padding: 0 10px 0 10px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

#dialog110 .etext {
    /*position: absolute;*/
    padding: 4px 8px;
    margin:2px;
    /*bottom: 0px;*/
    /*left: 0px;
    right: 0px;*/
}

				
#dialog110 .fieldbad input {
	  background: url(../img/inputtext_60bad.png) no-repeat;
	}


/* ----------------------- detailn� informace ----------------- */

#detinfodiv1, #detinfodiv2, #detinfodiv3, #detinfodiv4, #detinfodiv5 {
	height:20px;
}

#detinfodiv {
	height:380px;
	overflow:auto;
}

#dialog14 table {
	width:100%;
}

#dialog14 table td {
	font-size:12px;
	text-align:left;
	padding-left:3px;
	height:24px;
	border-left:1px solid #fcfdfd;
  line-height: 16px;
}

#dialog14 table tr.topborder td {
	border-top:2px solid #fcfdfd;
}

body.widebody #dialog14 table tr.topborder td.svgimg img {
	vertical-align: middle;
	width:16px;
	height:16px;
}

body.widebody #dialog14 table tr.topborder td.svgimg.special {
	color:#FF8080;
}

body.widebody #dialog14 table tr.topborder td.svgimg.special img {
	filter: invert(76%) sepia(56%) saturate(4155%) hue-rotate(314deg) brightness(106%) contrast(118%);
}

body.widebody #dialog14 table tr td div.account span {
	border-radius: 3px;
}

#dialog14 table td.first, #dialog14 table td.first div {
	width:40px;
  white-space:nowrap;
  overflow: hidden;
  text-align:center;
}

#dialog14 table td.second, #dialog14 table td.second div {
 width:40px;
  white-space:nowrap;
  overflow: hidden;
  text-align:center;
}

#dialog14 table td.third, #dialog14 table td.third div {
 width:130px;
  white-space:nowrap;
  overflow: hidden;
}

#dialog14 table td.fourth, #dialog14 table td.fourth div {
 width:230px;
  white-space:nowrap;
  overflow: hidden;
}

#dialog14 table td.fifth, #dialog14 table td.fifth div {
 	width:80px;
  white-space:nowrap;
  overflow: hidden;
  text-align:center;
}

#dialog14 table td.sixth, #dialog14 table td.sixth div { 	
  white-space:nowrap;
  overflow: hidden;
  text-align:left;
}

#dialog14 table td a {
	color:blue;
}

/*#dialog14 table td.third img {
 width:14px;
 height:14px;
}*/

#dialog14 table tr.infotbrow0 td {
	background-color: #d8dfea;
}

#dialog14 table tr.infotbrow1 td {
  background-color: #f2f2f2;
}

	
#dialog14 {
	margin-top: 4px;
	margin-bottom: 4px;
	/*margin-left: 5px;*/
}

#dialog14 #detinfoselect, #dialog14 #detinfoaccselect {
	height:30px;
  white-space: nowrap;
  overflow: hidden;
  width:145px;
}



		#dialog14 thead {
			font-weight: bold;
			text-align: left;
			padding-left: 5px;
		}

		#dialog14 thead td {
			padding-left: 5px;
		}


#dialog14 #detinfospan {
	
}

#dialog14 #detinfoaccselect.hiddiv {
	display:none;
}

#dialog15 #persinfotext {
	float:left;
	width:400px;
}

#dialog15 #persinfofoto {
	float:right;
	width:206px;
	overflow:hidden;
	text-align:center;
}

#dialog15 #persinfofoto img, #dialog15 #persinfofoto canvas {
	width:200px;
	border:1px solid #a6c9e2;
  cursor: default;
}

/* ----------------------- setup ----------------- */
#dialog111 ul {
					list-style:none;
					text-align:left;
				}
		
					#dialog111 ul li {
						height: 22px;
						margin-right: 10px;
					}
					
					
						#dialog111 ul li .item {
							padding-top: 5px;
						}

#dialog111 ul .item {
	cursor:pointer;
}						
						
