@charset "UTF-8";
/* CSS Document */
html{
	scrollbar-face-color: #363636;
	scrollbar-arrow-color: #FF0000;
	scrollbar-base-color: #000000;
	scrollbar-3d-light-color: #cccccc;
	scrollbar-darkshadow-color: #131211;
	scrollbar-highlight-color: #555555;
	scrollbar-shadow-color: #363636;
	scrollbar-track-color: #131211;
}

body{
	margin:0;
	padding:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode",  Helvetica,Arial, Sans-serif; 
	color:#dddddd;
	background-color:#2f3031;
	font-size:12px;
	line-height:normal;
}
.divContent {
	width: 100%; 
	height: 100%; 
	z-index: 0; 
	margin: 0px; 
	padding: 0px; 
}
.divInnerContent {
	/*position: relative;  sebelumnya absolute*/
	float:left;
	left:0;
	top:0;
	text-align: left; 
	width: 1000px; 
	height: 100%; 
	margin: auto; 
	z-index: 0;
}

a{
	color : #FFFFFF;
}

a:hover{
	text-decoration:none;
}

/* Main Menu
---------------------------------------------------------------------------------*/
#menu {
	float:right;
	height: 48px;
	margin:0px;
	padding: 0px;
	list-style-type: none;
	margin-right:10px;
}
#menu li {
	margin-top: 0px;
	padding: 0;
	line-height: 14px;
	float: left;
	border-left: 1px solid #4a4a4a;
	background: none;
}
#menu li:first-child {
	border-left: none;
}
#menu li strong {
	color: #EEE;
	font:  16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#menu li.first a {
	padding-left: 15px!important;
	margin-left: 3px;
}
#menu li a,
#menu li a:visited {
	padding: 15px 15px 0px 15px;
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
	display: block;
}
#menu li a:hover {
	text-decoration:underline;
}
#menu li.last {
	float: right!important;
	line-height: 28px;
}

/*Rounded Corner
----------------------------------------------------------------*/
.cornerBox { position: relative; background: #cfcfcf; color:#333; width: 430px; left:10px;}
.cornerDateBox {float:left; position:relative; top:-20px; left:20px; background-color:blue; width:64px; height:63px; background: url('../template/images/news-date.png') no-repeat;}
.cornerBoxHome { position: relative; background: #cfcfcf; color:#333; width: 420px; left:20px;}
.cornerDateBoxHome {float:left; position:relative; top:-20px; left:-10px; background-color:blue; width:64px; height:63px; background: url('../template/images/news-date.png') no-repeat; z-index:100;}
.cornerNewsTitleHome { position:relative; left:5px; padding: 10px; margin:0px;}

.cornerDateDay{font-size:24px; color:#FFFFFF; margin:8px 0 0 15px;}
.cornerDateMonth{font-size:12px; color:#000000; margin:0 0 0 18px; text-transform:uppercase;}
.cornerNews { position: relative; background: #cfcfcf; color:#333; width: 680px; left:10px; margin-bottom:30px;}
.corner { position: absolute; width: 10px; height: 10px; background: url('../template/images/back-corners.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 10px; }
.cornerNewsTitle { position:relative; left:35px; padding: 10px; margin:0px;}
.cornerNewsInner {position:relative; top:0px; padding:10px;}
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/*Calendar
----------------------------------------------------------------*/
#cal-year{
background-color:#404040;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
width:30px;
text-align:center;
padding-left:3px;
padding-right:3px;
margin-bottom:1px;
}

#cal-month{
background-color:#ff7412;
color:#000000;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
width:30px;
text-align:center;
padding-left:3px;
padding-right:3px;
margin-bottom:1px;
}
#cal-date{
background-color:#404040;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
width:30px;
text-align:center;
padding-left:3px;
padding-right:3px;
}

/*Comment
-------------------------------------------------*/
#comment { /* class quote dihilangkan*/
	background-color: #EEEEEE;
	border: 1px solid #BBBBBB;
	padding: 0px 15px 15px 5px;
	margin-top:10px;
}
#comment p{
	color: #333333;
	font-style: italic;
	font-size:15px;
}
#comment small{
	font-size:12px;
	font-style:normal;
}

#upload {
  cursor:pointer;
}