/** CSS Nusantara */

/* GLOBAL */
body {
	background: url('http://dedy.routelink.net.id/tampilan/gambar/bg.gif') repeat;
}

body, table, td, tr, form {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #2D2D2D;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
	color: #820303;
	display: block;
	font-weight: bold;
	border: 1px #820303 solid;
	border-left: 20px solid;
	background-color: #EFECE9;
	padding: 5px;
	padding-left: 5px;
}

h4, h5, h6{
	font-size: 12px;
}

h3{
	font-size: 13px;
}

h2{
	font-size: 14px;
}

h1{
	font-size: 16px;
}

a, a:active, a:visited{
	text-decoration: none;
	color: #AA0000;
}

a:hover, a:focus{
	text-decoration: underline;
	color: #D50000;
}

a.putih, a.putih:active, a.putih:visited{
	color: white;
}

p {
	display: block;
	border: 1px #820303 solid;
	padding: 10px 10px;
}

strong {
	font-family: Tahoma, sans-serif;
	color: white;
	font-size: 13px;
	font-weight: bolder;
}

small {
	color: #AEAEAE;
}

fieldset {
	display: block;
	border: none;
}


/* TAMPILAN MENU */
.induk{
	display: block;
	height: 15px;
	font-weight: bold;
	background-color: #810202;
	color: #F0F0F0;
	border: 1px solid #800000;
	/*border-top: 1px solid white;*/
	margin-top: 1px;
	padding: 4px 2px 4px 10px;
	cursor: pointer;
}

.induk:hover {
	background-color: #B80E0E;
	margin-left: 5px;
	color: white;
}

.submenu a{
	display: block;
	background-color: #F0F0F0;
	color: #810202;
	border: 1px solid #800000;
	border-top: 1px solid gray;
	padding: 3px 2px 3px 10px;
	margin-left: 20px;
	text-decoration: none;
	color: #800000;
}

.submenu a:hover{
	background-color: #F9F9F9;
	padding-left: 13px;
	margin-left: 24px;
	/*color: red;*/
}


/* TAMPILAN BADAN */
.kepala {
	display: block;
	height: 30px;
	background-color: #810202;
	color: white;
	font-size: 30px;
	font-weight: bolder;
	padding: 70px 20px 20px 20px;
}

.log {
	z-index: 1;
	text-align: right;
	padding: 5px;
	position: absolute;
	font-size: 12px;
	font-weight: normal;
	top: 25px;
	right: 25px;
	min-width: 350px;
	min-height: 80px;
}

.badan {
	width: /*950px;  lebih lebar :: gunakan 1000px */ 95%;
	margin-top: 0px;
	margin: auto;
	border-top: none;
	padding: 5px 5px 15px 5px;
}

.konten{
	background-color: white;
	border: 1px solid gray;
	padding: 3px 3px;
	float: right;
	width: /*715px;  75% lebih lebar :: gunakan 740px */ 76%;
	margin: auto;
}

.menu{
	background-color: white;
	border: 1px solid gray;
	width: /*215px;  lebih lebar :: gunakan 240px */ 22%;
	float: left;
	padding: 3px 3px;
	margin: auto;
}

.kaki {
	clear:both;	
}

.error_strings{
	font-family:Verdana;
	font-size:10px;
	color:#660000;
}

table, table.hov {
	border: 1px solid #D6D6D6;
	border-top: 3px solid #D6D6D6;
	table-layout: auto;
	margin-bottom: 5px;
	background: bottom white url('http://dedy.routelink.net.id/tampilan/gambar/bawah_tbl.gif') repeat-x;
}

table.hov a{
	display: block;
}

th {
	border: 1px solid #B4B3B3;
	text-align: center;
	background: gray url('http://dedy.routelink.net.id/tampilan/gambar/tabbg.gif') repeat-x;
	color: white;
	padding: 3px 5px;
}

td {
	padding: 3px 3px;
	vertical-align: top;
}

td.leg {
	width: 18%;
}

td.cl {
	width: 2%;
	text-align: center;
}

td.vala{
	width: 80%;
}

table.hov tr:hover {
	background-color: #FEEDFE;
}

table.hov tr.no-hov, table.hov tr.no-hov:hover{
	background-color: white !important;
}

td.tombol {
	border: #E8E8EC 1px solid;
	border-left: none;
	border-right: none;
	padding: 5px 8px;
	text-align: right;
}

div.tombol{
	display: block;
	margin: 5px 0px;
	background: bottom white url('http://dedy.routelink.net.id/tampilan/gambar/bawah_tbl.gif') repeat-x;
	border: #E8E8EC 2px solid;
	padding: 5px;
	text-align: right;
}

div.progres{
	display: block;
	text-align: left;
	width: 160px;
	height: 20px;
	background: white url('http://dedy.routelink.net.id/tampilan/gambar/bg_bar.jpg') repeat-x;
	border: solid 1px gray;
}

/* KALENDER */

#cal {
	color:#FFF;
	background-color:#FFF;
	border: 1px solid #810202;
	font: 12px Verdana, Arial, Helvetica, sans-serif !important;
}
#cal td {
	text-align:center;
	vertical-align: middle;
	width: 50px;
	height:25px;
	background-color: #F7F7F7;
}
tr#days-of-week td {
	background-color: #aaa;
}
#cal thead td {
	background-color: #810202;
	color: white;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}
#cal thead a:active, #cal thead a:visited, #cal thead a:link{
	background: none;
	text-align: center;
	color: #FFF !important;
}
.ada{
	display: block;
	background-color: #fff;
	color: #000;
	padding: 2px 1px;
	border: 1px dashed #810202;
	text-decoration:none;
	font-weight: bold !important;
}

.gada{
	display: block;
	background: none;
	color: #000;
	padding: 2px 1px;
	border: none;
	text-decoration:none;
	font-weight: normal !important;
}

#cal .cal-prev-month-day, #cal .cal-next-month-day {
	color: #F7F7F7;
}
#cal-current-day {
	background-color: #B4B3B3 !important;
	color: white !important;
	font-weight: bold !important;
}

/* KOTAK PESAN GALAT */
.pesan{
	z-index: 1;
	background: white url('http://dedy.routelink.net.id/tampilan/gambar/seru.gif') 0% 10% no-repeat;
	border: 2px gray solid;
	position: fixed;
	top: 30%;
	left: 40%;
}
.isi_pesan{
	padding: 5px;
	width: 380px;
	border: 1px solid gray;
	margin: 5px;
}
.kepala_pesan{
	font-size: 14px;
	padding: 3px;
	display: block;
	background: gray;
	color: white;
	text-align: center;
	margin-top: 5px;
}
.kepala_pesan a{
	float: right;
	display: inline;
	background-color: white;
	/*border: 1px solid gray;*/
	text-decoration: none;
	color: red;
	padding: 1px;
}

/* FORM */
form{
	display: inline;
	margin: 0; 
	padding: 0;
}

form input,
form textarea{
	padding: 2px;
}

form input,
form select,
form textarea{
	font-size: 12px;
	font-family: Tahoma, sansans-serif;
	border: gray 1px solid;
	color: #3A3A3A;
}

form input:hover,
form select:hover,
form textarea:hover{
	border: #C8181A 1px solid;
	color: #3A3A3A;
}

form input:focus,
form select:focus,
form textarea:focus{
	border: #C8181A 1px solid;
	background-color: #FEEDFE;
	color: #3A3A3A;
}

optgroup{
	font: inherit;
	font-weight: bold;
}

.tombol input{
	border: 1px solid #7D0E0E;
	background: url('http://dedy.routelink.net.id/tampilan/gambar/tombol_akt.gif') repeat-x #FAFAFA;
	height: 24px;
	color: white;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 12px;
}

.tombol input:hover,
.tombol input:focus{
	border: 1px solid #7D0E0E;
	background: url('http://dedy.routelink.net.id/tampilan/gambar/tombol_hov.gif') repeat-x #FAFAFA;
	height: 24px;
	color: white;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
}

.cen {
	width: 5%;
	text-align: center;
}