@charset "utf-8";
/* CSS Document */
#com-diadiem
{
	padding:0 0 10px;
}
#com-diadiem-menu
{
    background: url("../images/head-bg.png") repeat-x scroll left top transparent !important;
	border-bottom: 1px solid #CFD4DB;
    margin-bottom: 10px;
    margin-left: -5px;
    position: relative;

}
#com-diadiem-menu ul
{
	padding:0;
	margin:0;
}
#com-diadiem-menu li
{
	background:transparent none repeat scroll 0 0;
	display:block;
	float:left;
	margin:0;
	padding:0 1px 0 0;
}
#com-diadiem-menu li a
{
	background:#AD5012;
	color:#FFFFFF;
	font-family:verdana,arial,tahoma;
	display:block;
	font-size:92%;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	text-transform:uppercase;
}

#com-diadiem-nav
{
    background: #FFFFFF;
    border: 2px solid #2E72C6;
    margin-left: -5px;
    padding: 0;
    position: absolute;
    top: 153px;
    width: 620px;
	display: none;
}
#com-diadiem-nav ul
{	
	background: url("../images/line_menu_object.jpg") repeat-y scroll right top transparent;
    float: left;
    padding-bottom: 10px;
    width: 155px;
}
#com-diadiem-nav ul li
{
    background: url("../images/dot.jpg") no-repeat scroll left 10px transparent;
    margin-left: 5px;
    padding: 0px 0 0px 5px;
	float:left;
	width: 149px;
}
#com-diadiem-nav ul li.first
{
	background: url("../images/bg_menu_object.jpg") repeat-x scroll left top transparent;
	height:28px;
	line-height: 28px;
	display:block;
	font-weight:bold;
	float:left;
	margin:0;
	padding:0 1px 5px 10px;
	width: 144px;
}
#com-diadiem-nav li a
{
	color:#0066FF;
	font-family:verdana,arial,tahoma;
	display:block;
	padding:1px 5px;
	text-decoration:none;
}

#com-diadiem-nav li a:hover
{

	text-decoration:underline;
}

#com-diadiem-nav ul li.first a:hover
{
	text-decoration:underline;
}

#com-diadiem-search
{
	border: 2px solid #F2BF75;
    height: 50px;
    margin: 0 auto 10px;
    padding: 5px;
    width: 520px;
}


#com-diadiem-search table td
{
	line-height:30px; 
	height:30px;
}
#listzone
{
	line-height:30px;
	float:left;
	/*height:20px;
	float:left;
	width:350px;*/
}

#listday
{
	line-height:20px;
	/*height:20px;
	float:left;
	width:350px;*/
}



#listcategory, #listsubcategory
{
	line-height:30px;
	float:left;
	margin-left: 20px;	
	/*height:20px;
	float:right;
	width:380px;*/
}
#popupzone, #popupsection
{
	background:#FFFFEC url(../images/popupclose.png) no-repeat scroll right top;
	border:2px solid #EB8A00;
	display:none;
	padding:10px;
	position:absolute;
	width:400px;
	z-index:1000;
}
#popupcategory
{
	background:#FFFFEC url(../images/popupclose.png) no-repeat scroll right top;
	border:2px solid #EB8A00;
	display:none;
	padding:10px;
	position:absolute;
	width:500px;
	z-index:1000;
}
#com-diadiem-show
{
	/*line-height:27px; height:27px;*/
}

#listday a
{
	color:#AD5012;
}

.activeshow
{
	color:#0066FF!important;
}
.sec-special
{
	font-weight:bold;
}


#header-list
{
	background: url("../images/head-bg.png") repeat-x scroll left top transparent !important;
    border-top: 1px solid #CFD4DB;
    font-weight: bold;
    line-height: 29px;
	padding-left:5px;
	margin-top:10px;
	margin-left:-8px;
	color:#0066FF;
}

#related-article ul
{
	padding-top:10px;
	padding-bottom:10px;
}

#listday
{
	background: url("../images/head-bg.png") repeat-x scroll left top transparent !important;
    border-top: 1px solid #CFD4DB;
    font-weight: bold;
    line-height: 29px;
}
#title-relate
{
	line-height:24px;
	border:1px solid #CCCCCC;
	padding-left:10px;
	color:#FFFFFF;
	background:#3399FF;
}

#content-diadiem
{
	clear: both;
	display: block;
	float: left;
	width: 65.2%;
	overflow: hidden;
	font-size:10pt;
}

#right-col-diadiem
{
	float: right;
	overflow: hidden;
	width: 34.5%;
	font-size:10pt;
}

#detail-diadiem
{
	line-height:25px;
	width:100%;
	padding-left:3px;
}

#detail-post-diadiem
{
	border:1px solid #F2BF75;
	line-height:25px;
	width:100%;
	padding-left:3px;
	font-size:10pt;
}

#detail-post-diadiem-inside
{

	width:95%;

}

#detail-diadiem-headline
{
	background:none repeat scroll 0 0 transparent;
	color:#666666;
	height:25px;
	padding-left:5px;
}

#detail-diadiem-title
{
	color:blue;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;	
}

#detail-diadiem-contact
{
	border:1px solid #F2BF75;
	padding:5px;


}

#detail-diadiem-desc
{
	border:1px solid #F2BF75;
	padding:5px;
	font-weight:bold;

}

#detail-diadiem-content-header
{
	color:blue;
}

#detail-diadiem-content-text
{
/*	border:1px solid #F2BF75;
*/	padding:2px;
	text-align:justify;
	margin-right:5px;
}

.message-form
{
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
#login-form, #register-form
{
	margin:10px auto;
	padding:10px;
	border:1px solid #CCCCCC;
	line-height:26px;
}
#login-form
{
	width:300px;
}
#register-form
{
	width:400px;
}
#login-form table td
{
	height:26px;
}	
li.active-diadiem a
{
	background:#0066FF!important;
}

#dhtmltooltip{
position: absolute;
border: #FF9C00 3px solid;
padding: 4px;
background-color: lightyellow;
visibility: hidden;
z-index: 1000;
font-size: 11px;
width:300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmltooltip img
{
	margin:3px 5px 3px 3px;
	padding:3px;
	border:1px solid #CCCCCC;
}

#popupimage
{
	position:absolute;
	padding:0 2px 2px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
#title-popup
{
	height:30px;
	line-height:30px;
	border-bottom:1px dotted #CCCCCC;
	width:100%;
}