body, html, fieldset  {
	width: 100%;
	margin: 0;
	padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #202020;
	margin: 0px;
	padding: 0px;
}

textarea, button, select, input {
	font-family: verdana;
	font-size: 11px;
}

table
{	
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}
table.none {
	border:none;
}
table.dash {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #605758; 
	font-weight: normal
}
table.dash th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #F2F2F2;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.dash td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #F2F2F2;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*input:focus {*/
/*	border-right:1px solid #E4E4E4;*/
/*	border-bottom:1px solid #E4E4E4;*/
/*}*/

div, span, p, ul, li, td, th { 
	font-family: Arial, Helvetica, sans-serif;
}

pre {
	font-family: monospace;
	font-size: small;
}
req { color: red; }
.redText {
	color: #FF0000;
}
.redBoldText {
	color: #FF0000;
	font-weight: bold;
}
.greenTitle {  
	color: #4F027C; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
}
.blueSeparator {
	color: #0089CA;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
}
.yellowSeparator {
	color: #FEEC70;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
}
.whiteTitle {
	color: #FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 16px;
}
.whiteText, .whiteText a, .whiteText a:hover, .whiteText a:active, .whiteText a:visited {  
	color: #CCCCCC; 
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 11px;
}
.whiteText a {  
	text-decoration: none;
}
.whiteText a:hover {  
	text-decoration: underline;
}
.whiteText a:active {
	font-weight: bold;
	text-decoration: underline;
}
.linkHeaderFront {
	color: #999999; 
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 11px;
}
.linkHeader {
	color: #CCCCCC; 
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 11px;
	background-color : #4F027C;
	position : absolute;
}
.footer {  
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px; 	
}
a { text-decoration: none; color: #999999; }
a:hover { text-decoration: underline; color: #4F027C; }
a:active { text-decoration: none; color: #D98CBD; }
a:visited { text-decoration: none; color: #1E7241; }

.normalTable { border:1px solid #4F027C; padding:0px 0px 0px 0px; vertical-align:top; }
.normalTable .caption { background-color:#4F027C; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; }
.normalTable .subcaption { border:1px solid #4F027C; background-color:#999999; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; }
.normalTable th { border:1px solid #4F027C; background-color:#CCCCCC; color:#000000; font-size:11px; text-align:center; }
.normalTable .hdr { border:1px solid #4F027C; background-color:#FEE434; color:#4F027C; font-size:11px; font-weight:bold; text-align:left; }
.normalTable td { border:1px solid #4F027C; background-color:#FFFFFF; color:#000000; font-size:11px; padding-left:5px; padding-right:5px; }
.normalTable .mid { border:1px solid #4F027C; background-color:#FFFFFF; color:#000000; font-size:11px; padding-left:0px; padding-right:0px; text-align:center; }
.normalTable .rig { border:1px solid #4F027C; background-color:#FFFFFF; color:#000000; font-size:11px; padding-left:0px; padding-right:5px; text-align:right; }
.normalTable tr.even td, .normalTable tr.even th, .normalTable td.even { background-color:#D9BFFF; }
.normalTable tr.total td { background-color:#CCCCCC; }
.normalTable tr.added td, .normalTable td.added, .normalTable tr.even td.added { background-color:#66FF99; }
.normalTable tr.removed td, .normalTable td.removed, .normalTable tr.even td.removed { background-color:#66CCFF; }
.normalTable tr.changed td, .normalTable td.changed, .normalTable tr.even td.changed { background-color:#FFFF66; }

.formTable td { border:0; background-color:#FFFFFF; color:#000000; font-size:11px; padding-left:5px; }
.formTable tr.even td, .formTable td.even { background-color:#D9BFFF; }

.buttonSetTable tr td {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}
.largerBoldText { font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
.button { cursor: pointer; }
.availableLimit {
	border:2px solid #4F027C;
	padding:1px 5px 1px 5px;
	font-size:13px;
	font-weight:bold;
}
.bl {background: url(../images/bl.gif) 0 100% no-repeat #FEE434; width:30em; margin-left:20px;}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.odd { background-color:#FFFFFF; }
.even { background-color:#D9BFFF; }
.error { color: #FF0000; font-size: 11px }
.dtreeRootText { font-weight:bold; color: #4F027C; }
.bannerText { margin: -65px 25px 25px 650px; z-index: 7; }
.banner1stLetter { color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; text-transform:uppercase; }
.bannerLetter { color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; text-transform:uppercase; }

.normalTableGray { border: 1px solid #FFFFFF; padding:0px 0px 0px 0px; vertical-align:top; }
.normalTableGray th { border: 1px solid #FFFFFF; background-color:#EEEEEE; color:#4F027C; font-size:11px; text-align:left; padding-left:5px;  }
.normalTableGray th.vert { background-color:#EEEEEE; color:#4F027C; font-size:11px; text-align:left; border-bottom: none; border-right: 2px solid #0099CC; padding-left:5px; }
.normalTableGray td { border: 1px solid #FFFFFF; background-color:#EEEEEE; color:#000000; font-size:11px; padding-left:5px; }
.normalTableGray .mid { background-color:#EEEEEE; color:#000000; font-size:11px; padding-left:0px; padding-right:0px; text-align:center; }
.normalTableGray .rig { background-color:#EEEEEE; color:#000000; font-size:11px; padding-left:0px; padding-right:5px; text-align:right; }
.normalTableGray tr.even td, .normalTableGray td.even { background-color:#FFE6CC; }
.normalTableGray tr.total td { background-color:#CCCCCC; }

/* subtitute table with div */
.row { clear:both; margin-left:1; width:768px; }
.cellNormal1, .cellNormal2, .cellNormal3, .cellNormal4, .cellNormal5, .cellNormal6, .cellNormal7, .cellNormal8, .cellNormal9, .cellNormal10, .cellNormal0 { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; height:23px }
.cellBold1, .cellBold2, .cellBold3, .cellBold4, .cellBold5, .cellBold6, .cellBold7, .cellBold8, .cellBold9, .cellBold10 { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; font-weight:bold; height:23px }
.cellBoldTextArea { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; height: 167px; line-height: 22px; font-weight:bold; }
.cellTextArea1 { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; height: 167px;  }
.boxTextArea { height: 230px; width: 350px; }
.boxTextArea2 { height: 158px; width: 320px; }
.cellBold1 { width:83px; }
.cellBold2 { width:168px; }
.cellBold2a { width:168px; }
.cellBold3 { width:253px; }
.cellBold4 { width:338px; }
.cellBold5 { width:423px; }
.cellBold6 { width:498px; }
.cellBold7 { width:583px; }
.cellBold8 { width:668px; }
.cellBold9 { width:760px; }
.cellNormal0 { width:38px; }
.cellNormal1 { width:83px; }
.cellNormal1a { width:83px; }
.cellNormal2 { width:168px; }
.cellNormal3 { width:253px; }
.cellNormal4 { width:338px; }
.cellNormal5 { width:423px; }
.cellNormal6 { width:498px; }
.cellNormal7 { width:583px; }
.cellNormal8 { width:668px; }
.cellNormal9 { width:760px; }
.cellBoldTextArea { width:253px; }
.cellTextArea1 { width:495px; }

.cellRight1, .cellRight2, .cellRight3 { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; height:23px; text-align: right; }
.cellRight1 { width:40px; }
.cellRight2 { width:85px; }
.cellRight3 { width:129px; }

/* tambahan pengganti spasi */
.cellRadio1 { float:left; padding:1px 1px 1px 5px; margin:1px 1px 1px 1px; height:23px }
.cellRadio1 { width:14px; margin: 2px 5px 8px 0; }
.spaceradio {
    margin: 2px 5px 8px 0;
    width: 14px;
    float: left;
}


/*---------------------- tapestry t-grid --------------------*/

DIV.t-data-grid {
    margin-top:8px; 
    margin-bottom:0px; 
}

DIV.t-data-grid-pager {
    margin: 8px 0px;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
    text-decoration: none;
    color: black;
    background-color: #FFFFFF;
    padding: 2px 5px;
    font-size: 14px;
    border: 1px solid silver;
    margin-right: 5px;
}

DIV.t-data-grid-pager A:hover {
    border: 1px solid black;
}

DIV.t-data-grid-pager SPAN.current {
    color: black;
    border: 1px solid #4F027C;
    background-color: #FEE434;
}



TABLE.t-data-grid {
    border-collapse: collapse;
    border: 1px solid #4F027C;
    background-color: #F2F2F2;
    font-family: Arial, Helvetica, sans-serif;	
}

table.t-data-grid thead {
	border: 1px solid #4F027C; /* For Firefox */
}

TABLE.t-data-grid THEAD TR {
/*	color: #000000; */
	color: #FFFFFF; 
    background-color: #CCCCCC;
}

TABLE.t-data-grid THEAD TR TH {
    text-align: center;
    padding: 1px 3px 1px 5px;
    white-space: normal;
    border: 1px solid #4F027C;
/*    background-color:#CCCCCC;*/
    background-color:#4F027C;
    width: 150px;
   	font-size: 12px;
}

TABLE.t-data-grid TBODY TR {
    background-color: #ffffff;
}

TABLE.t-data-grid TBODY TR.even {
    background-color: #D9BFFF;
}

TABLE.t-data-grid TBODY TR TH A, TABLE.t-data-grid TR TH A {
/*    color: #000000; */
	color: #ffffff !important;
}

TABLE.t-data-grid TBODY TR TD {
    border: 1px solid #4F027C;
    padding: 1px 3px 1px 5px;
    font-size:11px;
}

/*---------------------- tapestry error --------------------*/
/*div.t-error-single {
	color: #FF0000;
	padding: 2px 5px 8px 0;
	vertical-align: middle;
	float: left;
	background-color: transparent; 
	width: 174px;
}
img.t-error-icon {
	display: none;
}*/
IMG.t-error-icon {
	display: none;
}
DIV.t-error-single {
	background-color: transparent;
	color: #FF0000;
	display: block;
	background-position: 10px 3px;
	background-image: url(../images/Alert.png);
	background-repeat: no-repeat;
	padding: 0 2px 2px 30px;
	float: left;
}

#mainForm label.error {
	width: auto;
	display: inline;
}

input.error {
    border: 1px solid red;
}

SELECT.t-error {
    border: 1px solid red;
}


/* token component style */
.tokenBox {
	border:1px dashed #707070;
	background-color:#EAEAEA;
	border-radius:5px;
	-moz-border-radius:5px; 	
	width:550px;
}
.tokenBox .t-error-single {
	background-color: #EAEAEA;
}


/* menu fav style */

#menu {
	width: 100%;
	background: #eee;
	float: left;
	text-align: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
	float: left;
}
#menu a, #menu h2 {
	font: bold 11px/14px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #4F027C #555 #4F027C;
	margin: 0;
	text-align: left;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
}
#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
}
#menu a {
	color: #ccc;
	background: #4F027C;
	text-decoration: none;
}
#menu a:hover {
	color: #ff0;
	background: #4F027C;
}
#menu li {
	position: relative;
	list-style: none
}
#menu ul  {
	position: absolute;
	top: 100;
	right: 0%;
}
#menu ul   {
	position: absolute;
	z-index: 300;
}
div#menu ul ,
div#menu ul ul li:hover  ,
div#menu ul ul li:hover ul {
	display: none;
}
div#menu  li:hover ul,
div#menu  li:hover ul,
div#menu  li:hover ul {
	display: block;
	width: 220px;
}

/* jquery styles 
----------------------------------*/

/* Component containers */
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333;margin: 2px 0px 2px 0px; }
.ui-widget-content a { color: #1E7241 !important; }
.ui-widget-header { border: 1px solid #d98cbd; background: #4F027C url(../images/ui-bg_gloss-wave_35_4F027C_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }