body{background:#e372e7;margin:0;padding:0;}

#main{margin:10px auto;width:1124px;height:auto;padding:10px;background-color: #DA5ADF; border:1px solid #d04ed5;}

/* Logo */

#logo{margin:0;width:50%;padding:0px;height:auto;}

/* Menu Navigasi */

#menu{margin:10px 0;padding:0;background: #AE26BC; width:100%;}

#menu ul ul {

 display: none;

}

#menu ul li:hover > ul {

 display: block;

}

#menu ul {

 margin:0; padding: 0; list-style: none; position: relative; display: inline-table;

}

#menu ul:after {

 content: ""; clear: both; display: block;

}

#menu ul li {

 float: left;

}

#menu ul li:hover {

 background: #92139f;

}

#menu ul li:hover a {

 color: #48084f;

}

#menu ul li a {

 display: block; padding: 10px 20px;

 color: #3D0F42; font-weight:bold;text-decoration: none; border-right: 1px solid #9b1ea8;

}

#menu ul ul {

 background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%;

}

#menu ul ul li {

 float: none; background: #ae26bc; border-top: 1px solid #a522b2;

 position: relative; cursor:pointer;

}

#menu ul ul li a {

 padding: 10px 20px; color: #fff; 

} 

#menu ul ul li a:hover {

 background: #92139f;

 color:#3D0F42;

}

#menu ul ul ul {

 position: absolute; left: 100%; top:0;

}



#menu ul> span {

color:#3D0F42;line-height: 35px;text-align:right;padding: 3px 0 0 10px;

}



.filter{float:right;padding:0;margin:0px;}

.filter select{padding:5px 5px;margin:0;}

.filter input{padding:5px 5px;margin:0;}

.filter label{padding:0;margin:0;font-size:20px;}

.filter button{color:#f4c75a;}



/* Kolom Kiri */

.left{width:700px;float:left;padding:0;margin-top:10px;}

.left>.box{width:100%;height:100px;margin:0;padding:10px 0;border-bottom:1px solid #D05EDB;}

.left>.img{width:100px;height:100px;float:left;margin:0;padding:0;}

.left>.info{width:590px;height:100px;margin:0 0 0 5px;padding:0;}

.left>.info h2{margin:0;padding:0;color:#371E3A;}

.left>.info p{margin:0;padding:0;text-align:justify;}

/* Kolom Kanan */

.right{width:300px;float:right;padding:20px;margin-top:10px;height:400px;border:2px solid #C93CD7;background-color:#D248E0; text-align:center;}

.right>img{width:110px;height:110px;margin:0;}

.right p{width:100%;padding:10px;margin:0;color:#642E69;}

.right h2{margin:0;padding:15px;color:#642E69;font-family: arial;font-size:20px;}

.right input[type="text"]{width:100%;padding:10px;margin:4px 0;font-size:20px;border:2px solid #B33DBF;}

.right input[type="password"]{width:100%;padding:10px;margin:4px 0;font-size:20px;border:2px solid #B33DBF;}

.right input[type="radio"]{width:15px;height:15px;padding:0;margin:0;cursor: pointer;}

.right label{font-size:20px;padding:0 10px 0 0;margin-top:10px;color:#642E69;cursor: pointer;}

.right button{width:100%;padding:10px;color:#b95a0c;  cursor:pointer;margin:10px 0;background:#F8F00E;font-size:20px;font-weight:bold;border:2px solid #FBDF23;}



table tr td input[type="text"]{padding:2px;margin:2px 0;font-size:20px;border:2px solid #B33DBF;}

table tr td input[type="password"]{padding:2px;margin:2px 0;font-size:20px;border:2px solid #B33DBF;}

table tr td input[type="file"]{padding:2px;margin:2px 0;font-size:20px;border:2px solid #B33DBF;}

table tr td select{padding:2px;margin:4px 0;font-size:20px;border:2px solid #B33DBF;}

table tr td input[type="radio"]{width:15px;height:15px;padding:0;margin:0;cursor: pointer;}

table tr td label{font-size:20px;padding:0 10px 0 0;margin-top:10px;color:#642E69;cursor: pointer;}

table tr td button{padding:2px 10px;color:#412a1c;cursor:pointer;margin:2px 0;background:#F8F00E;font-size:18px;font-weight:normal;border:2px solid #FBDF23;}

.tabel td{border:1px solid #90289B;font-size:20px;padding:0 3px;}

.data td{border:1px solid #90289B;font-size:16px;padding:3px 3px;}

.absen td{border:1px solid #90289B;font-size:18px;padding:0;}

.absen input{border:1px solid #90289B;font-size:14px;padding:0 3px;width:30px;text-align:center;}

.nilai td{border:1px solid #90289B;font-size:18px;padding:0;}

.nilai input{border:1px solid #90289B;font-size:14px;padding:0 3px;text-align:center;}

.data td a{font-size:16px;color:#300a51;}

.data td a:hover{color:#992c1d;}



button{padding:5px 15px;cursor:pointer;margin:2px 0;background:#A12FAD;font-size:15px;font-weight:bold;border:2px solid #8E2798;}



a{color:#3E0D43;text-decoration:none;}

table{border-collapse: collapse;}

table tr th{border:1px solid #90289B;background-color:#B845C4;color:#3A0A3F;}

table tr td{border:1px solid #90289B;font-size:18px;}

/* Catatan Kaki */

.footer{width:100%;clear:both;text-align:center;padding:10px 3px;margin-top:50px;}