body,td{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:black;
	
}
input {
	border:1px solid #336699;
}
.note{
	font-size:12px;
	color:black;
}

.header2 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 float: center;	
 width: 100%;
 color:brown;
 background-color:green;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.header3 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.4) 0 1px 0 0;
 float: center;	
 width: 100%;
 color:black;
 background-color:#C0C0C0;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.header4 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.4) 0 1px 0 0;
 float: center;	
 width: 100%;
 color:#008000;
 background-color:#ADFF2F;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

div.depan	a {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
color: #333333;	
background: #708090; 
border:1px solid #A52A2A; 
border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
text-decoration:none; 
font-size:12px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 4px 8px;

}
   
div.depan a:link {
color: white;
background: #708090; 
border:1px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
}

div.depan a:active { 
color: #708090; 
background: white; 
border:1px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depan a:visited {
color: #F5F5F5; 
background: #708090; 
border:1px solid #708090; 
}

div.depan a:hover {
color: #708090;
background: white; 
border:1px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);}

div.depan a.current {
color: #708090;
background: white; 
border:1px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depanb	a {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
color: #333333;	
background: #228B22; 
border:1px solid #228B22; 
border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
text-decoration:none; 
font-size:12px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 4px 8px;

}
   
div.depanb a:link {
color: white;
background: #228B22; 
border:1px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
}

div.depanb a:active { 
color: #228B22; 
background: white; 
border:1px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depanb a:visited {
color: #F5F5F5; 
background: ##228B22; 
border:1px solid #228B22; 
}

div.depanb a:hover {
color: #228B22;
background: white; 
border:1px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);}

div.depanb a.current {
color: #228B22;
background: white; 
border:1px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

.tombol {
 -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 2px 0 0;
 color:#333;
 background-color:#FA2;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:15px;
 font-weight:700;
 height:25px;
 padding:4px 20px;
 text-shadow:#FE6 0 1px 0
}

.tombol:hover {
 -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 2px 0 0;
 color:#333;
 background-color:#FF0000;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:15px;
 font-weight:700;
 height:25px;
 padding:4px 20px;
 text-shadow:#FE6 0 1px 0
}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}