BODY  {
	/*background: #CCCCCC;*/
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	/*background-image:url(<!--[$imagepath]-->/framekirikanan.gif);*/
	background-position:top;
	background-repeat:repeat-y;
}
hr {  
	color: #505050; 
	height: 1px; 
	width: 118px
}

.skin0{
	position: absolute;
	width: 120px;
	border: 1px solid black;
	background-color:#53618A;
	line-height: 18px;
	font-size: 10px;
	z-index: 100;
	visibility: hidden;
}

.menuitems{
	padding-left: 5px;
	padding-right: 5px;
}

TD {
	font-size: 8pt;
	text-align: left;
}

/* image styles */
IMG {
	border: 0px;
}
/* form  control styles */
TEXTAREA, INPUT {
	font-size: 8pt;
	background-color: #FFFFFF; 
}
INPUT.pn-text, INPUT.pn-button {
	background-color: #FEFEFE;
	width : 100px;
}
INPUT.r-button {
	background-color : transparent;
}
SELECT {
	font-size: 8pt;
	font-weight : bold;
}
SELECT.pn-text {
	color: #505050;
	font-size: 8pt;
	font-weight : bold;
	background-color : #FEFEFE;
}

/* anchor styles */
A {
	text-decoration: none;
	background-color : transparent;
	color: #333333;
}
A:hover, A:active {
	text-decoration:underline;
}

A:visited {
	color: #FF0000;
}

/* pn- normal styles */
.pn-normal {
	font-size: 8pt;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	background-color : transparent;
}
.pn-normal A:hover, A:active {
	color: #FF0000;
}

/* pn-title classes */
.pn-title {
	font-size: 11pt;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: none;
	background-color : transparent;
}
.pn-title A:hover, A:active {
	color: #993366;
}

.pn-title2 {
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: none;
	background-color : transparent;
}
.pn-title2 A:hover, A:active {
	color: #993366;
}

/* pn-side-title classes */
.pn-side-title {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color : transparent;
}
.pn-side-title A:hover, A:active {
	color: #FFCC00;
}

/* pn-block-title classes */
.pn-block-title {
	font-size: 11pt;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	background-color : transparent;
}

.pn-block-title a {
	color: #505050;
	font-size: 11pt;
	text-decoration: none;
	background-color : transparent;
}

.pn-block-title A:hover, A:active {
	color: #FF0000;
}

.pn-block-title A:visited {
	color: #505050;
}


/* pn-block-topic classes */
.pn-block-topic {
	font-size: 8pt;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	background-color : transparent;
}

.pn-block-topic a {
	color: #999999;
	font-size: 8pt;
	text-decoration: none;
	background-color : transparent;
}

.pn-block-topic A:hover, A:active {
	color: #FF0000;
}

.pn-block-topic A:visited {
	color: #999999;
}


/* pn-sub classes */
.pn-sub {
	font-size: 8pt;
	font-weight: normal;
	color: #505050;
	text-decoration: none;
	background-color : transparent;

}
.pn-sub A:hover, A:active {
	color: #FF0000;
}


/* pn-logo styles */
.pn-logo {
	color: #505050;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 3px;
	text-decoration: none;
	background-color : transparent;
}
A.pn-logo:hover, A.pn-logo:active	{
	color: #FF9900;
}

/* menu classes */
.menu {
	font-weight: bold;
	font-size: 8pt
}
.menu A:link, A:visited {
	color: #505050;
}
.menu A:hover, A:active {
	color: #FF9900;
}

/* other pn classes */
.pn-logo-small  {
	color: #505050;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	background-color : transparent;
}

.pn-pagetitle {
	font-size: 11pt;
	font-weight: bold;
	color: #505050;
	text-decoration: none;
	background-color : transparent;
}

.pn-putih{ color:#FFFFFF; }

.pn-v8{	font-size:8pt; }
.pn-v7{ font-size:7pt; }
.pn-v6{ font-size:6pt; }

.pn-bg-putih{ background-color:#FFFFFF; }

.pn-bdr1{ border:1px solid #000000; }

/* MEDIASHARE */

div.mediashare td.top
{
  vertical-align: top;
}

div.mediashare span.rss
{
  font-size: 8px;
}

div.mediashare span.rss a
{
  text-decoration: none;
}


/* Header */

div.mediashare-header
{
  border: 1px solid black;
  background-color: #808080;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 5px;
}

div.mediashare-header h1
{
  font-size: 20px;
  margin: 0px 0px 5px 0px;
  color: #FFF;
}

div.mediashare-header a
{
  text-decoration: none;
  color: #FFF;
}


/* Menu */

div.mediashare-menu
{
  border: 1px solid black;
  border-top: none;
  background-color: #808080;
  padding: 5px;
}

div.mediashare-menu a
{
  text-decoration: none;
  color: #FFF;
  margin: 0px 6px;
}


/* Toolbar */

div.mediashare-toolbar
{
  border: 1px solid black;
  border-top: none;
  background-color: #808080;
  color: #FFF;
  margin-bottom: 10px;
  padding: 2px 10px 2px 10px;
}

div.mediashare-toolbar input
{
  border: 1px outset #808080;
  background-color: #808080;
  padding: 3px;
}

/* Tabs */

div.mediashare-tabs
{
  float: left;
  width: 100%;
  background: url("tabs-background.gif") repeat-x bottom;
}

div.mediashare-tabs ul
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  list-style: none;
}

div.mediashare-tabs li
{
  float: left;
  margin: 0px;
  padding: 2px 4px;
}

div.mediashare-tabs li.link
{
  background-color: #EEE;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

div.mediashare-tabs li.selected
{
  background-color: #FFF;
}

div.mediashare-tabs a
{
  display: block;
  text-decoration: none;
}

div.mediashare-tabs a:hover
{
  text-decoration: underline;
}

div.mediashare-tabs li.selected a
{
  padding-bottom: 1px;
}


/* Album info box (small box with album and it's data - for use with delete and such like) */

div.mediashare-albumInfo
{
  padding: 0px;
  margin: 0px 0px 4px 0px;
}

div.mediashare-albumInfo img
{
  float: left;
  margin: 0px 10px 0px 0px;
}

div.mediashare-albumInfo h3
{
  margin: 0px 10px 0px 0px;
}


/* Info text (a box with text that introduces what is going on on the page) */

div.mediashare-info
{
  margin: 10px 50px;
  padding: 1px 10px;
  border: 1px solid #AAA;
}


/* Editing block */

div.mediashare-block
{
  border: 1px solid black;
  width: auto;
  margin-top: 10px;
}


div.mediashare-block td
{
  vertical-align: top;
}


div.mediashare-block div.mediashare-header
{
  border: none;
  border-bottom: 1px solid black;
}


div.mediashare-body
{
  padding: 4px;
}


div.mediashare-buttons
{
  text-align: right;
  background-color: #AAA;
  border-top: 1px solid black;
}


/* Floating block with media item in it */

div.mediashare-float
{
  float: left;
  text-align: center;
}

div.mediashare-float table td
{
  vertical-align: top;
}

div.mediashare-float div.thumbnail
{
  padding: 0px 0px 2px 0px;
}

div.mediashare-float img.thumbnail
{
  border: 1px solid black;
  background-image: url(../pnimages/album_top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: hand;
  cursor: pointer;
}

div.mediashare-float a.album
{
  padding-top: 9px;
  display: block;
  float: left;
  background-image: url(../pnimages/album_top.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

div.mediashare-float img
{
  vertical-align: top;
}

div.mediashare-float a
{
  margin: 1px;
}


/* Album or media item informational area */

div.mediashare-data
{
}

div.mediashare-data h3
{
  margin: 0px 0px 5px 0px;
  color: #000;
}

div.mediashare-data h3 a
{
  text-decoration: none;
  color: #000;
}

div.mediashare-data a:hover
{
  text-decoration: underline;
}

div.mediashare-data div.summary
{
  font-style: italic;
  margin: 5px 0px 10px 0px;
}

div.mediashare-data div.description
{
  margin: 5px 0px 10px 0px;
}

div.mediashare-data div.author
{
  font-size: 90%;
}


div.mediashare-item
{
  float: left;
  padding: 0px;
  width: auto;
}

div.mediashare-item img.media,
div.mediashare-item object.media,
div.mediashare-item embed.media
{
  border: 5px solid #000;
  margin: 0px;
  cursor: hand;
  cursor: pointer;
}


div.mediashare-data div.navigation
{
  float: right;
  margin: 0px;
  padding: 0px;
}

div.mediashare-data div.navigation img
{
  vertical-align: middle;
}


div.mediashare-footer
{
  text-align: center;
  margin-top: 30px;
}

/* Album frontpage */

div.mediashare-album
{
  margin: 10px 0px 0px 0px;
}

div.mediashare-album div.mediashare-item
{
  margin: 0px 20px 20px 0px;
}

/* Slideshow */

body.slideshow
{
  margin: 0px;
  padding: 0px;
  background-color: #000;
  color: #FFF;
}

body.slideshow h1,
body.slideshow a
{
  color: #FFF;
}

div.mediashare-slideshow
{
  height: 100%;
}

div.mediashare-slideshow h1
{
  color: #FFF;
  text-align: center;
}

div.mediashare-slideshow h1 a
{
  color: #FFF;
}

div.mediashare-slideshow div.mediashare-menu
{
  border: none;
  font-weight: bold;
  padding: 0px;
  width: 100%;
  height: 30px;
}

div.mediashare-slideshow div.mediashare-menu table
{
  width: 100%;
}

div.mediashare-slideshow div.mediashare-menu table td a,
div.mediashare-slideshow div.mediashare-menu table td select,
div.mediashare-slideshow div.mediashare-menu table td button
{
  vertical-align: middle;
}

div.mediashare-slideshow div.mediashare-menu table td button
{
  border: 2px solid #333;
  background-color: #666;
  color: #FFF;
  font-weight: bold;
  margin: 0px 10px;
}

div.mediashare-slideshow div.mediashare-menu table td select
{
  border: 2px solid #333;
}

div.mediashare-slideshow iframe
{
  width: 100%;
}

div.mediashare-slideshow div.mediashare-data
{
  width: 300px;
  float: right;
  padding: 20px;
  color: #FFF;
}

div.mediashare-slideshow div.mediashare-data h3,
div.mediashare-slideshow div.mediashare-data a
{
  color: #FFF;
}

div.mediashare-slideshow div.mediashare-item
{
  float: none;
  text-align: center;
  padding: 20px;
}

div.mediashare-slideshow div.mediashare-item a
{
  color: #FFF;
  font-weight: bold;
  font-size: 140%;
}

div.mediashare-slideshow div.stripframe
{
}

div.mediashare-slideshow div.strip
{
  overflow-x: scroll; 
  white-space: nowrap;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 0px;
  margin: auto;
  width: 100%;
}

div.mediashare-slideshow div.strip img
{
  margin: 4px 0px 0px 4px;
  border: 1px solid #000;
}

div.mediashare-slideshow div.strip img.selected
{
  border: 3px solid #000;
}


/* Media thumbnail list */

div.mediashare-medialist ul.sortkeys
{
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

div.mediashare-medialist ul.sortkeys li
{
  display: inline;
  margin: 0px 4px 0px 4px;
}

div.mediashare-medialist ul.sortkeys li.selected
{
  font-weight: bold;
}

div.mediashare-medialist h3
{
  clear: both;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

div.mediashare-medialist div.data
{
  display: block; 
  float: left; 
  width: 400px
}

div.mediashare-medialist p
{
  margin: 0px 0px 1ex 0px;
}

div.mediashare-medialist img
{
  float: left;
  vertical-align: top;
  margin-right: 10px;
}



ul.mediashare-upload-list img
{
  vertical-align: middle;
}

/*=[ Menu handling ]==========================================================*/

  /* Surrounding DIV tag */
div.psmenu 
{
  position: absolute;
  visibility: hidden;
  font: arial, sans-serif;

  border-top:       1px solid #D0D0D0;
  border-left:      1px solid #D0D0D0;
  border-right:     1px solid black;
  border-bottom:    1px solid black;
  border-collapse:  collapse;

  background-color: #808080;
}


  /* Make sure there's no spacing between the rows in the menu (use padding instead) */
div.psmenu table,
div.psmenu tr,
div.psmenu td {
  border-collapse: collapse;
  border: none;
  margin: none;
  white-space: nowrap;
}

  /* Menu item row (off) */
.psmenu-menuItem {
  cursor: pointer;
  cursor: hand;
}

  /* Menu item row (on) 
     - we could colorize the whole row here, but the icon graphics is not good on blue background */
.psmenu-menuItemOn {
  cursor: pointer;
  cursor: hand;
}


  /* Some space around the icon */
td.psmenu-icon {
  padding: 2px 2px;
}

.psmenu-menuItemOn td.psmenu-title {
  background-color: #303030;
  color:            #FFF;
}

  /* Some space around the menu item title */
td.psmenu-title {
  padding: 2px 5px;
}

/* MEDIASHARE END */




/*-----------------------------------------*/
/* DYNAMENU BLOCK ACTIVE MENU STYLE SHEETS */
/*-----------------------------------------*/
/* Note: the "redundant" declarations of font size, styles, etc... for the various
   ANCHOR (a) objects are to compensate for the fact that many free/commercial
	 themes do not take advantage of the "cascading" nature of style sheets and
	 hard-code properties into the theme's default anchor objects, thus overiding other
	 uses of them in your theme.  Ideally, you should be able to specify the font
	 style, size, etc... in the first ".blahitem a" element and then just the color
	 in subsequent "states" of the anchor object (hover, visited, etc...) If your
	 theme is more in line with proper CSS techniques, feel free to make those adjustments
	 to the styles below */ 
	 

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	/*color: #FFFFFF;*/
	/*background-color: #000000;*/
	/*border: 1px outset #525252;*/
	line-height: 21px;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	vertical-align: text-bottom;
	white-space: nowrap;
	text-align:center;
	border-right: 1px solid #cccccc;
}

.horizitem a {              /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size:11px;	
	text-decoration: none;
	position: relative;	
	display:  block;
	padding-left: 10px;
	padding-right: 5px;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #333333;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffff;
	background-color: #FFCC00;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	filter:Alpha(Opacity=90);
	opacity: 0.90;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #F0F0F0;
	border-width:1px;
	border-color: #D7D7D7;
	border-spacing:1px;
	border-style:solid;
	/*border: 2px outset #fdfefd;*/
	position: relative; 
	/*border-top-style:solid;
	border-top-color:#FFFFFF;
	border-top-width:1px;*/
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #000000;
	background-color: #FFCC00;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.horizsubseparator	{   /* Style for line-separator in horizontal submenus - Use '---' for Link title to display */
	background-color: #ff0000;
	border-top: 1px solid #cdcecd;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 0px;	/* top right bottom left */
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	/*color: #CC9900;
	background-color: #FFCC00;
	border: 1px outset #fdfefd;*/
	width:132px;
	}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
	color:#FFFFFF;
	border-bottom:1px solid #FCE98D;
	width:145px;
	padding:2px 0px 0px 0px;
}

.vertitem	a {   /* Font style, size of main menu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;
	position: relative;
	display:  block;
	color: #000000;
	width:145px;
	padding:2px 0px 0px 0px;
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #000000;
	background-color: #FFCC00;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;
	width:145px;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color:#FFCC00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	padding:2px;
	filter:Alpha(Opacity=90);
	opacity: 0.90;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #FCE243;
	border:1px solid  #666666;
	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
	border-bottom:1px solid  #666666;
	background-color:#787878;
	padding:2px 0px 0px 4px;
}

.vertsubitem a	{   /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;			
	text-decoration: none;
	position: relative;
	display: block;	
	background-color:#787878;
	padding:2px 0px 0px 4px;
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #FFFFFF;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #000000;
	background-color: #FFCC00;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;		
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 6px;
	border:0px;
}

.vertsubseparator	{   /* Style for line-separator in vertical menus - Use '---' for Link title to display */
	background-color: #ff0000;
	border-top: 1px solid #cdcecd;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 0px;	/* top right bottom left */
	height: 0px;
	font-size: 1px;
	line-height: 0px;

}


/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmnormal:hover	{     /* Font size & color of menu items */
	color: #000000;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmselected:link, a.phplmselected:visited 	{         /* Font size & color of selected & visited menu items */
	color: #dd0000;
	background-color: #ffdd76;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmselected:hover	{         /* Font size & color of selected menu item when hovered over */
	color: #841212;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplmselected:active	{         /* Font size & color of selected menu item when clicked */
	color: #ff0000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


/** UNTUK BLOK KIRI */
.blokkiritable {
	width:165px;
	border-right-color: #C0C0C0; 
	border-right-style:solid; 
	border-right-width:1px; 
	background-color:#FEF9E2;
}

.blokkiribox {
	margin:5px 5px 10px 5px;
}

.blokkirihead {
	height:20px;
	background-color: #FAE483;
	color: #000000;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;

}

.blokkiriisi {
	background-color:#FDF2C1;
	padding:2px;
}

.blokkiriisi li {
	display: block;
	margin-left: -38px;
	padding-bottom:5px;
	list-style-type: none;
}

.blokkiriisi ul {
	margin-top:3px;
	margin-bottom:3px;
}

/** UNTUK BLOK DPC */

.blokdpcbox {
	margin:5px 5px 0px 5px;
}

.blokdpchead {
	height:20px;
	/*background-color: #E4B40C;*/
	color: #000000;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;

}

.blokdpcisi {
	/*background-color:#FCE243;*/
	padding:2px;
}

.blokdpcisi li {
	display: block;
	margin-left: -38px;
	padding-bottom:5px;
	list-style-type: none;
}

.blokdpcisi ul {
	margin-top:-5px;
	margin-bottom:3px;
}


/** UNTUK BLOK KOLOM BAWAH */
.blokkolbawahtable {
	width:98%;
	border-right-color: #C0C0C0; 
	border-right-style:solid; 
	border-right-width:1px; 
}

.blokkolbawahbox {
	width: 98%;
	margin:0px;
}

.blokkolbawahhead {
	height:20px;
	background-color: #FAE483;
	color: #000000;
	text-align:left;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;
}

.blokkolbawahisi {
	padding:3px;
	background-color: #FBFBFB;
}


/** UNTUK BLOK TENGAH */
.bloktengahtable {
	width: auto;
	background-color:#FFFFFF;
}

.bloktengahbox {
	margin-left:4px;

}

.bloktengahmastertable {
	width: 585px;
	background-color:#FFFFFF;
}

.bloktengahplaintable {
	width: 750px;
	background-color:#FFFFFF;
}


/** UNTUK BLOK RANDOM HADITS / KUWOT */
.hadits {
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: none;
	background-color: #E3E8EE;
	margin-bottom:5px;
	padding:3px;
}


/** UNTUK BLOK BERITA TERBARU */
.beritaterbarubox {
	margin:5px 5px 15px 5px;
}

.beritaterbaruhead {
	height:20px;
	background-color: #E4B40C;
	color: #000000;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;

}

.beritaterbaruisi, .beritaterbaruisi a:active, .beritaterbaruisi a:visited, .beritaterbaruisi a:link  {
	background-color:#FCE243;
	padding:2px;
	display:block;
	color:#000000;
	text-decoration:none;
}

.beritaterbaruisi a:hover {
	background-color: #FFFFB7;
	display: block;
	color: #000000;
	text-decoration:underline;
	}
	
	
/** UNTUK BLOK MENU UTAMA */
.blokmenuutamabox {
	margin:0px 5px 10px 5px;
	width:155px;
}

.blokmenuutamaisi {
	background-color:#FDF2C1;
	padding:4px;
	/*display:block;*/
	color: #000000;
	text-decoration:none;
}

.blokmenuutamaisi a{
	color: #000000;
	text-decoration:none;
}

.blokmenuutamaisi a:hover{
	text-decoration: underline;
}



/** UNTUK BLOK FOOTER */
.blokfooterisi {
	padding:4px;
	/*display:block;*/
	color: #FFFFFF;
	text-decoration:none;
	margin:0px;
	background-color: #000000;
	font-size:7pt;
	text-align:center;
}

.blokfooterisi a {
	color: #FFCC00;
	text-decoration:none;
	margin:0px;
	font-size:7pt;
}

.blokfooterisi a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.blokfooterisi a:visited{
	color: #FFCC00;
	text-decoration: none;
}


/** UNTUK BLOK KANAN */
.blokkanantable {
	width:165px;
	background-color: #FFFFFF;
	border-left:#CCCCCC 1px solid;
	padding:0px 5px 0px 5px;
}

.blokkananbox {
	margin-bottom:10px;
}

.blokkananhead {
	height:20px;
	background-color: #FAE483;
	color: #000000;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;
}

.blokkananisi {
	background-color:#F7F7F7;
	padding:2px;
}


/** UNTUK ZONA TENGAH BAWAH */
.blokzonabawahtable {
	width:98%;
	border-right-color: #C0C0C0; 
	border-right-style:solid; 
	border-right-width:1px; 
}

.blokzonabawahbox {
	width: 98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
}

.blokzonabawahhead {
	height:20px;
	background-color: #E1E1E1;
	color: #000000;
	font-weight:bold;
	padding:5px 2px 2px 2px;
	border-bottom:solid 0px #FFE89F;
}

.blokzonabawahisi {
	padding:3px;
	background-color:#F7F7F7;
}



/** UNTUK MASTER FRAME **/
.masterframe {
	/*background-image:url(<!--[$imagepath]-->/framekirikanan.gif);*/
	background-position:center;
	background-repeat:repeat;

}