body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 20px 50px 0px;
	background-image:url(../images/bg.gif);
}
#input_text {
	border:#0066CC 1px solid;
	padding-left:2px;
	font-size: 11px;
	font-family:Tahoma;
	}
textarea {
	border:#0066CC 1px solid;
	padding-left:2px;
	}	
.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:150px;
}
.textfield1 {
	font-size: 12px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:180px;
}

.textlist {
	font-size: 11px;
	width:250px;
	height:18px;
}
.text1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
}

.text2{
	font: 11px Verdana;
	color: #000000;
	font-weight:bold;
}
.text3{
	font: 11px Verdana;
	color: #195DF8;
	font-weight:bold;
}
.text4 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #C3501A; /*195DF8;*/
	font-weight:bold;
}
.text5 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; /*195DF8;*/
	font-weight:bold;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.text6 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; /*195DF8;*/
	font-weight:bold;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.text7 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #A3AFB9;
	font-weight:bold;
}

.text8{
     font:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
}	 
.rptnmlnk{
	font: 11px Verdana;
	color: #2A09F6;
	font-weight:bold;
}
.div{
	font: 12px Verdana;
	color: #000000;
	font-weight:bold;
	padding-left:2px;
	padding-bottom:15px;
}
.tt{
	font: 11px Verdana;
	color: #000000;
	font-weight:bold;
}
.droplist {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	/*width:150px;*/
}
h1 {
	color:#CC6633;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
}
h4 {
	color:#CC6633;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
}
h5 {
	color:#FF6600;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #CC9900;
}
h6 {
   font:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   text-align:left;
 }
.h7 {
	color:#CC6633;
	padding: 0px 0px 3px;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
}
a {
	color: #2D3954;
	font-size: 11px;
	font-weight:bold;
}
a:hover {
	color: #C3501A; /*ffcc00;*/
	font-size: 11px;
}
.err {
	color: #FF9900;
}
th {
	font-weight: bold;
	text-align: left;
}

.but {
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.but1 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
width:86px;
}
.site{
	font: 12px Verdana;
	color: #000000;
	font-weight:bold;
}


/*************************************validation for registration************************************/

div.reservation
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
	color: black;
}

div.reservation fieldset
{
	border: solid 1px #ccc;
	margin: 0;
	margin-bottom: 4px;
	padding: 6px;
}

div.reservation fieldset input,
div.reservation fieldset select,
div.reservation fieldset button,
div.reservation fieldset textarea
{
	vertical-align: middle;
	font: normal 13px "Trebuchet MS", Arial, Verdana;
	border: solid 1px black;
}

div.reservation fieldset.personal-data input
{
	width: 170px;
}

div.reservation fieldset textarea
{
	overflow: auto;
	width: 356px;
	height: 100px;
}

div.reservation legend
{
	background: infobackground;
	border: solid 1px #ccc;
	padding: 0 4px;
	margin-bottom: 4px;
	font-weight: bold;
}

div.reservation fieldset button
{
	margin: 4px;
	margin-left: 0;
}

div.reservation fieldset label
{
	display: block;
}

div.reservation fieldset div
{
	float: left;
	margin-right: 6px;
}

.display-none
{
	display: none;
}

.display-block
{
	display: block;
}

.validator
{
	background: url('image/warning.gif') no-repeat;
	padding-left: 20px;
	color: red;
}

.text-align-right
{
	text-align: right;
}

.break
{
	clear: both;
}
.comment    { color: #BBBBBB; }

#error {
	color:red;
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
}

INPUT.login {
	BACKGROUND: #ffffff; 
	BORDER-BOTTOM: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-COLOR: #cccccc; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold; 
	TEXT-COLOR: #666666;
	padding-left:3px;
}

.label{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
line-height: 16px;
color: #666666;
}

.button {
font-size:11px;

}
td#header1{
	background-image:url(../images/epas1.jpg);
	height:100px;
	width:556px;
}
td#header2{
	background-image:url(../images/epas2.jpg);
	background-repeat:repeat-x;
}
td#header3{
	background-image:url(../images/epas3.jpg);
	height:100px;
	width:342px;
}

.fnttitle{
font-family:Tahoma;
font-size:11px;
color:#000000;
font-weight:bold;
background-color:#9CAFF1;
padding-left:4px;
text-transform:uppercase;
height:16px;
}
.fnt{
font-family:Tahoma;
font-size:11px;
}

.fntheader{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
height:20px;
}

.fntinventory{
font-family:Tahoma;
font-size:12px;
}

div.footer {
font-size:9px;
color:#F7622A;
}

.btn_link {
border:1px solid #CCCCCC;
font-size:11px;
font-family:Tahoma;
cursor:pointer;
background-color:#FFFFFF;
}

.fontpembaikan{
font-family:Tahoma;
font-size:12px;
font-weight:bold;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 10px 3px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
.textbil{
	font: 11px Verdana;
	color: #000000;
}