html {
	height:100%; 
	font-size: 14px;
	font-family: Calibri,Lucida Grande,Lucida Sans,Arial,sans-serif;
	/*background-image:url(../../images/background-homepage.jpg);*/
	background-position: center;
	}	
	
body {
	height:100%; 
	text-align:center; /* centrovani pro Internet Explorer */
	/*background-image:url(../img/background-header.png);*/
	background-image:url(../img/background-header2.png);
	background-position-y:-100px;
	background-repeat: repeat-x;
	}

div.emailreqerr {
	color:red;
	font-style:italic;
	font-weight:normal;
}

.ui-dialog .ui-dialog-title {
  overflow: visible !important;
}
	
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}

.push {
	height: 60px;
	clear: both;
}

#main {
 	width:960px;
    margin:0 auto;
	text-align:left;
	line-height: 1.5;
	}

body.setup	#main {
	width:600px;
}
	
#main.fullwidth {
	width:100%;
}
	
#loginform {
	/*width:960px;*/
	margin-left:auto;
	margin-right:auto;
}	

#loginform.customview {
	width:960px;
}

#main.fullwidth #loginform {
	/*width:100%;*/
}

#main:before { /* Opera and IE8 "redraw" bug fix */
	content:"";
	float:left;
	height:100%;
	margin-top:-999em;
	}

* html #main { /* IE6 workaround */
	height:100%; 
	}

.cleaner {
	clear: both;
	}

.cleaner.todenyclose {
	height: 84px;
}	

#toemaildenytextarea {
	border: 1px solid #ccc;
	height: 80px;
}

#butt_toemaildeny {
	float:right;
	margin-right: 108px;
}

.closewindowsnotice {
	height: 21px;
	text-align: center;
	background-color: #ededed;
	color: #3c3c3c;	
	font-size:12px;
	margin-top: 16px;
	padding-top: 2px;	
}
	
.cleaner.cl2 {
	height:16px;
}
	
select:hover {
	cursor: pointer;
}

/* ---------------------------------- select boxes ------------------------------- */			
.select30 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 32px;
	height: 27px;
	background: url(../img/selectboxes_30.png) no-repeat;
	overflow: hidden;
}

.select50 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 52px;
	height: 27px;
	background: url(../img/selectboxes_50.png) no-repeat;
	overflow: hidden;
}

.select70 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 72px;
	height: 27px;
	background: url(../img/selectboxes_70.png) no-repeat;
	overflow: hidden;
}

.select80 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 82px;
	height: 27px;
	background: url(../img/selectboxes_80.png) no-repeat;
	overflow: hidden;
}

.select100 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 102px;
	height: 27px;
	background: url(../img/selectboxes_100.png) no-repeat;
	overflow: hidden;
}

.select140 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 142px;
	height: 27px;
	background: url(../img/selectboxes_140.png) no-repeat;
	overflow: hidden;
}

.select160 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 162px;
	height: 27px;
	background: url(../img/selectboxes_160.png) no-repeat;
	overflow: hidden;
}

.select210 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 212px;
	height: 27px;
	background: url(../img/selectboxes_210.png) no-repeat;
	overflow: hidden;
}

.select260 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 262px;
	height: 27px;
	background: url(../img/selectboxes_260.png) no-repeat;
	overflow: hidden;
}

.select300 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 302px;
	height: 27px;
	background: url(../img/selectboxes_300.png) no-repeat;
	overflow: hidden;
}

.select380 {
	position: absolute;
	text-align:left;
	padding:4px 0 0 10px;
	width: 382px;
	height: 27px;
	background: url(../img/selectboxes_380.png) no-repeat;
	overflow: hidden;
}

/* ---------------------------------- head ------------------------------- */ 	
#head {	
		height:174px;
	}

	body.setup {
		background-position-y: -154px;
	}

	body.setup #head {	
		height:120px;
	}
	
	#head.cmh2 {	
		height:184px;
	}

	#head-up {
		height:30px; 
		margin-bottom: 20px;
		padding-top: 10px;
		font-weight: bold;
		}
		
	#head-up.slide {		
		margin-bottom:2px;
		width:960px;
		height:20px;
		background:#fff;
	}
	
	/*#main.fullwidth #head-up.slide {
		width:100%;
	}*/
	
	#head-up.slide .left, #head-up.slide .right a {	
		color:#1c7abf;
	}
	
	#head-up.slide .left {
		padding-left:16px;
		color:#1c7abf;
	}
		
	#head-up.slide .right {
		padding-right:16px;
		color:#1c7abf;
	}
		
			.left {
				float: left;
				color: #fff;
			}
			
			.right {
				float: right;
				color: #fff;
			}
			
				.right a {
					color: #97d7f3;
				}

	#head-bottom-superior {
		height:70px; 
		line-height: 1.2;
		font-size: 12px;
		color: #fff;		
		}
		
	#head-bottom-superior.head2 {
		height:56px;
	}

		#head-bottom-superior #icon {
			width: 28px;
			margin-top:5px;
			float: left;
		}
		
		#head-bottom-superior table#header {
			width: 932px;
			float: right;
		}
	
			#head-bottom-superior td.first {
				width: 55px;
			}
			
			#head-bottom-superior td.second {
				width: 155px;
				font-weight: bold;
			}
			
			#head-bottom-superior td.third {
				width: 70px;
			}
			
			#head-bottom-superior td.fourth {
				width: 280px;
				font-weight: bold;
			}
			
			#head-bottom-superior td.fifth {
				width: 250px;
			}
			
		#head-bottom-superior a {
			text-decoration:underline;
			color: #97d7f3;
		}
		
		
	#head-bottom-employee {
		height:70px; 
		line-height: 1.2;
		font-size: 12px;
		color: #fff;		
		}
		
		#head-bottom-employee.head2 {
			height:56px;
		}	
		
		#head-bottom-employee #icon {
			width: 28px;
			margin-top:5px;
			float: left;
		}
		
		#head-bottom-employee table#header {
			width: 932px;
			float: right;
		}
	
			#head-bottom-employee td.first {
				width: 115px;
			}
			
			#head-bottom-employee td.second {
				width: 245px;
				font-weight: bold;
			}
			
			#head-bottom-employee td.third {
				width: 70px;
			}
			
			#head-bottom-employee td.fourth {
				width: 280px;
				font-weight: bold;
			}
			
			#head-bottom-employee td.fifth {
				width: 250px;
			}
			
		#head-bottom-employee a {
			text-decoration:underline;
			color: #97d7f3;
		}
	
/* ---------------------------------- menu ------------------------------- */ 
	#menu {
		height:44px;
		font-size: 14px;
		/*overflow:hidden;*/
		position:relative;
		/*margin-top:1px;*/
	}
	
		.cssmenu, .cssupmenu {
			float:left;
		}
		
		#cssupmenu {
		  display:none;
		}
			
			.cssmenu ul, .cssupmenu ul {
				font-weight:bold;
				list-style:none;
			}
			
			.cssmenu li, .cssupmenu li {
				width:115px;
				margin-right: 5px;
				float:left;
				background-image:url(../img/background-menu.png);
				display: table;
			}
			
			.cssmenu.cssmenu2 li  {
				background-image:url(../img/background-menu2.png);
				height:440px;	
				overflow:hidden;			
			}
			
			.cssupmenu li {
			  width:132px;
			  background-image:url(../img/background-upmenu.png);
			}
			
					.cssmenu li:hover {
					/*width:132px;
					margin-right: 5px;
					float:left;*/
					background-image:url(../img/background-menu.png);
				}
				
				.cssmenu.cssmenu2 li:hover {
					background-image:url(../img/background-menu2.png);
					/*height:440px;*/	
				}
				
				.cssupmenu li:hover {
				  background-image:url(../img/background-upmenu.png);
				}
				
				.cssmenu li.current {
					/*width:132px;
					margin-right: 5px;
					float:left;*/
					background-image:url(../img/background-menu_hover.png);
				}
				
				.cssmenu.cssmenu2 li.current {
					background-image:url(../img/background-menu2_hover.png);
				}
				
				.cssupmenu li.current {
					background-image:url(../img/background-upmenu_selected.png);
				}
				
				.cssmenu li.current a, .cssupmenu li.current a {
					color:#1c7abf;
				}
			
			.cssmenu li a, .cssupmenu li a {
				color:#fff;
				display:table-cell;
				line-height: normal;
				height:36px;
				max-height:36px;
				padding: 4px 8px;
				text-align: center;
				vertical-align: middle;
				text-decoration:none;
			}
			
			.cssmenu.cssmenu2 li a, .cssupmenu.cssmenu2 li a {
				/*height:28px;*/
				height:440px;
				padding: 6px 4px;
				max-height:440px;
				font-size:12px;
				display:block;
				width:107px;
				overflow:hidden;
				/*overflow:hidden;*/
			}
			
			.cssmenu li.isdefault a,.cssmenu li.isdefault a:hover, .cssmenu li:hover.isdefault a, .cssmenu2 li.isdefault a,.cssmenu2 li.isdefault a:hover, .cssmenu2 li:hover.isdefault a {
				/*text-decoration:underline;*/
				/*background-color:lime;*/
				background-image:url(../img/yellow_star.png);
				background-position:right top;
				background-repeat: no-repeat;			
			}
				
			
			.modlist0 .cssmenu.cssmenu2 li a, .modlist0 .cssupmenu.cssmenu2 li a {
				/*height:36px;*/
				padding: 8px 8px;
				font-size:14px;
				width:98px;
			}
			
			.cssupmenu li a {
			  /*color:#1c7abf;*/
			}

      .cssmenu li a.skrtnuto {
        text-decoration: line-through;
				color:powderblue;
			}
				
		.cssmenu li a:hover, .cssmenu ul li:hover a {
			background-image:url(../img/background-menu_hover.png);
			color:#1c7abf;
			text-decoration:none;
		}
		
		.cssmenu.cssmenu2 li a:hover {
			background-image:url(../img/background-menu2_hover.png);
			/*height:440px;*/
		}
		
		.cssupmenu li a:hover, .cssupmenu ul li:hover a {
			/*background-image:url(../img/background-upmenu_hover.png);*/
			background-image:url(../img/background-upmenu_selected.png);
			color:#1c7abf;
			text-decoration:none;
		}
		
		/*.cssmenu li.current a:hover, .cssmenu ul li.current:hover a {
			background-image:url(../img/background-menu_selected.png);
		}*/

		.cssupmenu li.current a:hover, .cssupmenu ul li.current:hover a {
			background-image:url(../img/background-upmenu_selected.png);
		}			
		
		
		.modlist0, .modlist1, .modlist2, .modlist3, .modlist4, .modlist5, .modlist6, .modlist7, .modlist8, .modlist9, .modlist10  {
			/*width:840px;*/			
			/*background:lime;*/
			/*overflow:visible;*/
			height:440px;
			position:absolute;
			margin:auto;
			right:0px;
		}
		
		.modlist0 {
			bottom:-386px;
			/*height:44px;*/
			/*background:yellow;*/
		}
		
		.modlist1, .modlist2, .modlist3, .modlist4, .modlist5, .modlist6, .modlist7, .modlist8, .modlist9, .modlist10  {
			/*height:32px;*/
						
		}
		
		.modlist1 {
			/*left:10px;*/
			bottom:-354px;
		}
		
		.modlist2 {
			bottom:-322px;
			/*left:20px;*/
		}
		
		.modlist3 {
			bottom:-290px;
			/*left:30px;*/
		}
		
		.modlist4 {
			bottom:-258px;
			/*left:40px;*/
		}
		
		.modlist5 {
			bottom:-226px;
			/*left:50px;*/
		}
		
		.modlist6 {
			bottom:-194px;
			/*left:60px;*/
		}
		
		.modlist7 {
			bottom:-162px;
			/*left:70px;*/
		}
		
		.modlist8 {
			bottom:-130px;
			/*margin-left:80px;*/
		}
		
		.modlist9 {
			bottom:-98px;
			/*left:90px;*/
		}
		
		.modlist10 {
			bottom:-66px;
			/*left:100px;*/
		}
		
		
		
/* ---------------------------------- content ------------------------------- */	
#content {
	padding-top:15px;
	height: 100%;
	}

	#main.fullwidth #content.wtclass {
		margin-left:auto;
		margin-right: auto;
		width:960px;
		}
	
/* ---------------------------------- header ------------------------------- */	
	#content-header {
		height: 60px;
	}
	
		#content-header h1 {
			width: 700px;
			height: 40px;
			color:#1c7abf;
			float: left;
		}

		#content-header #sgroup select {
	    width: 160px;
	    height: 26px;
		}
		
		#content-header #calendar {
			width: 360px;
			height: 30px;
			float: right;
			margin-top: 10px;
		}
	
			#content-header #calendar #title {
				width: 85px;
				height: 30px;
				float: left;
				font-weight: bold;
				padding-top: 3px;
			}
		
			#content-header #calendar #month {
				float: right;
				width: 110px;
				height: 30px;				
			}
		
				#content-header #calendar #month select {
					width: 100px;
					height: 26px;
				}
		
			#content-header #calendar #year {
				width: 62px;
				height: 30px;
				float: right;
			}
		
				#content-header #calendar #year select {
					width: 60px;
					height: 26px;
				}
				
#myshort {
	float:left;
	height:26px;
	font-weight:bold;
}

#myshort {
	display:none;
}

#myshort div, #myshort div.marrow {
	float:left;
}

.ical {
	height:26px;
	width:16px;
	background-position: center center;
  background-repeat:no-repeat;
	background-image:url(../img/calico.png);
}

.calsmall {
	width:50px;
	padding-top:4px;
	text-align:center;
}

.marrow {
	float:right;
	width:26px;
	height:26px;
  background-position: center center;
  background-repeat:no-repeat;
  cursor:pointer;
}

.namearrow {
	position:absolute;
	width:26px;
	height:26px;
  background-position: center center;
  background-repeat:no-repeat;
  cursor:pointer;
  top:0px;
}

.namearrow.aleft {
	left:0px;
}

.namearrow.aright {
	left:170px;
	/*left:310px;*/
}

#name .namearrow.aright {
	/*left:170px;*/
	left:270px;
}

/*.marrowshort {
	width:26px;
 	height:26px;
  background-position: center center;
  background-repeat:no-repeat;
  cursor:pointer;
}*/

.aright {
	background-image:url(../img/arrow-r.png);
}

.aright.empty {
	background:transparent;
	cursor:default;
}

.aleft {
	background-image:url(../img/arrow-l.png);
}

.aleft.empty {
	background:transparent;
	cursor:default;
}

/* ---------------------------------- information ------------------------------- */	
	#information {
		width: 960px;
		height: 70px;
		margin-bottom:30px;
		border-top: 1px solid #e9ee5f;
		background-image:url(../img/background-information.png);
	}
	
	#main.fullwidth #information {
		width:100%;
	}
	
		#information-content {
			margin: 10px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}

	#information2 {
		width: 960px;
		height: 70px;
		margin-bottom:0px;
	}
	
	#main.fullwidth #information2 {
		width:100%;
	}
		
		#information2-content {
		  margin: 10px 10px 10px 10px;
			color: black;
		}

h3.emrestxt {
	text-align:center;
	margin-top:50px;
}
		
/* ---------------------------------- information about employee ------------------------------- */	
	#employee {
		width: 960px;
		height: 30px;
		z-index:1;
		background-color:white;
		border-bottom: 1px solid #59aace;
	}

	#employee.nobottomborder {		
		border-bottom: none;
	}
	
	#main.fullwidth #employee {
		width:100%;
	}
	
	/*#employee-sticky-wrapper {
	  border-bottom:1px solid blue;
	}*/
	
		#employee #left {
			width: 450px;
			float: left;
		}

		#main.fullwidth #employee #left {
			margin-left: 6px;
		}
		
			#employee #nametitle {
				width: 110px;
				float: left;
				padding-top: 4px;
				overflow:hidden;
        white-space: nowrap;
			}
			
			.is-sticky #employee #nametitle {
			  display:none;
			}
			
			#employee #name {
			  position:relative;
				width: 300px;
				float: left;
				font-size: 18px;
				font-weight: bold;
				
			}
			
			#employee #name input {
			  width: 240px;
				font-size: 17px;
				font-weight: bold;
				border:1px solid white;
			}
			
			#employee #name #autonamediv {
			  margin-left:26px;
			}
			
			#employee #name input:hover {
			  border:1px solid #a6c9e2;
			}
			
			#employee #middle {
			  float:left;
				width: 270px;
			}
			
			#employee #pptitle {
			  width: 100px;
				float: left;
				text-align: right;
				padding-top: 4px;
				overflow:hidden;
        white-space: nowrap;
			}
			
			#employee #selectpp {
			  font-size: 14px;
			  /*height: 40px;*/
				font-weight: bold;
				padding-top:4px;
    		padding-left:6px;
			}
			
			#employee #pp select {
			  height: 26px;
			}
		
		#employee #right {
			width: 240px;
			float: right;
		}
		
			#employee #numbertitle {
				width: 80px;
				float: left;
				text-align: right;
				padding-top: 4px;
				overflow:hidden;
        white-space: nowrap;
			}
			
			#employee #number {
				width: 140px;
				float: left;
				font-size: 18px;
				font-weight: bold;
				text-align: right;
			}
			
			#employee #number input {
			  width: 136px;
				border:1px solid white;
				font-size: 17px;
				font-weight: bold;
				text-align: left;
			}
			
			#employee #number input:hover {
			  border:1px solid #a6c9e2;
			}
			
			
/* ---------------------------------- select view ------------------------------- */	
	#select-view {
		width: 960px;
		height: 30px;
	}
	
	#main.fullwidth #select-view {
		width:100%;
	}
		
		#select-view #right {
			float: right;
		}
		
			#select-view #right #text {
				width: 120px;
				float: left;
				text-align: right;
				padding-top: 4px;
				padding-right:10px;
				font-weight: bold;
			}
			
			#select-view #right #format {
				width: 102px;
				float: left;
				text-align: right;
			}
			
			#select-view #right #format select {
				height: 26px;
			}
	
/* ---------------------------------- month summarization ------------------------------- */		
	#month-sumarization {
		width: 960px;
		border-top: 1px solid #f1f9fc;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
  background-repeat: repeat-x;
		margin-bottom: 30px;
		position:relative;
	}
	
	#main.fullwidth #month-sumarization {
		width:100%;
	}
	
		#month-sumarization #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#month-sumarization #content {
			margin: 10px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}
		
			#month-sumarization #content table {
				border-collapse:collapse;
				table-layout: fixed;
			}

			#main.fullwidth #month-sumarization #content table {				
				table-layout: auto;
				margin-left: auto;
				margin-right: auto;
			}
		
			#month-sumarization #content td.first {
				width: 145px;
			}
			
			#month-sumarization #content td.second {
				width: 100px;
				font-weight: bold;
			}
			
			#month-sumarization #content td.third {
				width: 100px;
			}
			
			#month-sumarization #content td.fourth {
				width: 90px;
				font-weight: bold;
			}
			
			#month-sumarization #content td.fifth {
				width: 80px;
			}
			
			#month-sumarization #content td.sixth {
				width: 90px;
				font-weight: bold;
			}
			
			#month-sumarization #content td.seventh {
				width: 360px;
			}
			
				#month-sumarization #content td.seventh .date {
					width: 80px;
					float: left;
					font-weight: bold;
				}
				
				#month-sumarization #content td.seventh .hour {
					width: 50px;
					float: left;
					font-weight: bold;
				}
				
				#month-sumarization #content td.seventh .name {
					margin-right:10px;
					float: left;
					font-weight: bold;
				}
				
				#month-sumarization #content td.topline {
					border-top: 1px solid #e0d0c0;
				}
				
				#month-sumarization #content td div.cstate img {
					margin-top:4px;
				}
				
			/* mk
			#month-sumarization #content a {
				text-decoration:underline;
				color: #97d7f3;
			}
			*/
			
			#month-sumarization #content #mcomment {
				/*margin: 10px 30px 10px 30px;
				color: #3c3c3c;
				font-size: 12px;*/
				/*height:24px;*/
				border-bottom:1px solid #e0d0c0;
				margin-bottom:12px;
				padding-bottom:4px;
				margin-top:-12px;
				width:100%;
				overflow: hidden;
			}
			
			#month-sumarization #content>span {
				display: block;
				position: absolute;
				/*floa*/
				width:13px;
				height: 18px;
				top: 5px;
				right: 5px;
				background-image:url(../img/message.png);
				background-repeat: no-repeat;
				background-position: top;
				cursor: pointer;
			}

#noppdiv {
	height:60px;
}
			
				
/* ---------------------------------- summary account view ------------------------------- */				
	#summary-account-view, #summary-week-view, #summary-plan-view {
		width: 960px;
		border-top: 1px solid #59aace;
  /*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #summary-account-view, #main.fullwidth #summary-week-view, #main.fullwidth #summary-plan-view {
		width:100%;
	}
	
		#summary-account-view #title, #summary-week-view #title, #summary-plan-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#summary-account-view #content, #summary-week-view #content, #summary-plan-view #content {
			margin: 10px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #summary-account-view #content, #summary-week-view #content, #summary-plan-view #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#summary-account-view #content table, #summary-week-view #content table, #summary-plan-view #content table {
				border-collapse:collapse;
				table-layout: fixed;
				width:900px;
			}

			#main.fullwidth #summary-account-view #content table {				
				width:100%;
				table-layout: auto;
			}
				
			#summary-account-view  #content thead td, #summary-week-view  #content thead td, #summary-plan-view #content thead td {
				font-weight: bold;
				vertical-align: top;				
				line-height: normal;
			}

			#main.fullwidth #summary-week-view #content table, #main.fullwidth #summary-plan-view #content table {				
				width:100%;
				table-layout: auto;
			}
			
				#summary-account-view #content thead tr:hover, #summary-week-view #content thead tr:hover, #summary-plan-view #content thead tr:hover {
					background-color: #fff;
				}
			
			#summary-account-view #content tr, #summary-week-view #content tr, #summary-plan-view #content tr {
				height: 30px;
			}
			
			#summary-account-view #content tr:hover, #summary-week-view #content tr:hover, #summary-plan-view #content tr:hover {
				background-color: #d8dfea;
				height: 30px;
			}
			
				#summary-account-view #content td.first {
					width: 190px;
					padding-left: 5px;
				}
				
				#summary-account-view #content td.second {
					width: 70px;
				}
				
				#summary-account-view #content td.third {
					width: 140px;
				}
				
				#summary-account-view #content td.fourth {
					width: 70px;
				}
				
				#summary-account-view #content td.fifth {
					width: 140px;
				}
				
				#summary-account-view #content td.sixth {
					width: 140px;
				}
				
				#summary-account-view #content td.seventh {
					width: 140px;
				}		
/* ---------------------------------- summary bank view  ------------------------------- */
	#summary-bank-view {
		width: 960px;
		border-top: 1px solid #59aace;
  /*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #summary-bank-view {	
		width:100%;
	}
	
		#summary-bank-view #title {
			margin: 10px 16px 10px 16px;
			color: #59aace;
		}
	
		#summary-bank-view #content {
			margin: 10px 16px 10px 16px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #summary-bank-view #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#summary-bank-view #content table {
				border-collapse:collapse;
				table-layout: fixed;
				/*width:600px;*/
			}

			#main.fullwidth #summary-bank-view #content table {				
				width: 100%;
				table-layout: auto;
			}
			
			#summary-bank-view #content #accheadtable {
			  margin-left:-5px;
			}

			#main.fullwidth #summary-bank-view #content #accheadtable {
				margin-left:0px;
			  }
				
			#summary-bank-view #content thead td {
				font-weight: bold;
				vertical-align: top;				
				line-height: normal;
			}
			
			#summary-bank-view #content thead td.hidcell {
			  display:none;
			}
			
				#summary-bank-view #content thead tr:hover {
					background-color: #fff;
				}
			
			#summary-bank-view #content tr {
				height: 30px;
			}
			
			#summary-bank-view #content tr:hover {
				background-color: #d8dfea;
				/*height: 30px;*/
			}
			
			#summary-bank-view #content tr.bsums, #summary-bank-view #content tr.bsums:hover {
				background-color: #ddd;
				/*height: 30px;*/
			}

			#summary-bank-view #content tr.bsums, #summary-bank-view #content tr.bsums:hover {
			  /*border:1px solid red !important;*/
			  /*z-index:10;*/
        /*border-collapse: separate;*/
			}
	
				#summary-week-view #content table td.first {
					width: 30px;
					font-weight:bold;					
				}

				#main.fullwidth #summary-week-view #content table td.first {
					width: 50px;					
				}

				#summary-week-view #content td.second {
					width: 150px;
				}

				#main.fullwidth #summary-week-view #content td.second {
					width: auto;
				}

				#main.fullwidth #summary-week-view #content td.third {
					width: 150px;
				}

				#main.fullwidth #summary-week-view #content td.fourth {
					width: 150px;
				}

				#main.fullwidth #summary-week-view #content td.fifth {
					width: 150px;
				}

				#main.fullwidth #summary-week-view #content td.sixth {
					width: 200px;
				}

				#main.fullwidth #summary-week-view #content td.seventh {
					width: 200px;
				}

				#main.fullwidth #summary-week-view #content td.eighth {
					width: 200px;
				}

				#main.fullwidth #summary-week-view #content td.ninth {
					width: 200px;
				}

				#summary-week-view #content td {
					/*width: 60px;*/
					text-align:center;
				}

				#summary-week-view #content tr.weeksum td {
					font-weight:bold;
				}

				#summary-week-view #content td.sixth.col1, #summary-week-view #content td.ninth.col1 {
					/*width: 60px;*/
					background-color:lime;
				}

				#summary-week-view #content td.sixth.col2, #summary-week-view #content td.ninth.col2 {
					/*width: 60px;*/
					background-color:#ff8f8e;
				}

/* ---------------------------------- summary plan view ------------------------------- */				

#summary-plan-view #content td {
	text-align:center;
}

				#summary-plan-view #content td.first {
					/*width: 190px;*/
					padding-left: 5px;
				}						

				#main.fullwidth #summary-plan-view #content td.second {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.third {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.fourth {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.fifth {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.sixth {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.seventh {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.eighth {
					width: 200px;					
				}

				#main.fullwidth #summary-plan-view #content td.ninth {
					width: 80px;					
				}

		
/* ---------------------------------- department summary view ------------------------------- */				
	#department-summary-view {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #department-summary-view {
		width:100%;
	}

	#main.fullwidth #department-summary-view #content {
		margin-left: 10px;
		margin-right: 10px;
	}
	
		#department-summary-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#department-summary-view #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}
		
			#department-summary-view #content table {
				table-layout: fixed;
				width: 960px;
			}

			#main.fullwidth #department-summary-view #content table {
				table-layout: auto;
			}

			#department-summary-view #content table#topaccounts {
				width:960px;
			}
			
			#planhead {
				/*margin-bottom: 10px;*/
				background:white;
			}

			#department-summary-view #content table#ownplan {
				/*margin-bottom: 10px;*/
			}
		
			#department-summary-view #content thead {
				font-weight: bold;
				text-align: center;
			}
			
			#department-summary-view #content tfoot {
				font-weight: bold;
				text-align: center;
			}
			
			#department-summary-view #content td.name .magnifier {
						width: 16px;
						float: left;
						margin-top:4px;
					}
					
					#department-summary-view #content td.name .pname {
						float: left;
						margin-top:2px;
					}

					#department-summary-view #content td.name .pnum {
						float: left;
						margin-top: 2px;
						font-weight: normal;
						padding-right: 8px;;
					}
			
				#department-summary-view #content td.name {
					/*width:960px;*/
					background-color:#dedede;
					padding-left:6px;
					height:30px;
					font-size: 14px;
					font-weight: bold;
				}
				
				#department-summary-view #content #ownplan td.name {
				  background-color:#fff;
				  border:1px solid #dedede;
				}

				#department-summary-view #content td.day {
					width: 29px;
					text-align:center;
				}
				
				#department-summary-view #content tbody td.day {
					height:30px;
				}
				
	


	#department-summary-view #content select {
			height: 26px;
		}

	
		#main.fullwidth #department-summary-view #content table {
			width:100%;
		}
		
		#department-summary-view tr#topheadrow td div {
		padding-left:8px;
	  }
	  
	  #department-summary-view .filterpp {
		  height:30px;
	  }
	  
	  #department-summary-view .filterpp .filterpphead {
				font-weight: bold;
				font-size: 12px;
				width:250px;
				float:left;
				text-align:right;
				margin-right:8px;
		}	  
	  
		#department-summary-view .filterpp .open {
				width: 140px;
				float: left;
				font-size: 12px;
				/*padding-top: 6px;*/
			}
			
			#department-summary-view .filterpp .icon {
				width: 20px;
				height:30px;
				margin-left: 5px;
				float:left;
			}
			#department-summary-view .filterpp .open .icon {
					width:26px;
				}
					
			
			
			

		#department-summary-view #content thead {
			font-weight: bold;
			font-size: 12px;
		}

		#department-summary-view #content #topaccountshead thead tr {
				height: 30px;
			}

			#department-summary-view #content #topaccountshead thead tr:hover {
					background-color: #fff;
					height: 30px;
				}

				#department-summary-view #content #topaccountshead thead td {
				padding-left: 5px;
				vertical-align: top;
			}

			#department-summary-view #content #topaccounts td {
				padding-left: 5px;	
			}
			
		
		#department-summary-view #content tr.filter {
				height: 40px;
			}

			#department-summary-view #content tr.filter:hover {
					background-color: #fff;
					height: 40px;
			}

			#department-summary-view #content tr.filter .inputnumber {
				width:52px;
				height:26px;
				font-size:11px;
				padding: 0 5px 0 5px;
				background: url(../img/inputtext_60.png) no-repeat;
			}

			#department-summary-view #content tr.filter .inputname {
				width:72px;
				height:26px;
				font-size:11px;
				padding: 0 5px 0 5px;
				background: url(../img/inputtext_80.png) no-repeat;
			}

			/*#presence-view #content td {
				vertical-align: top;
				padding-top: 7px;
			}*/

			/*#presence-view #content tr:hover {
				height: 50px;
				background-color: #d8dfea;
			}*/

		#department-summary-view #content td.first {
			width: 20px;
		padding-left: 0;
		text-align: center;
		}

		

		#department-summary-view #content td.second {
			width: 63px;
		}

		#department-summary-view #content td.second .number {
				width: 60px;
				margin-left:5px;
	  overflow: hidden;
			}

			/*#content td.first .xpp, #content td.second .xpp, #content td.name .xpp {
				font-size:10px;
				margin-left:5px;
				white-space:nowrap;
				overflow:hidden;
			}*/

		#department-summary-view #content td.third {
			width: 100px;
		}

		#department-summary-view #content td.third .name {
				margin-left: 5px;
				font-weight:bold;
				overflow: hidden;
				white-space: nowrap;
			}
			
			#department-summary-view #content td.third .firstname {
				margin-left: 5px;
				font-size: 11px;
				overflow: hidden;
				white-space: nowrap;
			}

		#department-summary-view #content td.fourth {
			width: 160px;
			max-width: 160px;
			overflow: hidden;
		}
	
		
		#department-summary-view #content td.fifth {
			width: 70px;
		}

		#department-summary-view #content td.fifth .employer {
			width: 65px;
			margin-left: 5px;
		}

		#department-summary-view #content td.sixth {
			width: 250px;
		}

		#department-summary-view #accflt {
			font-weight: bold;
		}

		#department-summary-view #accflt .icon {
			width: 26px;
			height:30px;
			margin-left: 5px;
			float:left;
		}


		
	

	


/* ---------------------------------- month summarization request ------------------------------- */				
	#month-summarization-request {
		width: 960px;
		border-top: 1px solid #f1f9fc;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #month-summarization-request {
		width:100%;
	}

  #month-summarization-request .outofdata td {
		width:960px;
	}
	
	#main.fullwidth #month-summarization-request .outofdata td {
		width:100%;
	}
	
		#month-summarization-request #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#month-summarization-request #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #month-summarization-request #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#month-summarization-request #content table {
				/*width:960px;*/
				border-collapse:collapse;
				table-layout: fixed;
			}

			#main.fullwidth #month-summarization-request #content table {
				width:100%;
				table-layout: auto;
			}
					
			#month-summarization-request #content select {
				height: 26px;
			}
		
			#month-summarization-request #content thead {
				font-weight: bold;
				font-size: 12px;
			}
			
					#month-summarization-request #content thead tr:hover {
						background-color: #fff;
					}
					
				#month-summarization-request #content thead td {
					/*padding-left: 5px;*/
				}
			
			#month-summarization-request #content tfoot {
			}
			
				#month-summarization-request #content tfoot tr:hover {
					background-color: #fff;
				}
			
					#month-summarization-request #content tfoot td.seventh {
						text-align: right;
						padding-right: 10px;
					}
			
					#month-summarization-request #content tfoot td.seventh a {
						color: #505050;
						text-decoration: underline;
					}
					
					#month-summarization-request #content tfoot td.tenth {
						padding-left:5px;
					}
		
			#month-summarization-request #content tr {
				height: 30px;
			}
			
				#month-summarization-request #content tr:hover {
					height: 30px;
					background-color: #d8dfea;
				}
				
				#month-summarization-request #content td {
					vertical-align: top;
					padding-top: 7px;
				}
				
				#month-summarization-request #content tr.filter {
					height: 40px;
				}
				
					#month-summarization-request #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
			
			#month-summarization-request #content td.first {
				width: 200px;
			}

			#month-summarization-request #content td.first.sumaccfilter {
				width: 340px;
			}
			
				#month-summarization-request #content td.first .account {
					margin-left:5px;
				}

			#month-summarization-request #content td.second {
				width: 140px;
			}
			
				#month-summarization-request #content td.second .range {
					width: 40px;
					margin-left:5px;
					float: left;
				}
			
				#month-summarization-request #content td.second .comming {
					width: 30px;
					margin-left:5px;
					float: left;
				}
				
				#month-summarization-request #content td.second .dash {
					width: 15px;
					float: left;
					margin-left: 5px;
				}
				
				#month-summarization-request #content td.second .exit {
					width: 30px;
					float: left;
				}
				
				#month-summarization-request #content td.second .cancel {
					width: 26px;
					float: left;
          text-align: center;
				}

			#month-summarization-request #content td.third {
				width: 80px;
			}
			
				#month-summarization-request #content td.third .day {
						width: 35px;
						float: left;
						margin-left: 5px;
					}
					
				#month-summarization-request #content td.third .hour {
						width: 35px;
						float: left;						
					}

			#month-summarization-request #content td.fourth {
				width: 140px;
			}

      #month-summarization-request #content td.fourth.sumchecks {
				width: auto;
			}
			
				#month-summarization-request #content td.fourth .icon {
					width: 22px;
					float: left;
					margin-left: 5px;
				}
				
				#month-summarization-request #content td.fourth .status {
					width: 100px;
					float: left;
				}
				
				
				#month-summarization-request #content td.fourth .open {
					width: 100px;
					float: left;
					font-size: 12px;
					padding-top: 6px;
				}
				
					#month-summarization-request #content td.fourth .open .icon {
						width:26px;
					}

			#month-summarization-request #content td.fifth {
				width: 120px;
			}
			
				#month-summarization-request #content td.fifth .name {
					margin-left: 5px;
				}
			
			#month-summarization-request #content td.sixth {
				width: 80px;
        		border-left: none;
			}
				
				#month-summarization-request #content td.sixth .comming {
					width: 30px;
					margin-left: 5px;
					float: left;
				}
				
				#month-summarization-request #content td.sixth .dash {
					width: 10px;
					float: left;
					margin-left: 5px;
				}
				
				#month-summarization-request #content td.sixth .exit {
					width: 30px;
					float: left;
				}

			#month-summarization-request #content td.seventh {
				width: 70px;        
				max-width: 70px;
			}

			#main.fullwidth #month-summarization-request #content td.seventh {
				width: 300px;
				max-width: 300px;
			}
			
				#month-summarization-request #content td.seventh .message, #month-summarization-request #content td.seventh .message2 {
					margin-left: 5px;
					font-size: 11px;
				}
				
			#month-summarization-request #content td.eighth {
				width: 70px;     
				max-width: 70px;   
			}

			#main.fullwidth #month-summarization-request #content td.eighth {
				width: 300px;
				max-width: 300px;
			}
			
				#month-summarization-request #content td.eighth .message,
				#month-summarization-request #content td.eighth .message2 {
					margin-left: 5px;
					font-size: 11px;
				}
				
			#month-summarization-request #content td.ninth {
				width: 23px;
			}
			
				#month-summarization-request #content td.ninth .icon {
					width: 22px;
					text-align: center;
					margin-top: 2px;
				}
				
			#month-summarization-request #content td.tenth {
				width: 27px;
			}
			
				#month-summarization-request #content td.tenth .icon {
					width: 26px;
          text-align: center;
					/*margin-left: 5px;*/
				}

        #month-summarization-request #content td.tenth .icon div {
            height: 20px;
            width: 20px !important;
            margin: 1px auto 0px;
        }
				
		#month-summarization-request #content #buttons {
			height: 30px;
		}
		
			#month-summarization-request #content #buttons #left {
				width: 532px;
				float: left;
			}
			
				#month-summarization-request #content #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#month-summarization-request #content #buttons #right {
				width: 290px;
				float: left;
				padding-left: 131px;
			}
			
				#month-summarization-request #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}
				
				#month-summarization-request #content #buttons #right #save {
					width: 100px;
					float: left;
				}
				
				#month-summarization-request #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}
				
				
				
				
/* ---------------------------------- MONTH CALENDAR ------------------------------- */				
	#month-calendar, #month-calendar0, #month-calendar1 {
		width: 960px;
		
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}	
	
	#main.fullwidth #month-calendar, #main.fullwidth #month-calendar0, #main.fullwidth #month-calendar1 {
		width:100%;
	}

	#main.fullwidth #month-calendar.module5 #content {
		width:960px;
		margin-left: auto;
		margin-right: auto;
	}

	#month-calendar:not(.notopborder), #month-calendar0 {
		border-top: 1px solid #59aace;	
	}
	
	#month-calendar:not(.notopborder), #month-calendar1 {
		border-top: 1px solid #59aace;	
	}
	
		#month-calendar #title, #month-calendar0 #title, #month-calendar1 #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
		
		#month-calendar #title span, #month-calendar0 #title span, #month-calendar1 #title span {
		  color:#000;
		}
	
		#month-calendar #content, #month-calendar0 #content, #month-calendar1 #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #month-calendar0 #content, #main.fullwidth #month-calendar1 #content {
			width:960px;
			margin-left: auto;
			margin-right: auto;
		}
		
			#month-calendar #content table, #month-calendar0 #content table, #month-calendar1 #content table {
				/*table-layout: fixed;*/
				width:960px;
			}
			
			#main.fullwidth #month-calendar #content table, #main.fullwidth #month-calendar0 #content table, #main.fullwidth #month-calendar1 #content table {
				width:100%;
			}
					
			#month-calendar #content thead, #month-calendar0 #content thead, #month-calendar1 #content thead, #month-calendar #content .tabhead, #month-calendar0 #content .tabhead, #month-calendar1 #content .tabhead {
				font-weight: bold;
				font-size: 12px;
			}
			
			#month-calendar #content thead tr, #month-calendar0 #content thead tr, #month-calendar1 #content thead tr, #month-calendar #content tr.tabhead, #month-calendar0 #content tr.tabhead, #month-calendar1 #content tr.tabhead {
				height: 30px;
			}
			
			#month-calendar #content thead tr td, #month-calendar0 #content thead tr td, #month-calendar1 #content thead tr td, #month-calendar #content tr.tabhead td, #month-calendar0 #content tr.tabhead td, #month-calendar1 #content tr.tabhead td {
				border-bottom: 1px solid #ddd
			}
			
				/*#month-calendar #content thead td:hover, #month-calendar0 #content thead td:hover, #month-calendar1 #content thead td:hover {
					height: 30px;
					background-color: #fff;
				}*/
				
				#month-calendar #content thead td, #month-calendar0 #content thead td, #month-calendar1 #content thead td, #month-calendar #content .tabhead td, #month-calendar0 #content .tabhead td, #month-calendar1 #content .tabhead td {
					padding-left: 5px;
					border-left-color: transparent;
				}
		
			#month-calendar #content tr, #month-calendar0 #content tr, #month-calendar1 #content tr {
				height: 60px;
			}
			
			/*#month-calendar #content td:hover { p�eb�t tohle bylo v advent.css zbyte�n� slo.it� 
				height: 60px;
				background-color: #d8dfea;
			}*/
			
			#month-calendar #content td.first, #month-calendar0 #content td.first, #month-calendar1 #content td.first {
				width: 120px;
			}
			
				#month-calendar #content td.first .week, #month-calendar0 #content td.first .week, #month-calendar1 #content td.first .week {
					font-size: 14px;
					font-weight:bold;
					margin-left:10px;
				}
			
			#month-calendar #content td.second, #month-calendar0 #content td.second, #month-calendar1 #content td.second {
				width: 120px;
			}
			
				#month-calendar #content td.second .info, #month-calendar0 #content td.second .info, #month-calendar1 #content td.second .info {
					width: 90px;
					float: left;
					margin-top: 5px;
					margin-left: 5px;
					height: 50px;
				}
				
					#month-calendar #content td.second .info .day, #month-calendar0 #content td.second .info .day, #month-calendar1 #content td.second .info .day {
						font-size: 14px;
						font-weight: bold;
					}
					
					#month-calendar #content td.second .info .text, #month-calendar0 #content td.second .info .text, #month-calendar1 #content td.second .info .text {
						font-size: 11px;
					}
				
				#month-calendar #content td.second .icon, #month-calendar0 #content td.second .icon, #month-calendar1 #content td.second .icon {
					width: 20px;
					height:50px;
					float: left;
					margin-top: 5px;
				}
				
				.text.wsmico {
					height:16px;
				}
				
				#month-calendar #content td.second .icon.anybuttonsmall.accmplan {
					width:12px;
					height:16px !important;
				}
				
				#month-calendar #content td.second .icon.anybuttonsmall.accmplan span {
					height:16px !important;
					cursor:help;
				}
				
				#month-calendar #content td.second div.wsmico.wsmplan {
					cursor:help;
				}
				
				#month-calendar #content .icon.check0, #month-calendar0 #content .icon.check0, #month-calendar1 #content .icon.check0, #month-calendar #content .icon.check1, #month-calendar0 #content .icon.check1, #month-calendar1 #content .icon.check1 {
	height: 20px !important;
}

  #month-calendar0 #content .snap, #month-calendar1 #content .snap {
    margin-left:20px;
    height:30px;
    margin-top:10px;
    margin-bottom:0px;
  }
  
  #month-calendar0 #content .snap span.title, #month-calendar1 #content .snap span.title {
    line-height:2em;
  }


  #month-calendar0 #content .selall, #month-calendar1 #content .selall {
		float:right;
		height:30px;
		color:#3c3c3c;
	}
	
	#month-calendar0 #content .selall a, #month-calendar1 #content .selall a {
	  color:#3c3c3c;
   font-weight:bold;
	}
	
	#month-calendar0 #content #buttons, #month-calendar1 #content #buttons {
	  padding-top:10px;
	}
	
	#month-calendar0 #content #buttons #right, #month-calendar1 #content #buttons #right {
	  width:300px;
	  margin-right:0px;
	  margin-left:auto;
	  margin-bottom:0px;
	  height:30px;
				/*width: 290px;
				float: right;
				padding-left: 131px;
				text-align:right;*/
			}
			
				#month-calendar0 #content #buttons #right #descr, #month-calendar1 #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}

				#month-calendar0 #content #buttons #right .anybutton, #month-calendar1 #content #buttons #right .anybutton {
					width: 100px;
					float: left;
				}

				/*#month-calendar0 #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}*/
				
				
				
				
/* ---------------------------------- account subordinate view ------------------------------- */				
	#account-subordinate-view, #account-subordinate-view-edit {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #account-subordinate-view, #main.fullwidth #account-subordinate-view-edit {
		width:100%;
	}

	#main.fullwidth #account-subordinate-view table, #main.fullwidth #account-subordinate-view-edit table {
		width:100%;
	}

	#account-subordinate-view .outofdata td, #account-subordinate-view-edit .outofdata td {
		width:960px;
	}
	
	#main.fullwidth #account-subordinate-view .outofdata td, #main.fullwidth #account-subordinate-view-edit .outofdata td {
		width:100%;
	}

	
		#account-subordinate-view #title, #account-subordinate-view-edit #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#account-subordinate-view #content, #account-subordinate-view-edit #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #account-subordinate-view #content, #main.fullwidth #account-subordinate-view-edit #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#account-subordinate-view #content table, #account-subordinate-view-edit #content table {
				border-collapse:collapse;
				table-layout: fixed;
			}

			#main.fullwidth #account-subordinate-view #content table, #main.fullwidth #account-subordinate-view-edit #content table {				
				table-layout: auto;
			}
			
			#account-subordinate-view #content select, #account-subordinate-view-edit #content select {
				height: 26px;
			}
			
			#account-subordinate-view #content thead, #account-subordinate-view-edit #content thead {
				font-weight: bold;
			}
			
				#account-subordinate-view #content thead tr, #account-subordinate-view-edit #content thead tr {
					font-weight: bold;
					height: 30px;
				}
			
				#account-subordinate-view #content thead tr:hover, #account-subordinate-view-edit #content thead tr:hover {
					background-color: #fff;
					height: 30px;
				}
				
				
				
				#account-subordinate-view #content thead td, #account-subordinate-view-edit #content thead td {
					/*/padding-left: 5px;*/
					vertical-align: top;
					border-left-color: transparent !important;
					/*overflow:visible;
					white-space:nowrap;*/
				}
					
			#account-subordinate-view #content tr, #account-subordinate-view-edit #content tr {
				height: 50px;
			}
			
				#account-subordinate-view #content tr.filter, #account-subordinate-view-edit #content tr.filter {
					height: 40px;
				}
				
					#account-subordinate-view #content tr.filter:hover, #account-subordinate-view-edit #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
			
				#account-subordinate-view #content tr:hover, #account-subordinate-view-edit #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}
				
				#account-subordinate-view #content tr.filter .inputnumber, #account-subordinate-view-edit #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #account-subordinate-view #content tr.filter .inputnumber, #main.fullwidth #account-subordinate-view-edit #content tr.filter .inputnumber {
					width:152px;
					background: url(../img/inputtext_160.png) no-repeat;
				}
				
				#account-subordinate-view #content tr.filter .inputname, #account-subordinate-view-edit #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #account-subordinate-view #content tr.filter .inputname, #main.fullwidth #account-subordinate-view-edit #content tr.filter .inputname {
					width:242px;
					background: url(../img/inputtext_250.png) no-repeat;
				}
							
					#account-subordinate-view #content td, #account-subordinate-view-edit #content td {
						vertical-align: top;
						padding-top: 7px;
					}

				#account-subordinate-view #content tr.type, #account-subordinate-view-edit #content tr.type {
					height: 30px;
				}
				
					#account-subordinate-view #content tr.type:hover, #account-subordinate-view-edit #content tr.type:hover {
						height: 30px;
					}
					
					
				#account-subordinate-view #content tr.type .request, #account-subordinate-view-edit #content tr.type .request {
					margin-left: 5px;
					font-weight: bold;
				}
			
			#account-subordinate-view #content td.first, #account-subordinate-view-edit #content td.first {
				width: 20px;
        padding-left: 0;
        text-align: center;
			}

			#main.fullwidth #account-subordinate-view #content td.first, #main.fullwidth #account-subordinate-view-edit #content td.first {
				width: 40px;
				}
			
			#account-subordinate-view #content td.second, #account-subordinate-view-edit #content td.second {
				width: 63px;
			}

			#main.fullwidth #account-subordinate-view #content td.second, #main.fullwidth #account-subordinate-view-edit #content td.second {
				width: 163px;
			}
			
				#account-subordinate-view #content td.second .number, #account-subordinate-view-edit #content td.second .number {
					margin-left:5px;
					width:63px;
					overflow: hidden;
				}

				#main.fullwidth #account-subordinate-view #content td.second .number, #main.fullwidth #account-subordinate-view-edit #content td.second .number {				
					width:160px;					
				}

			#account-subordinate-view #content td.third, #account-subordinate-view-edit #content td.third {
				width: 97px;				
				overflow: hidden;
			}

			#main.fullwidth #account-subordinate-view #content td.third, #main.fullwidth #account-subordinate-view-edit #content td.third {
				width: auto;
				overflow: hidden;
			}
			
				#account-subordinate-view #content td.third .name, #account-subordinate-view-edit #content td.third .name {
						margin-left: 5px;
					}

			#account-subordinate-view #content td.fourth, #account-subordinate-view-edit #content td.fourth {
				width: 165px;
			}

			#main.fullwidth #account-subordinate-view #content td.fourth, #main.fullwidth #account-subordinate-view-edit #content td.fourth {
				width: 265px;
			}
			
				#account-subordinate-view #content td.fourth .department, #account-subordinate-view-edit #content td.fourth .department {
					margin-left: 5px;
					font-size: 11px;
				}
				
				#account-subordinate-view #content td.fourth .shift, #account-subordinate-view-edit #content td.fourth .shift {
					margin-left: 5px;
				}

			#account-subordinate-view #content td.fifth {
				width: 160px;			
				overflow: hidden;
			}

			#main.fullwidth #account-subordinate-view #content td.fifth {
				width: 90px;	
			}

			#account-subordinate-view-edit #content td.fifth {
				width: 60px;
			}

			#main.fullwidth #account-subordinate-view-edit #content td.fifth {
				width: 90px;
			}
			
				#account-subordinate-view #content td.fifth .firm, #account-subordinate-view-edit #content td.fifth .firm {
					margin-left: 5px;
				}
			
			#account-subordinate-view #content td.sixth,
      #account-subordinate-view #content td.seventh,
      #account-subordinate-view #content td.eighth,
      #account-subordinate-view #content td.ninth,
      #account-subordinate-view #content td.tenth,
      #account-subordinate-view #content td.eleventh
        {
				width: 83px;
        text-align: center;
			}

			#main.fullwidth #account-subordinate-view #content td.sixth,
			#main.fullwidth #account-subordinate-view #content td.seventh,
			#main.fullwidth #account-subordinate-view #content td.eighth,
			#main.fullwidth #account-subordinate-view #content td.ninth,
			#main.fullwidth #account-subordinate-view #content td.tenth,
			#main.fullwidth #account-subordinate-view #content td.eleventh
        {
				width: 90px;
			}

			/*#account-subordinate-view-edit table#topaccountshead {
				table-layout: fixed;
			}*/
			/*#account-subordinate-view-edit #content td.sixth {
				width:auto;
			}*/

			#account-subordinate-view-edit #content td.sixth,
      #account-subordinate-view-edit #content td.seventh,
      #account-subordinate-view-edit #content td.eighth,
      #account-subordinate-view-edit #content td.ninth,
      #account-subordinate-view-edit #content td.tenth,
      #account-subordinate-view-edit #content td.eleventh
        {
				width: 83px;
		text-align: left;
		
			}

			#main.fullwidth #account-subordinate-view-edit #content td.sixth,
			#main.fullwidth #account-subordinate-view-edit #content td.seventh,
			#main.fullwidth #account-subordinate-view-edit #content td.eighth,
			#main.fullwidth #account-subordinate-view-edit #content td.ninth,
			#main.fullwidth #account-subordinate-view-edit #content td.tenth,
			#main.fullwidth #account-subordinate-view-edit #content td.eleventh
        {
				width: 90px;
			}

			#account-subordinate-view-edit #content td div.hours, #account-subordinate-view-edit #content td div.days {
				position: relative;
			}

			#account-subordinate-view-edit #content td div.hours span, #account-subordinate-view-edit #content td div.days span {
				position: absolute;				
				left: 54px;
				top: 1px;
			}

			#account-subordinate-view-edit td div.actrans {
				border-color: transparent !important;
				background: transparent  !important;
			}

			#account-subordinate-view-edit td div.acright {
				text-align: right;
				padding-left: 0px;
				padding-right: 2px;
			}

			#account-subordinate-view-edit td div.acright input {
				text-align: right;
			}
								
      #account-subordinate-view #content td.sixth.filter, #account-subordinate-view-edit #content td.sixth.filter {
        text-align: left;		
      }

	  #main.fullwidth #account-subordinate-view #content td.sixth.filter, #main.fullwidth #account-subordinate-view-edit #content td.sixth.filter {        
		width: 550px;
      }
				
				
				
/* ---------------------------------- year summarization request ------------------------------- */							
	#year-summarization-request {
		width: 960px;		
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 50px;
		/*height:100px;*/
	}
	
	#main.fullwidth #year-summarization-request {
		width:100%;
	}
	
	#year-summarization-request:not(.notopborder) {
		border-top: 1px solid #59aace;	
	}
	
	#year-summarization-request .spacediv {
	  height:20px;
	}
	
		#year-summarization-request #title {
			margin: 10px 10px 10px 30px;
			color: #59aace;
			float:left;
		}
		
		#year-summarization-request #butt_but0_YPRINT, #year-summarization-request #butt_but1_YPRINT {
		  margin: 10px 10px 10px 0px;
			float:right;
		}
	
		#year-summarization-request #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #year-summarization-request #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#year-summarization-request #content table {
				table-layout: fixed;
			}

			#main.fullwidth #year-summarization-request #content table {
				table-layout: auto;
			}
		
			#year-summarization-request #content thead {
				font-weight: bold;
				text-align: left;
			}
			
				#year-summarization-request #content thead td.month {
					/*width:104px;
					padding-left:4px;
					height:30px;
					font-size: 14px;
					font-weight: bold;
					text-align: left;*/
					background-color: transparent;
				}
				
				
					
				#year-summarization-request #content td.month {
					/*width:104px;*/
					background-color:#dedede;
					padding-left:4px;
					height:30px;
					font-size: 14px;
					font-weight: bold;
					text-align: left;
				}
								
					#year-summarization-request #content td.month .name {
						width: 80px;
						float: left;
					}
					
					#year-summarization-request #content td.month .magnifier {
						width: 16px;
						float: left;
						margin-top: 2px;
					}
				
				#year-summarization-request #content td.day {
					width: 20px;
					height:30px;
					text-align: center;
				}

				#main.fullwidth #year-summarization-request #content td.day {
					width: 36px;
				}

				#year-summarization-request #content td.day span {
					display: table-cell;
					width: 14px;
					height:14px;
					text-align: center;
				}
			
		#year-summarization-request #content a {
			text-decoration:underline;
			color: #97d7f3;
		}
		



/* ---------------------------------- ALL REQUEST VIEW ------------------------------- */				
	#all-request-view {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #all-request-view {
		width:100%;
	}

	#main.fullwidth #all-request-view #content {
		margin-left:10px;
		margin-right:10px;
	}
	
	#all-request-view .rightsel .text {
				width: auto;/*120px;*/
				float: left;
				text-align: right;
				padding-top: 4px;
				padding-right:10px;
				color: #59aace;
			}
			
			#all-request-view .rightsel {
				float: right;
				margin-top: 6px;
				margin-right:4px;
			}

			#main.fullwidth #all-request-view .rightsel {
				width: 300px;
			}

			#all-request-view .rightsel .format {
				width: 162px;
				float: left;
				text-align: right;
			}
			
			#all-request-view .rightsel .format select  {
				height: 26px;
			}
			
			#all-request-view #drangeseldiv, #custom-view #drangeseldiv {
				position:relative;
			}
			
			#all-request-view #drangeseldiv img#chngrange, #custom-view #drangeseldiv img#chngrange {
				position:absolute;
				right:24px;
				top:4px;
				z-index:7;
				cursor:pointer;
			}
			
			#dialog200 #drangecalendars {				
				width:500px;
			}			
			
			#dialog200 a.ui-datepicker-prev.ui-state-disabled, #dialog200 a.ui-datepicker-next.ui-state-disabled {
				visibility:hidden;
			}
			
			#dialog200 #drangecalendars tr.tabhead td.first, #dialog200 #drangecalendars tr.tabhead td.third {
				font-weight:bold;
				font-size:16px;
			}
			
			#dialog200 #drangecalendars tr.calrow>td {
				height:216px;
				vertical-align:top;
			}
			
			#dialog200 #drangecalendars tr.daterow>td {
				height:28px;
				vertical-align:top;
			}
			
			#dialog200 #drangecalendars tr.daterow td .ranged {
				font-weight:bold;
				font-size:24px;
			}
			
			#dialog200 #drangecalendars td.second {
				width:38px;
			}
			
			#dialog200 #drangecalendars tr.erow {
				height:16px;
			}
			
			#dialog200 #rangeerrordiv {
			 	display:none;
			}
			
			#dialog200 .bad {
				background-color:#ffa0a0;/* !important*/
			}
			
			#dialog200 #rangeerr.showerr {
				background-color:#c00000;
				color:#fff;
				font-weight:bold;
			}
	
		#all-request-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#all-request-view #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}
		
			#all-request-view #content table {
				width:960px;
				border-collapse:collapse;
				table-layout: fixed;
			}
			
			#main.fullwidth #all-request-view #content table {
				width:100%;
				table-layout: auto;
			}
			
			#all-request-view #content select {
				height: 26px;
			}
		
			#all-request-view #content thead {
				font-weight: bold;
				font-size: 12px;
			}
			
			#all-request-view #content thead tr {
				font-weight: bold;
				font-size: 12px;
				height: 30px;
			}
			
				#all-request-view #content thead tr:hover {
					background-color: #fff;
					height: 30px;
				}
				
				#all-request-view #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #all-request-view #content tr.filter .inputnumber {
					width:152px;
					background: url(../img/inputtext_160.png) no-repeat;
				}
				
				#all-request-view #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #all-request-view #content tr.filter .inputname {
					width:242px;
					background: url(../img/inputtext_250.png) no-repeat;
				}
				
					#all-request-view #content td {
						vertical-align: top;
						padding-top: 7px;
					}
					
					#all-request-view #content tr#tmpaccrow td {
						height:1px;
						padding-top: 0px;
					}
			
				#all-request-view #content thead td {
					padding-left: 5px;
					border-left-color: transparent !important;
				}
			
			#all-request-view #content tfoot {
			}
			
				#all-request-view #content tfoot tr:hover {
					background-color: #fff;
				}
			
					#all-request-view #content tfoot td.eighth {
						text-align: right;
						padding-right: 10px;
					}
			
						#all-request-view #content tfoot td.eighth a {
							color: #505050;
							text-decoration: underline;
						}
					
					#all-request-view #content tfoot td.tenth {
						text-align: left;
					}
		
			#all-request-view #content tr {
				height: 50px;
			}
			
			#all-request-view #content tr#tmpaccrow {
				height: 1px;
			}
			
				#all-request-view #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}
								
				#all-request-view #content tr.filter {
					height: 40px;
				}
				
					#all-request-view #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
			
			#all-request-view #content td.first {
				width: 62px;
			}

			#main.fullwidth #all-request-view #content td.first {
				width: 163px;
			}
			
				#all-request-view #content td.first .number {
					margin-left:5px;
					overflow: hidden;
				}

			#all-request-view #content td.second {
				width: 97px;				
				overflow: hidden;
			}

			#main.fullwidth #all-request-view #content td.second {
				width: auto;				
			}
			
				#all-request-view #content td.second .name {
					margin-left:5px;
				}

			#all-request-view #content td.third {
				width: 165px;
			}

			#main.fullwidth #all-request-view #content td.third {
				width: 265px;
			}
			
				#all-request-view #content td.third .department {
						margin-left: 5px;
						font-size: 11px;
					}
					
				#all-request-view #content td.third .shift {
						margin-left: 5px;
					}

			#all-request-view #content td.fourth {
				width: 60px;
			}

			#main.fullwidth #all-request-view #content td.fourth {
				width: 90px;
			}
			
				#all-request-view #content td.fourth .employer {
					width: 65px;
					margin-left: 5px;
				}

			#all-request-view #content td.fifth {
				width: 120px;
			}

			#main.fullwidth #all-request-view #content td.fifth {
				width: 170px;
			}
			
				#all-request-view #content td.fifth .magnifier {
					width: 15px;
					margin-left: 5px;
					float: left;
				}
				
				#all-request-view #content td.fifth .personinfo {					
					cursor:help;
				}
				
				#all-request-view #content td.fifth .cpico {
					width: 20px;
					margin-left: 5px;
					float: left;	
					clear: both;				
				}
				
				#all-request-view #content td.fifth .account {
					width: 95px;
					margin-left: 5px;
					float: left;
					height:22px;
				}
				
				#all-request-view #content td.fifth .cp {
					width: 90px;
					margin-left: 5px;
					float: left;
				}
			
			#all-request-view #content td.sixth {
				width: 85px;
			}

			#main.fullwidth #all-request-view #content td.sixth {
				width: 120px;
			}

				#all-request-view #content td.sixth .date {
					width: 40px;
					margin-left: 5px;
				}
				
				#all-request-view #content td.sixth .comming {
					width: 30px;
					margin-left: 5px;
					float: left;
				}
				
				#all-request-view #content td.sixth .dash {
					width: 10px;
					float: left;
					margin-left: 5px;
				}
				
				#all-request-view #content td.sixth .exit {
					width: 30px;
					float: left;
				}

			#all-request-view #content td.seventh {
				width: 130px;
			}

			#main.fullwidth #all-request-view #content td.seventh {
				width: 160px;
			}
			
				#all-request-view #content td.seventh .icon {
					width: 20px;
					height:30px;
					margin-left: 5px;
					float:left;
				}
				
				#all-request-view #content td.seventh .status {
					width: 90px;
					float: left;
				}
				
				#all-request-view #content td.seventh .name {
					float: left;
					font-size: 11px;
				}
				
				#all-request-view #content td.seventh .open {
					width: 100px;
					float: left;
					font-size: 12px;
					padding-top: 6px;
				}
				
					#all-request-view #content td.seventh .open .icon {
						width:26px;
					}
					
			#all-request-view #content td.eighth {
				width: 75px;
				max-width: 75px;
			}

			#main.fullwidth #all-request-view #content td.eighth {
				width: 260px;
				max-width: 260px;
			}
			
				#all-request-view #content td.eighth .message, #all-request-view #content td.eighth .message2 {
					margin-left: 5px;
					font-size: 11px;
				}
				
			#all-request-view #content td.ninth {
				width: 75px;
				max-width: 75px;
			}

			#main.fullwidth #all-request-view #content td.ninth {
				width: 260px;
				max-width: 260px;
			}
			
				#all-request-view #content td.ninth .message, #all-request-view #content td.ninth .message2 {
					margin-left: 5px;
					font-size: 11px;
				}
				
			#all-request-view #content td.tenth {
				width: 27px;
        text-align: center;
        border-left: none;
			}
			
				#all-request-view #content td.tenth .icon {
					width: 20px;
					margin-left: 5px;
				}
				
			#all-request-view #content td.eleventh {
				width: 27px;
        text-align: center;
        padding-left: 0;
			}
			
			#all-request-view #content td.eleventh .icon {
					width: 25px;
				}
				
      #all-request-view #content td.eleventh div {
          height: 20px;
          width: 20px !important;
          margin: 1px auto 0px;
      }
        
		#all-request-view #content #buttons {
			height: 30px;
		}
		
			#all-request-view #content #buttons #left {
				width: 532px;
				float: left;
			}
			
				#all-request-view #content #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#all-request-view #content #buttons #right {
				width: 290px;
				float: left;
				padding-left: 131px;
			}
			
				#all-request-view #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}
				
				#all-request-view #content #buttons #right #save {
					width: 100px;
					float: left;
				}
				
				#all-request-view #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}
				



/* ---------------------------------- ATTENDANCE SUBORDINATE VIEW HOUR ------------------------------- */				
	#attendance-subordinate-view-hour {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #attendance-subordinate-view-hour {
		width:100%;	
	}

  #attendance-subordinate-view-hour .outofdata td {
		width: 960px;
	}
	
	#main.fullwidth #attendance-subordinate-view-hour .outofdata td {
		width:100%;
	}
	
		#attendance-subordinate-view-hour #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#attendance-subordinate-view-hour #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #attendance-subordinate-view-hour #content {
			margin-left: 10px;
			margin-right: 10px;
		}
		
			#attendance-subordinate-view-hour #content select {
				height: 26px;
			}
		
			#attendance-subordinate-view-hour #content table {
				width:960px;
				border-collapse:collapse;
				table-layout: fixed;
			}
			
			#main.fullwidth #attendance-subordinate-view-hour #content table {
				width:100%;
				table-layout: auto;
				/*max-width: 2048px;*/
				margin-left: auto;
				margin-right: auto;
			}
		
			#attendance-subordinate-view-hour #content thead {
				font-weight: bold;
				font-size: 12px;
			}
			
				#attendance-subordinate-view-hour #content thead tr {
					height: 30px;
				}
				
					#attendance-subordinate-view-hour #content thead tr:hover {
						background-color: #fff;
						height: 30px;
					}
			
				#attendance-subordinate-view-hour #content thead td {
					padding-left: 5px;
					vertical-align: top;
				}
			
			#attendance-subordinate-view-hour #content tfoot {
			}
			
			#attendance-subordinate-view-hour #content tfoot tr {
				height: 30px;
			}
			
				#attendance-subordinate-view-hour #content tfoot tr:hover {
					background-color: #fff;
					height: 30px;
				}
				
			#attendance-subordinate-view-hour #content tfoot td.eleventh a {
				color: #505050;
				text-decoration: underline;	
				font-weight: bold;
			}
				
			#attendance-subordinate-view-hour #content tr {
				height: 50px;
			}
			
				#attendance-subordinate-view-hour #content tr.filter {
					height: 40px;
				}
				
					#attendance-subordinate-view-hour #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
					
				#attendance-subordinate-view-hour #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-hour #content tr.filter .inputnumber {
					width:152px;					
					background: url(../img/inputtext_160.png) no-repeat;
				}
				
				#attendance-subordinate-view-hour #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-hour #content tr.filter .inputname {
					width:242px;					
					background: url(../img/inputtext_250.png) no-repeat;
				}
			
				#attendance-subordinate-view-hour #content td {
					vertical-align: top;
					padding-top: 7px;
				}
			
				#attendance-subordinate-view-hour #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}
			
			#attendance-subordinate-view-hour #content td.first {
				width: 20px;
        padding-left: 0;
        text-align: center;
			}

			#main.fullwidth #attendance-subordinate-view-hour #content td.first {
				width: 40px;
				}

			#attendance-subordinate-view-hour #content td.second {
				width: 63px;
			}

			#main.fullwidth #attendance-subordinate-view-hour #content td.second {
				width: 163px;
			}
			
				#attendance-subordinate-view-hour #content td.second .number {
					width: 60px;
					margin-left:5px;
          			overflow: hidden;
				}

				#main.fullwidth #attendance-subordinate-view-hour #content td.second .number {
					width: 160px;					
				}
				
				#content td.first .xpp, #content td.second .xpp, #content td.name .xpp {
					font-size:10px;
					margin-left:5px;
					white-space:nowrap;
					overflow:hidden;
				}

			#attendance-subordinate-view-hour #content td.third {
				width: 100px;
			}
			
				#attendance-subordinate-view-hour #content td.third .name {
					
					margin-left: 5px;
					font-weight:bold;
					overflow: hidden;
					white-space: nowrap;
				}

			#attendance-subordinate-view-hour #content td.fourth {
				/*width: 160px;
				max-width: 160px;*/
				overflow: hidden;
			}
			
				/*#attendance-subordinate-view-hour #content td.fourth .department {
					width: 155px;
					margin-left: 5px;
					font-size: 11px;
				}*/
				
				#attendance-subordinate-view-hour #content td.fourth .shift {
					width: 155px;
					margin-left: 5px;
				}

			#attendance-subordinate-view-hour #content td.fifth {
				width: 70px;
			}

			#main.fullwidth #attendance-subordinate-view-hour #content td.fifth {
				width: 90px;
			}
			
				#attendance-subordinate-view-hour #content td.fifth .employer {
					width: 65px;
					margin-left: 5px;
				}

				#main.fullwidth #attendance-subordinate-view-hour #content td.fifth .employer {
					width: 85px;					
				}
			
			#attendance-subordinate-view-hour #content td.sixth {
				width: 40px;
			}

			#main.fullwidth #attendance-subordinate-view-hour #content td.sixth {
				width: 80px;
			}

				#attendance-subordinate-view-hour #content td.sixth .request {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

				#main.fullwidth #attendance-subordinate-view-hour #content td.sixth .request {
					width: 30px;					
				}
				
				#attendance-subordinate-view-hour #content td.sixth .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}				
				
				#main.fullwidth #attendance-subordinate-view-hour #content td.sixth .icon {
					width: 30px;					
				}

			#attendance-subordinate-view-hour #content td.seventh, 
      #attendance-subordinate-view-hour #content td.eighth,
      #attendance-subordinate-view-hour #content td.ninth, 
      #attendance-subordinate-view-hour #content td.tenth,
      #attendance-subordinate-view-hour #content td.eleventh,
      #attendance-subordinate-view-hour #content td.twelfth {
				width: 46px;
				text-align: center;
			}
      				
    #attendance-subordinate-view-hour #content tfoot td.eleventh {
      text-align:right;
      padding-right: 10px;
    }
    #attendance-subordinate-view-hour #content tfoot td.sixteenth {
      text-align:left;
    }
			#attendance-subordinate-view-hour #content td.thirteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.thirteenth .finish {
					width: 45px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.fourteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.fourteenth .superior {
					width: 45px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.fifteenth {
				width: 25px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.fifteenth .check {
					width: 20px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.sixteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.sixteenth .accounting {
					width: 45px;
					margin-left: 5px;
				}
				
		#attendance-subordinate-view-hour #content #buttons {
			height: 30px;
		}
		
			#attendance-subordinate-view-hour #content #buttons #left {
				width: 435px;
				float: left;
			}
			
				#attendance-subordinate-view-hour #content #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#attendance-subordinate-view-hour #content #buttons #right {
				width: 290px;
				float: left;
				padding-left: 131px;
			}
			
				#attendance-subordinate-view-hour #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}
				
				#attendance-subordinate-view-hour #content #buttons #right #save {
					width: 100px;
					float: left;
				}
				
				#attendance-subordinate-view-hour #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}

/* ---------------------------------- ATTENDANCE SUBORDINATE VIEW APPROVED ------------------------------- */
	#attendance-subordinate-view-approved {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #attendance-subordinate-view-approved {
		width:100%;
	}

  #attendance-subordinate-view-approved .outofdata td {
		width: 960px;
	}
	
	#main.fullwidth #attendance-subordinate-view-approved .outofdata td  {
		width:100%;
	}

		#attendance-subordinate-view-approved #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}

		#attendance-subordinate-view-approved #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #attendance-subordinate-view-approved #content {
			margin-left: 10px;
			margin-right: 10px;
		}

			#attendance-subordinate-view-approved #content select {
				height: 26px;
			}

			#attendance-subordinate-view-approved #content table {
				width:960px;
				border-collapse:collapse;
				table-layout: fixed;
			}
			
			#main.fullwidth #attendance-subordinate-view-approved #content table {
				width:100%;
				table-layout: auto;
			}

			#attendance-subordinate-view-approved #content thead {
				font-weight: bold;
				font-size: 12px;
			}

				#attendance-subordinate-view-approved #content thead tr {
					height: 30px;
				}

				#attendance-subordinate-view-approved #content thead tr:hover {
					background-color: #fff;
					height: 30px;
				}

				#attendance-subordinate-view-approved #content thead td {
					padding-left: 5px;
				}

			#attendance-subordinate-view-approved #content tfoot {
			}

			#attendance-subordinate-view-approved #content tfoot tr {
				height: 30px;
			}

				#attendance-subordinate-view-approved #content tfoot tr:hover {
					background-color: #fff;
					height: 30px;
				}

			#attendance-subordinate-view-approved #content tfoot td.seventh {
				text-align: right;
			}

				#attendance-subordinate-view-approved #content tfoot td.seventh a {
					font-weight:bold;
					color: #3c3c3c;
          text-decoration:underline;
				}

			#attendance-subordinate-view-approved #content tr {
				height: 50px;
			}

				#attendance-subordinate-view-approved #content tr.filter {
						height: 40px;
					}

						#attendance-subordinate-view-approved #content tr.filter:hover {
							background-color: #fff;
							height: 40px;
						}

				#attendance-subordinate-view-approved #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content tr.filter .inputnumber {
					width:152px;					
					background: url(../img/inputtext_160.png) no-repeat;
				}

				#attendance-subordinate-view-approved #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content tr.filter .inputname {
					width:242px;					
					background: url(../img/inputtext_250.png) no-repeat;
				}

				#attendance-subordinate-view-approved #content td {
					vertical-align: top;
					padding-top: 7px;
				}

				#attendance-subordinate-view-approved #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}

			#attendance-subordinate-view-approved #content td.first {
				width: 20px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.first {
				width: 40px;
			}

				#attendance-subordinate-view-approved #content td.first .magnifier {
					width: 15px;
					margin-left:5px;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td.first .magnifier {
					width: 20px;
					padding-left: 0px;
					text-align: center;
				}

			#attendance-subordinate-view-approved #content td.second {
				width: 65px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.second {
				width: 160px;
			}

				#attendance-subordinate-view-approved #content td.second .number {
					width: 60px;
					margin-left:5px;
				}

			#attendance-subordinate-view-approved #content td.third {
				width: 100px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.third {
				width: auto;
			}

				#attendance-subordinate-view-approved #content td.third .name {

					margin-left: 5px;
					font-weight:bold;
					overflow: hidden;
					white-space: nowrap;
				}

				#attendance-subordinate-view-approved #content td.third .firstname {
					overflow: hidden;
					margin-left: 5px;
				}


			#attendance-subordinate-view-approved #content td.fourth {
				width: 160px;				
				overflow: hidden;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.fourth {
				width: 265px;
			}

				#attendance-subordinate-view-approved #content td.fourth .department {
					width: 155px;
					margin-left: 5px;
					font-size: 11px;
				}

				#attendance-subordinate-view-approved #content td.fourth .shift {
					width: 155px;
					margin-left: 5px;
				}

			#attendance-subordinate-view-approved #content td.fifth {
				width: 72px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.fifth {
				width: 92px;
			}

				#attendance-subordinate-view-approved #content td.fifth .employer {
					width: 67px;
					margin-left: 5px;
				}

			#attendance-subordinate-view-approved #content td.sixth {
				width: 52px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.sixth {
				width: 210px;
			}

				#attendance-subordinate-view-approved #content td.sixth .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td.sixth .approved {
					width: 125px;
					margin-left: 5px;
					float: left;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td.sixth .approved .date {
					float: left;
					width: 60px;
					}

					#main.fullwidth #attendance-subordinate-view-approved #content td.sixth .approved .name {
						clear: left;
						font-size: 11px;
						font-weight:bold;
						overflow:hidden;
						white-space: nowrap;
					}

				#main.fullwidth #attendance-subordinate-view-approved #content td.sixth .time {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

			#attendance-subordinate-view-approved #content td.seventh {
				width: 190px;
			}

			#main.fullwidth #attendance-subordinate-view-approved #content td.seventh {
				width: 210px;
			}

				#attendance-subordinate-view-approved #content td.seventh .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

				#attendance-subordinate-view-approved #content td.seventh .approved {
					width: 125px;
					margin-left: 5px;
					float: left;
				}

					#attendance-subordinate-view-approved #content td.seventh .approved .date {
						float: left;
						width: 60px;
					}

					#attendance-subordinate-view-approved #content td.seventh .approved .name {
						clear: left;
						font-size: 11px;
						font-weight:bold;
						overflow:hidden;
						white-space: nowrap;
					}

				#attendance-subordinate-view-approved #content td.seventh .time {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

				#attendance-subordinate-view-approved #content td.eighth {
					width: 190px;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td.eighth {
					width: 210px;
				}
				
					#attendance-subordinate-view-approved #content td.eighth .icon {
						width: 15px;
						margin-left: 5px;
						float: left;
					}	
					
					#attendance-subordinate-view-approved #content td.eighth .approved {
						width: 125px;
						margin-left: 8px;
						float: left;
					}
					
						
						#attendance-subordinate-view-approved #content td.eighth .approved .date {
							float: left;
							width: 60px;
						}
						
						#attendance-subordinate-view-approved #content td.eighth .approved .name {
							font-weight:bold;
							font-size: 11px;
							clear: left;
							overflow: hidden;
							white-space: nowrap;
						}
					
					#attendance-subordinate-view-approved #content td.eighth .time {
						width: 15px;
						margin-left: 5px;
						float: left;
					}	

			#attendance-subordinate-view-approved #content td.ninth {
				width: 190px;
			}

				#attendance-subordinate-view-approved #content td.ninth .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

				#attendance-subordinate-view-approved #content td.ninth .approved {
					width: 125px;
					margin-left: 5px;
					float: left;
				}

					#attendance-subordinate-view-approved #content td.ninth .approved .date {
						width: 125px;
					}

					#attendance-subordinate-view-approved #content td.ninth .approved .name {

						font-size: 11px;
						font-weight:bold;
						overflow:hidden;
						white-space: nowrap;
					}

				#attendance-subordinate-view-approved #content td.ninth .time {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

		#attendance-subordinate-view-approved #content #buttons {
			height: 30px;
		}

			#attendance-subordinate-view-approved #content #buttons #left {
				width: 285px;
				float: left;
			}

				#attendance-subordinate-view-approved #content #buttons #left #new {
					width: 100px;
					float: left;
				}

			#attendance-subordinate-view-approved #content #buttons #right {
				width: 290px;
				float: left;
				padding-left: 131px;
			}

				#attendance-subordinate-view-approved #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}

				#attendance-subordinate-view-approved #content #buttons #right #save {
					width: 100px;
					float: left;
				}

				#attendance-subordinate-view-approved #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}


/* ---------------------------------- ATTENDANCE SUBORDINATE VIEW COMMENT ------------------------------- */
	#attendance-subordinate-view-comment {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #attendance-subordinate-view-comment {
		width:100%;
	}

  #attendance-subordinate-view-comment .outofdata td {
		width: 960px;
	}
	
	#main.fullwidth #attendance-subordinate-view-comment .outofdata td {
		width:100%;
	}

		#attendance-subordinate-view-comment #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}

		#attendance-subordinate-view-comment #content {
			margin: 10px 0px 10px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #attendance-subordinate-view-comment #content {
			margin-left: 10px;
			margin-right: 10px;
		}

			#attendance-subordinate-view-comment #content select {
				height: 26px;
			}

			#attendance-subordinate-view-comment #content table {
				width:960px;
				border-collapse:collapse;
				table-layout: fixed;
			}
			
			#main.fullwidth #attendance-subordinate-view-comment #content table {
				width:100%;
				table-layout: auto;
			}

			#attendance-subordinate-view-comment #content thead {
				font-weight: bold;
				font-size: 12px;
			}

				#attendance-subordinate-view-comment #content thead tr {
					height: 30px;
				}

				#attendance-subordinate-view-comment #content thead tr:hover {
					background-color: #fff;
					height: 30px;
				}

				#attendance-subordinate-view-comment #content thead td {
					padding-left: 5px;
				}

			#attendance-subordinate-view-comment #content tfoot {
			}

			#attendance-subordinate-view-comment #content tfoot tr {
				height: 30px;
			}

				#attendance-subordinate-view-comment #content tfoot tr:hover {
					background-color: #fff;
					height: 30px;
				}


			#attendance-subordinate-view-comment #content tr {
				height: 50px;
			}

				#attendance-subordinate-view-comment #content tr.filter {
						height: 40px;
					}

						#attendance-subordinate-view-comment #content tr.filter:hover {
							background-color: #fff;
							height: 40px;
						}

				#attendance-subordinate-view-comment #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-comment #content tr.filter .inputnumber {
					width:152px;					
					background: url(../img/inputtext_160.png) no-repeat;
				}

				#attendance-subordinate-view-comment #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #attendance-subordinate-view-comment #content tr.filter .inputname {
					width:242px;					
					background: url(../img/inputtext_250.png) no-repeat;
				}

				#attendance-subordinate-view-comment #content td {
					vertical-align: top;
					padding-top: 7px;
				}
				
				#attendance-subordinate-view-comment #content td.state {
          font-weight:bold;
				}

				#attendance-subordinate-view-comment #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}

			#attendance-subordinate-view-comment #content td.first {
				width: 20px;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td.first {
				width: 40px;
			}

				#attendance-subordinate-view-comment #content td.first .magnifier {
					width: 15px;
					margin-left:5px;
				}

			#attendance-subordinate-view-comment #content td.second {
				width: 63px;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td.second {
				width: 163px;
			}

				#attendance-subordinate-view-comment #content td.second .number {
					width: 60px;
					margin-left:5px;
				}

			#attendance-subordinate-view-comment #content td.third {
				width: 100px;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td.third {
				width: auto;
			}

				#attendance-subordinate-view-comment #content td.third .name {

					margin-left: 5px;
					font-weight:bold;
					overflow: hidden;
					white-space: nowrap;
				}

				#attendance-subordinate-view-comment #content td.third .firstname {
					overflow: hidden;
					margin-left: 5px;
				}


			#attendance-subordinate-view-comment #content td.fourth {
				width: 160px;				
				overflow: hidden;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td.fourth {
				width: 265px;
			}

				#attendance-subordinate-view-comment #content td.fourth .department {
					width: 155px;
					margin-left: 5px;
					font-size: 11px;
				}

				#attendance-subordinate-view-comment #content td.fourth .shift {
					width: 155px;
					margin-left: 5px;
				}

			#attendance-subordinate-view-comment #content td.fifth {
				width: 72px;
			}

				#attendance-subordinate-view-comment #content td.fifth .employer {
					width: 67px;
					margin-left: 5px;
				}

   	#attendance-subordinate-view-comment #content td.thirteenth {
				width: 50px;
				text-align: center;
			}

			#attendance-subordinate-view-comment #content td.fourteenth {
				width: 50px;
				text-align: center;
   }

			#attendance-subordinate-view-comment #content td.fifteenth {
				width: 50px;
				text-align: center;
			}

			#attendance-subordinate-view-comment #content td.nineteenth {
				width: 25px;
				text-align: center;
			}
			
			/*#attendance-subordinate-view-comment #content tfoot td.sixteenth {
			  text-align:right;
			}
			
			#attendance-subordinate-view-comment #content tfoot td.sixteenth a {
				color: #505050;
				text-decoration: underline;
				font-weight: bold;
			}*/

		#attendance-subordinate-view-comment #content #buttons {
			height: 30px;
		}

			#attendance-subordinate-view-comment #content #buttons #left {
				width: 435px;
				float: left;
			}

				#attendance-subordinate-view-comment #content #buttons #left #new {
					width: 100px;
					float: left;
				}

			#attendance-subordinate-view-comment #content #buttons #right {
				width: 500px;
				padding-left: 21px;
				float:left;
			}

			#attendance-subordinate-view-comment #content #buttons #right .anybutton {
			  float:left;
			}

				#attendance-subordinate-view-comment #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}

				#attendance-subordinate-view-comment #content #buttons #right #save {
					width: 100px;
					float: left;
				}

				#attendance-subordinate-view-comment #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}
				
				#attendance-subordinate-view-comment #content td.sixteenth, #attendance-subordinate-view-comment #content td.seventeenth {
					width: 50px;
					text-align: center;
				}
				
				
				
				
				
				
				
				
				
				
				
				

				
				
      #attendance-subordinate-view-comment #content tr.filter td span.comfilter select, #attendance-subordinate-view-comment #content tr.filter td span.comfilter span {
					width:52px;
				}

				#attendance-subordinate-view-comment #content tr.filter div.comfltico {
				  position:absolute;
				  top:6px;
				  left:8px;
				  width:16px;
				  height:16px;
				  background: url(../img/filter.png) no-repeat;
          /*z-index: 100;*/
          cursor:pointer;
				}

				#attendance-subordinate-view-comment #content tr.filter div.comfltico.enabled {
					background-position:0px -16px;
				}

				
				
				
				
				
				
				
				
				
				
				
				
				#main.fullwidth #attendance-subordinate-view-comment #content td.eighteenth {
					width:400px;
				}
				
				
				
				#attendance-subordinate-view-comment #content td.eighteenth div.mnote {
				  /*height:22px;*/
          /*overflow: scroll;*/
				  width:324px;
					white-space:normal;
					padding-bottom:4px;
				}

				#main.fullwidth #attendance-subordinate-view-comment #content td.eighteenth div.mnote {					
					width:396px;					  
				  }
				
				#attendance-subordinate-view-comment #content td.eighteenth div.mnote.statuses {
				  width:220px;
				}

				#main.fullwidth #attendance-subordinate-view-comment #content td.eighteenth div.mnote.statuses {
					width:396px;
				  }
				
				#attendance-subordinate-view-comment #content td.eighteenth div.mnote span.notespan {
				 	display:block;
				 	width:304px;
				}
				
				#attendance-subordinate-view-comment #content td.eighteenth div.mnote.statuses span.notespan {
					width:200px;
				}

				#main.fullwidth #attendance-subordinate-view-comment #content td.eighteenth div.mnote span.notespan {
					width:376px;
				}
				
				#attendance-subordinate-view-comment #content td.eighteenth div.state {
				  width:50px;
				  height:20px;
					text-align:center;
					float:left;
					/*border-right:1px solid #FFF;
					border-top:1px solid #FFF;*/
					padding-top:4px;
				  /*border:1px solid blue;*/
				}
				
				#attendance-subordinate-view-comment #content table:not(.locked) tr:not(.locked):hover td.eighteenth a.cnote span:not(.filled) {
    background-image: url(../img/message.png);
    background-repeat: no-repeat;
    background-position: 3px, 0px;
}

#attendance-subordinate-view-comment #content tr td.eighteenth .cnote span.filled {
	background-image:url(../img/clip.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

#attendance-subordinate-view-comment #content td.eighteenth div>span {
    display: block;
    position: relative;
}

#attendance-subordinate-view-comment #content td.eighteenth a.cnote {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

#attendance-subordinate-view-comment #content td.eighteenth .cnote span {
	display: block;
	width: 17px;
	height: 17px;
}

#attendance-subordinate-view-comment #content tfoot td.eighteenth {
  text-align: right;
}

#attendance-subordinate-view-comment #content tfoot td.eighteenth a {
	font-weight:bold;
	color: #3c3c3c;
  text-decoration:underline;
}

#dialog61 {
  text-align: left;
}

#pop_fil_warn_div.divlist, #pop_fil_corr_div.divlist {
 float:left;
 height:180px;
 width:240px;
 border:1px solid #59aace;
 margin:2px;
 padding:4px;
 position:relative;
}

#pop_fil_warn_div.divlist .globalswitch, #pop_fil_corr_div.divlist .globalswitch {
	position:absolute;
	bottom:4px;
	left:4px;
	width:230px;
	border-top:1px solid #59aace;
}

#pop_fil_warn_div.divlist ul li, #pop_fil_corr_div.divlist ul li {
	height:22px;
	margin-right:10px;
}

#pop_fil_global {
	margin-left:6px;
}

/* ---------------------------------- PRESENCE VIEW ------------------------------- */

  #presence-view {
		width: 960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 0px;
	}
	
	#main.fullwidth  #presence-view {
		width:100%;
	}

		#presence-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}

		#presence-view #content {
			margin: 10px 0px 4px 0px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #presence-view #content {
			margin-left: 10px;
			margin-right: 10px;
		}

			#presence-view #content select {
				height: 26px;
			}

			#presence-view #content table {
				width:960px;
				border-collapse:collapse;
				table-layout: fixed;
			}
			
			#main.fullwidth  #presence-view #content table {
				width:100%;
				table-layout: auto;
			}
			
			#presence-view tr#toprequestshead td div {
		    padding-left:8px;
		  }
		  
		  #presence-view .filterpp {
		  	height:30px;
			float: right;
		  }
		  
		  #presence-view .filterpp .filterpphead {
				    font-weight: bold;
				    font-size: 12px;
				    width:250px;
				    float:left;
				    text-align:right;
				    margin-right:8px;
			}
		  
		  
		  	#presence-view .filterpp .open {
					width: 140px;
					float: left;
					font-size: 12px;
					/*padding-top: 6px;*/
				}
				
				#presence-view .filterpp .icon {
					width: 20px;
					height:30px;
					margin-left: 5px;
					float:left;
				}
					#presence-view .filterpp .open .icon {
						width:26px;
					}
						
				
				
				

			#presence-view #content thead {
				font-weight: bold;
				font-size: 12px;
			}

				#presence-view #content thead tr {
					height: 30px;
				}

					#presence-view #content thead tr:hover {
						background-color: #fff;
						height: 30px;
					}

				#presence-view #content thead td {
					padding-left: 5px;
					vertical-align: top;
				}

			#presence-view #content tfoot {
			}

			#presence-view #content tfoot tr {
				height: 30px;
			}

				#presence-view #content tfoot tr:hover {
					background-color: #fff;
					height: 30px;
				}

			/*#presence-view #content tfoot td.eleventh a {
				color: #505050;
				text-decoration: underline;
				font-weight: bold;
			}*/

			#presence-view #content tr {
				height: 50px;
			}

				#presence-view #content tr.filter {
					height: 40px;
				}

					#presence-view #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}

				#presence-view #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}

				#main.fullwidth #presence-view #content tr.filter .inputnumber {
					width:152px;					
					background: url(../img/inputtext_160.png) no-repeat;
				}

				#presence-view #content tr.filter .inputname {
					width:72px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_80.png) no-repeat;
				}

				#main.fullwidth #presence-view #content tr.filter .inputname {
					width:242px;					
					background: url(../img/inputtext_250.png) no-repeat;
				}
				
				#presence-view #content tr.filter .bigger .inputname {
					width:212px;
					background: url(../img/inputtext_210.png) no-repeat;
				}

				#presence-view #content td {
					vertical-align: top;
					padding-top: 7px;
				}

				#presence-view #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}

			#presence-view #content td.first {
				width: 20px;
        padding-left: 0;
        text-align: center;
			}
			
			#main.fullwidth #presence-view #content td.first {
				width: 40px;
			}

			#presence-view #content td.second {
				width: 63px;
			}

			#main.fullwidth #presence-view #content td.second {
				width: 163px;
			}

				#presence-view #content td.second .number {
					width: 60px;
					margin-left:5px;
          overflow: hidden;
				}

				#main.fullwidth #presence-view #content td.second .number {
					width: 160px;					
				}				

			#presence-view #content td.third {
				width: 100px;
			}

			#main.fullwidth #presence-view #content td.third {
				width: auto;
			}
			
			#presence-view #content td.third.bigger {
				width: 220px;
			}

				#presence-view #content td.third .name {
					margin-left: 5px;
					font-weight:bold;
					overflow: hidden;
					white-space: nowrap;
				}
				
				#presence-view #content td.third .firstname {
					margin-left: 5px;
					font-size: 11px;
					overflow: hidden;
					white-space: nowrap;
				}

			#presence-view #content td.fourth {
				width: 160px;				
				overflow: hidden;
			}

			#main.fullwidth #presence-view #content td.fourth {
				width: 265px;
			}
			
			#presence-view #content td.fourth.bigger {
				width: 310px;
			}
			
			#presence-view #content td.fourth.bigger.plan {
			  width:200px;
			}

				#presence-view #content td.fourth .department {
					width: 155px;
					margin-left: 5px;
					font-size: 11px;
				}

				#main.fullwidth #presence-view #content td.fourth .department {
					width: 260px;
				}

				#presence-view #content td.fourth .shift {
					width: 155px;
					margin-left: 5px;
				}

				#main.fullwidth #presence-view #content td.fourth .shift {
					width: 260px;
					margin-left: 5px;
				}

			#presence-view #content td.fifth {
				width: 70px;
			}

			#main.fullwidth #presence-view #content td.fifth {
				width: 90px;
			}

				#presence-view #content td.fifth .employer {
					width: 65px;
					margin-left: 5px;
				}
			
				#main.fullwidth #presence-view #content td.fifth .employer {
					width: 85px;
				}
				
				
			#main.fullwidth #presence-view #content td.sixth {
				width: 220px;
			}
			
			#presence-view #content td.seventh {
				width: 54px;
				vertical-align:middle;
			}

			#main.fullwidth #presence-view #content td.seventh {
				width: 80px;
			}

			#presence-view #content table tbody tr:not(:hover):not(.filter) td.seventh {
				border-left: 1px solid #e0d0c0;
			}
			
			#presence-view #content td.seventh img {
				vertical-align:middle;
			}
			
			#presence-view #content #topaccounts td.seventh {
				text-align:center;
			}
			
			#presence-view #content tr.filter td.seventh {
          vertical-align: initial;
			}
			
			#presence-view #content td.eighth {
				width: 150px;
				vertical-align:middle;
			}

			#presence-view #content tr.filter td.eighth span {
			  /*width:60px;*/
			  overflow:hidden;
        white-space: nowrap;
			}
			
				#presence-view #content tr.filter td.eighth {
			  	vertical-align: initial;
			}
			
			#presence-view #content td.eighth img {
			  /*margin-top:20px;*/
			  width:24px;
			  height:24px;
			  vertical-align:middle;
			}

			#main.fullwidth #presence-view #content td.ninth {			
				width: 160px;
			}
			
			#presence-view #content td.tenth {
				width: 80px;
				overflow:hidden;
			}

			#main.fullwidth #presence-view #content td.tenth {
				width: 200px;				
			}
			
			#presence-view #content tr.filter #datetimeval {
					width:156px;
					height:26px;
					font-size:12px;
					padding: 5px 5px 0px 5px;
				  background: url(../img/inputtext_160.png) no-repeat;
				}
				
				#presence-view #content tr.filter #datetimeval.plan {
				  width:106px;
					background: url(../img/inputtext_110.png) no-repeat;
				}
				
				#presence-view #content tr.filter #datetimeval img {
					/*width:172px;*/
					/*height:26px;
					font-size:12px;
					padding: 5px 5px 0 5px;
					background: url(../img/inputtext_160.png) no-repeat;*/
					float:right;
					margin-right:8px;
					margin-top:4px;
					cursor:pointer;
				}
				
				#presence-view #content #presencesums tr {
				  background:#ddd;
				  /*padding-bottom:4px;*/
				  /*height:40px;*/
          /*line-height:2.4em;
          padding-top:4px;*/
          /*vertical-align: middle;*/
          /*text-align:right;*/
          height:28px;
				}
				
				#presence-view #content #presencesums td.sum {
				  /*float:left;*/
					width:140px;
					/*height:24px;*/
					font-size:12px;
					/*line-height:2.4em;*/
					/*padding: 5px 5px 0 5px;*/
					/*background: url(../img/inputtext_160.png) no-repeat;*/
					padding-top:2px;
					padding-left:8px;
					border-left:1px solid #fff;
					vertical-align: middle;
					/*border-bottom:1px solid #fff;*/
				}

				
				#presence-view #content #presencesums span {
				  font-weight:bold;
				  /*border:none;*/
				  /*vertical-align:top;*/
				  
				}
				
				
		#dialog110 #calendarpop {
		  /*width:auto;
		  height:220px;*/
			text-align:center;
		}
				
	

	
	
/* ---------------------------------- CUSTOM VIEW ------------------------------- */				
	#custom-view {
		width:960px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
		margin-bottom: 30px;
	}
	
	#main.fullwidth #custom-view {
		width:100%;
	}

  	#custom-view .outofdata td {
		width: 960px;
	}
	
	#main.fullwidth #custom-view .outofdata td {
		width:100%;
	}
	
		#custom-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#custom-view #content {
			margin: 10px auto 10px auto;
			color: #3c3c3c;
			font-size: 12px;
			/*padding-left:10px;
			padding-right:10px;*/					
		}
		
			#custom-view #content select {
				height: 26px;
			}
			
			#custom-view #content table#topaccountshead {
				/*width:auto;*/
				width:100%;
				/*margin-left:10px;
				margin-right:10px;*/
				
				
				/*background:lime;*/
			}
			
			#custom-view #content #topaccountshead-sticky-wrapper.sticky-wrapper {				
				/*width:100%;*/
				/*margin-left:10px !important;
				margin-right:10px !important;*/
				/*margin-right:auto;*/				
			}
			
			#custom-view #content .sticky-wrapper table#topaccountshead {				
				/*width:100%;*/
				/*margin-left:0px;
				margin-right:0px;*/				
			}
		
			#custom-view #content table {
				/*width:960px;*/
				width:100%;
				
				border-collapse:collapse;
				table-layout: fixed;
				
				margin-left:auto;
				margin-right:auto;
				
				/*margin-left:10px;
				margin-right:10px;*/
			}
			
			/*#main.fullwidth #custom-view #content table {
				width:100%;
				
				margin-left:10px;
				margin-right:10px;
			}*/
		
			#custom-view #content thead {
				font-weight: bold;
				font-size: 12px;
			}
			
				#custom-view #content thead tr {
					height: 30px;
				}
				
					#custom-view #content thead tr:hover {
						background-color: #fff;
						height: 30px;
					}
			
				#custom-view #content thead td {
					padding-left: 5px;
					vertical-align: top;
				}
			
			#custom-view #content tfoot {
			}
			
			#custom-view #content tfoot tr {
				height: 30px;
			}
			
				#custom-view #content tfoot tr:hover {
					background-color: #fff;
					height: 30px;
				}
				
			/*#custom-view #content tfoot td.eleventh a {
				color: #505050;
				text-decoration: underline;	
				font-weight: bold;
			}*/
				
			#custom-view #content tr {
				height: 50px;
			}
			
				#custom-view #content tr.filter {
					height: 40px;
				}
				
					#custom-view #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
					
				#custom-view #content tr.filter .inputnumber {
					width:52px;
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_60.png) no-repeat;
				}
				
				#custom-view #content tr.filter .custviewdivinput {
					position:relative;
				}							
				
				#custom-view #content tr.filter .custviewinput {					
					height:26px;
					font-size:11px;
					padding: 0 5px 0 5px;
					background: url(../img/inputtext_nolimit.png) no-repeat;					
				}
				
				#custom-view #content tr.filter .custviewdivinput div.custviewinputx {
					position:absolute;
					top:0px;
					right:2px;
					width:26px;
					height:26px;
					cursor:pointer;
					background: url(../img/x-del.png) no-repeat;
					background-position: center;	
					display:none;
				}
				
				#custom-view #content tr.filter .custviewdivinput div.custviewinputx.showx {
					display:block;
				}
			
				#custom-view #content td {
					vertical-align: top;
					padding-top: 7px;
				}
				
				#custom-view #content td.centered {
					text-align:center;
				}
				
				#custom-view #content td.centered div.check0, #custom-view #content td.centered div.check1 {
					margin-left:auto;
					margin-right:auto;
				}
			
				#custom-view #content tr:hover {
					height: 50px;
					background-color: #d8dfea;
				}

			
			/*#custom-view #content td.first {
				width: 20px;
        padding-left: 0;
        text-align: center;
			}
			
				#custom-view #content td.first .magnifier {
					
				}

			#attendance-subordinate-view-hour #content td.second {
				width: 63px;
			}
			
				#attendance-subordinate-view-hour #content td.second .number {
					width: 60px;
					margin-left:5px;
          overflow: hidden;
				}
				
				#content td.first .xpp, #content td.second .xpp, #content td.name .xpp {
					font-size:10px;
					margin-left:5px;
					white-space:nowrap;
					overflow:hidden;
				}

			#attendance-subordinate-view-hour #content td.third {
				width: 100px;
			}
			
				#attendance-subordinate-view-hour #content td.third .name {
					
					margin-left: 5px;
					font-weight:bold;
					overflow: hidden;
					white-space: nowrap;
				}

			#attendance-subordinate-view-hour #content td.fourth {
				width: 160px;
			}
			
				#attendance-subordinate-view-hour #content td.fourth .department {
					width: 155px;
					margin-left: 5px;
					font-size: 11px;
				}
				
				#attendance-subordinate-view-hour #content td.fourth .shift {
					width: 155px;
					margin-left: 5px;
				}

			#attendance-subordinate-view-hour #content td.fifth {
				width: 70px;
			}
			
				#attendance-subordinate-view-hour #content td.fifth .employer {
					width: 65px;
					margin-left: 5px;
				}
			
			#attendance-subordinate-view-hour #content td.sixth {
				width: 40px;
			}
				#attendance-subordinate-view-hour #content td.sixth .request {
					width: 15px;
					margin-left: 5px;
					float: left;
				}
				
				#attendance-subordinate-view-hour #content td.sixth .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

			#attendance-subordinate-view-hour #content td.seventh, 
      #attendance-subordinate-view-hour #content td.eighth,
      #attendance-subordinate-view-hour #content td.ninth, 
      #attendance-subordinate-view-hour #content td.tenth,
      #attendance-subordinate-view-hour #content td.eleventh,
      #attendance-subordinate-view-hour #content td.twelfth {
				width: 46px;
				text-align: center;
			}
      				
    #attendance-subordinate-view-hour #content tfoot td.eleventh {
      text-align:right;
      padding-right: 10px;
    }
    #attendance-subordinate-view-hour #content tfoot td.sixteenth {
      text-align:left;
    }
			#attendance-subordinate-view-hour #content td.thirteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.thirteenth .finish {
					width: 45px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.fourteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.fourteenth .superior {
					width: 45px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.fifteenth {
				width: 25px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.fifteenth .check {
					width: 20px;
					margin-left: 5px;
				}
				
			#attendance-subordinate-view-hour #content td.sixteenth {
				width: 50px;
				text-align: center;
			}
			
				#attendance-subordinate-view-hour #content td.sixteenth .accounting {
					width: 45px;
					margin-left: 5px;
				}*/
				
		#custom-view #content #buttons {
			height: 30px;
			width: 960px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		
		#main.fullwidth #custom-view #content #buttons {
			width:100%;
		}
		
			#custom-view #content #buttons #left {
				width: 730px;
				float: left;
			}
			
				#custom-view #content #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#custom-view #content #buttons #right {
				width: 200px;
				float: left;
				padding-left: 21px;
			}
			
			#custom-view #content #buttons #right .anybutton {
			   float: left;    
			   margin-left:4px;
			}
			
			#custom-view #content #buttons #right .custview_rowcounter {
					width: 100px;
					float: left;
				}
			
				#custom-view #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}
				
				#custom-view #content #buttons #right #save {
					width: 100px;
					float: left;
				}
				
				#custom-view #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
				
				
/* ---------------------------------- help ------------------------------- */
	#show {
		text-align: right;
		font-size: 12px;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom:10px;
		padding-right:30px;
	}
	
		#show a {
			color: #c2c81c;
			text-decoration: underline;
		}
	
	#help {
		width: 960px;
		border-top: 1px solid #c2c81c;
		background-image:url(../img/background-information.png);
		background-repeat:repeat-x;
		margin-bottom: 10px;
	}
	
	#main.fullwidth #help {
		width:100%;
	}	
		
		#help #title {
			color: #c2c81c;
			margin-top:-30px;
			padding-left: 30px;
		}
	
		#help #helpcontent {
			margin: 0px 30px 0px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}
		
		#help #hide {
			margin: 0px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
			text-align:right;
		}
		
			#help #hide a {
				color: #c2c81c;
				text-decoration: underline;
			}
		
	   .more {
	      display: none;
	   }
   


/* ---------------------------------- footer ------------------------------- */	
#footer {
	height:60px;
	margin:-60px auto 0;
	background-color: #ededed;
	color: #3c3c3c;
	}

	#footer-content {
		width:960px;
		margin:0 auto;
		text-align: left;
		padding-top: 10px;
	}
	
	#main.fullwidth #footer-content {
		width:100%;
	}
	
		#footer-content #left {
			width: 320px;
			float: left;	
			text-align: left;
		}
		
		#footer-content #middle {
			width: 320px;
			float: left;	
			text-align: center;
		}
		
		#footer-content #right {
			width: 320px;
			float: left;	
			text-align: right;
		}
		
			#footer-content #right select {
				width: 100px;
				height: 26px;
			}
			
			
			
/* ---------------------------------- login ------------------------------- */	
#logo {
	/*margin-top:50px;*/
}
	
	#logo #firm {
		margin-top:10px;
		height: 26px;
	}
	
	#logo #firm select {
		height: 26px;
	}

#login {
	width: 400px;
	height:230px;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

	#login #header {
		height: 35px;
		text-align: center;
		background-color: #1c7abf;
		color: #fff;
		font-size:16px;
		font-weight: bold;
		padding-top: 8px;
	}
	
	#login #content {
		height: 170px;	
	}
	
	#login #content #name {
		height:35px;
		margin-left: 50px;
		margin-top: 20px;
	}

  #login #content #rftext {
    text-align: center;
	}
	
	
#login #content #adautologout {
    text-align: center;
    height: 118px;
}

  #login #content #rf {
    height:0px;
		width:0px;
		position:absolute;
		left:5000px;
		top:5000px;
	}
	
		#login #content #name #text {
			width: 125px;
			height:30px;
			float:left;
		}
		
		#login #content #name #field {
			width: 150px;
			height:30px;
			float:left;
		}
		
		#login #content #name #field input {
			width:142px;
			height:26px;
			font-size:11px;
			padding: 0 10px 0 10px;
			background: url(../img/inputtext_160.png) no-repeat;
		}
	
	#login #content #password {
		height:40px;
		margin-left: 50px;
	}
	
		#login #content #password #text {
			width: 125px;
			height:30px;
			float:left;
		}
		
		#login #content #password #field {
			width: 150px;
			height:30px;
			float:left;
		}
		
		#login #content #password #field input {
			width:142px;
			height:26px;
			font-size:11px;
			padding: 0 10px 0 10px;
			background: url(../img/inputtext_160.png) no-repeat;
		}
	
	#login #content #remind {
		margin-top:10px;
		margin-left: 140px;
	}
	
		#login #content #remind a {
			font-size: 12px;
			font-weight: bold;
			color: #505050;
			text-decoration: underline;
	}
	
	#login #info {
		font-size: 12px;
		margin-top: 25px;
	}
	



/* ---------------------------------- pass ------------------------------- */	
#pass {
	width: 400px;
	height:160px;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

	#pass #header {
		height: 35px;
		text-align: center;
		background-color: #1c7abf;
		color: #fff;
		font-size:16px;
		font-weight: bold;
		padding-top: 8px;
	}
	
	#pass #content {
		height: 100px;	
	}
	
	#pass #content #mail {
		height:35px;
		margin-left: 50px;
		margin-top: 20px;
	}
	
		#pass #content #mail #text {
			width: 125px;
			height:30px;
			float:left;
		}
		
		#pass #content #mail #field {
			width: 150px;
			height:30px;
			float:left;
		}
		
		#pass #content #mail #field input {
			width:142px;
			height:26px;
			font-size:11px;
			padding: 0 10px 0 10px;
			background: url(../img/inputtext_160.png) no-repeat;
		}
	
	#pass #content #remind {
		margin-top:10px;
		margin-left: 140px;
	}
	
		#login #content #remind a {
			font-size: 12px;
			font-weight: bold;
			color: #505050;
			text-decoration: underline;
	}
	
	#pass #info {
		font-size: 12px;
		margin-top: 25px;
	}
	



/* ---------------------------------- no login ------------------------------- */
#nologin {
	margin-top: 50px;
}

/* ----------------------------------- other ---------------------------------- */
.hand {
	cursor:pointer;
}


/* ------------------------------------ Konfigurace ---------------------------- */
#configdiv {
	width:400px;
}
.configtitle, .setuptitle {
	color:white;
	height:70px;	
	text-align:center;
	font-size:48px;
}

.setuptitle.info {
	font-size:26px;
}

.configtitle.cm2 {
	height:72px;
}

#configcontent table, #setupcontent table {
	width:960px;
  border-collapse:collapse;
	table-layout: fixed;
}

#setupcontent table {
	width:600px;
	margin-top:20px;
}

#main.fullwidth #configcontent table {
	width:100%;
}

#configcontent table td.co {
	width:100px;
}

#setupcontent table td.so {
	width:300px;
}


#configcontent td, #setupcontent td {
	 border-bottom:1px solid #ccc;
	 border-left:1px solid #ccc;
	 padding:2px 6px;
	 position:relative;
}

#configcontent select, #configcontent input, #setupcontent select, #setupcontent input {
  	 border:1px solid #ddd;
		 padding:1px;
}

#configcontent .ispan, #setupcontent .ispan {
	background-image: url(../img/message.png);
  background-repeat: no-repeat;
}

.manuallyconfigured {
	background:#fbff9a;
}

#configmenu, .moduledirecion, .moduledefault {
	width:460px;
	height:36px;
	margin:4px;
	float:left;
}

.moduledefault {
	float:right;
}

.moduledirecion div {
	float:left;
}

.cstyle0, .cstyle0x {
	background:#eee;
  font-style: italic;
	color:#aaa;
}

.cstyle2 {
	color:blue;
  /*background-color:#dedede;*/
  background-color:paleturquoise;
}

.cstyle3 {
	color:red;
  /*background-color:#dedede;*/
  background-color:lightpink;
}

.cstyle4 {
	font-weight: bold;
	font-size:16px;
}

.cstyle0 select, .cstyle0 input, .cstyle0x select, .cstyle0x input {
  font-style: italic;
	color:#aaa;
}

.cbad {
	color:red;
}

.cok {
	color:green;
}

.tryconnect {
	/*background-image:url("../GRAPHICS/staticload.gif");*/
	width:50px;
	height:50px;
	display:none;
	position:absolute;
	right:8px;
	top:8px;
}

.disconnected {
	background-color:red;
	color:white;
}

.connected {
	background-color:green;
	color:white;
}

#test_result div {
	display:none;
}

#test_result.showerror div {
	display:block;
}

#test_result a, #test_result a:hover {	
	color: white;
}

.chelprow, .shelprow, .shelprow2, .shelprow3 {
	display:none;
  font-size:20px;
  cursor:help;
	color:steelblue;
}

.shelprow2 {
	display:table-row;
}

.shelprow3 {
		font-size:14px;
		color:black;
}

.chelpico, .shelpico {
	background-image: url(../img/X.png);
  background-repeat: no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	right:4px;
	top:4px;
	cursor:pointer;
}


.tisktext {
  font-size:12px;
  color:#2e6e9e;
}

#pctouter {
	margin-top:6px;
	margin-left:20%;
	margin-right:20%;
	text-align:center;
	width:auto;
	height:40px;
	border-width:1px;
	border-style:solid;
	text-align:left;
}

#pctinner {
	margin-left:0px;
	margin-right:auto;
	width:1px;
 	height:40px;
 	text-align:left;
 	background-color:#2e6e9e;
}

#pctnum {
	margin-top:6px;
	font-size:20px;
}

#pctbar2, #pctbar3 {
/*	display:none;*/
}