@charset "utf-8";
/* CSS Document */

html, body {
	/*width:1024px;*/
	width:auto;
    border: 0;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;	/* background-image:url(../img/body.jpg); */
	background-color:#e3e3e3;
	/* font style */
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-style: normal;
	font-weight: normal;
	FONT-WEIGHT:normal;	
    }
.t11b {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-style: normal;
	font-weight: normal;
	FONT-WEIGHT: bold
}
.foto {
width:30px;
height:35px;
overflow:hidden;
border:1px #000000 solid;
}
.foto2 {
width:50px;
height:55px;
overflow:hidden;
border:1px #000000 solid;
}
.foto-profile {
width:100px;
/*height:105px;*/
overflow:hidden;
border:1px #000000 solid;
}
.sick{
background-color:#80ae1e;
padding:5px;
width:65px;
COLOR: #ffffff;
FONT-WEIGHT: bold;
}
.cuti{
background-color:#201b64;
padding:5px;
width:65px;
COLOR: #ffffff;
FONT-WEIGHT: bold;
}
.late{
background-color:#b60000;
padding:3px;
width:55px;
COLOR: #ffffff;
FONT-WEIGHT: bold;
text-align:center;
}

.jam{
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 20px;
font-style: normal;
font-weight: normal;
FONT-WEIGHT: bold;
text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.logintitle{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom:0px;
    background:#a3a3a3; 
    border-right: 7px solid rgba(0,0,0,0.5);
    border-left: 7px solid rgba(0,0,0,0.5);
	border-top: 7px solid rgba(0,0,0,0.5);
	width:350px;
	margin:0px auto;
}
.login{
    background:#f3f4f3; 
	width:350px;
	margin:0px auto;
	border-right: 7px solid rgba(0,0,0,0.5);
    border-left: 7px solid rgba(0,0,0,0.5);
	
}
.loginfooter{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	
    background:#d8d8d8; 
	border-right: 7px solid rgba(0,0,0,0.5);
    border-left: 7px solid rgba(0,0,0,0.5);
	border-bottom: 7px solid rgba(0,0,0,0.5);
	width:350px;
	margin:0px auto;
}
th{
background-color:#006699;
height:30px;
color:#FFFFFF
}
td{
padding-top:4px;
vertical-align:top;
}
.minggu{
background-color:#FFFFFF;
color:#999999;}
.kotak{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:0px solid #fff;
    width:700px;
    padding:10px;
    margin-left:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;}

.kotakfule{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:950px;
    padding:10px;
    margin-left:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;}

.kotakful{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:720px;
    padding:10px;
    margin-left:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;}

.kotakpol{
    float:center;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:96%;
    padding:10px;
    margin-left:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;}
	
.tablez{
border-bottom:1px solid #000000;
}