body{
	background: #1175be;
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
}
.day_date{font-weight:normal; font-size:13px;}
.copy_below{float:left}
.button{
background:#fbfbfb;
	height:32px;
	border:1px solid  #dbdbdb;
	box-shadow: 0px 0px 2px 2px #f0f0f0 inset;
	color:#333333;
	margin:0;
	padding:0px 20px;
	margin-right:2px;
	margin-bottom:2px;
	font-weight:bold;
	text-align:center;
	border-radius:4px;
}
.top_border{
	border-top:3px solid #000;
}
.top_border td{
background:#f6f4e8;
}
.blue_button{
background:#63c0ed;
	height:32px;
	border:1px solid  #dbdbdb;
	box-shadow: 0px 0px 2px 2px #f0f0f0 inset;
	color:#fff;
	margin:0;
	padding:0px 20px;
	margin-right:2px;
	margin-bottom:2px;
	font-weight:bold;
	text-align:center;
	border-radius:4px;
}
.dialog{display:none}
#header{
	height:119px;
	background:#fff;
}
#header h1{
	color:#c7c8ca;
	float: left;
	padding:38px;
	margin:0;
	padding-top:53px;
}

h2#naam_uitz{float:left; width:300px; margin-left:20px; padding-top:10px; margin-top:0;}
#circle{float:left; }
#header #logo{ float:left}
#header #show_info{ position:absolute;
top:50px;
right:80px; 
}
#header #print{ position:absolute;
top:50px;
right:20px; 
}
.container{
	text-align:center;
	width:1100px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#container_bg{
	
/*box-shadow: 0px 0px 35px 10px #b32514;*/
background:#fff;
width:1100px;
margin:35px auto;
	
}

#content{
	
	padding:20px;
}
.fdata {
	border-bottom:4px solid #000;
	padding-bottom:20px;
}

.finfo{
	background: #f5f5f5 url(/img/portal/ico_3.png) no-repeat 16px 16px;
	padding-left:100px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:100px;
}
.finfo table{width:100%;
border-collapse:collapse;
}
.finfo table td{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px 0;
}
.fdaystart,
.fdayend,
.fdaybreak,
.fday{
	width:43px;
	height:32px;
	border:1px solid #bdbdbd;
	box-shadow: 0px 0px 2px 5px #f0f0f0 inset;
	float:left;
	margin:0;
	padding:0;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
}
.fdaybreak{
	width:35px;
	background: #ffcccb;
	
}
input.fdaybreak:focus,
input.fdaystart:focus,
input.fdayend:focus,
input.fday:focus
{
border-color:#23b3ef;
box-shadow: 0px 0px 2px 5px #c6f2f9 ;
	
} 
.custom .name,
.custom .bsn{
width:133px;
	height:32px;
	border:1px solid #bdbdbd;
	box-shadow: 0px 0px 2px 5px #f0f0f0 inset;
	float:left;
	margin:0;
	padding:0;
	margin-right:2px;
	margin-bottom:2px;
	text-align:left;
}
.custom .bsn{
	width:80px;
	}
#time_format,
#signed_by{
	width:243px;
	height:25px;
	border:1px solid #bdbdbd;
	box-shadow: 0px 0px 2px 5px #f0f0f0 inset;
	margin:0;
	padding:0;
	margin-left:12px;
	margin-bottom:2px;
	text-align:left;
	
}
.ftd{width:65px!important;  text-align:center}
.ftotal{
	width:43px;
	height:32px;
	border:1px solid #bdbdbd;
	box-shadow: 0px 0px 2px 5px #f0f0f0 inset;
	float:left;
	margin:0;
	padding:0;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
	background: #e9e9e9;
}


.clear_all,
.clear_fields{float:left; margin-right:5px; }
#table_hours{
border-top: 1px solid #e9e8e8;
border-bottom: 1px solid #e9e8e8;
border-spacing: 0px;
border-collapse:collapse;
}

#table_hours td {
	border-width: 1px;
	border-color: #e9e8e8;
	padding: 5px;
	border-style: solid;

}
#table_hours td.ftdtotal{
	background:#f6f4e8;
	width:93px;
	border-left:3px solid #000!important;
	
}
#table_hours th{
	border-width: 0px;
	border-color: #000;
	padding: 3px;
	border-style: solid;

	border-spacing: 0px;
	-moz-border-radius: ;
}

#table_hours thead tr th {
border-bottom:3px solid #000!important; 
}


.hol-show{cursor:pointer; color:green;}
.hol-info{display:none;}

.sick-show{cursor:pointer; color:green;}
.sick-info{display:none;}

.hol{border:2px solid yellow!important;}
.sick{border:2px solid blue!important;}

.unites-info{font-size:11px; color:green;}