.fgray
{
    color: #444444;
}
		div.gambar {
			border:1px;
			margin:3px;
			padding:3px;
			border: 1px solid #d0d0d0; 
			background-color:#fff;
			width : 170px;
			height: 170px;
			
		}
		.gambar2 {
			margin:1px;
			padding:1px;
			border: 2px solid #d0d0d0; 
			background-color:#fff;
		}
		.gambar2:hover {
			margin:1px;
			padding:1px;
			border: 2px solid #000080; 
			background-color:#fff;
		}
body
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.leftMenuHeader
{
    background-color: #efcb01;
    color: #0056B6;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    BACKGROUND-REPEAT: no-repeat;
    background-position: 152px;
}

.leftMenuItem
{
    BACKGROUND-REPEAT: no-repeat;
    background-position: 10px;
    color: #444444;
    padding-left: 10px;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.leftsubMenuItem
{
    BACKGROUND-REPEAT: no-repeat;
    background-position: 9px;
    color: #0056B6;
    padding-left: 18px;
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

.MenuItem
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
a {
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #ff00aa;
	font-weight: normal;
	text-decoration: none;
}

.leftMenuTableOpened
{
    width: 100%;
    border: #d7b80e 1px solid;
    margin-bottom: 7px;
}
.leftMenuContent
{
    height: 100%;
    padding-left: 5px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-right: 5px;
    vertical-align: top;
    background-color: #fdf59f;
}
.MenuAtas
{
    height: 100%;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    vertical-align: top;
    background-color: #fefbde;
}
.rightMenuContent
{
    height: 100%;
    padding-left: 5px;
    padding-top: 9px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
}
FORM
{
    margin-top: 0px;
    margin-bottom: 0px;
}
INPUT
{
    font: 10px Arial, Verdana, Helvetica, sans-serif;
	BORDER: 1px solid #a0a0a0;
    background-color: #F8FDFF;
}
SELECT
{
    font: 11px Arial, Verdana, Helvetica, sans-serif;
	BORDER: 1px solid #a0a0a0;
}
IMG
{
    BORDER: 0;
}
TEXTAREA
{
    font: 11px Arial, Verdana, Helvetica, sans-serif;
	BORDER: 1px solid #a0a0a0;
}

TD
{
    vertical-align: top;
    font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.listrow0
{
    background-color: #FFFFFF;
}

.listrow1
{
    background-color: #FAFAFF;
}
.detailrow0
{
    background-color: #F2F5FC;
}


.detailrow1
{
    background-color: #EBEEF5;
}
.errorMessage
{
    color: #FF0000;
}

.okMessage
{
    color: #00AA00;
}
.listing
{
    margin-bottom: 7px;
    margin-right: 7px;
    margin-left: 7px;
    border: #a0a0a0 1px solid;
}
.tableheader
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #efcb01;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #efcb01 1px solid;
    BORDER-BOTTOM: #efcb01 1px solid;
}
.tableheader2
{
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    FONT-WEIGHT: bold;
    padding: 2px;
    background-color: #D6DFF5;
    BORDER-TOP: #5993AB 1px solid;
    BORDER-BOTTOM: #5993AB 1px solid;
}
.contents
{
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #fefbde;
    text-align: left;
    vertical-align: top;
}
.produkheader
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    FONT-WEIGHT: bold;
}
.softMainColor {
	background-color: #FFDF00;
}
.kpojok4 {
	background: transparent url(images/pojok4.gif) bottom right no-repeat;;
	width : 11;
	height : 22;
	color:#ff0000;
}
.kpojok1 {
	background: transparent url(images/pojok1.gif) bottom left no-repeat;;
	color:#ff0000;
	width : 23;
	height : 22;
}
.kpojok2 {
	background: transparent url(images/pojok2.gif) top left no-repeat;;
	color:#ff0000;
	width : 23;
	height : 12;
}
.kpojok3 {
	background: transparent url(images/pojok3.gif) top right no-repeat;;
	color:#ff0000;
	width : 11;
	height : 12;
}
.katas {
	font: 13px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: transparent url(images/p_bg4.gif) bottom repeat-x;;
	color:#888888;
	font-weight: bold;
	text-decoration: none;
}
.kkanan {
	background: transparent url(images/p_bg1.gif) left repeat-y;;
}
.kbawah {
	background: transparent url(images/p_bg2.gif) left repeat-x;;
}
.kkiri {
	background: transparent url(images/p_bg3.gif) left repeat-y;;
}

.kkuning {
	background: url(images/hd_kuning.gif) bottom center no-repeat;;
	height : 25;
}
.kblue {
	background: url(images/hd_biru.gif) bottom center no-repeat;;
	height : 25;
}
.kpurple {
	background: url(images/hd_purple.gif) bottom center no-repeat;;
	height : 25;
}
.bt_blue {
	margin-top: 5px;
	overflow: hidden;
}
.bt_blue a {
	float: center;
	display: block;
	padding-left:10;
	padding-top:2;
	color:555555;
	width: 86px;
	height: 17px;
	background: transparent url(images/bt_blue.gif) left top no-repeat;
	font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

fieldset {
	border: 1px solid #d0d0d0; margin-left: 7px;margin-right: 7px;margin-top: 0px;margin-bottom: 0px;
	padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px;
}