body{font-family:"Verdana", Tahoma, Arial;font-size:14px;margin:0;padding:0;}
#wrap {width:90%;max-width:800px;border: solid 1px #cccccc;-webkit-box-shadow:0 0 15px #cccccc; -moz-box-shadow: 0 0 15px #cccccc; box-shadow:0 0 15px #cccccc;margin:20px auto;}
#header {background:#465477 url('images/header.jpg') no-repeat center;background-position:center;height:200px;overflow:hidden;padding:0;margin:0;}
#headtext h1 {text-align: left;padding: 0;margin: 0}
#headtext p {margin: 0;padding: 0}
#headtext {width:70%;padding:20px;margin-top:30px;}
#grupswitch {margin-left:20px;}
#menu {background:#000000;margin:0;color:#ffffff;padding:10px;text-align:center}
#menu a {padding:10px;color:#ffffff;text-decoration:none}
#menu a:hover {padding:10px;background:#FFFF00;color:#000000}
#submenu {background:#e0e4ed;margin:0;color:#4f5e7d;padding:5px 10px;text-align:center}
#submenu a {padding:5px 10px;color:#4f5e7d;text-decoration:none}
#submenu a:hover {padding:5px 10px;background:#4f5e7d;color:#e0e4ed}

#content {padding:20px;margin:0;background:url('images/background.png') no-repeat bottom right; min-height:250px}
legend {font-weight: 700}
label {width:200px;display:block;float:left;padding:5px;}
fieldset {margin-bottom:10px;border:solid 1px #cccccc}
input,select {padding:5px;border: solid 1px #cccccc;-webkit-box-shadow:0 0 5px #cccccc; -moz-box-shadow: 0 0 5px #cccccc; box-shadow:0 0 5px #cccccc;}
input {width:250px}
select {height:30px}
input.radio, input.checkbox {width:20px; border:none;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}
input.tombol {width:auto;padding:5px 15px; height:35px;cursor:pointer;}
h1 {font-family:"Impact", Verdana, Helvetica;font-size:40px;font-weight:400;text-align:center;}
.tabel {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tabel table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.tabel tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tabel table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tabel table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tabel tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tabel tr:hover td{
	
}
.tabel tr:nth-child(odd){ background-color:#e8e4e1; }
.tabel tr:nth-child(even)    { background-color:#ffffff; }.tabel td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:11px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tabel tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tabel tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tabel tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tabel tr:first-child td{
		background:-o-linear-gradient(bottom, #afafaf 5%, #666564 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afafaf), color-stop(1, #666564) );
	background:-moz-linear-gradient( center top, #afafaf 5%, #666564 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afafaf", endColorstr="#666564");	background: -o-linear-gradient(top,#afafaf,666564);

	background-color:#afafaf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.tabel tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #afafaf 5%, #666564 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #afafaf), color-stop(1, #666564) );
	background:-moz-linear-gradient( center top, #afafaf 5%, #666564 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afafaf", endColorstr="#666564");	background: -o-linear-gradient(top,#afafaf,666564);

	background-color:#afafaf;
}
.tabel tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tabel tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
#menumember {text-align:center}
#artikel {margin:5px;padding:10px;border: solid 1px #cccccc}
#artikel a {text-decoration:none;color:#000000}
#artikel h2 {padding:0;margin:0 0 10px 0}
td.right {text-align:right}
.tanggal {text-align:right;background:#cccccc;margin-top:15px;padding:3px}
.notif {background:#FFFFAA;padding:5px}
.error {background:#ff0000;padding:5px;font-weight:700;color:#ffffff}
#footer {height:50px;padding:10px;text-align:center}
#footer p {font-size:10px}
#nav {margin:20px; text-align: center}
#nav a {padding:3px; margin:3px; background: #94E994; text-decoration: none;}