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;
	}


body.widebody {
	background-image: none;	
	background: none;
}	

.mailapprovediv {
	margin-left: auto;
	margin-right:auto;
	margin-top:40px;
	font-weight: normal;
    color: #999;
}

#wide_root {		
	position: relative;
	/*width: 100vh;*/
	background-color: white;
}

#wide_menu {		
	position:absolute;
	width: 240px;	
	left:0px;
	/*top:32px;	*/		
	top:63px;
	height: calc(100vh - 96px);
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #1B324A;
}

#menu.widemenu {
	height:auto;		
	width: 240px;
	font-variant: small-caps;
}

#wide_root.compact #wide_menu::-webkit-scrollbar {
	display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  #wide_root.compact #wide_menu {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }

.startpage #wide_menu {		
	top:62px;
	border-top:1px solid white;
}

#wide_root.compact #wide_menu {		
/*	width:34px;*/
	width:42px;
}

/*#wide_menu.nolang {		
	height: calc(100vh - 222px);
}*/

#wide_root #companyname, #wide_root #companyname0 {
	height: 24px;
	/*padding-left: 10px;*/
	font-weight: normal;
	font-size: 2.2em;
	float: none;
	display: inline;
}

#wide_root #compactmenuoption {		
	position:absolute;	
	left:0px;
	width: 240px;	
	top: calc(100vh - 34px);		
	height:34px;
	overflow: hidden;	
	background-color: #1B324A;
}

#wide_root.compact #compactmenuoption {		
	/*width:34px;*/
	width:42px;
}

#wide_root #compactmenuarrow {
	width:34px;
	height:34px;	
	/*background-color: lime;*/
	cursor: pointer;	
	/*background-image:url(../img/arrow-l-ico-white.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

#wide_root #compactmenuarrow img {
	width: 20px;
	height: 20px;	
	position: absolute;
	top: 6px;
	left: 10px;
}

#wide_root #compactmenuarrow .icor, #wide_root.compact #compactmenuarrow .icol {
	display: none;
}

#wide_root #compactmenuarrow .icol, #wide_root.compact #compactmenuarrow .icor {
	display: block;
}

#wide_root.compact #compactmenuarrow {	
	/*background-image:url(../img/arrow-r-ico-white.png);*/
}

/*#wide_root #footer.nolang {	
	top: calc(100vh - 32px);	
}*/

#wide_root #adventcopydiv {		
	color: white;		
	position: absolute;
	bottom:20px;
	right: 6px;	
	font-size: 1.2em;
}

#wide_root #adventcopydiv img {		
	width: 17px;
	height: 17px;
	vertical-align: text-bottom;
}

#wide_root #adventcopydiv span.adventtitle {		
	/*font-size: 1.2em;	*/
	line-height: 28px;
}

#wide_root #versioninfodiv {		
	position:absolute;	
	bottom:4px;
	right: 6px;
	height: 20px;	
	font-size: 1.2em;
}

#wide_root #versioninfodiv img {
	vertical-align: text-bottom;
	width: 20px;
	height: 20px;
}

#wide_content {	
	position:absolute;	
	left:240px;
	/*top:32px;			*/
	top: 62px;
	height: calc(100vh - 62px);
	/*height: 100vh;*/
	overflow: auto;
	width: calc(100% - 240px);		
	background-color: white;
	z-index: 1;
}

#main.fullwidth #wide_content #month-sumarization #content, #wide_content #summary-account-view #content, #wide_content #commission-subordinate-week #content, #wide_content #month-summarization-request #content, #wide_content #month-calendar #content, #wide_content #month-calendar0 #content, #wide_content #month-calendar1 #content, #wide_content #account-subordinate-view #content, #wide_content #account-subordinate-view-edit #content, #wide_content #year-summarization-request #content, #wide_content #all-request-view #content, #wide_content #attendance-subordinate-view-hour #content, #wide_content #attendance-subordinate-view-approved #content, #wide_content #attendance-subordinate-view-comment #content, #wide_content #attendance-subordinate-view-all #content, #wide_content #detail-view #content, #wide_content #attendance-subordinate-week #content, #wide_content #geco-week #content, #wide_content #gsupports-view #content, #wide_content #gplanconfirm-view #content, #wide_content #gecobank-view-hour #content, #wide_content #groupplan #content, #wide_content #month-doch #content, #wide_content #progress-view-list #content, #wide_content #progress #content, #wide_content #progress-topinfo #content, #wide_content #travelorders #content, #wide_content #zpkontrola #content, #main.fullwidth #zpkontrola #content {
	margin-bottom: 10px;
}

#main.fullwidth #wide_content #summary-account-view #content table:not(#accheadtable), #main.fullwidth #wide_content #summary-bank-view #content table:not(#accheadtable), #main.fullwidth #wide_content #summary-week-view #content table:not(#accheadtable), #main.fullwidth #wide_content #summary-plan-view #content table:not(#accheadtable), #main.fullwidth #wide_content #month-summarization-request #content table:not(#topaccountshead), #main.fullwidth #wide_content #account-subordinate-view #content table:not(#topaccountshead), #main.fullwidth #wide_content #account-subordinate-view-edit #content table:not(#topaccountshead), #main.fullwidth #wide_content #all-request-view #content table:not(#topaccountshead), #main.fullwidth #wide_content #attendance-subordinate-view-hour #content table:not(#topaccountshead), #main.fullwidth #wide_content #attendance-subordinate-view-approved #content table:not(#topaccountshead), #main.fullwidth #wide_content #attendance-subordinate-view-comment #content table:not(#topaccountshead), #main.fullwidth #wide_content #attendance-subordinate-view-all #content table:not(#topaccountshead), #main.fullwidth #wide_content #presence-view #content table:not(#topaccountshead):not(#presencesumstab), #main.fullwidth.fullwidthchck #wide_content #zonepresence-view #content table:not(#topaccountshead):not(#presencesumstab), #main.fullwidth.fullwidthchck #wide_content #custom-view #content table:not(#topaccountshead), #main.fullwidth #wide_content #detail-view #content table:not(#dochheadtable), #main.fullwidth #wide_content #attendance-subordinate-week #content table:not(#topaccountshead):not(#topaccountsfoot), #main.fullwidth #wide_content #oldcanteenframediv #week-table-box table#week-table, #main.fullwidth #wide_content .orderSummaryTable, #main.fullwidth #wide_content #travelorders #content table:not(#topaccountshead), #main.fullwidth #wide_content #zpkontrola #content table:not(#topaccountshead):not(#topaccountsfoot), #main.fullwidth #wide_content #groupplan #content table:not(#topaccountshead) {
	border-spacing: 0 4px;
}

#wide_content #pwkform {
	background-color: white;
}

#wide_root.compact #wide_content {	
	/*left:34px;
	width: calc(100% - 34px);		*/
	left: 42px;
	width: calc(100% - 42px);
}

/*.sticky-wrapper.sticky, .sticky-wrapper.is-sticky {
	z-index: 2000;
}*/

.css_sticky {
	position: sticky;
	top:0px;
}

div:not(#content-header).css_sticky {	
	border-bottom: 1px solid #59aace;
}

.css_sticky2 {	
	top:30px;
}

#wide_content .css_sticky {	
	top:42px;	
	/*top:30px;*/
}

#wide_content #employee.css_sticky {	
	top:0px;	
}

#wide_content .css_sticky2 {	
	top:42px;
	/*top: 30px;*/
}

/*.sticky_z_index {
	z-index: 2000;
}*/

/*#widetable {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#widetable td {
	vertical-align: top;
}*/

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;
}	

#login.hascaptcha #loginform {
	height: 220px;
}

#pass.hascaptcha #loginform {
	height: 200px;
	position: relative;
}

#loginform.customview {
	width:960px;
}

.fullwidthchck #loginform.customview {
	width:100%;
}

#main.fullwidth #loginform:not(.customview) {
	height: 150px;
}

#main.fullwidth #pass.hascaptcha #loginform {
	height: 200px;
}

#main.fullwidth #login.hascaptcha #loginform {
	height: 220px;
}

#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;
}

#wide_menu .cleaner.cl2 {
	clear:none;
	display: none;
}
	
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;
	}

	/*#wide_topmenu #head.cmh2 {	*/
	#wide_root #head.cmh2 {	
		height:auto;
		/*background-color: #1c7abf;
		
		width:100%;*/
		
	}

	#head-up {
		height:30px; 
		margin-bottom: 20px;
		padding-top: 10px;
		font-weight: bold;
		}

	#wide_root #head-up {		
		padding-top: 6px;
	}
		
	#head-up.slide {		
		margin-bottom:2px;
		width:960px;
		height:20px;
		background:#fff;
	}

	#wide_root #head-up.slide {				
		height:56px;		
	}

	/*#wide_topmenu #head-up.slide {				*/
	#wide_root #head-up.slide {				
		width:100%;
		background-color:#1B324A;		
		text-align: center;
		/*height:auto;*/
	}

	#wide_root #slide_menu_wide {				
		position:absolute;
		top:0px;
		left:0px;
		width: calc(100vw);
		z-index: 10;
		/*height:auto;*/
	}
	
	/*#main.fullwidth #head-up.slide {
		width:100%;
	}*/
	
	#head-up.slide .left, #head-up.slide .right a {	
		color:#1c7abf;
	}

	#wide_root #slide_menu_wide #head-up.slide .left {	
		color:white;
	}	
	
	#head-up.slide .left {
		padding-left:16px;
		color:#1c7abf;
	}

	#wide_menu #head-up.slide .left {
		padding-left: 0px;
	}
		
	#head-up.slide .right {
		padding-right:16px;
		color:#1c7abf;
	}
		
			.left {
				float: left;
				color: #fff;
			}
			
			.right {
				float: right;
				color: #fff;
			}

			/*#wide_menu .right {
				float: none;
			}*/
			
				.right a {
					color: #97d7f3;
				}


		#wide_root #head-up.slide .right, #usermenu.oldweb {
			position: absolute;
			float: none;
			border-radius: 8px;
			display: none;
			font-weight: normal;
			font-size: 1.2em;
			text-align: left;
			/*width: 200px;
			height: 400px;*/
			z-index: 10;
			top:52px;
			right: 6px;
			background-color: #fff;	
			border: 1px solid #707070;		
			color: #707070;
			/*padding: 10px;			*/
			padding-right: 0px;
			font-size: 13px;
		}

		#usermenu.oldweb {
			border-radius: 0px;
			top:32px;
			padding:8px;
		}

		#wide_root #head-up.slide .right table { 
			padding-top:8px;
			table-layout: fixed;
			border-bottom: 1px solid #ccc;
		}

		#wide_root #head-up.slide .right table td { 
			overflow: hidden;
			white-space: nowrap;
			padding-left: 8px;			
			padding-right: 8px;
			line-height: 2em;
			vertical-align: middle;
		}

		#wide_root #head-up.slide .right table td a { 
			padding-left:0px;
			padding-right: 0px;
			display: inline;
			font-size: inherit;		
			/*text-decoration: underline;	
			color: #1c7abf;*/
		}

		#wide_root #head-up.slide .right table td span a { 						
			border-top: none;
		}

		#wide_root #head-up.slide .right table td span.fourthspan a { 
			color: #1c7abf;
			text-decoration: underline;
		}

		#wide_root #head-up.slide .right table td span.fourthspan a:hover { 
			color:  red;
		}

		#wide_root #head-up.slide .right table td a:hover { 
			background-color: inherit;
			/*color: red;*/
		}

		#wide_root #head-up.slide .right a, #usermenu.oldweb a {
			display: block;
			/*font-size: 0.8em;*/
			line-height: 2em;
			color:#000;
			text-decoration: none;
			padding-left: 8px;
			padding-right: 8px;
			font-weight: normal;
			/*border-top: 1px solid #ccc;*/
		}

		#wide_root #head-up.slide .right a.configmenuitem {
			color:#1C7ABF;
		}

		#head-up.slide .right a.logoutstyle {
			color:red !important;
		}

		#usericodiv, #configicodiv {
			float: right;
			/*color: #fff;*/
			/*font-size: 1.7em;*/
			font-weight: normal;
			margin-right: 4px;
			width: 52px;
			height: 52px;			
			/*border-radius: 18px;*/
			text-align: center;			
			cursor: pointer;
			background-image:url(../img/user-icon.png);
			background-repeat: no-repeat;
			background-position: center center;
		}

		#main.fullwidth #usericodiv, #main.fullwidth #configicodiv {
			background-image:url(../img/3-line-menu-white.png);
		}

		#configicodiv.oldweb {			
			position: absolute;
			right: 0px;
			top:0px;
			float: none;
			background-image:none !important;
			padding: 8px;
			width: 100px;
			height: 54px;
			margin-right: 0px;			
			text-align: right;				
		}
		
		#configicodiv.oldweb img {
			width: 20px;
			height: 20px;						
		}

		/*#usericodiv.col0 {
			background-color: rgb(146, 77, 134);
		}

		#usericodiv.col1 {
			background-color: rgb(62, 53, 134);
		}

		#usericodiv.col2 {
			background-color: rgb(66, 148, 128);
		}

		#usericodiv.col3 {
			background-color: rgb(77, 116, 150);
		}

		#usericodiv.col4 {
			background-color: rgb(176, 114, 114);
		}

		#usericodiv.col5 {
			background-color: rgb(129, 134, 45);
		}

		#usericodiv.col6 {
			background-color: rgb(168, 67, 36);
		}

		#usericodiv.col7 {
			background-color: rgb(124, 82, 37);
		}

		#usericodiv.col8 {
			background-color: rgb(119, 32, 62);
		}

		#usericodiv.col9 {
			background-color: rgb(54, 147, 77);
		}*/

		#wide_root #head-up.slide .right a:hover {			
			/*text-decoration: underline;*/
			background-color: #eee;
		}

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

	#wide_root #head-bottom-superior {		
		font-size: 14px;		
	}
		
	#head-bottom-superior.head2 {
		height:56px;
	}

	/*#wide_topmenu #head-bottom-superior.head2 {*/
	#wide_root #head-bottom-superior.head2 {
		height:58px;
		margin: 0px;
		padding-top: 4px;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 240px;
		z-index: 11;
		/*overflow: hidden;*/
		/*background-color: #1B324A;*/
		border-bottom: 1px solid #fff;
		/*background-image:url(../img/arrow-r.png);
		background-position: 220px 4px;
		background-repeat: no-repeat;*/
		/*color: #1c7abf;*/
	}

	#wide_menu #head-bottom-superior td a {
		/*color: #1c7abf;*/
	}

		#head-bottom-superior #icon {
			width: 28px;
			margin-top:5px;
			float: left;
		}

		/*#wide_topmenu #head-bottom-superior #icon {*/
		#wide_root #head-bottom-superior #icon {
			display: none;
		}
		
		#head-bottom-superior table#header {
			width: 932px;
			float: right;
		}

		#wide_root #head-bottom-superior table#header {
			width: auto;
			float: none;										
		}


		#wide_root #head-bottom-superior table#header td {
			white-space: nowrap;
			position: relative;
			height: 18px;
		}
			
			#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;		
		}

		#wide_root #head-bottom-employee {		
			font-size: 14px;		
		}
		
		#head-bottom-employee.head2 {
			height:56px;
		}	

		#wide_root #head-bottom-employee.head2 {
			height:58px;
			margin: 0px;
			padding-top: 4px;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 240px;
			overflow: hidden;
			background-color: #1B324A;
			border-bottom: 1px solid #fff;
			/*background-image:url(../img/arrow-r.png);
			background-position: 220px 2px;
			background-repeat: no-repeat;*/
		}	
	
			/*#wide_topmenu #head-bottom-superior #icon {*/
			#wide_root #head-bottom-employee #icon {
				/*display: none;*/
				margin-left:8px;
				margin-top:8px;
			}
		
		#head-bottom-employee #icon {
			width: 28px;
			margin-top:5px;
			float: left;
		}
		
		#head-bottom-employee table#header {
			width: 932px;
			float: right;
		}

		#wide_root #head-bottom-employee table#header {
			width: auto;
			float: none;										
		}


		#wide_root #head-bottom-employee table#header td {
			white-space: nowrap;
			position: relative;
			height: 18px;
		}
			
			#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;
		}

		.cssmenu.cssmenu3 {
			float:none;
		}
		
		#cssupmenu {
		  display:none;
		}

		/*#wide_topmenu #cssupmenu {*/
		#wide_root #cssupmenu {
			display:block;			
			float: none;
			/*width: 100%;*/			
		  }

		  
			
			.cssmenu ul, .cssupmenu ul {
				font-weight:bold;
				list-style:none;
			}

			#wide_menu .cssmenu ul, #wide_menu .cssupmenu ul {
				font-size: 1.2em;				
				font-weight: normal;
				/*background-color:#59aace;*/
			}
			
			.cssmenu li, .cssupmenu li {
				width:115px;
				margin-right: 5px;
				float:left;
				background-image:url(../img/background-menu.png);
				display: table;
			}

			#wide_menu .cssmenu li, #wide_menu .cssupmenu li {
				width:auto;
				margin: 0px 0px 1px 0px;
				float:none;
				background-image:none;
				display: block;				
			}
			
			.cssmenu.cssmenu2 li  {
				background-image:url(../img/background-menu2.png);
				height:440px;	
				overflow:hidden;			
			}

			/*#59aace*/

			.cssmenu.cssmenu3 li  {
				float: none;
			}
			
			.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);
				}

				#wide_menu .cssmenu li:hover {					
					background-image:none;
					background-color: white;					
				}
				
				.cssmenu.cssmenu2 li:hover {
					background-image:url(../img/background-menu2.png);
					/*height:440px;*/	
				}

				#wide_menu .cssmenu.cssmenu2 li:hover {
					background-image:none;
					background-color: white;		
				}
				
				.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);
				}

				
				/*#wide_menu .cssmenu li {
					background-color:#1c7abf;
				}*/

				#wide_menu .cssmenu li.current {
					background-color:#29536C;
				}
				
				.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;
				}

				#wide_menu .cssmenu li.current a, #wide_menu .cssupmenu li.current a {
					color:white;
				}

				#wide_menu .cssmenu li.current:hover a, #wide_menu .cssupmenu li.current:hover a {
					color:#29536C;
				}
			
			.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;
			}

			#wide_menu .cssmenu li a, #wide_menu .cssupmenu li a {				
				display:block;				
				height:auto;
				/*max-height:auto;*/
				/*padding: 6px;*/				
				text-align: left;	
				line-height: 2em;
			}
			
			.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 li a:hover, .cssmenu ul li img {			
			filter:grayscale(1);			
			width: 20px;
			height: 20px;
		}

		.cssmenu li a:hover, .cssmenu ul li:hover img {
			filter:hue-rotate(215deg);			
		}*/

		.colorRed,.colorBlue, .colorGreen {filter:grayscale(1);}
		.colorRed:hover,.colorBlue:hover, .colorGreen:hover {filter:grayscale(0);}
		.colorRed img:hover {filter:hue-rotate(0deg);}
		.colorBlue img:hover {filter:hue-rotate(215deg);}
		.colorGreen img:hover {filter:hue-rotate(100deg);}


		#wide_menu .cssmenu li a:hover, #wide_menu .cssmenu ul li:hover a {
			background-image:none;
			background-color: white;
			color:#1B324A;
		}		

		#wide_menu .cssmenu ul li a img {			
			width: 28px;
			height: 28px;
			margin-bottom:3px;
			filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(183deg) brightness(102%) contrast(100%);
			vertical-align: middle;
		}		

		#wide_menu .cssmenu ul li:hover a img {
			/*filter:grayscale(1);			*/
			filter: invert(14%) sepia(62%) saturate(600%) hue-rotate(169deg) brightness(90%) contrast(89%);
		}	
		
		#wide_menu .cssmenu ul li.current:hover a img {
			/*filter:grayscale(1);			*/
			filter: invert(29%) sepia(8%) saturate(3815%) hue-rotate(159deg) brightness(83%) contrast(79%);
		}	
		
		.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%;
	}

	#wide_content #content.widebackground {
		background-color: #E6E8F3;	
		min-height:calc(100vh - 62px);
	}

	#wide_content #content.widebackground.wtclass {
		min-height:calc(100vh - 71px);
	}

	body.widebody .fullwidth #content {
		padding-top: 0px;		
	}

	body.startpage .fullwidth #content {
		padding-top: 0px;		
	}

	#main.fullwidth #content.wtclass {
		/*margin-left:auto;
		margin-right: auto;*/
		width:auto;
		padding-top: 9px;
		background-color: #E6E8F3;
		}
	
/* ---------------------------------- 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: 380px;
			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;
}

.css_sticky_actuallysticked #myshort {
	display:block;	
}

#employee.css_sticky_actuallysticked #nametitle {
	display:none;
  }

  #wide_content #employee.css_sticky_actuallysticked #nametitle {
	display:block;
  }

#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;
}

#calendar #calbut {
	float: right;
}

#calendar #mlock {
	float: right;
}

#calendar #mlock.anybuttonmiddle.notexists:hover {
	background-position: 0px 0px;
}


#calendarpop.popcalendar {
	position: absolute;
	top:50px;
	right:24px;
	
	z-index:2000;
	display:none;
}

/* ---------------------------------- information ------------------------------- */	
	#information {
		width: 960px;
		height: 70px;
		margin-bottom:30px;
		border-top: 1px solid #e9ee5f;
		background-image:url(../img/background-information.png);
	}

	#wide_content #information  {
		border-top: none;
		/*background-color: magenta;*/
		/*background-color: #a0a0a0;*/
		background-image:none;
	}
	
	#main.fullwidth #information {
		width:100%;
	}
	
		#information-content {
			margin: 10px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#wide_content #information-content {			
			/*color: white;*/
			margin: 0px;
			padding: 4px 20px 0px 20px;	
		}

	#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%;
		z-index: 20;
		padding-top:6px;
		padding-bottom: 6px;
	}
	
	/*#employee-sticky-wrapper {
	  border-bottom:1px solid blue;
	}*/
	
		#employee #left {
			width: 450px;
			float: left;
		}

		#employee #left.pnum {
			width: 240px;			
		}

		/*#wide_content #employee.css_sticky_actuallysticked #left {
			width: 540px;
		}*/

		#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;
			}

			#wide_root #employee #number {
				margin-left: 4px;
			}			
			
			#employee #number input {
			  width: 136px;
				border:1px solid white;
				font-size: 17px;
				font-weight: bold;
				text-align: left;
			}

			#wide_root #employee #number, #wide_root #employee #number input, #wide_root #employee #name, #wide_root #employee #name input {
				font-size: inherit;
				height: 26px;
			}

			#wide_root #employee #number, #wide_root #employee #name {
				line-height: 28px;
			}

			#wide_root #employee #number { /*, #wide_root #employee #number input {*/
				text-align: left;				
			}
			
			#employee #number input:hover {
			  border:1px solid #a6c9e2;
			}
			
			#wide_root #sgroup #selectsgview {
				font-weight: bold;
			}

			#wide_root #month #selectmonth {
				font-weight: bold;
			}

			#wide_root #year #selectyear {
				font-weight: bold;
			}
			
/* ---------------------------------- 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%;
		/*background-color: #e8e8e8;*/
		background-image: none;
		padding-bottom: 8px;
		margin-bottom: 0px;
	}
	
		#month-sumarization #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}

		#main.fullwidth #month-sumarization #title {
			margin: 2px;
			text-align: center;
			/*width: 1024px;*/
		}
	
		#month-sumarization #content {
			margin: 10px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#main.fullwidth #month-sumarization #content {
			height: 170px;
			margin: 8px;
			/*background-color: #e8e8e8;*/
		}

		#main.fullwidth #month-sumarization.double #content {
			height: 354px;
			margin-left: auto;
			margin-right: auto;
			width: 980px;
		}
		
			#month-sumarization #content table {
				border-collapse:collapse;
				table-layout: fixed;
			}

			#main.fullwidth #month-sumarization #content table {				
				table-layout: fixed;
			}

			#main.fullwidth #month-sumarization #content table#topsumtable td {				
				height: 32px;
			}
		
			#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;
			}

			#main.fullwidth #month-sumarization #content td.seventh {
				width: 330px;
			}
			
				#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;
				}

				#main.fullwidth #month-sumarization #content td.seventh img {
					width: 16px;
				}
				
				#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;
			}

			#main.fullwidth #month-sumarization #content #mcomment {
				border: none;
				margin: 0px;
				padding: 0px;;
				width: auto;
				overflow: auto;
				height: 150px;
			}
			
			#main.fullwidth #month-sumarization #content #mcommentdiv {
				float:left;				
				width:calc(100% - 1534px);				
				height: 150px;
				min-width: 110px;
			}

			#main.fullwidth #month-sumarization.double #content #mcommentdiv {
				width:418px;
			}
			
			#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;
			}

			#main.fullwidth #month-sumarization #content>span {				
				background-image:url(../img/message.svg);				
			}

			#main.fullwidth #month-sumarization #content>span {				
				top: 16px;
				right: 24px;				
			}

			#main.fullwidth #month-sumarization.double #content>span#minfobutton {				
				position: relative;
				top: 196px;
				right: -952px;
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto {				
				width: 120px;
				height: 150px;
				text-align: center;
				/*position: absolute;				
				left: 20px;
				bottom: 0px;*/
				float: left;		
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto, #main.fullwidth #month-sumarization #content #topsumdiv, #main.fullwidth #month-sumarization #content #topstatusdiv, #main.fullwidth #month-sumarization #content #topapprovediv, #main.fullwidth #month-sumarization #content #mcommentdiv {
				/*border: 1px solid #d8d8d8;*/
				border-radius: 8px;
				background-color: white;
				padding: 4px 8px 4px 8px;
				height: 170px;
				margin-left:4px;
				margin-right: 4px;
				float: left;
			}

			#main.fullwidth #month-sumarization.double #content #topapprovediv, #main.fullwidth #month-sumarization.double #content #mcommentdiv {
				margin-top:8px;
			}

			#main.fullwidth #month-sumarization #content #topsumdiv {
				padding-left: 16px;
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto #pphoto {				
				width: 100px;
				height: 100px;				
				margin: 0px auto 10px auto;
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto #pphoto #personalphoto {				
				overflow: hidden;
				border-radius: 50%;
				width: 100px;
				height: 100px;
				margin-top:20px;
				border: 1px solid #59aace;
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto #pphoto #personalphoto img {				
				height: 130px;				
				margin-top: -15px;
			}

			#main.fullwidth #month-sumarization #content #pinfoandphoto .anybutton {				
				margin: 8px auto 0px auto;
			}

#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: 0px;
			margin-right: 0px;
		}
		
			#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;
			}

			#main.fullwidth #summary-account-view #content table:not(#accheadtable) tr,
			#main.fullwidth #summary-account-view #content table:not(#accheadtable) tr:hover, #main.fullwidth #summary-bank-view #content table:not(#accheadtable) tr,
			#main.fullwidth #summary-bank-view #content table:not(#accheadtable) tr:hover, #main.fullwidth #summary-week-view #content table:not(#accheadtable) tr,
			#main.fullwidth #summary-week-view #content table:not(#accheadtable) tr:hover, #main.fullwidth #summary-plan-view #content table:not(#accheadtable) tr,
			#main.fullwidth #summary-plan-view #content table:not(#accheadtable) tr:hover {			    
				border-top:3px solid #E6E8F3;				
				border-bottom:3px solid #E6E8F3;				
				border-radius: 8px;
			}

			#main.fullwidth #summary-account-view #content table:not(#accheadtable) :not(tfoot) tr:hover:not(.outofdata), #main.fullwidth #summary-bank-view #content table:not(#accheadtable) :not(tfoot) tr:hover:not(.outofdata), #main.fullwidth #summary-week-view #content table:not(#accheadtable) :not(tfoot) tr:hover:not(.outofdata), #main.fullwidth #summary-plan-view #content table:not(#accheadtable) :not(tfoot) tr:hover:not(.outofdata) {			    				
				box-shadow: 0px 0px 3px #1c7abf;				
			}
			
			:not(#main.fullwidth) #summary-account-view #content tr:hover:not(.temprow), :not(#main.fullwidth) #summary-week-view #content tr:hover:not(.temprow), :not(#main.fullwidth) #summary-plan-view #content tr:hover:not(.temprow) {
				background-color: #d8dfea;
				height: 30px;
			}
			
				#summary-account-view #content td.first {
					width: 190px;
					padding-left: 5px;
				}

				#main.fullwidth #summary-account-view #content table :not(tfoot) tr:hover:not(.temprow) td, #main.fullwidth #summary-bank-view #content table :not(tfoot) tr:hover:not(.temprow) td, #main.fullwidth #summary-week-view #content table :not(tfoot) tr:hover:not(.temprow) td, #main.fullwidth #summary-plan-view #content table :not(tfoot) tr:hover:not(.temprow) td {
					border-top: 1px solid #1c7abf;
					border-bottom: 1px solid #1c7abf;					
				}
				
				#main.fullwidth #summary-account-view #content table :not(tfoot) tr:hover:not(.temprow) td.first, #main.fullwidth #summary-bank-view #content table :not(tfoot) tr:hover:not(.temprow) td.first, #main.fullwidth #summary-week-view #content table :not(tfoot) tr:hover:not(.temprow) td.first, #main.fullwidth #summary-plan-view #content table :not(tfoot) tr:hover:not(.temprow) td.first {
					border-left: 1px solid #1c7abf;									
				}
	
				#main.fullwidth #summary-account-view #content table :not(tfoot) tr:hover:not(.temprow) td.last, #main.fullwidth #summary-bank-view #content table :not(tfoot) tr:hover:not(.temprow) td.last, #main.fullwidth #summary-week-view #content table :not(tfoot) tr:hover:not(.temprow) td.last, #main.fullwidth #summary-plan-view #content table :not(tfoot) tr:hover:not(.temprow) td.last {
					border-right: 1px solid #1c7abf;						
				}
				
				#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: 0px;
			margin-right: 0px;
		}
		
			#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;
			}
			
			:not(#main.fullwidth) #summary-bank-view #content  tr:not(.temprow):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.first {
					width: auto;
				}

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

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

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

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

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

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

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

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

		
/* ---------------------------------- 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: calc(100% - 20px);
    	border-radius: 8px;
		background-image:url(../img/background-section-fullwidth.png);
		/*height: 70px;*/
    	margin: 10px;
	}

	#main.fullwidth #department-summary-view.exstyle {	
		background-color: #fff;
		padding-bottom:6px;
	}

	#main.fullwidth #department-summary-view #content {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		#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;
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) td {
				/*border-left: 1px solid #E6E8F3;*/
				border-radius: 8px;
				border-top: 1px solid #E6E8F3;
    			border-bottom: 1px solid #E6E8F3;    			
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) td:not(.freeday) {				
    			background-color: #fff;
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) td:not(.name) {
				/*border-left: 4px solid #E6E8F3;
				border-right: 4px solid #E6E8F3;*/
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) td.name {
				border-left: 1px solid #E6E8F3;
				border-right: 1px solid #E6E8F3;
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) tr.selperson td.name {
				border: 1px solid #1c7abf;
			}

			#main.fullwidth #department-summary-view #content table:not(#planhead) td.separator {
				line-height: 1px;
				background-color: transparent;
				height: 1px;
				min-height: 1px;
			}
			
			#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%;
		}

		#main.fullwidth #department-summary-view #content #planheaddiv {
			background-color: #fff;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			border-bottom: 1px solid #E6E8F3;
		}
		
		#main.fullwidth #department-summary-view #content #planheaddiv table#planhead {			
			border-radius: 8px;
		}

		#main.fullwidth #department-summary-view #content table:not(#planhead) {
			width: calc(100% + 4px);
		}

		#main.fullwidth #department-summary-view #content table:not(#planhead) {
			margin-bottom: -2px;
			margin-left: -2px;
			margin-right: -2px;
			border-collapse: separate;
			border-spacing: 2px;					
		}

		#main.fullwidth #department-summary-view #content table#ownplan {
			margin-bottom: 8px;
		}

		#main.fullwidth #department-summary-view table:not(#planhead) tr {
			border-top: 3px solid #E6E8F3;
			border-bottom: 3px solid #E6E8F3;
			border-radius: 8px;
		}

		#main.fullwidth #department-summary-view table:not(#planhead) tr.selperson {
			box-shadow: 0px 0px 3px #1c7abf;
		}
		
		#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;
			}

			

		#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: calc(100% - 20px);
		border-radius: 8px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top:8px;
	}

  #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;*/
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) {
				margin-bottom: -8px;
				border-collapse: separate;
				border-spacing: 0 8px;
			}
					
			#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;
						font-weight: bold;
					}
			
					#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;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr {
				border-top: 3px solid #E6E8F3;
				border-bottom: 3px solid #E6E8F3;
				border-radius: 8px;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover:not(.outofdata) {
				box-shadow: 0px 0px 3px #1c7abf;
			}
			
				#month-summarization-request #content tr:hover {
					height: 30px;
					background-color: #d8dfea;
				}
				
				#month-summarization-request #content td {
					vertical-align: top;
					padding-top: 7px;
				}

				#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) td {
					border-top: 1px solid #E6E8F3;					
					background-color: #fff;
					border-left: none;
				}

				#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.tablefoot) td {
					border-bottom: 1px solid #E6E8F3;
				}			

				#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td {
					border-top: 1px solid #1c7abf;
					border-bottom: 1px solid #1c7abf;
				}
				
				#month-summarization-request #content tr.filter {
					height: 40px;
				}

				#main.fullwidth #month-summarization-request #content table.css_sticky.css_sticky_actuallysticked tr.filter {
					display: none;
				}
				
					#month-summarization-request #content tr.filter:hover {
						background-color: #fff;
						height: 40px;
					}
			
			#month-summarization-request #content td.first {
				width: 200px;
			}

			#main.fullwidth #month-summarization-request #content td.first, #main.fullwidth #month-summarization-request #content col.first {
				width: auto;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter) td.first {
				border-left: 1px solid #E6E8F3;
				border-top-left-radius: 8px;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td.first {
				border-left: 1px solid #1c7abf;
			}

			#main.fullwidth #month-summarization-request #content tr:not(.tablefoot) td.first {
				border-bottom-left-radius: 8px;
				padding-left: 4px;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter) td.last {
				border-right: 1px solid #E6E8F3;
				border-top-right-radius: 8px;
			}

			#main.fullwidth #month-summarization-request #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td.last {
				border-right: 1px solid #1c7abf;
			}

			#main.fullwidth #month-summarization-request #content tr:not(.tablefoot) td.last {
				border-bottom-right-radius: 8px;
			}

			#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, #month-summarization-request #content col.second {
				width: 140px;
			}

			/*#main.fullwidth #month-summarization-request #content td.second {
				width: auto;
			}*/
			
				#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;
			}

			#main.fullwidth #month-summarization-request #content td.third, #main.fullwidth #month-summarization-request #content col.third {
				width: 160px;
				text-align: center;
			}
			
				#month-summarization-request #content td.third .day {
						width: 35px;
						float: left;
						margin-left: 5px;
					}

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

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

			#main.fullwidth #month-summarization-request #content td.fourth, #main.fullwidth #month-summarization-request #content col.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;
			}

			#main.fullwidth #month-summarization-request #content td.fifth, #main.fullwidth #month-summarization-request #content col.fifth {
				width: 160px;
			}
			
				#month-summarization-request #content td.fifth .name {
					margin-left: 5px;
				}

				#main.fullwidth #month-summarization-request #content td.fifth .name {
					white-space: nowrap;
					overflow: hidden;
				}
			
			#month-summarization-request #content td.sixth {
				width: 80px;
        		border-left: none;
			}

			#main.fullwidth #month-summarization-request #content td.sixth, #main.fullwidth #month-summarization-request #content col.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, #main.fullwidth #month-summarization-request #content col.seventh {
				width: auto;
				max-width: none;
			}
			
				#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, #main.fullwidth #month-summarization-request #content col.eighth {
				width: auto;
				max-width: none;
			}
			
				#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;
			}

			#main.fullwidth #month-summarization-request #content col.ninth {
				width: 23px;
			}
			
				#month-summarization-request #content td.ninth .icon {
					width: 22px;
					text-align: center;
					margin-top: 2px;
				}

				#main.fullwidth #month-summarization-request #content td.ninth .icon img {
					width: 18px;
				}
				
			#month-summarization-request #content td.tenth {
				width: 27px;
			}

			#main.fullwidth #month-summarization-request #content col.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;
		}

		#main.fullwidth #month-summarization-request #content #buttons {
			height: 36px;
		}

		#main.fullwidth #month-summarization-request #content #buttons {
			padding-top: 8px;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			background-color: #fff;
			border-left: 1px solid #E6E8F3;
			border-right: 1px solid #E6E8F3;
		}
		
			#month-summarization-request #content #buttons #left {
				width: 532px;
				float: left;
			}

			#main.fullwidth #month-summarization-request #content #buttons #left {
				padding-left:8px;
			}
			
				#month-summarization-request #content #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#month-summarization-request #content #buttons #right {
				width: 290px;
				float: left;
				padding-left: 131px;
			}

			#main.fullwidth #month-summarization-request #content #buttons #right {				
				float: right;
				padding-right: 8px;
			}
			
				#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: calc(100% - 20px);
		border-radius: 8px;
		/* height: 70px; */
		margin: 10px 10px 0px 10px;
		background-image: none;
	}

	#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;
		}

		#main.fullwidth #month-calendar #title, #main.fullwidth #month-calendar0 #title, #main.fullwidth #month-calendar1 #title {
			background-image:url(../img/background-section.png);
			background-repeat: repeat-x;
			margin: 0px;
			padding: 10px 30px 10px 30px;
			border-radius: 8px;
		}
		
		#month-calendar #title span, #month-calendar0 #title span, #month-calendar1 #title span {
		  color:#000;
		}
	
		#month-calendar #content, #month-calendar0 #content, #month-calendar1 #content {
			margin: 4px 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%;
				border-radius: 8px;
			}

			#main.fullwidth #month-calendar #monthcalendartable div.wsmico, #main.fullwidth #month-calendar0 #monthcalendartable div.wsmico, #main.fullwidth #month-calendar1 #monthcalendartable div.wsmico {
				margin-bottom: 4px;
			}

			#main.fullwidth #month-calendar #monthcalendartable div.wsmico.special, #main.fullwidth #month-calendar0 #monthcalendartable div.wsmico.special, #main.fullwidth #month-calendar1 #monthcalendartable div.wsmico.special {
				color:#FF8080;
			}

			#main.fullwidth #month-calendar #monthcalendartable div.wsmico img, #main.fullwidth #month-calendar0 #monthcalendartable div.wsmico img, #main.fullwidth #month-calendar1 #monthcalendartable div.wsmico img {
				width: 20px;
				vertical-align: middle;
			}

			#main.fullwidth #month-calendar #monthcalendartable div.wsmico.special img, #main.fullwidth #month-calendar0 #monthcalendartable div.wsmico.special img, #main.fullwidth #month-calendar1 #monthcalendartable div.wsmico.special img {
				filter: invert(76%) sepia(56%) saturate(4155%) hue-rotate(314deg) brightness(106%) contrast(118%);
			}

			#main.fullwidth #month-calendar #monthcalendartable div.text:not(.wsmico), #main.fullwidth #month-calendar0 #monthcalendartable div.text:not(.wsmico), #main.fullwidth #month-calendar1 #monthcalendartable div.text:not(.wsmico) {
				margin:0px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				padding-left:4px;
			}

			#main.fullwidth #month-calendar #monthcalendartable div.text.accountcolor0, #main.fullwidth #month-calendar0 #monthcalendartable div.text.accountcolor0, #main.fullwidth #month-calendar1 #monthcalendartable div.text.accountcolor0 {
				border-top:1px solid #e0e0e0;
			}

			#main.fullwidth #month-calendar #content td.holiday .day, #main.fullwidth #month-calendar0 #content td.holiday .day, #main.fullwidth #month-calendar1 #content td.holiday .day  {
				border-top-left-radius: 8px;
			}

			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1), #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1), #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) {
				/*margin-bottom: -2px;
				margin-left: -2px;
				margin-right: -2px;*/
				border-collapse: separate;
				border-spacing: 2px;
			}
					
			#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;
				}

				#main.fullwidth #month-calendar #content thead td, #main.fullwidth #month-calendar0 #content thead td, #main.fullwidth #month-calendar1 #content thead td, #main.fullwidth #month-calendar #content .tabhead td, #main.fullwidth #month-calendar0 #content .tabhead td, #main.fullwidth #month-calendar1 #content .tabhead td {
					font-size: 14px;
				}
		
			#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;
			}*/

			
			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td, #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td, #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td {
				border-radius: 8px;
			}
			
			#month-calendar #content td.first, #month-calendar0 #content td.first, #month-calendar1 #content td.first {
				width: 120px;				
			}

			#month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first, #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first, #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first {				
				background-color: #dedede;
			}		
			
			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first, #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first, #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.first {				
				background-color: #29536C;
				color:#fff;
			}		
			
				#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;
			}

			#main.fullwidth #month-calendar #content td.second:not(.freeday):not(.outday), #main.fullwidth #month-calendar0 #content td.second:not(.freeday):not(.outday), #main.fullwidth #month-calendar1 #content td.second:not(.freeday):not(.outday), #main.fullwidth #month-calendar #content td.second2:not(.freeday):not(.outday), #main.fullwidth #month-calendar0 #content td.second2:not(.freeday):not(.outday), #main.fullwidth #month-calendar1 #content td.second2:not(.freeday):not(.outday) {
				background-color: #fff;
			}

			#main.fullwidth #month-calendar #content td.second.outday, #main.fullwidth #month-calendar0 #content td.second.outday, #main.fullwidth #month-calendar1 #content td.second.outday {
				background-color: transparent;
			}

			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td, #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td, #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td {
				border:1px solid #E6E8F3;
			}

			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second.freeday, #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second.freeday, #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second.freeday {
				background-color: #f7e8e8;
			}

			#main.fullwidth #month-calendar #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second:hover:not(.outday), #main.fullwidth #month-calendar0 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second:hover:not(.outday), #main.fullwidth #month-calendar1 #content table:not(#monthcalendarheadtable):not(#monthcalendarheadtable0):not(#monthcalendarheadtable1) td.second:hover:not(.outday) {
				box-shadow: 0px 0px 3px #1c7abf;
				border:1px solid #1c7abf;
			}
			
				#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;
  }

  #main.fullwidth #month-calendar0 #content .snap, #main.fullwidth #month-calendar1 #content .snap {    
		background-color: #fff;
		border-radius: 8px;		
		border: 1px solid #E6E8F3;	
		margin:10px 0 0 0;
		padding:8px;
  }
  
  #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: calc(100% - 20px);
    	border-radius: 8px;
    	margin: 10px 10px 0px 10px;
	}

	#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead), #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) {
		margin-bottom: -8px;
		border-collapse:separate;
		border-spacing:0 8px;
	}

	#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: 0px;
			margin-right: 0px;
		}
		
			#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 {								
				width:100%;
				table-layout: auto;
				/*max-width: 2048px;*/
				margin-left: auto;
				margin-right: 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;
			}

			#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr {				
				border-top: 3px solid #E6E8F3;
    			border-bottom: 3px solid #E6E8F3;
    			border-radius: 8px;
			}
			
				#account-subordinate-view #content tr.filter, #account-subordinate-view-edit #content tr.filter {
					height: 40px;
				}

				#main.fullwidth #account-subordinate-view #content tr.filter, #main.fullwidth #account-subordinate-view-edit #content tr.filter {
					border-bottom-left-radius: 8px;
					border-bottom-right-radius: 8px;
				}	
	
				#main.fullwidth #account-subordinate-view #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter, #main.fullwidth #account-subordinate-view-edit #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter {
					display:none;
				}
				
					#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;
				}

				#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):not(.type):hover:not(.outofdata), #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):not(.type):hover:not(.outofdata) {
					box-shadow: 0px 0px 3px #1c7abf;
				}
				
				#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;
					}

					#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) td, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) td {
						border-top: 1px solid #E6E8F3;
						border-bottom: 1px solid #E6E8F3;		
						background-color: #fff;
						border-left: none;
					}

					#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr.type td, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr.type td {
						border-right: 1px solid #E6E8F3;
						border-left: 1px solid #E6E8F3;		
						border-radius: 8px;
					}

					#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:hover:not(.tablefoot):not(.filter):not(.type) td, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:hover:not(.tablefoot):not(.filter):not(.type) td {
						border-top: 1px solid #1c7abf;
    					border-bottom: 1px solid #1c7abf;
					}

				#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 .magnifier img, #main.fullwidth #account-subordinate-view-edit #content td .magnifier img {
			width: 20px;
		}

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

			#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:not(.filter) td.first, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:not(.filter) td.first {
				border-left: 1px solid #E6E8F3;
    			border-top-left-radius: 8px;
			}

			#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:not(.filter) td.last, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:not(.filter) td.last {				
				border-right: 1px solid #E6E8F3;
    			border-top-right-radius: 8px;
			}

			#main.fullwidth #account-subordinate-view #content tr:not(.tablefoot) td.first, #main.fullwidth #account-subordinate-view-edit #content tr:not(.tablefoot) td.first {
				border-bottom-left-radius: 8px;
			}

			#main.fullwidth #account-subordinate-view #content tr:not(.tablefoot) td.last, #main.fullwidth #account-subordinate-view-edit #content tr:not(.tablefoot) td.last {
				border-bottom-right-radius: 8px;
			}

			#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:hover:not(.filter):not(.filter) td.first, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:hover:not(.filter):not(.filter) td.first {
				border-left: 1px solid #1c7abf;
			}

			#main.fullwidth #account-subordinate-view #content table:not(#topaccountshead) tr:hover:not(.filter):not(.filter) td.last, #main.fullwidth #account-subordinate-view-edit #content table:not(#topaccountshead) tr:hover:not(.filter):not(.filter) td.last {
				border-right: 1px solid #1c7abf;
			}
			
			#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 {
				min-width: 163px;
				width:10%;
			}
			
				#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;
				min-width: 240px;
			}
			
				#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: auto;
				min-width: 240px;
			}
			
				#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 {
				min-width: 90px;
				width:5.4%;
			}
			
				#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
        {
				min-width: 90px;
				width:5.4%;
			}

			#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: calc(100% - 20px);
		border-radius: 8px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top:8px;
		background-image: none;
	}
	
	#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;
		}

		#main.fullwidth #year-summarization-request #title {			
			border-radius: 8px;
			background-image:url(../img/background-section.png);
			background-repeat: repeat-x;
			margin: 0px;
			padding: 10px 30px 10px 30px;
			float: none;
		}
		
		#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;*/
			margin-top:30px;
		}
		
			#year-summarization-request #content table {
				table-layout: fixed;
			}

			#main.fullwidth #year-summarization-request #content table {
				table-layout: auto;
				width: 100%;
				border-radius: 8px;
			}

			#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) {
				border-collapse: separate;
    			border-spacing: 2px;
			}
		
			#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;
				}

				#main.fullwidth #year-summarization-request #content thead td.month {					
					padding-left:10px;
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td {
					border-radius: 8px;
					border:1px solid #E6E8F3;
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td:hover:not(.outday):not(.month) {
					box-shadow: 0px 0px 3px #1c7abf;
					border: 1px solid #1c7abf;
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td.month {
					/*width:104px;*/
					background-color:#29536C;
					color:#fff;
					padding-left: 10px;
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td.month .magnifier img {
					filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
				}
								
					#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 {
					min-width: 33px;
					width: 2.5%;
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td.day:not(.freeday):not(.outday) {
					/*width:104px;*/
					background-color:#fff;					
				}

				#main.fullwidth #year-summarization-request #content table:not(#yearcalendarheadtable) td.outday {
					/*width:104px;*/
					background-color:transparent;
				}

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

				#main.fullwidth #year-summarization-request #content td.day span {
					display: block;
					width: 18px;
					height:18px;
					margin:auto;
					border-radius: 3px;
				}
			
		#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: calc(100% - 20px);
    	border-radius: 8px;
    	margin: 10px 10px 0px 10px;
	}

	#main.fullwidth #all-request-view #content {
		margin-left:0px;
		margin-right:0px;
	}
	
	#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:not(#topaccountshead) {				
				margin-bottom: -8px;
				border-collapse: separate;
				border-spacing: 0 8px;
			}
			
			#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:208px;
					background: url(../img/inputtext_210.png) no-repeat;
				}
				
					#all-request-view #content td {
						vertical-align: top;
						padding-top: 7px;
					}

					#main.fullwidth #all-request-view #content table:not(#topaccountshead) td {
						border-top: 1px solid #E6E8F3;
						border-bottom: 1px solid #E6E8F3;
						background-color: #fff;
						border-left: none;
					}

					#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td {
						border-top: 1px solid #1c7abf;
    					border-bottom: 1px solid #1c7abf;
					}

					#main.fullwidth #all-request-view #content table tfoot tr td {
						border-bottom: none !important;
					}
					
					#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;
			}

			#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr {
				border-top: 3px solid #E6E8F3;
				border-bottom: 3px solid #E6E8F3;
				border-radius: 8px;
			}

			#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover:not(.outofdata) {
				box-shadow: 0px 0px 3px #1c7abf;			
			}
			
			#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 {
				min-width: 62px;
				width: 5%;
			}*/

			#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter) td.first {				
				border-left: 1px solid #E6E8F3;
				border-top-left-radius: 8px;
			}

			#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td.first {				
				border-left: 1px solid #1c7abf;
			}

			#main.fullwidth #all-request-view #content tr:not(.tablefoot) td.first {
				border-bottom-left-radius: 8px;
			}

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

				#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter) td.last {				
					border-right: 1px solid #E6E8F3;
					border-top-right-radius: 8px;
				}

				#main.fullwidth #all-request-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover td.last {				
					border-right: 1px solid #1c7abf;
				}
	
				#main.fullwidth #all-request-view #content tr:not(.tablefoot) td.last {
					border-bottom-right-radius: 8px;
				}

			#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: auto;
			}
			
				#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: auto;
				overflow: hidden;
			}
			
				#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;
					white-space: nowrap;
				}
				
				#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;
				overflow: hidden;
			}
			
				#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;
				}

				#main.fullwidth #all-request-view #content td.seventh .name {
					white-space: nowrap;
				}
				
				#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: auto;
				max-width: none;
			}
			
				#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: auto;
				max-width: none;
			}
			
				#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;
				}

				#main.fullwidth #all-request-view #content td.tenth .icon {
					margin-top:10px;
				}

				#main.fullwidth #all-request-view #content td.tenth .icon img {
					width: 18px;
				}
				
			#all-request-view #content td.eleventh {
				width: 27px;
        text-align: center;
        padding-left: 0;
			}
			
			#all-request-view #content td.eleventh .icon {
					width: 25px;
				}

				#main.fullwidth #all-request-view #content td.eleventh .icon {
					margin-top: 10px;
				}
				
      #all-request-view #content td.eleventh div {
          height: 20px;
          width: 20px !important;
          margin: 1px auto 0px;
      }
        
		#all-request-view #content #buttons {
			height: 30px;
		}

		#main.fullwidth #all-request-view #content #buttons {
			background-color: #fff;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			border-left: 1px solid #E6E8F3;
			border-right: 1px solid #E6E8F3;
			border-bottom: 1px solid #E6E8F3;
		}
		
			#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 {
				width: auto;
				float: right;				
			}
			
				#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;
    }


	#main.fullwidth #attendance-subordinate-view-hour #content td .finish img, #main.fullwidth #attendance-subordinate-view-hour #content td .superior img, #main.fullwidth #attendance-subordinate-view-hour #content td .accounting img {
		width: 16px;
	}

	#main.fullwidth #attendance-subordinate-view-hour #content td .magnifier img, #main.fullwidth #attendance-subordinate-view-hour #content td .icon img {
		width: 16px;
	}


			#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;
				}

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

				#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;
					}	

					#main.fullwidth #attendance-subordinate-view-approved #content td.eighth .icon {
						width: 16px;
					}
					
					#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;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td.ninth .icon {
					width: 16px;
				}

				#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;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td .icon img {
					width: 16px;
				}

				#main.fullwidth #attendance-subordinate-view-approved #content td .magnifier img {
					width: 16px;
				}

		#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;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td .finish img, #main.fullwidth #attendance-subordinate-view-comment #content td .superior img, #main.fullwidth #attendance-subordinate-view-comment #content td .accounting img {
				width: 16px;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td .magnifier img {
				width: 16px;
			}

			#main.fullwidth #attendance-subordinate-view-comment #content td .state img {
				width: 16px;
			}
			
			/*#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;
}

#main.fullwidth #attendance-subordinate-view-comment #content table:not(.locked) tr:not(.locked):hover td.eighteenth a.cnote span:not(.filled) {
    background-image: url(../img/message.svg);
}

#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;
}

#main.fullwidth #attendance-subordinate-view-comment #content tr td.eighteenth .cnote span.filled {
	background-image:url(../img/clip.svg);	
	background-position: 0px 0px;
}

#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;
}

/* ---------------------------------- ATTENDANCE SUBORDINATE VIEW ALL ------------------------------- */				
#attendance-subordinate-view-all {
    width:100%;
    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 #attendance-subordinate-view-all .outofdata td {
    width:100%;
}

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

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

    /*#attendance-subordinate-view-all #content {
        margin-left: 20px;
        margin-right: 20px;
    }*/
    
        #attendance-subordinate-view-all #content select {
            height: 26px;
        }
    
        #attendance-subordinate-view-all #content table {
            width:100%;
            border-collapse:collapse;
            table-layout: auto;            
            margin-left: auto;
            margin-right: auto;
			table-layout: fixed;
        }

		#main.fullwidth #attendance-subordinate-view-hour #content table:not(#topaccountshead), #main.fullwidth #attendance-subordinate-view-approved #content table:not(#topaccountshead), #main.fullwidth #attendance-subordinate-view-comment #content table:not(#topaccountshead), #main.fullwidth #attendance-subordinate-view-all #content table:not(#topaccountshead) {
            margin-bottom: -8px;
			border-collapse:separate;
			border-spacing:0 8px;
        }
    
        #attendance-subordinate-view-all #content thead {
            font-weight: bold;
            font-size: 12px;
        }
        
            #attendance-subordinate-view-all #content thead tr {
                height: 30px;
            }
            
                #attendance-subordinate-view-all #content thead tr:hover {
                    background-color: #fff;
                    height: 30px;
                }

				#main.fullwidth #attendance-subordinate-view-all #content thead tr.css_sticky.css_sticky_actuallysticked td {
					border-bottom: 1px solid #E6E8F3;
				}
        
            #attendance-subordinate-view-all #content thead td {
                padding-left: 5px;
                vertical-align: top;
            }
        
        
        #attendance-subordinate-view-all #content tfoot tr {
            height: 30px;
        }
        
            #attendance-subordinate-view-all #content tfoot tr:hover {
                background-color: #fff;
                height: 30px;
            }
            
        #attendance-subordinate-view-all #content tfoot td.eleventh a {
            color: #505050;
            text-decoration: underline;	
            font-weight: bold;
        }
            
        #attendance-subordinate-view-all #content tr {
            height: 50px;
        }
        
            #attendance-subordinate-view-all #content tr.filter {
                height: 40px;
            }

			#main.fullwidth #attendance-subordinate-view-hour #content tr.filter, #main.fullwidth #attendance-subordinate-view-approved #content tr.filter, #main.fullwidth #attendance-subordinate-view-comment #content tr.filter,#main.fullwidth #attendance-subordinate-view-all #content tr.filter {
				border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
            }	

			#main.fullwidth #attendance-subordinate-view-hour #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter, #main.fullwidth #attendance-subordinate-view-approved #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter, #main.fullwidth #attendance-subordinate-view-comment #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter, #main.fullwidth #attendance-subordinate-view-all #content #topaccountshead.css_sticky.css_sticky_actuallysticked tr.filter {
                display:none;
            }
            
                #attendance-subordinate-view-all #content tr.filter:hover {
                    background-color: #fff;
                    height: 40px;
                }
                
            #attendance-subordinate-view-all #content tr.filter .inputnumber {
                width:52px;
                height:26px;
                font-size:11px;
                padding: 0 5px 0 5px;
                background: url(../img/inputtext_60.png) no-repeat;
            }
            
            #attendance-subordinate-view-all #content tr.filter .inputname {
                width:102px;
                height:26px;
                font-size:11px;
                padding: 0 5px 0 5px;
                background: url(../img/inputtext_110.png) no-repeat;
            }
        
            #attendance-subordinate-view-all #content td {
                vertical-align: top;
                padding-top: 7px;
            }
        
            #attendance-subordinate-view-all #content tr:hover {
                height: 50px;
                background-color: #d8dfea;
            }
        
        #attendance-subordinate-view-all #content td.first {
            width: 20px;
    padding-left: 0;
    text-align: center;
        }

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

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

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

        #attendance-subordinate-view-all #content td.fifth {
            width: 70px;
        }
        
            #attendance-subordinate-view-all #content td.fifth .employer {
                width: 65px;
                margin-left: 5px;
            }
        
        #attendance-subordinate-view-all #content td.sixth {
            width: 60px;
        }

            #attendance-subordinate-view-all #content td.sixth .request {
                width: 15px;
                margin-left: 5px;
                float: left;
            }
            
            #attendance-subordinate-view-all #content td.sixth .icon {
                width: 15px;
                margin-left: 5px;
                float: left;
            }				
            
        #attendance-subordinate-view-all #content td.seventh, 
  #attendance-subordinate-view-all #content td.eighth,
  #attendance-subordinate-view-all #content td.ninth, 
  #attendance-subordinate-view-all #content td.tenth,
  #attendance-subordinate-view-all #content td.eleventh,
  #attendance-subordinate-view-all #content td.twelfth {
            width: 50px;
            text-align: center;
        }
                  
#attendance-subordinate-view-all #content tfoot td.eleventh {
  text-align:right;
  padding-right: 10px;
}
#attendance-subordinate-view-all #content tfoot td.sixteenth {
  text-align:left;
}
        #attendance-subordinate-view-all #content td.thirteenth {
            width: 50px;
            text-align: center;
        }
        
            #attendance-subordinate-view-all #content td.thirteenth .finish {
                width: 45px;
                margin-left: 5px;
            }
            
			#attendance-subordinate-view-all #content td.fourteenth, #attendance-subordinate-view-all #content td.fifteenth {
				width: 190px;    
			}
			
				/*#attendance-subordinate-view-all #content td.fourteenth .superior, #attendance-subordinate-view-all #content td.fifteenth .check, #attendance-subordinate-view-all #content td.fifteenth .accounting {
					width: 145px;
					margin-left: 5px;
				}*/
			   
			
				#attendance-subordinate-view-all #content td.fourteenth .icon, #attendance-subordinate-view-all #content td.fifteenth .icon {
					width: 15px;
					margin-left: 5px;
					float: left;
				}

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

				#main.fullwidth #attendance-subordinate-view-all #content td .finish img, #main.fullwidth #attendance-subordinate-view-all #content td .icon img {
					width: 16px;
				}

				#main.fullwidth #attendance-subordinate-view-all #content td .state img {
					width: 16px;
				}

				#main.fullwidth #attendance-subordinate-view-all #content td .magnifier img, #main.fullwidth #attendance-subordinate-view-all #content td .icon img {
					width: 16px;
				}
            
    #attendance-subordinate-view-all #content #buttons {
        height: 30px;
    }


    
        #attendance-subordinate-view-all #content #buttons #left {
            width: 435px;
            float: left;
        }
        
            #attendance-subordinate-view-all #content #buttons #left #new {
                width: 100px;
                float: left;
            }
        
        #attendance-subordinate-view-all #content #buttons #right {
            width: 290px;
            float: left;
            padding-left: 131px;
        }
        
            #attendance-subordinate-view-all #content #buttons #right #descr {
                width: 100px;
                float: left;
                font-weight: bold;
                padding-top: 3px;
            }
            
            #attendance-subordinate-view-all #content #buttons #right #save {
                width: 100px;
                float: left;
            }
            
            #attendance-subordinate-view-all #content #buttons #right #cancel {
                width: 90px;
                float: left;
            }


            
			#attendance-subordinate-view-all #content td.nineteenth {
				width: 25px;
				text-align: center;
			}
		

				
            #attendance-subordinate-view-all #content td.sixteenth, #attendance-subordinate-view-all #content td.seventeenth {
                width: 64px;
                text-align: center;
            }
				
				
				
				
				
				
				
				
				
				
				
				

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

				#attendance-subordinate-view-all #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-all #content tr.filter div.comfltico.enabled {
					background-position:0px -16px;
				}

				
				
				
				#attendance-subordinate-view-all #content td.eighteenth div.mnote {
				    /*width:324px;*/
					width: calc(100% - 24px);
					white-space:normal;
					padding-bottom:4px;
				}

				
				#attendance-subordinate-view-all #content td.eighteenth div.mnote.statuses {
				  /*width:220px;*/				  
					overflow: hidden;
					padding-right: 24px;
					height: 32px;
				}
				
				#attendance-subordinate-view-all #content td.eighteenth div.mnote span.notespan {
				 	display:block;
				 	/*width:304px;*/
				}

/*				#attendance-subordinate-view-all #content td.eighteenth div.mnote.statuses span.notespan {
					width:200px;
				}*/
				
				#attendance-subordinate-view-all #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-all #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;
}

#main.fullwidth #attendance-subordinate-view-all #content table:not(.locked) tr:not(.locked):hover td.eighteenth a.cnote span:not(.filled) {
    background-image: url(../img/message.svg);    
}

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

#main.fullwidth #attendance-subordinate-view-all #content tr td.eighteenth .cnote span.filled {
	background-image:url(../img/clip.svg);
	background-position: 0px 0px;
}

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

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

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

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

#attendance-subordinate-view-all #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: calc(100% - 20px);
		border-radius: 8px;
		margin: 10px 10px 0px 10px;
	}

		#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: 0px;
			margin-right: 0px;
		}

			#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%;				
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead):not(#presencesumstab) {				
    			border-collapse: separate;
    			border-spacing: 0 8px;
			}
			
			#presence-view tr#toprequestshead td div {
		    padding-left:8px;
		  }
		  
		  #presence-view .filterpp {
		  	height:30px;
			float: right;
		  }

		  #main.fullwidth #presence-view .filterpp {
			padding-top: 10px;
		}

		#main.fullwidth #presence-view table.css_sticky.css_sticky_actuallysticked tr.filter {
			display: none;
		}
		  
		  #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;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead) tr {
				border-top: 3px solid #E6E8F3;
				border-bottom: 3px solid #E6E8F3;
				border-radius: 8px;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter, .tablefoot, .outofdata):hover {
				box-shadow: 0px 0px 3px #1c7abf;
			}

				#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;*/
					width:106px;
					background: url(../img/inputtext_110.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;*/
					width:152px;					
					background: url(../img/inputtext_160.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 table tr.tablefoot td {
					height: 2px;
				}				

				#main.fullwidth #presence-view #content table:not(#topaccountshead) td {					
					background-color: #fff;
					border-left: none;
				}

				#main.fullwidth #presence-view #content table:not(#topaccountshead) td {
					border-top: 1px solid #E6E8F3;
					border-bottom: 1px solid #E6E8F3;					
				}

				#main.fullwidth #presence-view #content table td.sum img {
					width: 20px;
					vertical-align: middle;
				}

				#main.fullwidth #presence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter):not(.tablefoot):hover td {
					border-top: 1px solid #1c7abf;
					border-bottom: 1px solid #1c7abf;
				}

				#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 table:not(#presencesumstab) td.first {
				min-width: 40px;
				width: 2.4%;
			}

			#main.fullwidth #presence-view #content table#presencesumstab td.first {
				min-width: 0px;
				width: auto;
				text-align: left;
				padding-left: 8px;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead) tr:not(.filter) td.first {			
				border-top-left-radius: 8px;				
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead) tr:not(.filter) td.first {
				border-left: 1px solid #E6E8F3;								
			}

			#main.fullwidth #presence-view #content table .magnifier img {
				width:20px;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter):not(.tablefoot):hover td.first {
				border-left: 1px solid #1c7abf;
			}

			#main.fullwidth #presence-view #content tr:not(.tablefoot) td.first {
				border-bottom-left-radius: 8px;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead) tr:not(.filter) td.last {				
				border-top-right-radius: 8px;
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead) tr:not(.filter) td.last {
				border-right: 1px solid #E6E8F3;				
			}

			#main.fullwidth #presence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter):not(.tablefoot):hover td.last {
				border-right: 1px solid #1c7abf;
			}

			#main.fullwidth #presence-view #content tr:not(.tablefoot) td.last {
				border-bottom-right-radius: 8px;
			}

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

			#main.fullwidth #presence-view #content td.second {
				/*min-width: 163px;
				width: 9.8%;*/
				min-width: 123px;
				width: 7.4%;
			}

				#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 {
				min-width: 265px;
				width: 16%;
			}
			
			#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 {
				min-width: 90px;
				width: 4.5%;
			}

				#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 {
				min-width: 200px;
				width: 12%;
			}
			
			#presence-view #content td.seventh {
				width: 54px;
				vertical-align:middle;
			}

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

			#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;
			}

			#main.fullwidth #presence-view #content td.seventh img {
				width: 20px;
			}
			
			#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;
			}

			#main.fullwidth #presence-view #content td.eighth {
				min-width: 150px;			
				width: 9%;
			}

			#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;
			}

			#presence-view #content td.eighth img.scalar {
				/*margin-top:20px;*/
				width:18px;
				height:18px;
				margin:4px;
				filter: invert(37%) sepia(100%) saturate(414%) hue-rotate(161deg) brightness(94%) contrast(98%);				
			  }

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

			#main.fullwidth #presence-view #content td.tenth {
				min-width: 140px;				
				width: 8%;
			}

			#main.fullwidth #presence-view #content td.eleventh {
				min-width: 200px;				
				width: 12%;
				vertical-align: middle;
				white-space: nowrap;
				overflow: hidden;
			}

			#main.fullwidth #presence-view #content td.eleventh img {
				width: 20px;
				vertical-align: middle;
			}

			#main.fullwidth #presence-view #content #toprequestshead td.eleventh .wsname, #main.fullwidth #presence-view #content #toprequestshead td.eleventh .wsrange {
				width: 45%;
			}
			
			#main.fullwidth #presence-view #content td.eleventh .wsname, #main.fullwidth #presence-view #content td.eleventh .wsrange {
				width: 50%;
				vertical-align: middle;
				float: left;
				height: 20px ;
				position: relative;
				overflow: hidden;
			}

			#main.fullwidth #presence-view #content td.eleventh .wsname .hidetextoverlay {
				position:absolute;
				/*background-color:red;*/
				background-image:url(../img/textoverlay_small.png) !important;
				background-repeat: repeat-y;
				top:0px;
				right:0px;
				width:16px;
				height:20px;
			   }

			/*#main.fullwidth #presence-view #content td.eleventh .wsrange {
				width: 50%;
				background-color: red;
				float: right;
			}*/
			
			#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;*/
				}

				#main.fullwidth #presence-view #content #presencesums td {
					border-bottom: none;
				}

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

/* ---------------------------------- ZONEPRESENCE VIEW ------------------------------- */

#zonepresence-view {
    width: 100%;
    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.fullwidthchck #zonepresence-view {
	width: calc(100% - 20px);
    border-radius: 8px;
    margin: 10px 10px 0px 10px;
}

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

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

	#main.fullwidth.fullwidthchck #zonepresence-view #content {
		margin-left: 0px;
    	margin-right: 0px;
	}

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

        #zonepresence-view #content table {
            width:100%;
            border-collapse:collapse;
            table-layout: fixed;
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead):not(#presencesumstab) {
			/*margin-bottom: -10px;*/
			border-collapse: separate;
			border-spacing: 0 8px;
		}
        
        #zonepresence-view tr#toprequestshead td div {
        padding-left:8px;
      }                      
           

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

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

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

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

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

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

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr {
			border-top: 3px solid #E6E8F3;
			border-bottom: 3px solid #E6E8F3;
			border-radius: 8px;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter, .tablefoot, .outofdata):hover {
			box-shadow: 0px 0px 3px #1c7abf;
		}

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

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

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

            #zonepresence-view #content tr.filter .inputname {                
                height:26px;
                font-size:11px;
                padding: 0 5px 0 5px;                
                width:242px;					
                background: url(../img/inputtext_250.png) no-repeat;
            }
            
            #zonepresence-view #content tr.filter .bigger .inputname {
                width:212px;
                background: url(../img/inputtext_210.png) no-repeat;
            }

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

			#zonepresence-view #content tr.filter td {
                vertical-align: top;
                /*padding-top: 7px;*/
            }

			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) td {
				background-color: #fff;
				border-left: none;
			}

			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr:not(.filter) td.last {
				border-right: 1px solid #E6E8F3;
			}
			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr:not(.filter) td.last {
				border-top-right-radius: 8px;
			}
			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) td {
				border-top: 1px solid #E6E8F3;
				border-bottom: 1px solid #E6E8F3;
			}
			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) td {
				background-color: #fff;
				border-left: none;
			}

			#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead, #presencesumstab) tr:not(.filter):not(.tablefoot):hover td {
				border-top: 1px solid #1c7abf;
				border-bottom: 1px solid #1c7abf;
			}

			#main.fullwidth.fullwidthchck #zonepresence-view #content tr:not(.tablefoot) td.last {
				border-bottom-right-radius: 8px;
			}

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

        #zonepresence-view #content table:not(#presencesumstab) td.first {
            width: 40px;
    		padding-left: 0;
    		text-align: center;        
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#presencesumstab) td.first {
			min-width: 40px;
			width:2.4%;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table td .magnifier img {
			width: 20px;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr:not(.filter) td.first {
			border-top-left-radius: 8px;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content tr:not(.tablefoot) td.first {
			border-bottom-left-radius: 8px;
		}

		
		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr:not(.filter) td.first {
			border-left: 1px solid #E6E8F3;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead, #presencesumstab) tr:hover:not(.tablefoot, .filter) td.first {
			border-left: 1px solid #1c7abf;
		}

        #zonepresence-view #content td.second {            
            width: 73px;
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content td.second {            
            min-width: 73px;
			width: 4.4%;
        }

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

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

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

        #zonepresence-view #content td.fourth {            
            overflow: hidden;        
            width: 265px;
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content td.fourth {                        
            min-width: 265px;
			width: 16%;
        }
        
        #zonepresence-view #content td.fourth.bigger {
            width: 310px;
        }        

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

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

        #zonepresence-view #content td.fifth {            
            width: 90px;
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content td.fifth {            
            min-width: 90px;
			width: 5.4%;
        }

            #zonepresence-view #content td.fifth .employer {
                width: 85px;
                margin-left: 5px;            
            }
            
        
        #zonepresence-view #content td.seventh {
            width: auto;
            /*vertical-align:middle;*/
        }

		#zonepresence-view #content td.seventh div {
            margin-left: 5px;    
        }

        #zonepresence-view #content table tbody tr:not(:hover):not(.filter) td.seventh {
            border-left: 1px solid #e0d0c0;
        }            
        
        #zonepresence-view #content td.eighth {
            width: 150px;
            /*vertical-align:middle;*/
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content td.eighth {
            min-width: 150px;
			width: 9%;
        }

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

		#zonepresence-view #content td.tenth {
            min-width: 200px;
			width: 12%;
        }

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead) tr:not(.filter) td.last {
			border-right: 1px solid #E6E8F3;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table td.sum img {
			width: 30px;
			vertical-align: middle;
		}

		#main.fullwidth.fullwidthchck #zonepresence-view #content table:not(#topaccountshead, #presencesumstab) tr:hover:not(.tablefoot, .filter) td.last {
			border-right: 1px solid #1c7abf;
		}
        
        #zonepresence-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;
            }
			  
			  #zonepresence-view #content tr.filter #datetimeval img {
				  float:right;
				  margin-right:8px;
				  margin-top:4px;
				  cursor:pointer;
			  }
                       
            
            #zonepresence-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;
            }

			#zonepresence-view #content #presencesums td {
				padding-left:8px;
			}

			#main.fullwidth.fullwidthchck  #zonepresence-view #content table#presencesumstab td.first {
				min-width: 0px;
				width: auto;
				text-align: left;
				padding-left: 8px;
			}
            
            #zonepresence-view #content #presencesums td.sum {
              /*float:left;*/
                width:140px;
                /*height:24px;*/
                font-size:18px;
                /*line-height:2.4em;*/
                /*padding: 5px 5px 0 5px;*/
                /*background: url(../img/inputtext_160.png) no-repeat;*/
                padding-top:2px;                
                border-left:1px solid #fff;
                vertical-align: middle;
                /*border-bottom:1px solid #fff;*/
            }

            
            #zonepresence-view #content #presencesums span {
              font-weight:bold;
              /*border:none;*/
              /*vertical-align:top;*/
              
            }

			#zonepresence-view #content .nozone {
				background-image:url(../img/popup_160_warn.png);
			}
	
	
/* ---------------------------------- 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: calc(100% - 20px);
    	border-radius: 8px;
    	margin: 10px 10px 0px 10px;
		border-top: 0px;
		background-image: none;
	}

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

	#main.fullwidth #custom-view .grouphead {
		height: 40px;		
		border-radius: 8px;
		border-top: 1px solid #59aace;
		/*background-image:url(../img/background-section.jpg);*/
		background-image:url(../img/background-section.png);
		background-repeat: repeat-x;
	}
	
		#custom-view #title {
			margin: 10px 30px 10px 30px;
			color: #59aace;
		}
	
		#custom-view #content {
			margin: 10px auto 0px auto;
			color: #3c3c3c;
			font-size: 12px;
			padding-bottom: 10px;
			/*padding-left:10px;
			padding-right:10px;*/					
		}

		#main.fullwidth #custom-view #content {
			margin-top: 8px;			
		}

		#main.fullwidth.fullwidthchck #custom-view #content > div {
			border-radius: 8px;
			border-right: 8px solid #E6E8F3;
		}

		#main.fullwidth #custom-view #content {
			background-color: transparent;	
		}
		
			#custom-view #content select {
				height: 26px;
			}
			
			#custom-view #content table#topaccountshead {
				/*width:auto;*/
				width:100%;
				/*margin-left:10px;
				margin-right:10px;*/
				
				
				/*background:lime;*/
			}

			#main.fullwidth.fullwidthchck #custom-view #content table#topaccountshead {
				border-radius: 8px;				
			}
			
			#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.fullwidthchck #custom-view #content table:not(#topaccountshead) {
				margin-bottom: -8px;
				margin-top: -10px;
				border-collapse: separate;
				border-spacing: 0 8px;
				background-color: #E6E8F3;				
			}
			
			/*#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.tabletemplate, #custom-view #content tr.tabletemplate td {
				height: 0px;
				line-height: 0px;				
			}

			#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.tabletemplate) {
				border-top: 3px solid #E6E8F3;
				border-bottom: 3px solid #E6E8F3;
				border-radius: 8px;
			}

			#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot):hover:not(.outofdata):not(.tabletemplate) {
				box-shadow: 0px 0px 3px #1c7abf;
			}
			
				#custom-view #content tr.filter {
					height: 40px;
				}

				#main.fullwidth #custom-view #content table.css_sticky.css_sticky_actuallysticked tr.filter {
					display:none;
				}
				
					#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;
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.tablefoot, .tabletemplate) td {
					border-bottom: 1px solid #E6E8F3;
					border-top: 1px solid #E6E8F3;					
					border-left: 0px;
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.tabletemplate) td {
					background-color: #fff;					
				}

				#main.fullwidth.fullwidthchck #custom-view #content table tr.tabletemplate td {					
					border: 0px;
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot, .tabletemplate):hover td {
					border-top: 1px solid #1c7abf;
					border-bottom: 1px solid #1c7abf;
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.tablefoot, .tabletemplate) td.first {
					border-top-left-radius: 8px;
					border-left: 1px solid #E6E8F3;
					border-bottom-left-radius: 8px;					
				}

				#main.fullwidth.fullwidthchck #custom-view #content table td .magnifier img {
					width:20px;
					vertical-align: middle;
				}
				
				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot, .tabletemplate):hover td.first {
					border-left: 1px solid #1c7abf;
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.tablefoot, .tabletemplate) td.last {
					border-top-right-radius: 8px;
					border-right: 1px solid #E6E8F3;
					border-bottom-right-radius: 8px;					
				}

				#main.fullwidth.fullwidthchck #custom-view #content table:not(#topaccountshead) tr:not(.filter):not(.tablefoot, .tabletemplate):hover td.last {
					border-right: 1px solid #1c7abf;
				}
				
				#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;
				}

				#main.fullwidth #custom-view #content tr:hover.tabletemplate {
					height: 0px;					
				}

			
			
				
		#custom-view #content #buttons {
			height: 30px;
			width: 960px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}

		#main.fullwidth #custom-view #buttons {
			height: 30px;			
			padding-top:4px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			margin-bottom: 8px;
			background-color: #fff;
			border-radius: 8px;
		}
		
		#main.fullwidth #custom-view #buttons {
			width:100%;			
		}
		
			#custom-view #content #buttons #left {
				width: 730px;
				float: left;
			}

			#main.fullwidth #custom-view #buttons #left {
				width: 730px;
				float: left;
			}
			
				#custom-view #content #buttons #left #new {
					width: 100px;
					float: left;
				}

				#main.fullwidth #custom-view #buttons #left #new {
					width: 100px;
					float: left;
				}
			
			#custom-view #content #buttons #right {
				width: 200px;
				float: left;
				padding-left: 21px;
			}

			#main.fullwidth #main.fullwidth #custom-view #buttons #right {
				width: 200px;
				float: left;
				padding-left: 21px;
			}
			
			#custom-view #content #buttons #right .anybutton {
			   float: left;    
			   margin-left:4px;
			}

			#main.fullwidth #custom-view #buttons #right .anybutton {
				float: left;    
				margin-left:4px;
			 }
			
			#custom-view #content #buttons #right .custview_rowcounter {
					width: 100px;
					float: left;
				}

				#main.fullwidth #custom-view #buttons #right .custview_rowcounter {
					width: 100px;
					float: left;
				}
			
				#custom-view #content #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}

				#main.fullwidth #custom-view #buttons #right #descr {
					width: 100px;
					float: left;
					font-weight: bold;
					padding-top: 3px;
				}
				
				#custom-view #content #buttons #right #save {
					width: 100px;
					float: left;
				}

				#main.fullwidth #custom-view #buttons #right #save {
					width: 100px;
					float: left;
				}
				
				#custom-view #content #buttons #right #cancel {
					width: 90px;
					float: left;
				}

				#main.fullwidth #custom-view #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;
	}

	#wide_root #help #show {
		margin-bottom: 0px;		
		padding-bottom:30px;	
		/*background-color: #a0a0a0;				*/
	}
	
		#show a {
			color: #c2c81c;
			text-decoration: underline;
			cursor: help;
		}

		#wide_root #help #show a {
			color: #59aace;					
		}
	
	#help {
		width: 960px;
		border-top: 1px solid #c2c81c;
		background-image:url(../img/background-information.png);
		background-repeat:repeat-x;
		margin-bottom: 10px;
	}

	#wide_root #help {		
		border-top: 1px solid #E6E8F3;
		background-image: none;			
		margin-bottom: 0px;						
		background-color: #fff;
	}

	#wide_root #help.helphideborder {				
		background-color: transparent;
	}
	
	#main.fullwidth #help {
		width:100%;
	}	
		
		#help #title {
			color: #c2c81c;
			margin-top:-30px;
			padding-left: 30px;
		}

		#wide_root #help #title {
			/*background-color: #a0a0a0;			
			color: white;*/
			border-top: 1px solid #59aace;
			margin:0px;
			height: 30px;
			padding-top:10px;
			padding-left: 30px;			
			padding-bottom: 20px;
			color: #59aace;
		}
	
		#help #helpcontent {
			margin: 0px 30px 0px 30px;
			color: #3c3c3c;
			font-size: 12px;
		}

		#wide_root #help #helpcontent {
			background-color: transparent;
			
			/*color: #3c3c3c;*/
		}
		
		#help #hide {
			margin: 0px 30px 10px 30px;
			color: #3c3c3c;
			font-size: 12px;
			text-align:right;
		}
		
			#help #hide a {
				color: #c2c81c;
				text-decoration: underline;
			}

			#wide_root #help #hide a {
				color: #a0a0a0;				
			}
		
	   .more {
	      display: none;
	   }
   


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

	#wide_root #footer {
		height: auto;
		margin: 0px;			
		background-color: inherit;		
		text-align: left;
		padding:8px;
		border-top: 1px solid #ccc;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	/*#wide_root #footer.nolang {
		height: 31px;
	}

	#wide_root #footer #selectlang {
		color:#3c3c3c;
	}

	#wide_root #footer span.pwktitle {
		font-weight: bold;
		font-size: 1.2em;
	}*/

	#footer-content {
		width:960px;
		margin:0 auto;
		text-align: left;
		padding-top: 10px;
	}

	#wide_root #footer-content {
		margin: 0px;
		padding-top: 4px;
		width: auto;
		/*text-align: center;		*/
	}

	
		#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;
		}

		#wide_root #footer #footer-content #left, #wide_root #footer #footer-content #middle , #wide_root #footer #footer-content #right {	
			width: auto;	
			float: none;
			text-align: left;	
			height: 28px;
		}

		#wide_root #footer #footer-content select {
			border: 1px solid #808080;
		}
		
			#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.hascaptcha {
	height:320px;
}

#main.fullwidth #login {
	width: 800px;
	height:400px;	
	border: none;
	border-radius: 8px;
	background-color: #fff;	
	position: relative;
}

#main.fullwidth #login.hascaptcha {	
	height:500px;
}

#main.fullwidth #login #firm {
	position: absolute;
	top: 60px;
	width:200px;
	left:520px;
}

#main.fullwidth #powerkeyico {
	position: absolute;
	bottom: 10px;
	width:220px;
	right:10px;
	z-index: 5;
}

#main.fullwidth #logo {
	position: absolute;
	top: 60px;
	width:360px;
	height: 220px;
	left:50px;
	text-align: center;
	line-height: 220px;
}

#main.fullwidth #logo div img {
	vertical-align: middle;
	max-height: 220px;
}

	#login #header {
		height: 35px;
		text-align: center;
		background-color: #1c7abf;
		color: #fff;
		font-size:16px;
		font-weight: bold;
		padding-top: 8px;
	}

	#main.fullwidth #login #header {
		height: 25px;		
		background-color: #1B324A;	
		font-weight: normal;
		/*padding-top: px;*/
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
	#login #content {
		height: 170px;	
	}

	#login.hascaptcha #content {
		height: 300px;	
		position: relative;
	}

	#login.hascaptcha #content #captchaimg {		
		position: absolute;
		width: 160px;
		height: 70px;
		background-color: white;
		top: 140px;
		left:176px;
		border:1px solid gray;
		cursor: pointer;
	}

	#main.fullwidth #login.hascaptcha #content #captchaimg {		
		top: 110px;
		right:52px;
		left: auto;		
	}

	#main.fullwidth #login #content {
		margin-top:120px;
	}
	
	#login #content #name {
		height:35px;
		margin-left: 50px;
		margin-top: 20px;
	}

	#main.fullwidth #login #content #name {
		margin-left:460px;
	}

	#main.fullwidth #login #content #loginform.nologo #name {
		margin-left: auto;
		margin-right: auto;
		width:300px;
	}

  #login #content #rftext {
    text-align: center;
	}

	#main.fullwidth #login #content #rftext {
		text-align: center;
		margin-left:460px;
		padding-top:20px;		
		}
	
	
#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;
		}

		/*#main.fullwidth #login #content #name #text {
			width:80px;
		}*/
		
		#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;
	}

	#main.fullwidth #login #content #password {		
		margin-left: 460px;
	}

	#main.fullwidth #login #content #loginform.nologo #password {
		margin-left: auto;
		margin-right: auto;
		width:300px;
	}
	
		#login #content #password #text {
			width: 125px;
			height:30px;
			float:left;
		}

		/*#main.fullwidth #login #content #password #text {
			width:80px;
		}*/
		
		#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 #captcha {
			height:40px;
			margin-left: 50px;
		}
	
		#main.fullwidth #login #content #captcha {		
			margin-left: 460px;
		}
		
			#login #content #captcha #text {
				width: 125px;
				height:30px;
				float:left;
			}
	
			/*#main.fullwidth #login #content #captcha #text {
				width:80px;
			}*/
			
			#login #content #captcha #field {
				width: 150px;
				height:30px;
				float:left;
			}
			
			#login #content #captcha #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 #content #twofactortext {
		height: 35px;
		margin-left: 50px;
		margin-top: 20px;
	}

	#main.fullwidth #login #content #twofactortext {
		margin-left:460px;
	}

	#main.fullwidth #login #content #loginform.nologo #twofactortext {
		margin-left: auto;
		margin-right: auto;
		width:300px;
	}

	#login #content #twofactortext #text {
		width: 125px;
		height:30px;
		float:left;
	}
	
	#login #content #twofactortext #field {
		width: 150px;
		height:30px;
		float:left;
	}
	
	#login #content #twofactortext #field input {
		width:10px;
		height:26px;
		font-size:14px;
		text-align: center;
		padding: 0 6px 0 6px;		
		background: url(../img/inputtext_20.png) no-repeat;
	}

	#login #content #twofactorremember {
		height:40px;
		margin-left: 50px;
	}

	#main.fullwidth #login #content #twofactorremember {		
		margin-left: 460px;
	}

	#main.fullwidth #login #content #loginform.nologo #twofactorremember {
		margin-left: auto;
		margin-right: auto;
		width:300px;
	}
	
		#login #content #twofactorremember #text {
			/*width: 125px;*/
			height:30px;
			float:left;
		}

		#login #content #twofactorremember #remembertwofa .icon {
			margin: 4px;
			float: left;
		}
	/*	
		#login #content #twofactorremember #field {
			width: 150px;
			height:30px;
			float:left;
		}
		
		#login #content #twofactorremember #field input {
			width:142px;
			height:26px;
			font-size:11px;
			padding: 0 10px 0 10px;
			background: url(../img/inputtext_160.png) no-repeat;
		}*/

	#main.fullwidth #login #content #butt_submit {		
		margin-left: 536px;		
		margin-top:30px;
	}

	#main.fullwidth #login #content #loginform.nologo #butt_submit {
		margin-left: auto;
		margin-right: auto;
		width:172px;
	}
	
	#main.fullwidth #login.hascaptcha #content #butt_submit {		
		margin-top:80px;
	}
	
	#login #info {
		font-size: 12px;
		margin-top: 25px;
	}

	#main.fullwidth #login #info {
		text-align: center;
		margin-top: 10px;
	}

	#main.fullwidth #login #info #passrecoverclick a {
		text-decoration: none;
		color:#1C7ABF;
		cursor: pointer;
	}
	



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

#main.fullwidth #pass {
    width: 800px;
    height: 400px;
    border: none;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
}

#main.fullwidth #pass.hascaptcha {    
    height: 440px;
}


	#pass #header {
		height: 35px;
		text-align: center;
		background-color: #1c7abf;
		color: #fff;
		font-size:16px;
		font-weight: bold;
		padding-top: 8px;
	}

	#main.fullwidth #pass #header {
		height: 25px;		
		background-color: #1B324A;	
		font-weight: normal;		
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
	#pass #content {
		height: 100px;	
	}

	#pass.hascaptcha #content {
		height: 220px;	
	}

	#main.fullwidth #pass #content {
		margin-top: 120px;
		height: 180px;
	}

	#main.fullwidth #pass.hascaptcha #content {		
		height: 220px;
	}

	#main.fullwidth #pass #firm {
		position: absolute;
		top: 60px;
		width: 200px;
		left: 520px;
	}
	
	#pass #content #mail {
		height:35px;
		margin-left: 50px;
		margin-top: 20px;
	}

	#main.fullwidth #pass #content #mail {
		margin-left: 460px;
		padding-top: 4px;
	}
	
		#pass #content #mail #text {
			width: 125px;
			height:30px;
			float:left;
		}

		/*#main.fullwidth #pass #content #mail #text {
			width: 80px;
		}*/
		
		#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 #captcha {
			height:35px;
			margin-left: 50px;
			margin-top: 20px;
		}
	
		#main.fullwidth #pass #content #captcha {
			margin-left: 460px;
			padding-top: 4px;
		}

		#main.fullwidth #pass.hascaptcha #content #captcha {
			margin-top: 0px;
		}
		
			#pass #content #captcha #text {
				width: 125px;
				height:30px;
				float:left;
			}
	
			#pass #content #captcha #field {
				width: 150px;
				height:30px;
				float:left;
			}
			
			#pass #content #captcha #field input {
				width:142px;
				height:26px;
				font-size:11px;
				padding: 0 10px 0 10px;
				background: url(../img/inputtext_160.png) no-repeat;
			}


			#pass.hascaptcha #content #captchaimg {		
				position: absolute;
				width: 160px;
				height: 70px;
				background-color: white;
				top: 94px;
				left:176px;
				border:1px solid gray;
				cursor: pointer;
			}
		
			#main.fullwidth #pass.hascaptcha #content #captchaimg {		
				top: 84px;
				right:52px;
				left: auto;		
			}
	
	#pass #content #remind {
		margin-top:10px;
		margin-left: 140px;
	}
	
		#login #content #remind a {
			font-size: 12px;
			font-weight: bold;
			color: #505050;
			text-decoration: underline;
	}

	#main.fullwidth #pass #content #butt_submit {
		margin-left: 530px;		
		margin-top: 90px;
	}

	
	#pass #info {
		font-size: 12px;
		margin-top: 25px;
	}

	#pass.hascaptcha #info {
		margin-top: 40px;
	}
	
	#main.fullwidth #pass #info {
		text-align: center;
	}



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

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


/* ------------------------------------ Konfigurace ---------------------------- */
#configdiv {
	width:400px;
}

#main.fullwidth #configdiv {
	position: absolute;	
	top: 230px;
	left:340px;	
}

.configtitle, .setuptitle {
	color:white;
	height:70px;	
	text-align:center;
	font-size:48px;
}

#wide_root .configtitle, #wide_root .setuptitle {
	color:#1B324A;
}

.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;
}

#main.fullwidth #configcontent .ispan, #setupcontent .ispan {
	background-image: url(../img/message.svg);
}

.manuallyconfigured {
	background:#fbff9a;
}

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

#main.fullwidth #configmenu, #main.fullwidth .moduledirecion, #main.fullwidth .moduledefault {
	width: auto;	
}

#main.fullwidth #configmenu {
	margin-left:20px;
}

#main.fullwidth #configmenu span {
	font-weight: normal;
	font-style: italic;
}

.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;*/
}