body {
	background-color: #F0EFE3;
	background-image:url(images/bgbody.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.mainmenu {
	font-family:Arial, Helvetica, sans-serif;
	color:#70705A;
	font-size:11px;
}

a.mainmenu:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#70705A;
	font-size:11px;
	text-decoration: none;
}

a.mainmenu:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#70705A;
	font-size:11px;
	text-decoration: none;
}

a.mainmenu:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#70705A;
	font-size:11px;
	text-decoration: none;
}

a.mainmenu:hover {
	text-decoration: underline;
}

.menu2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#797649;
	font-weight:bold;
	font-size:11px;
}

a.menu2:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#797649;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu2:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#797649;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu2:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#797649;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu2:hover {
	text-decoration: underline;
}

.menu3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FEFEFD;
	font-weight:bold;
	font-size:11px;
}

a.menu3:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#FEFEFD;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu3:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#FEFEFD;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu3:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#FEFEFD;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

a.menu3:hover {
	text-decoration: underline;
}

.ssnet {
	color:#A7070C;
	font-weight: bold;
}

.tgl {
	font-family:Arial, Helvetica, sans-serif;
	color:#918D62;
	font-size:10px;
}

.tglorange {
	font-family:Arial, Helvetica, sans-serif;
	color:#FA9C19;
	font-size:10px;
}

.tglbiru {
	font-family:Arial, Helvetica, sans-serif;
	color:#4679BA;
	font-size:10px;
}

.tglkuning {
	color:#DE2800;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.laporanbiru {
	font-family:Arial, Helvetica, sans-serif;
	color:#3BA7C2;
	font-size:12px;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	color:#966858;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	color:#366ea2;
	font-size:15px;
}

td, p {
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	font-size:12px;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding-left:20px;
}

a.mnfooter:link {
	color:#FFFFFF;
	font-size:11px;
	text-decoration: none;
}

a.mnfooter:active {
	color:#FFFFFF;
	font-size:11px;
	text-decoration: none;
}

a.mnfooter:visited {
	color:#FFFFFF;
	font-size:11px;
	text-decoration: none;
}

a.mnfooter:hover {
	text-decoration: underline;
}

.komentar {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

.hr {
	font-family:Arial, Helvetica, sans-serif;
	color:#E6E6E3;
	height:1px;
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 250px; /*width of menu*/
}

.applemenu div.silverheader a{
background: #F2F2E8;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #69695F;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
margin-bottom: 2px;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #69695F;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background: #BEBEAE;
color: #69695F;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #FFFFF7;
padding: 5px;
border: 1px solid #E4E4DC;
margin-bottom: 2px;
min-height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.selang {
	background-color:#F7DDB9;
	font-family:Arial, Helvetica, sans-serif;
	color:#B48544;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
}

.selang li {
	margin-left: 5px;
}

.seling {
	background-color:#FBECD6;
	font-family:Arial, Helvetica, sans-serif;
	color:#B48544;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	
}
.seling li {
	margin-left: 5px;
}

.selangbiru {
	background-color:#D6EAF7;
	font-family:Arial, Helvetica, sans-serif;
	color:#368AC0;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
}
.selangbiru li {
	margin-left: 5px;
}

.selingbiru {
	background-color:#E9F5FC;
	font-family:Arial, Helvetica, sans-serif;
	color:#368AC0;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
}
.selingbiru li {
	margin-left: 5px;
}

.bgrarsip {
	background-color:#E8E8E0;
	font-family:Arial, Helvetica, sans-serif;
	color:#706F6A;
	font-size:12px;
	padding-left:10px;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
}
.bgrarsip li {
	margin-left: 5px;
}

.txtarsip {
	color:#706F6A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.txtartikel_1 {
	color:#413D34;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.txtartikel_2 {
	color:#967144;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.txtresep_1 {
	color:#464B4F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.txtresep_2 {
	color:#468BB5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input.btnkirim { 
	  color:#FFFFFF; 
	  font-weight: bold;
	  font-family:Arial, Helvetica, sans-serif;
	  background-image:url(images/bg_button_hijau.gif);
	  border: 1px solid; 
	  font-size:11px;
	  border-color: #cac9c9;
}
.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#b00c0c;
	text-decoration: none;
}