body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;	
}

table#staticcontent, div#myMenuID {
	background: #efefef;
}

#container {
	padding:10px;
}
form#frm_pb_request {
	background:#FFF3F7;
}

.sep {
	color:#888888;
}

td.gb {
	border-bottom:1px solid #cccccc;
}

td.gr {
	border-right:1px solid #cccccc;
}

td.gt {
	border-top:1px solid #cccccc;
}

td.gtr {
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

td.gbr {
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d3ccc2;
	border-right-width: 0pt;
	border-right-style: none;
	border-right-color: -moz-use-text-color;
	border-left-width: 0pt;
	border-left-style: none;
	border-left-color: -moz-use-text-color;
	border-bottom-width: 0pt;
	border-bottom-style: none;
	border-bottom-color: -moz-use-text-color;
	height: 1px;	
}

iframe {
	border:0px solid #CCC;
	background-color:#eee;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #ccc;
}

span.judul {
	font-weight:bold;
}
span.judul2 {
	font-size:14pt;
	color:#CC0000;
}
/*
div#pilih_supp {
	position: fixed;
	left: 50%; 
	top: 50%; 
	margin: -25px 0 0 -250px; 
	height: 300px; 
	width: 500px;
}

div#par_user {
	position: fixed;
	left: 50%; 
	top: 50%; 
	margin: -240px 0 0 -300px; 
	height: 300px; 
	width: 500px;
}

div#PAR_USER {
	position: fixed;
	left: 50%; 
	top: 50%; 
	margin: -240px 0 0 -300px; 
	height: 300px; 
	width: 500px;
}

*/

body, td {
	font-size:8pt;
}


div#view_parbrg,
div#master_par,
div#pilih_supp,
div#par_user,
div#PAR_USER {
width:99%;
	clear:both;
	margin-left:5px;
	margin-right:5px;
	margin-top:60px;
}

/*
span.arial_10{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
}
*/


.kotak-aktif{
	border:2px solid #FF0000;
	background:#FF0000;
	/*background-color:#FFF0F0;*/
}
span.approve,
span.aktif{
	color:#FF0000;
}
.kotak-approve{
	border:1px solid #DDDDDD;
	background-color:#F9F9F9;
}



.kotak{
	border:1px solid #DDDDDD;
}
span.normal{
	color:#666666;
}



th.col_header { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14pt;
	font-weight:bold;
	padding:2px 0px 2px 10px;
	/*line-height:14pt;
	background:#EFEFEF; */
	text-align:left;
	vertical-align:middle;
	/*color:#B9C4E0;*/
	color:#0066FF;
	border-top:1px solid #C1C1C1; 
	border-bottom:0px solid #C1C1C1; 
}


th.col_header a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#0066FF; text-decoration:none}
th.col_header a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#0066FF;text-decoration:underline}
th.col_header a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#FC7A24; text-decoration:none}

th.col_header_small { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
	font-weight:bold;
	background:#FFF2D7; 
	border:1px solid #C1C1C1; 
	padding-left:3px;
}

.bottom_border{ border-bottom:#DDDDDD 1px solid}

.bottom_border_1 { 
	/*border-bottom:#DDDDDD 1px solid;*/
	background:#DDDDDD;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
}
.bottom_border_0{ 
	/*border-bottom:#DDDDDD 1px solid; */
	background:#DDDDCC;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
}


button[readonly], input[readonly],
select[readonly], textarea[readonly],
button[disabled], input[disabled], 
optgroup[disabled], option[disabled], 
select[disabled], textarea[disabled] { 
	user-input:readonly; 
}

.textbox{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	color:#333333;
	border:1px solid #CCCCCC;
}

.textbox[readonly],
.textbox[disabled]{ 
	background-color:#D3DCE4; /*disabled*/
	border:1px solid #cccccc;
}

.input:hover,
.textbox:hover {
	background-color:#FFFFE8;
	border:1px solid #cccccc;
}

.input:hover[readonly],
.input:hover[disabled],
.textbox:hover[readonly],
.textbox:hover[disabled] {
	background-color:#D3DCE4; /*disabled*/
	border:1px solid #CCCCCC;
	cursor:default;
}

input {
	padding-left:4px;
	padding-right:4px;
}


.inputgrey,
.input_disable, 
.input_disabled, 
.input_disabled_2	{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	border:1px solid #969696; 
	background:#EEEDE6;
	background-color:#EEEDE6;
	cursor:default;
	border:1px solid #cccccc;
	/*color:#828081;font-family:Arial, Helvetica, sans-serif; font-size:8pt; border:1px solid #FFFFFF; background:#EEEDE6*/
}

.input_disabled_3	{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	border:1px solid #969696; 
	cursor:default;
	border:1px solid #cccccc;
	/*color:#828081;font-family:Arial, Helvetica, sans-serif; font-size:8pt; border:1px solid #FFFFFF; background:#EEEDE6*/
}

a.button:visited,
a.button:hover,
a.button{
	background:#E3E2D7; border-bottom:2px solid #817F82; border-right:1px solid #817F82; 
	border-top:1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
	/*font-family:Arial, Helvetica, sans-serif; font-size:8pt;*/
	color:#000000;
	padding:0px 5px;
	text-decoration:none;
	/*font-weight:bold*/
}
		
		
/* USER INFO */
.logon_user{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color:#000000;
	margin-right:30px;
}

.logon_user a:link, .logon_user a:visited{
	color:#3366CC; 
	text-decoration:none;
	font-weight:bold;
}
.logon_user a:hover{
	color:#3366CC; 
	text-decoration:underline;
	font-weight:bold;
}

.nav a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#2266AA; text-decoration:none}
.nav a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#2266AA;text-decoration:underline}
.nav a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#2266AA; text-decoration:none}

.nav{ border-bottom:#E3E3DA 1px dashed}
.nav_header{ padding:2px 2px 2px 2px; background:#EFEFEF; border-top:#747C7C 1px solid;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#2266AA; font-weight:bold}
.box_header_org{ margin:2px 2px 2px 2px; height:15px; padding:2px 2px 2px 2px; background: url(../img/bg_box_header.jpg) repeat-x; border:1px solid #FFC027;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color:#000000}

.box_dialog{background:#FFF}
.box_dialog table.bordered {border:#CCCCCC 1px solid; background:#EFEFEF}
.box_dialog td {background:#EFEFEF}
.win_toolbar{ background:#ECE9D8; border:1px solid #ACA899}
/*   LOGIN STYLE */

.login_label{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; font-weight:lighter}
.login_textBox{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; border:1px solid #CCCCCC}
.login_err_msg{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;color: #C62218; font-weight:bold}

.err_box{ 
	clear:both;
	border:#C30202 solid 1px; padding:3px 3px 3px 3px; 
	margin:5px 5px 5px 5px; background:#FFF2CF;
	font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	color:#C30202;
}
			
.ok_box{ border:#70C45B solid 1px; padding:3px 3px 3px 3px; 
			margin:5px 5px 5px 5px; background:#CEF1B5;
			font-family:Arial, Helvetica, sans-serif; font-size:12pt;
			color:#5AB443}

.ok_box1{
    margin:             0.5em 0 0.5em 0;
    border:             0.1em solid #298F00;
    background-image:   url(../img/s_okay.png);
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 36px;
    /*background-position: 99% 50%;*/
    padding:            10px 5% 10px 10px;
    /*padding:            0.5em;*/
	background-color:#ECFEF1;
}
.ok_box1 .strmsg{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#1B5201;
margin-left:30px;
}

.err_box1{
    margin:             0.5em 0 0.5em 0;
    border:             0.1em solid #CC0000;
    background-image:   url(../img/s_attention.png);
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            10px 10px 10px 36px;
    /*background-position: 99% 50%;*/
    padding:            10px 5% 10px 10px;
    /*padding:            0.5em;*/
	background-color:#FFFFCC;
}
.err_box1 .strmsg{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#CC005A;
margin-left:30px;
}


.heading{font-family:Arial, Helvetica, sans-serif; color:#0066FF;}


/*TOOLBAR */

table#toolbar {
	margin-right: 10px;
	font-family:Arial, Helvetica, sans-serif; font-size:8pt;
}

table#toolbar a.toolbar {
	color : #808080;
	text-decoration : none;
	display: block;
	border: 1px solid #DDD;
	width: 55px;
	padding: 2px 1px 2px 1px;
}
table#toolbar a.toolbar:hover {
	color : #5A84D6;
	border: 1px solid #5A84D6;
	background-color: #D5DEFE;
	padding: 3px 0px 1px 2px;
}
table#toolbar a.toolbar:active {
	color : #FF9900;
}
table.menubar{
	background:#F1F3F5;
	border-bottom:#999999 1px solid;
	clear:both;
}

.toolbar_button{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:7pt;
	background:#EFEFEF; border-bottom:1px solid #C1C1C1; 
	border-right:1px solid #C1C1C1; border-top:#FFFFFF; border-left:#FFFFFF;
	color:#3328B3;
	width:65px;
}

.toolbar_button a:visited,
.toolbar_button a {
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:7pt;
  color:#000000;
  width: 60px;
  padding-top: 2px;
  padding-right: 1px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.toolbar_button a:hover{
  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:7pt;
  color:#0000FF;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 2px;
}

a:link {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#2266AA; text-decoration:none}
a:hover{ text-decoration:underline}
a:visited{color:#2266AA; text-decoration:none}

a.info:link {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#2266AA; text-decoration:none; border-bottom:1px dashed #ccc; cursor:help;}


td.thinborder {
	padding:0px 10px 0px 10px;
	margin:0px 10px 0px 10px;
	border-left:1px solid #c1c1c1;
}

/* rounded ORANGE */
.box {
background-color:#ff7921;
background-image:url(../img/tl.gif);
background-position:top left;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.tRight
{
background-image:url(../img/tr.gif);
background-position:top right;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.bRight
{
background-image:url(../img/br.gif);
background-position:bottom right;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.bLeft
{
background-image:url(../img/bl.gif);
background-position:bottom left;
margin:0px; padding:10px;
background-repeat:no-repeat;
}

/* YELLOW */
.boxy {
background-color:#ffcd21;
background-image:url(../img/tl_y.gif);
background-position:top left;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.tRighty
{
background-image:url(../img/tr_y.gif);
background-position:top right;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.bRighty
{
background-image:url(../img/br_y.gif);
background-position:bottom right;
margin:0px; padding:0px;
background-repeat:no-repeat;
}
.bLefty
{
background-image:url(../img/bl_y.gif);
background-position:bottom left;
margin:0px; padding:10px;
background-repeat:no-repeat;
}

.tabel_hemat {
border-top:1px solid #C1C1C1;
}

.tabel_hemat td {
margin:0px;
padding:4px 0px 4px 8px;
}

.thinkblack {
	background-color:#000000;
	color:#ddd;
	padding: 4px 3px 4px 7px;
}