/* Default CSS Stylesheet for a new Web Application project */
/* demanx @2008 (setyadi eko purnomo)*/
.noborder 
{
    border:none !Important;
    text-align:right;
}
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #contentarea{ width:100%;}
}   
.cwhite 
{
    background-color:White;
    border-radius:0px;
    border:none;
}
.cwhiteborder 
{
    background-color:White;
    border-radius:0px;
}
.tableprint 
{
    background-color:White;
    font-family:Arial;
    font-size:14px;
    vertical-align:middle;
    padding:1px;
    height:24px;
    
}
select,input[disabled] {
   display:inline-block !important;
}
[disabled] {
    display: none;
}
.celldiff {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 5px;
    color: black;
    padding-top: 5px;
    background-color: #ccdef9;
    border-bottom: #aebfca 1px solid;
}
.celldiffred {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 5px;
    color: black;
    padding-top: 5px;
    background-color: #ff9c9c;
    border-bottom: #aebfca 1px solid;
}
.hidden {visibility:hidden;}
.modalAnimation
        {
            position: absolute;
            z-index: 100;
            top: 50%;
            left: 50%;
            height: 100%;
            width: 100%;
            background-color: #ffffff;
            filter: alpha(opacity=90);
            -moz-opacity: 90;
            opacity: 0.9;
        }
.modalBackground
        {
            position: absolute;
            z-index: 100;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            background-color: #ffffff;
            filter: alpha(opacity=80);
            -moz-opacity: 80;
            opacity: 0.8;
        }
TABLE
{
	font-size: 9pt;
	font-family: tahoma,verdana,arial;
	border-radius:15px;
	border-spacing: 2px;
	border-color: #a3aad8;
    border-width: 2px !important;
}

td:first-child,td:nth-child(2),td:nth-child(3),td:nth-child(4) {min-width: 90px;}
td {font-size:10pt;padding:2px;border-radius:0px 0px 5px 5px;white-space: nowrap;text-wrap: balance;}

input {font-size:10pt;}
input[type=text],select
{
    padding:3px;
    margin:1px;
    font-size: 9pt;
    color: #336699;
    background-color:rgb(255, 255, 230);
    font-family: tahoma,verdana,arial;
    border-width: thin;
    border-style: solid;
    border-bottom: solid 1px blue;
    width: -moz-available;
}
.ajax__tab_default .ajax__tab_tab {
    font-size: larger;
    font-weight: bold;
}
.Class_Head_Menu
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	background-image: url(images/back_head4.jpg);
	padding-bottom: 4px;
	color: #ffffff;
	padding-top: 4px;
	background-color: #006699;
	height:18;
}
.Class_Head_Step
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	background-image: url(images/back_head5.jpg);
	padding-bottom: 4px;
	color: #336699;
	padding-top: 4px;
}
.Class_Menu
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: dimgray;
	padding-top: 4px;
	background-color: #c7cbd2;
	border-bottom: #c7cbd2 1px solid;
}
.Class_Over_Menu
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	cursor: hand;
	color: #FFFFFF;
	padding-top: 4px;
	background-color: #6699cc;
	border-bottom: #aebfca 1px solid;
}
.Class_Down_Menu
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	cursor: hand;
	color: #FFFFFF;
	padding-top: 4px;
	border-bottom: #aebfca 1px solid;
	background-color: olive;
}
.Class_Left_Menu
 { color: #21527c; background-color: #f5f5f5; padding: 4px; border-bottom: 1px solid #aebfca }
.Class_Menu_Soft
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	color: dimgray;
	padding-top: 4px;
	background-color: #d5d7db;
	border-bottom: #c7cbd2 1px solid;
}
.Class_Body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	line-height: 12pt;
	padding-top: 0px;
}
.Class_Title
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 1px;
	color: #0066cc;
	padding-top: 4px;
}
A
{
	cursor: hand;
	color: navy;
	text-decoration:none;
}
A:Link
{
	color: navy;
	text-decoration: none;
}
A:visited
{
	color: navy;
	text-decoration: none;
}
A:Hover
{
	color: #0000ff;
	text-decoration: none;
}
.b
{
	cursor: hand;
	color: #21527c;
	text-decoration: none;
}
BODY
{
    color: #5b5c62;
}
.pviewer
{
    position:relative;
}
.class_footer
{
	padding-right: 6px;
	padding-left: 4px;
	padding-bottom: 4px;
	line-height: 10pt;
	padding-top: 4px;
}
.altitem
{
    background-color: #ffffea;
    font-family: tahoma,verdana,arial;
}
.okmsg
{
	font-size: 10pt;
	color: #336699;
	font-family: tahoma,verdana,arial;
}
.nokmsg
{
	font-size: 10pt;
	color: red;
	font-family: tahoma,verdana,arial;
}
.Class_Textbox
{
	font-size: 10pt;
	color: #336699;
	font-family: tahoma,verdana,arial;
	border-width:thin ;
	border-style:solid;
    border-bottom:solid 1px blue;
}
.Class_Textbox_r
{
	font-size: 10pt;
	color: #336699;
	background-color:#fcf691;
	font-family: tahoma,verdana,arial;
	border-width:thin ;
	border-style:solid;
}
.Class_Button {
    font-size: 10pt;
    margin: 3px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-family: tahoma,verdana,arial;
    color: white;
    background-color: #1c73f6;
    border-radius: 20px;
    font-weight: bold;
    width: auto !important;
}
.cell1
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	line-height: 13pt;
	padding-top: 2px;
	border-bottom: #c7cbd2 1px solid;
	background-color: #F9FCFF;
}
.cell2
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	line-height: 13pt;
	padding-top: 2px;
	border-bottom: #c7cbd2 1px solid;
	background-color: #F5fCFF;
}
.cell3
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	color: navy;
	line-height: 13pt;
	padding-top: 2px;
	border-bottom: #c7cbd2 1px solid;
	background-color: lightsteelblue;
}
.cell4
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	line-height: 13pt;
	padding-top: 2px;
	background-color: #F0F8FF;
}
.classRevisi
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	line-height: 13pt;
	padding-top: 2px;
	border-bottom: #c7cbd2 1px solid;
	background-color: #F0F8FF;
}
.tdheader, .tdfooter {
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold;
    padding-bottom: 4px;
    color: white;
    padding-top: 4px;
    height: 20px;
    background-color: #228105;
}
.menutitle {
    padding-right: 4px;
    padding-left: 2px;
    font-weight: bold;
    padding-bottom: 1px;
    color: #fff;
    padding-top: 2px;
    height: 19px;
    vertical-align: middle;
    font-family: 'Century Gothic' , Verdana, Tahoma, Arial;
    text-align: left;
    background-image: none;
    background-color: #3b64d8;
    border-right: #ccccff thin inset;
    border-bottom: #ccccff thin inset;
    border-radius: 0 10px 0 0;
}
.tdheaderx
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	color: white;
	padding-top: 4px;
	height: 20px;
	background-color: #0066FF;
    text-align:left 
}
span {
    white-space: initial;
}
caption {
    height: 30px;
    background-color: #0b738f;
    color: white;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    padding-top: 9px;
}
.accordionLink
{
	font-weight: bold;
	padding: 2px;
	margin:2px;
	color: white !important;
	height: 19px;
    text-align:center ;
    font-size: 11pt;
    text-transform: uppercase;
    font-family: Tahoma, Arial;
    vertical-align: middle;
}
.accordionHeaderSelected
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	color: white;
	padding-top: 1px;
	height: 21px;
	background: url(images/navbasebg.jpg);
	text-align: left;
	font-size: 10px;
	border-right: thin groove;
	border-top: thin groove;
	text-transform: uppercase;
	border-left: thin groove;
	border-bottom: thin groove;
	font-family: Tahoma, Arial;
	vertical-align: middle;
}
.accordionHeader
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	color: white;
	padding-top: 1px;
	height: 23px;
	background: url(images/basebg1.jpg);
    text-align:left ;
    font-size:10px;
    border-right: thin groove; 
    border-top: thin groove; 
    text-transform: uppercase;
    border-left: thin groove; 
    border-bottom: thin groove; 
    font-family: Tahoma, Arial; 
    vertical-align: middle !important;
}
.tdmenuleft
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 1px;
	color: white;
	padding-top: 1px;
	height: 20px;
    text-align:left ;
    font-size:8;
    font-family: Tahoma, Arial; 
    vertical-align: middle;
    text-transform: uppercase; 
}
.menuleft
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: normal;
	padding-bottom: 1px;
	color: white;
	padding-top: 1px;
	height: 20px;
    text-align:left ;
    font-size:8;
    font-family: Tahoma, Arial; 
    vertical-align: middle;
    text-transform: uppercase; 
}
.tdmenu
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	color: white;
	padding-top: 4px;
	height: 20px;
	background-color: #4d90b7;
    text-align:left 
}
.tdheader1
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	color: white;
	padding-top: 4px;
	height: 20px;
	background-color: #3c6aeb;
}
.cellLeft {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    color: #000000;
    padding-top: 4px;
    background-color: #ffebb3;
    text-align: right;
    border-bottom: #aebfca 1px solid;
}
.cellright {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    color: steelblue;
    padding-top: 4px;
    background-color: #e3efed;
    border-bottom: #aebfca 1px solid;
}
.Class_Hint_Head
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 4px;
	height: 18px;
	background-color: lightgrey;
}
.Class_Hint_Body
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: whitesmoke;
}
.form_po
{
	border-right: #0099cc 1px solid;
	padding-right: 1px;
	border-top: #0099cc 1px solid;
	padding-left: 1px;
	font-size: 8pt;
	padding-bottom: 2px;
	margin: 1px;
	border-left: #0099cc 1px solid;
	color: #0099cc;
	padding-top: 1px;
	border-bottom: #0099cc 1px solid;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	background-color: ghostwhite;
}
.textarea_po
{
	border-right: #0099cc 1px solid;
	padding-right: 1px;
	border-top: #0099cc 1px solid;
	padding-left: 1px;
	font-size: 8pt;
	padding-bottom: 2px;
	margin: 1px;
	border-left: #0099cc 1px solid;
	color: #0099cc;
	padding-top: 1px;
	border-bottom: #0099cc 1px solid;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: ghostwhite;
}
.cell_po
{
	padding-right: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	color: #3366cc;
	line-height: 13pt;
	padding-top: 2px;
	background-color: aliceblue;
}
.altitemstyle
{
	background-color: #eef4f9;
}
.headerstyleitem
{
	background-color: #4d90b7;
}
/* Div container to wrap the datagrid freaking isn't it hehehehe*/
div#div-datagrid {
overflow:auto;
}

/* Locks the left column */
td.locked, th.locked {
font-weight: bold;
text-align: center;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-2); /*IE5+ only*/
}	

/* Locks table header */
th {
font-weight: bold;
text-align: center;
position:relative;
cursor: default; 
background-color: #3c6aeb;
border-right: 1px solid silver;
top: expression(document.getElementById("div-datagrid").scrollTop-2); /*IE5+ only*/
z-index: 10;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;background-color: #4d90b7;}

.GridRow {font-size: 10pt; color: black; font-family: Arial; background-color:#ffffff; height:27px;}
.GridAltRow {font-size: 10pt; color: black; font-family: Arial; background-color:#eef4f9; height:27px;}

.class_acomplete {
	list-style-type: number;
	background-color:#f0d3a1 !important;
	width:auto !important;
	margin:2px;border: solid 1px black;
}