/*
SLIDING PANEL*/
#paneltovik {display:block}

#panel {
  background-color:#96BC43;
  border:2px solid #a7cc54;
  border-width:2px 2px 0 2px;
  height:30px;
  overflow:auto;
  margin:0;
  padding:10px;
  color:#111;
  font:normal 12px Times,Serif;
  -webkit-box-shadow:inset 0 0 7px #222;
  -moz-box-shadow:inset 0 0 7px #222;
  box-shadow:inset 0 0 7px #222;
  display:none;
}

.tombolpanel {
  position:relative;
  cursor:pointer;
  text-shadow:1px 1px 2px #000;
  padding:7px 15px;
  background-color:#333;
  border-top:5px solid #a7cc54;
  color:#FFF;
  text-align:center;
  font:bold 1.2em Times,Sans-Serif;
  font-weight:bold;
  -webkit-box-shadow:0 -1px 2px #222;
  -moz-box-shadow:0 -1px 2px #222;
  box-shadow:0 -1px 2px #222;
  -webkit-border-radius:0 0 14px 14px;
  -moz-border-radius:0 0 14px 14px;
  border-radius:0 0 14px 14px;
}

.tombolpanel:hover {color:#96BC43}

.tombolpanel:after {
  content:'';
  position:absolute;
  top:100%;
  margin-top:-10px;
  left:2%;
  width:0;
  height:0;
  display:block;
  border-width:25px;
  border-style:solid;
  border-color:#333 #333 transparent #333;
}
/*
Bagian Content
*/
.bgpgm{
	width:80%;
	margin:0px;padding:0;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#08a1f7;
	border: 5px solid #0087ae;border-radius:6px;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.bgpgm:hover{
	margin:0px;padding:0;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#036564;transition: all 1s ease-in-out 0s;
	border: 5px solid #036564;border-radius:6px;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.bgart{
	margin:0px;padding:0;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#7b3369;
	border: 5px solid #022634;border-left:0;border-radius:0 6px 6px 0;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.bgart:hover{
	margin:0px;padding:0;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#036564;transition: all 1s ease-in-out 0s;
	border: 5px solid #036564;border-left:0;border-radius:0 6px 6px 0;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.menustc{
	margin:0px;padding-top:30px;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#f2f2f2;
	border: 5px solid #15719e;border-left:0;border-radius:0 6px 6px 0;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.menustc:hover{
	margin:0px;padding-top:30px;margin-bottom:30px;font-family:comic;color:#FFF;
	background:#036564;transition: all 1s ease-in-out 0s;
	border: 5px solid #036564;border-left:0;border-radius:0 6px 6px 0;box-shadow: 4px 0px 7px -4px rgb(000, 000, 000);
}
.wotd{
	background:none repeat scroll 0% 0% rgb(221, 221, 221);border-top: 3px solid rgb(187, 187, 187);
	border-bottom: 3px solid rgb(187, 187, 187);border-left: 4px solid rgb(187, 187, 187);
	border-radius:6px 0 0 6px;padding-left:5%;margin-bottom:10px;
}
.artpop{
	background:none repeat scroll 0% 0% rgb(221, 221, 221);border-top: 3px solid rgb(187, 187, 187);
	border-bottom: 3px solid rgb(187, 187, 187);border-left: 4px solid rgb(187, 187, 187);
	border-radius:6px 0 0 6px;padding-left:5%;margin-bottom:10px;
}
.au{
	color:#FFF;padding-right:15px;
}
.au:hover{
	color:#000;padding-right:15px;
}
.imagemhs{
	opacity:0.6; filter:alpha(opacity=60); this.style.opacity=7;
}
.imagemhs:hover{
	opacity:100; filter:alpha(opacity=40); this.style.opacity=1;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.isibwhijo{
	position:absolute;bottom:0;left:0;right:0;margin:0;padding:5px;background:#007256;color:#FFF;
}
.sudutbwhijo{
	bottom: 50px;position: absolute;height:0;weight:0;float:left;margin-left:45%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #007256;
}
.isinyaijo{
	position: relative; width: 300px; height: 200px;top:0px; padding:10px;margin-right:0;margin-bottom:10px;margin-left:20px;color:#007256;background:#9a9a9a;font-size:1.2em;
}
.isibwhmerah{
	position:absolute;bottom:0;left:0;right:0;margin:0;padding:5px;background:#d8252e;color:#FFF;
}
.sudutbwhmerah{
	bottom: 50px;position: absolute;height:0;weight:0;float:left;margin-left:45%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #d8252e;
}
.isinyamerah{
	position: relative; width: 300px; height: 200px; padding:10px;top:-230px;margin-right:0;margin-left:350px;color:#d8252e;background:#9a9a9a;font-size:1.2em;
}
.isibwhkuning{
	position:absolute;bottom:0;left:0;right:0;margin:0;padding:5px;background:#fdf51c;color:#FFF;
}
.sudutbwhkuning{
	bottom: 50px;position: absolute;height:0;weight:0;float:left;margin-left:45%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fdf51c;
}
.isinyakuning{
	position: relative; width: 300px; height: 200px; padding:10px;top:-210px;margin-right:0;margin-left:20px;color:#fdf51c;background:#9a9a9a;font-size:1.2em;
}
.isibwhbiru{
	position:absolute;bottom:0;left:0;right:0;margin:0;padding:5px;background:#245ccf;color:#FFF;
}
.sudutbwhbiru{
	bottom: 50px;position: absolute;height:0;weight:0;float:left;margin-left:45%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #245ccf;
}
.isinyabiru{
	position: relative; width: 300px; height: 200px; padding:10px;top:-430px;margin-right:0;margin-left:350px;color:#245ccf;background:#9a9a9a;font-size:1.2em;
}


.block_main {
    background-color: #007256;
	color:#FFF;
    padding: 10px; 
	width:250px;
	height:320px;
	line-height:20px;
	overflow: auto;
}
.rounded{
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
}
.name { font-weight: bold;display: inline-block;}
.date { color: #ccc; font-family: Arial; font-size: 9px; margin-right: 10px; }
.message { font-style: italic; margin-left: 10px; }
input { margin: 10px 5px 10px 5px; }
.message { width: 300px; }