body
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background:#aaaaff;
}
#page {
	width:800px;
	margin:0 auto;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;;
	background:#FFF;
	padding: 0px 0px 0px 0px;
	border: 0px solid Gray;
	}
#sidebar {
	width:180px;
    padding-left: 5px;
}

.left {
	float:left;
	}

.right {
	float:right;
	}


/* Header */
#header
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
   width:800px;
	padding:0px;
	align:left;
	background: url(images/bg_head.gif) top repeat-x;
}
#header ul {
	list-style: none;
	line-height: 1;
	margin:0px;
	padding:0px;
	height:25px;
	background: url(images/bg_menu.gif) bottom repeat-x;
	}
#header li {
	float: left;
	list-style:none;
	padding-left:20px;
	padding-right:5px;
	padding-top:5px;
	height:20px;
	color : #FFFFFF;
	}
#header li a{
	padding-top:0px;
	color : #FFFFFF;
	margin-top:0px;
	height:15px;
	font-size : 11px;
	text-decoration: none;
	font-family : Arial, Tahoma,Verdana,Arial;
    font-weight: bold;
	text-transform: uppercase;
	}
.header1
{
	height : 84px;
    margin: 0px;
	padding:0px;
	background: url(images/header.gif) left top no-repeat;
}

/* left sidebar */
#lsidebar {
	width:260px;
    padding-left: 5px;
	margin:0;
	margin-top:3px;
}
#lsidebar .menu1 {
	margin-bottom:5px; 
	border: 1px solid #ddd; 
	display:inline-block; 
	background-color: #fff; 
	text-decoration:none; 
	outline:0;
	padding:0px;
}
#lsidebar .menu1 h3 { 
	background-color: #5c9dc6; 
	text-align:left;
	margin:0; 
	padding: 3px 10px 3px 7px; 
	font: bold 11px/1.4em Verdana, Arial, "Trebuchet MS", sans-serif; ; 
	text-transform: uppercase;
	color: #ffffff;
	}
#lsidebar .menu1 ul {
	list-style: none;
	margin:5px;
	padding:0px;
	text-align:left;
	}
#lsidebar .menu1 li {
	padding-left:0px;
	}
#lsidebar .menu1 li a {text-decoration:none; }
#lsidebar .ckategori
{
    background-color: #eaf3f3;
    border: #9cc9e5 1px solid;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 2px;
    text-align: left;
    vertical-align: top;
}

/* Right sidebar */
#rsidebar {
	width:180px;
	margin:0;
    padding-left: 0px;
    padding-right: 5px;
	
}
#rsidebar .menu1 {
	margin-bottom:5px; 
	border: 1px solid #5c9dc6; 
	margin-top: 5px; 
	display:inline-block; 
	background-color: #fff; 
	text-decoration:none; 
	outline:0;
	padding:0px;
	text-align:left;
}
#rsidebar .menu1 h3 { 
	background-color: #eaf3f3; 
	text-align:left;
	margin:0; 
	padding: 3px 10px 3px 7px; 
	font: bold 11px/1.4em Verdana, Arial, "Trebuchet MS", sans-serif; ; 
	text-transform: uppercase;
	color: #000000;
	}
#rsidebar .menu2 {
	margin:0px; 
	display:inline-block; 
	background-color: #fff; 
	text-decoration:none; 
	outline:0;
	padding:5px;
	text-align:left;
}
/* main */
#main
{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;;
    margin: 0px;
	margin-top:3px;
	padding: 0px;
	width:auto;
	text-align:left;
}

/* COntent */
#content
{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
	width:530px;
	text-align:left;
}
#content .free
{
    margin-bottom: 7px;
	padding:0;
    border: #9cc9e5 1px solid;
    background-color: #ffffff;
    color: #000000;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

#content .free h1
{
    background-color: #eaf3f3;
    color: #000080;
    padding-left: 8px;
    padding-top: 3px;
	margin:0;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
	text-transform: uppercase;
}
#content .free .footer
{
    background-color: #f7f7f7;
    color: #000000;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .free .detail
{
   BACKGROUND-REPEAT: no-repeat;
    color: #000000;
    padding-left: 8px;
	margin:0;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

#content .medium
{
    margin-bottom: 7px;
	padding:0;
    border: #9cc9e5 1px solid;
    background-color: #ffffff;
    color: #000000;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .medium h1
{
    background-color: #ffa0a0;
    color: #000080;
    padding-left: 8px;
    padding-top: 3px;
	margin:0;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
	text-transform: uppercase;
}
#content .medium .footer
{
    background-color: #f7f7f7;
    color: #000000;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .medium .detail
{
    background-color: #ffffa0;
    BACKGROUND-REPEAT: no-repeat;
    color: #000000;
    padding-left: 8px;
	margin:0;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .premium
{
    margin-bottom: 7px;
	padding:0;
    border: #5c9d06 1px solid;
    background-color: #eaf3f3;
    color: #000000;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .premium h1
{
    background-color: #5c9d06;
    color: #ffffff;
    padding-left: 8px;
    padding-top: 3px;
	margin:0;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
	text-transform: uppercase;
}
#content .premium .footer
{
    background-color: #f7f7f7;
    color: #000000;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .premium .detail
{
    BACKGROUND-REPEAT: no-repeat;
    color: #000000;
    padding-left: 8px;
	margin:0;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
#content .listing {
	margin:0 0 3px 0;
	border:0;
	background-color: #eaf3f3;
	padding:5px; 
}
#content .listing2 {
	margin:0 0 3px 0;
	border:0;
	background-color: #eff3f3;
	padding:5px; 
}
#content .listing1 {
	margin:0 0 3px 0;
	border:0;
	background-color: #e0e0ff;
	padding:5px; 
	
	
}
#content .listing ul, .listing1 ul, .listing2 ul {
	list-style: none;
	line-height: 1;
	padding:0;
	margin:0;
	}
#content .listing  li, .listing1 li, .listing2 li {
	list-style:none;
	padding:3px;
	padding-left:20px;
	padding-right:5px;
	padding-top:0px;
	background: url(images/panah.gif) left top no-repeat;
	}
#content .listing  li a{
	padding-top:0px;
	color : #404040;
	font-size : 12px;
	text-decoration: none;
	font-family : Arial, Tahoma,Verdana,Arial;
    font-weight: normal;
	}
#content .listing  li a:hover{
	padding-top:0px;
	color : #ff0000;
	font-size : 12px;
	text-decoration: none;
	font-family : Arial, Tahoma,Verdana,Arial;
    font-weight: normal;
	}


/* footer */
#footer
{
    padding-top: 20px;
    padding-right: 10px;
	padding-bottom:20px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
	background: url(images/bg_foot.gif) top repeat-x;
	height : 50;
}


.leftMenuHeader
{
    background-color: #5c9dc6;
    color: #ffffff;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
    BACKGROUND-REPEAT:  repeat-x;
    background-position: 152px;
	background-image : url(/templates/purple/images/bg_menu.gif);
}

.leftMenuItem
{
    BACKGROUND-REPEAT: no-repeat;
    background-position: 10px;
    color: #0056B6;
    padding-left: 15px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

.MenuItem
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
a {
	color: #000088;
	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: #f0f0f0;
}
.MenuAtas
{
    height: 100%;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    vertical-align: top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font: 11px Verdana, Helvetica, sans-serif;
}
a.menubawah {
	color: #999999;
	font: 11px Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
a.menubawah:hover {
	color: #000000;
	font: 11px Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
a.menuatas {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.menuatas:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.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 Verdana, Helvetica, sans-serif;
	BORDER: 1px 1px 1px 1px solid #a0a0a0;
    background-color: #F8FDFF;
}
SELECT
{
    font: 11px Verdana, Helvetica, sans-serif;
}
IMG
{
    BORDER: 0;
}
TEXTAREA
{
    font: 11px Verdana, Helvetica, sans-serif;
}

TD
{
    vertical-align: top;
    font: 11px 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;
    border: #9cc9e5 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: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
}
.ckategori
{
    background-color: #eaf3f3;
    border: #9cc9e5 1px solid;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    vertical-align: top;
}
.produkheader
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle;
    FONT-WEIGHT: bold;
}
.softMainColor {
	background-color: #FFDF00;
}


.detailhead2
{
    background-color: #9090ff;
    color: #000080;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: bold;
}
.detailitem2
{
    background-color: #d0d0ff;
    BACKGROUND-REPEAT: no-repeat;
    background-position: 10px;
    color: #000000;
    padding-left: 8px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}
.detailfooter2
{
    background-color: #f7f7f7;
    color: #000000;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
	font: 11px Verdana, Helvetica, sans-serif;
    font-weight: normal;
}

fieldset {
	border: 1px solid #9cc9e5;
	padding-left: 3px; padding-right: 3px; padding-bottom: 3px; padding-top: 3px;
}
.clearfloat:after {	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
	
.clearfloat {
	display:inline-block
}