.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

.ctrl

		{
font-family: Tahoma, Verdana, sans-serif; 
font-size: 12px; 
width: 100%;
}

textarea, select,input

		{
border:1px solid #999999;
color:#333333;
font:normal 9px Tahoma, Verdana, arial, helvetica, sans-serif;
 background-color: #ccccff;
}
.cartbelanja{
color: #35557c;font:bold 9px Tahoma, Verdana, arial, helvetica, sans-serif;
}

/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}

/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
	cursor: help;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}



/* ******************************************* bottomcontainer */

.copyright_tri {
	font			: bold 10px Tahoma;
	color			: #333333;
margin-top:8px;
margin:8px;
}

div.bottomcontainer {
	background		: url(../images/bg_bnavi.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	height			: 30px;
	text-align		: center;
	padding-top		: 4px;
}


div.bottomcontainer_02 {
	background		: url(../images/bg_bnavi.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	height			: 35px;
	text-align		: center;
	padding-top		: 4px;
}







div.bottomcontainer_01 {
	font-size		: 10px; 
	color			: #333;
	background		: url(../images/bg_path.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	height			: 35px;
	text-align		: center;
	padding-top		: 10px;

}

div.bottomcontainer_garis {
	font-size		: 10px; 
	color			: #333;
	background		: url(../images/bg_garis.gif) top left repeat-x;
	margin			: 0px 0px 0px 0px;
	width			: 100%;
	height			: 5px;
	text-align		: center;
	padding-top		: 1px;

}



/* *******************************************  General CSS Styles  */

.body {
	background		: #ffffff; 
	padding			: 0; 
	margin			: 0;
	vertical-align	: top;
	scrollbar-face-color: #666;
    scrollbar-shadow-color: #666;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-highlight-color: #666;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-track-color: #e9e9e9;
    scrollbar-arrow-color: #ffffff;
}

td, div, p {
	color:#000;
	font-family     : Arial, Verdana, sans-serif, Helvetica ;
	font-size		: 11px;
	padding:0px;
	line-height:17px;
	/*color			: #ffffff;*/
}








.button {
	font			: bold 10px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 2px 2px;
	color			: #ffffff;
	border  		: 0px #ffffff;
	text-align: center;

	margin			: 5px 0px 0px 0px;
	background-color: #ff0308;
	/*background		: url(../images/login-button_login.png);*/
	cursor: pointer;
	cursor: hand;
}


.button_menu_tridigi {
	position: absolute;
	width: 147px;
	height:20px;
	font			: normal 10px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 2px 2px;
	color			: #ff0308;
	border  		: 0px #ff0008;
	text-align: left;

	margin			: 0px 0px 0px 0px;
	background-color: #e9e9e9;
	/*background		: url(../images/login-button_login.png);*/
	cursor: pointer;
	cursor: hand;
}


.button_menu_tridigi01 {
	position: top;

	font			: bold 10px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 2px 2px;
	color			: #ff0308;
	border  		: 0px #ff0008;
	text-align: left;

	margin			: 0px 0px 0px 0px;
	background-color: #ffffff;
	/*background		: url(../images/login-button_login.png);*/
	cursor: pointer;
	cursor: hand;
}

.button_menu_tridigi02 {
	position: top;

	font			: bold 10px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 2px 2px;
	color			: #0066ff;
	border  		: 0px #0066ff;
	text-align: left;

	margin			: 0px 0px 0px 0px;
	background-color: #ffffff;
	/*background		: url(../images/login-button_login.png);*/
	cursor: pointer;
	cursor: hand;
}

.button_order{
	position: top;
	width: 51px;
	height: 22px;

	font			: normal 12px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 0px 2px;
	color			: #ff0308;
	border  		: 0px #ff0008;
	text-align: right;
	margin-top:5px;

	/*margin			: 3px 0px 0px 0px;*/
	/*background-color: #e9e9e9;*/
	background		: url(../images/order.png);
	cursor: pointer;
	cursor: hand;
}




.button_keluar {
	font			: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	padding-top		: 2px 2px 0px 2px;
	color			: #fffccc;
	border  		: 2px #ffffff;
	/*background-color: #00235a;*/
}

.button_jam {
	float			: right;
	margin			: -30px;
	text-align		: right;
	margin-right		: 5px;
	font			: normal 13px Tahoma, Arial, Helvetica, sans-serif;
	padding-top		: 0px 0px 0px 0px;
	color			: #ffffff;
	border  		: 0px #ff0308;
	/*background-color: #000000;*/
	width			: 180px;
	height			: 22px;
	text-align: center;
}





.button_login {
	font			: bold 10px tahoma, Arial, Helvetica, sans-serif;
	padding		: 0px 0px 2px 2px;
	color			: #ffffff;
	border  		: 0px #ffffff;
	text-align: center;
	width:36px;
	height:15px;
	margin			: 5px 0px 0px 0px;
	/*background-color: #ff0308;*/
	background		: url(../images/login-button_login.png);
	cursor: pointer;
	cursor: hand;
	
}


.button_cari {
	font			: normal 12px tahoma, Arial, Helvetica, sans-serif;
	padding-top		: 0px 0px 0px 0px;
	color			: #ffffff;
	border  		: 0px;
 	background: url(../images/icon_search.png) top center no-repeat;
	
	cursor: pointer;
	cursor: hand;

	
}




.inputbox, .search {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #333;
	border			: 1px solid #999;
	background		: url(../images/bg_input.gif) repeat-x;
}

select.inputbox {
	font			: normal 11px Arial, Helvetica, sans-serif;
	color			: #333;
	border			: 1px solid #E6D2B5;
	background		: #ffffff url(../images/bg_input.gif);
}

.poll {
	font			: 11px Arial, Helvetica, sans-serif; 
	color			: #333; 
	font-weight		: normal; 
	border			: 0; 
	padding			: 0;
}

/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen {
	text-align		: left;
	color			: #333; 
	padding			: 0px;
	width:100%;
}

.contentdescription {
	width:100%;
	text-align		: left;
	color			: #333; 
	padding			: 0px;
}

.contentpaneopen td {
	padding			: 1px 0px; 
}

.contentpane td, .contentdescription td {
	padding			: 4px 0px; 
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
	color			: #333; 
	text-decoration	: none
}
a.contentpane:hover, a.contentpaneopen:hover {
	color			: #ff0308; 
	text-decoration	: none;
}

.contentheading {
	height:20px;
	font : bold 12px Arial, Verdana, sans-serif, Helvetica ;
	color: #000;
	height:20px;
	text-align		: left;
	text-indent		: 2px;
	border-bottom	: 1px solid #ccc;
}

.componentheading {
	background:url(../images/arrow.gif) no-repeat;
    background-position: 0px 3px;
	font : bold 12px Arial, Verdana, sans-serif, Helvetica ;
	color: #ff0308;
	height:30px;
	text-align		: left;
	text-indent		: 15px;
}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited 	{
	color			: #333;
}

a.contentpagetitle:hover {
	color			: #ff0308;

}

td.buttonheading {
	font			: normal 10px Arial, Verdana, sans-serif, Helvetica;
	white-space		: nowrap;
	width			: 10%;	
}

.content_rating, .content_vote {
	font-size		: 11px;	
	color			: #333; 
	text-decoration	: none; 
	font-weight		: normal; 
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 0;
}

.back_button {
	float:right;
	width:55px;
	font-size		: 11px;	
	color			: #333; 
	font-weight		: bold; 
	text-align:right;
	vertical-align	: middle; 
	margin			: 0 6px; 
	padding			: 1px 1px 1px 1px;
	border:0;
}

.small 		{
	font-size		: 10px; 
	color			: #999; 
	font-weight		: normal;
	line-height:14px;
	height:14px;
}

.createdate, .modifydate {
	font-size		: 10px; 
	font-weight		: normal; 
	color			: #999;
	height			:14px;
	line-height		:14px;
}

a.readon:link, a.readon:visited {
	font			: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color			: #333;
	background:url(../images/arrow.gif) no-repeat;
	background-position: 3px 3px;
    border           : 1px solid #E0E0E0;
    padding          : 2px 4px 2px 20px;
    white-space      : nowrap;
    float            : left;
    line-height      : 10px;
    text-decoration  : none;
}
a.readon:hover {
	color			: #ff0308;
	text-decoration	: none; 
}

.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
	font-size		: 12px; 
	font-weight		: normal; 
	color			: #666666;
}
a.fase4rdf:hover {
	font-weight		: bold; 
	color			: #ff0308;
}

.blogsection {
	background-color: #ffffff;
}

a.blogsection:link, a.blogsection:visited {
	font-size		: 11px;
	color			: #333;
	text-decoration	: none;
	font-weight		: normal;
	font-weight		: bolder;
}
a.blogsection:hover {
	font-size		: 11px;
	color			: #ff0308; 
	text-decoration	: underline;
	font-weight		: bolder;
}

.blog {
	margin			: 0px;
	padding			: 0px;
	width			:100%;
}

.blog_more {
	width			: 100%;
	padding			: 4px;
	margin			: 0px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #333;
}
/*
.blog_more ul {
	padding			: 0px;
	margin			: 0px;
}
*/
table.contenttoc {
	border			: 1px solid #ddd;
 	padding			: 1px;
	margin-left		: 7px;
	margin-bottom	: 2px;
}
table.contenttoc th {
	color			: #333;
	text-align		: left;
	padding			: 4px;
	font-weight		: bold;
	font-size		: 10px;
	text-transform	: uppercase;
	background		: #ddd;
}
table.contenttoc td {
	font-size		: 10px;
}


/* ******************************************* STYLES CONTACT PAGE */
table.contact {
	background		: transparent;
}
table.contact td.icons {
	background		: #ccc;
}
table.contact td.details {
	background		: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 1px dotted #ccc;
}
.contact_email {
	background		: #f7f7f7;
	margin			: 5px;
	padding			: 5px;
	border			: 0px;
}
textarea.inputbox {
	background: transparent;
	width:300px;
}

/* ******************************************* MAIN AND SUB MENU SYSTEM  */
.mainlevel {
	font		: bold 11px Arial, Verdana, Helvetica, sans-serif;
	line-height	:22px;
}
a.mainlevel:link, a.mainlevel:visited {
	display			: block;
	background		: url(../images/navi.gif) no-repeat;
	padding			: 0px 0px;
	height			: 22px;
	font			: normal 11px Arial, Verdana, Helvetica, sans-serif;
	color			: #ff0308; 
	text-decoration	: none;
	text-indent		: 22px;
	border			: 0px;
	line-height		: 22px;
}
a.mainlevel:hover {
	background		: url(../images/hnavi.gif) no-repeat;
	color			: #000; 
	text-decoration	: none;
	padding			: 0px 0px;
}
#active_menu {
	background		: url(../images/hnavi.gif) no-repeat;
	color			: #000; 
}

a.sublevel:link, a.sublevel:visited {
	font			: normal 11px Arial, Verdana, Helvetica, sans-serif;
	color			: #ff0308;
	text-decoration	: none;
	padding-left: 1px;
	vertical-align: middle;
	text-align: left;
	line-height:16px;
}

a.sublevel:hover {
	color			: #333;
	text-decoration	: none;
}

a.sublevel#active_menu  {
	border			: 0;
	color           : #333;
	text-decoration	: none;
	background		: #f7f7f7;
	line-height:16px;
}

/* ******************************************* TOP MENU SYSTEM  */
/*
ul#mainlevel-nav
{
	list-style		: none;
	padding			: 0;
	margin			: 0;
	float			: right;
	white-space		: nowrap;
 }
*/
/*
ul#mainlevel-nav li {
	background: #ff0308 url(../images/snavi1.gif) top left no-repeat;	
	width: auto !important;
	width: 5%;
	float: right;
	white-space: nowrap;
	margin-left: 3px;	
}
*/
/*
#mainlevel-nav li a {
	background: url(../images/snavi2.gif) top right no-repeat;
	display			: block;
	height			: 18px;
	font			: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding			: 0px 12px 0px 0px;
	text-decoration	: none;
	color			: #fff;
	line-height		: 18px;
	white-space		: nowrap;
}
*/
/*
ul#mainlevel-nav li a:hover {
	color			: #ccc;
	background: url(../images/snavi2.gif) top right no-repeat;
}
*/
/*
ul#mainlevel-nav li:hover {
	background: #ff0308 url(../images/snavi1.gif) top left no-repeat;	
}
*/
/* ******************************************* CATEGORY (text format and links) */
.category {
	color			: #333;
	font-size		: 11px;
	font-weight		: bold;
	text-decoration	: none;
	}
a.category:link, a.category:visited {
	color			: #333;
	font-weight		: bold;
}
a.category:hover {
	color			: #ff0308;
}
	
/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter  {
	background-color: #ff0308; 
	color			: #fff; 
	font-weight		: bold;
	font-size		: 11px;
	padding			: 2px 3px 3px 2px;
}
.sectiontableentry1  {
	background-color: #ffffff; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}
.sectiontableentry2  {
	background		: #f7f7f7; 
	font-weight		: normal; 
	padding			: 2px 0px 2px 2px;
}

.pagenavbar {
	text-align		: center;
	vertical-align	: middle;
	padding			: 2px;
	width			: 100%;
}
.pagenav {
	background-color: #ffffff; 
	color			: #333;
	font-size		: 10px;
	font-weight		: bold;
	text-decoration	: none;
	marging			: 0;
	padding			: 0 2px;
	border			: 0;
}
a.pagenav:link, a.pagenav:visited  {
	background-color: #ffffff; 
	color 			: #333; 
	background-color: transparent;
}
a.pagenav:hover {
	color			: #ff0308; 
	background		: transparent; 
	text-decoration	: underline;
}


hr {
	background		: transparent; 
	height			: 1px; 
	border			: 1px solid #ddd; 
	width			: 100%;
}