body {

    font: normal 12px tahoma, arial, verdana, sans-serif;

	background-color: #efefef;

	margin: 0;

	padding: 5px;

	border: 0 none;

	height: 100%;

	color: #3e3e3e;

}



.navmenu {

    font: normal 12px tahoma, arial, verdana, sans-serif;

	text-decoration: none;

}



.title {

	font-size: 16px;

	font-weight: bold;

	color: #3E3E3E;

}

.hijau_miring {

	font-weight: italic;
	color: #19A61B;

}

.biru {

	background-color: #1439DE;
	color: #ffffff;
}


.subtitle {

	font-size: 12px;

	font-weight: bold;

	color: #3E3E3E;

}

.subtitle_putih {

	font-size: 12px;

	font-weight: bold;

	color: #3E3E3E;
	
	background-color: #B3B9FF;
	
	padding: 5px;

}

.putih
{
	color: #ffffff;
}

.altrow
{
	background-color: #efefef;
}

.altrow1
{
	background-color: #ffffff;
}

.altrow2
{
	background-color: #cccccc;
}

a.button {

	background-image: url('../images/bg_blue.gif');

	text-decoration: none;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-top: 3px;

	color: #FFFFFF

}



a.buttonred {

	background-image: url('../images/bg_red.gif');

	text-decoration: none;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-top: 3px;

	color: #FFFFFF

}





a {

	text-decoration: none;

	color: #0000FF;

}



.tbl_head {

	background-image: url('../images/background.jpg');

	color: #3e3e3e;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	padding-right: 5px;

	font: bold 12px tahoma, arial, verdana, sans-serif;

	text-align: center;

}

.TBL_FOOT
{
	color: #000000;
	font-weight: bold;
	background-color: #efefef
}

.tbl_head2 {

	background-color: #dddddd;

	color: #3e3e3e;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	padding-right: 5px;

	font: bold 12px tahoma, arial, verdana, sans-serif;

	text-align: center;

}



.tbl_body {

	background-color: #FFFFFF;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	padding-right: 3px;

    font: normal 12px tahoma, arial, verdana, sans-serif;

}



.tbl_body0 {

	background-color: #ebebf2;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	padding-right: 3px;

    font: normal 12px tahoma, arial, verdana, sans-serif;

}



.tbl_border {

	border-right:solid 1px;

	border-left: solid 1px;

	border-bottom: solid 1px;

	border-top: solid 1px;

	border-color:#999999;

    BACKGROUND:     #aaaaaa

}

.login_err {

	background:#efefef;

 	color: #FF0000

}



.loading {

	position: absolute; 

	z-index: 1000; 

	top: 0; 

	left: 0; 

	padding: 10px;

	background-color: #efefef

}



.scr_border {

    BACKGROUND:     #0050A5

}

.scr_head {

    BACKGROUND:     #efefef

}

.tbl_href {

 	color: #3e3e3e

}

.pending {

	background: #fffe83;

	padding: 3px;

}

.approved {

	background: #86ff83;

	padding: 3px;

}

.rejected {

	background: #ff7070;

	padding: 3px;

}

.closed {

	background: #d0c4ff;

	padding: 3px;

}



.form_label {

	position: relative;

	float: left;

	width: 90px;

	height: 25px;

}



.form_titik2 {

	position: relative;

	float: left;

	width: 10px;

	height: 25px;

}



.form_value {

	position: relative;

	float: left;

	width: 300px;

	height: 25px;

}





/* ALERTS */

.alerts {

  margin: 0px;

}



.alerts p {

  /* quick and dirty hack added by me, you may remove it if not needed */

  margin: 0; padding: 0;

}

.alert-message.danger, .alert-message.danger:hover, .alert-message.error, .alert-message.error:hover, .alert-message.success, alert-message.success:hover, .alert-message.info, .alert-message.info:hover {

  color: #ffffff;

}

.alert-message .close {

  font-family: Arial, sans-serif; 

  line-height: 18px;

}

.alert-message.danger, .alert-message.error {

  background-color: #c43c35;

  background-repeat: repeat-x;

  

  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));

  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);

  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));

  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);

  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);

  background-image: linear-gradient(top, #ee5f5b, #c43c35);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);

  

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  border-color: #c43c35 #c43c35 #882a25;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.alert-message.success {

  background-color: #57a957;

  background-repeat: repeat-x;

  

  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));

  background-image: -moz-linear-gradient(top, #62c462, #57a957);

  background-image: -ms-linear-gradient(top, #62c462, #57a957);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));

  background-image: -webkit-linear-gradient(top, #62c462, #57a957);

  background-image: -o-linear-gradient(top, #62c462, #57a957);

  background-image: linear-gradient(top, #62c462, #57a957);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);

  

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  border-color: #57a957 #57a957 #3d773d;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}

.alert-message.info {

  background-color: #339bb9;

  background-repeat: repeat-x;

  

  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));

  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);

  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));

  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);

  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);

  background-image: linear-gradient(top, #5bc0de, #339bb9);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);

  

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  border-color: #339bb9 #339bb9 #22697d;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}



:root .alert-message {

  border-radius: 0 \0;

}

.close {

  float: right;

  color: #000000;

  font-size: 20px;

  font-weight: bold;

  line-height: 13.5px;

  text-shadow: 0 1px 0 #ffffff;

  filter: alpha(opacity=25);

  -khtml-opacity: 0.25;

  -moz-opacity: 0.25;

  opacity: 0.25;

}

.close:hover {

  color: #000000;

  text-decoration: none;

  filter: alpha(opacity=40);

  -khtml-opacity: 0.4;

  -moz-opacity: 0.4;

  opacity: 0.4;

}

.alert-message {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 13px;



  position: relative;

  padding: 7px 15px;

  margin-bottom: 18px;

  color: #404040;



  background-color: #eedc94;

  background-repeat: repeat-x;



  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));

  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);

  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));

  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);

  background-image: -o-linear-gradient(top, #fceec1, #eedc94);

  background-image: linear-gradient(top, #fceec1, #eedc94);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);

  

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  border-color: #eedc94 #eedc94 #e4c652;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  border-width: 1px;

  border-style: solid;

  

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

}

.alert-message .close {

  margin-top: 0;

}

.alert-message a {

  font-weight: bold;

  color: #404040;

  text-decoration: none;

}

.alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a {

  color: #ffffff;

}

.alert-message p a:hover {

  text-decoration: underline;

}

.alert-message p {

  margin-bottom: 0;

}