body {
	background-image:url("image/background.png");
	background-attachment: fixed;
}

/* Judul program */
#firm_title {
	font-family: 'Arial';
	font-weight:bold;
	font-size:1.3em;	
	color: #FF0000;	

	padding-top: 25px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;	
}
#program_title {
	font-family: 'Arial';
	font-weight:bold;
	font-size:1.2em;	
	color: #FF0000;	

	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;	
}
#page_title {
	font-family: 'Arial';
	font-weight:bold;
	font-size: 1em;	
	color: #FF0000;	

	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;	
}

#user_title {
	font-family: 'Arial';
	font-weight:bold;
	font-size: 0.75em;	
	color: #FF0000;

	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;	
}

/* Judul login program */
#firm_title_login {
	font-family: 'Arial';
	font-weight:bold;
	font-size:2em;	
	color: #FF0000;	
	text-align: center;

	padding-top: 5px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;	
}
#program_title_login {
	font-family: 'Arial';
	font-weight:bold;
	font-size:1.8em;	
	color: #FF0000;	
	text-align: center;

	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;	
}
#page_title_login {
	font-family: 'Arial';
	font-weight:bold;
	font-size: 1.5em;	
	color: #FF0000;	
	text-align: center;

	padding-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;	
}

/* Tabel find */
#table_find td {
	font-family: 'Arial';
	font-weight:bold;
	font-size: 0.8em;	
	color: #FFFFFF;	

	border-style:solid;
	border-width:1px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;	
}

/* Tabel browse */
#table_browse{
	background:#FFFFFF;
}
#table_browse td.first{
	font-family: 'Arial';
	font-size: 0.8em;	
	font-weight: bold;
	color: #FFFFFF;
	background:#8B0000;
	cursor: pointer;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#table_browse td.serah{
	font-family: 'Arial';
	font-size: 0.8em;	
	font-weight: bold;
	color: #FFFFFF;
	background:#8B0000;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#table_browse td.even{
	font-family: 'Arial';
	font-size: 0.7em;	
	color: #000000;
	background:#FFFFAA;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#table_browse td.odd{
	font-family: 'Arial';
	font-size: 0.7em;	
	color: #000000;	
	background:#FFFFCC;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#table_browse td.last{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	background:#2D4979;
	
	border-style:solid;
	border-width:1px;	
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}


/* Tabel add */
#table_add td.label, #table_edt td.label {
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
#table_add td.field, #table_edt td.field
{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
#table_add td.action, #table_edt td.action{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}


/* Tabel login */
#table_login td.label, #table_edt td.label {
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
#table_login td.field, #table_edt td.field
{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	align: 'center';
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
#table_login td.action, #table_edt td.action{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #FFFFFF;
	/*background:#2D4979;*/
	
	border-style:solid;
	border-width:0px;
	
	padding-top: 2px;
	padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}


/* Tabel display pada print tanda terima */
#table_display td.first{
	font-family: 'Arial';
	font-size: 0.8em;	
	font-weight:bold;
	color: #FFFFFF;
	background:#8B0000;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
#table_display td.even{
	font-family: 'Arial';
	font-size: 0.8em;	
	color: #000000;
	background:#FFFFAA;
	
	border-style:solid;
	border-width:1px;
	
	padding-top: 5px;
	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.msg {
	font-family: 'Arial';
	font-style:italic;
	font-weight:bold;
	color: #FF0000;
}



/* ***Menu area*** */
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}
#menu a{
	font-family: 'Arial';
	font-weight:bold;
	font-size:0.8em;

	display: block;
	background: #DC143C;
	padding: 5px 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width: 120px;
	color: #EAFFED;
	white-space: nowrap;
}
#menu a:hover{
	background: #FF1493;
}
#menu li{
	float:left;
	position:relative;
}
#menu ul {
	position:absolute;
	display:none;
}
#menu li ul a{
	font-family: 'Arial';
	font-weight:bold;
	font-size:0.8em;
	border-top: 1px solid white;
	width:150px;
	height:auto;
	float:left;
	white-space: nowrap;
}
#menu ul li{
	float:left;
	position:static;
}
#menu ul ul{
	top:auto;
}	
#menu li ul ul {
	top:10px;
	left:125px;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
}


.login-block {
    float:center;
    margin:0 49px 25px 0;
    text-align:center;
    width:500px;
}
.login-block form {
    -moz-border-radius:15px 15px 15px 15px;
    -moz-box-shadow:0 0 10px #333333;
    border:3px solid white;
    padding:20px;
}
.login-block .active-form {
    border-color:#d09e6d;
}