/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #fff;
	background-color: #484848;
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 100%;
	text-align: center;
}

table {
	font-size: 1em;
}

td {
	color: #fff;
	background-color: inherit;
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 1em;
	text-align:left;
	padding: 1px;
	vertical-align:top;
}

th {
	color: #fff;
	background-color: inherit;
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 1em;
	height:18px;
	padding:4px;
	text-align:center;
}

a {
	color: #333333;
	background-color: inherit;
	text-decoration: none;
	
}

a:hover {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

img {
	border: none;
}

ul, ul li {
	list-style: none outside;
}

ol, ol li {
	list-style: decimal inside;
}

p {
	padding: 0.6em 0em 0.6em;
}

fieldset {
	border: none;
}

textarea, select {
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 1em;
}
input{
	font-family: 'verdana', 'helvetica', sans-serif;
	font-size: 1em;
	height:15px;
}

input.text{width:150px;}

.tanggal{width:110px; text-align:center}

.hidethis {
	display: none;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size: 1px;
	overflow : hidden;
	visibility: hidden;
}

#container {
	margin: 20px 10px;
	width: 980px;
	font-size: 0.71em;
}

#kiri {
	float: left;
	margin-top: 72px;
	position: relative;
	left: 48px;
	width: 166px;
	background: url('images/left_bg_bot.gif') no-repeat 0% 100%;
	font-size: 1.15em;
	font-weight: bold;
}

#kiri-a {
	padding: 15px 0px;
	width: 166px;
	background: url('images/left_bg_top.gif') no-repeat 0% 0%;
}

#kiri-b {
	color: inherit;
	background-color: #6d6845;
	border-left: #fff 6px solid;
	height:339px;
}

#kiri a {
	text-decoration: none;
	text-transform: uppercase;
}

#kiri li {
	border-top: #fff 1px solid;
}

#kiri li a {
	display: block;
	padding: 5px 0px;
	width: 160px;
}

#kiri li a:hover {
	color: inherit;
	background-color: #989160
}
#kiri a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

#kiri a:hover {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}
#kiri li.list_first {
	border-top: none;
}
#kiri li.list_last {
	border-bottom: #fff 1px solid;
}

#tengah {
	float: right;
	position: relative;
	left: -216px;
	width: 550px;
	background: url('images/main_bg_bot.gif') no-repeat 0% 100%;
}

#tengah-a {
	padding: 15px 0px;
	width: 550px;
	background: url('images/main_bg_top.gif') no-repeat 0% 0%;
}

#tengah-b {
	color: inherit;
	background-color: #8e8257;
	border-left: #fff 6px solid;
	border-right: #fff 6px solid;
	min-height:455px;
	padding:20px 5px 5px 5px;
}


#page_header {
	color: inherit;
	background-color: #ADA484;
}
#page_header{
	top: 0px;
	height: 45px;
	width: 538px;
	border-right: #fff 6px solid;
	border-left: #fff 6px solid;
	background: #ADA484;
}

#rolltext{
	width: 538px;
	border-right: #fff 6px solid;
	border-left: #fff 6px solid;
	background-color: #FFFFFF;
	color:#800040;
}


#kanan {
	float: right;
	position: relative;
	left: 500px;
	margin-top: 72px;
	position: relative;
	width: 166px;
	background: url('images/right_bg_bot.gif') no-repeat 0% 100%;
	font-size: 1.15em;
	font-weight: bold;
}

#kanan-a {
	padding: 15px 0px;
	width: 166px;
	background: url('images/right_bg_top.gif') no-repeat 0% 0%;
}

#kanan-b {
	color: inherit;
	background-color: #6d6845;
	border-right: #fff 6px solid;
	height:339px;
}


#page_footer {
	padding: 20px 0px;
	font-size: 0.9em;
	font-weight: bold;
}


.borderatas{
	border-bottom: #6D6845 1px solid;
}
.borderkanan{
	border-bottom: #6D6845 1px solid;
}
.borderbawah{
	border-bottom: #6D6845 1px solid;
}
.borderkiri{
	border-bottom: #6D6845 1px solid;
}

.errMsg{color:#C0C0C0;font-style:italic;}

.btn-kirim{background:url(images/kirim_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-kirim:hover{background:url(images/kirim.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-daftar{background:url(images/daftar_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-daftar:hover{background:url(images/daftar.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-tambah{background:url(images/tambah_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-tambah:hover{background:url(images/tambah.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-simpan{background:url(images/simpan_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-simpan:hover{background:url(images/simpan.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-batal{background:url(images/batal_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-batal:hover{background:url(images/batal.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-update{background:url(images/update_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-update:hover{background:url(images/update.gif) transparent no-repeat;border:0px; width:94px; height:24px;}

.btn-pasang{background:url(images/pasang_.gif) transparent no-repeat;border:0px; width:94px; height:24px;}
.btn-pasang:hover{background:url(images/pasang.gif) transparent no-repeat;border:0px; width:94px; height:24px;}


.contact{
	color: #fff;
	background-color: inherit;
	text-decoration: none;
	
}

.contact:hover {
	color: #333333;
	background-color: inherit;
	text-decoration: none;
}

table.report{
	border-left:#ADA484 1px solid;
	border-top:#ADA484 1px solid;
}
table.report th{
	border-right:#ADA484 1px solid;
	border-bottom:#ADA484 1px solid;
	background:#6D6845;
}
table.report td{
	border-right:#ADA484 1px solid;
	border-bottom:#ADA484 1px solid;
	padding:1px 3px;
}