/************* tambahan *****************/
/*** dalam ajaran Agama manapun, mencuri adalah berdosa. ***/
/*** jika anda mencuri css dari Gookil, sama artinya ***/
/*** anda adalah seorang yang berdosa. ***/

body {
	-webkit-animation: head 5s linear infinite;
	-moz-animation: head 5s linear infinite;
	-ms-animation: head 5s linear infinite;
	-o-animation: head 5s linear infinite;
	animation: head 5s linear infinite;
}

/************** head ***********/

@-webkit-keyframes head {
	from {background-position: 0 -160px;}
	to {background-position: 0 0;}
}
@-moz-keyframes head {
	from {background-position: 0 -160px;}
	to {background-position: 0 0;}
}
@-ms-keyframes head {
	from {background-position: 0 -160px;}
	to {background-position: 0 0;}
}
@-o-keyframes head {
	from {background-position: 0 -160px;}
	to {background-position: 0 0;}
}

/*** dalam ajaran Agama manapun, mencuri adalah berdosa. ***/
/*** jika anda mencuri css dari Gookil, sama artinya ***/
/*** anda adalah seorang yang berdosa. ***/
/************* tambahan *****************/

#mainbb h3 a {
  font-size: .84em;
  color: #808080;
  font-weight: normal;
  text-transform: uppercase;
}

#contentbb {
  width: 910px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  border-top: 5px solid #eee;
}

#topbb {
  float: right;
  text-align: right;
}

#topbb a {
  color: #808080;
  margin: 0 0 0 13px;
  background: #fff url(images/custom/toparrow.png) no-repeat center left;
  padding: 0 0 0 12px;
}

input.searchfield {
  width: 175px;
  padding: 6px;
  border: 2px solid #ccc;
  font-size: .9em;
}

input.searchbutton {
  background: #E60000;
  border: 0;
  padding: 6px;
  color: #fff;
  font-weight: bold;
  font-size: .9em;
}

#logobb {
  float: left;
  color: #808080;
  line-height: 25px;
}

#menubb {
  height: 35px;
  padding: 7px 0 0 0;
  clear: both;
  margin: 0 0 18px;
  background: #fff url(images/custom/menubg.gif) repeat-x;
  text-align: center;
  font-size: 7px;
}

#menubb li {
  font-size: 1.1em;
  display: inline;
  text-transform: uppercase;
}

#menubb li a {
  margin: 0 25px 0 10px;
  color: #808080;
}

#menubb li a:hover {
  color: #444;
}

#leftbb {
  background: #eee;
  clear: left;
  float: left;
  width: 230px;
  padding: 10px 15px;
  margin: 0 0 20px;
}

#leftbb img {
  margin: 0 0 8px;
}

#leftbb li {
  list-style: none;
 margin: 15px 0px 20px -35px;
}

#leftbb li a {
  color: #787A8F;
  font-weight: bold;
  background: url(images/custom/arrow.gif) no-repeat center left;
  padding: 0 0 0 12px;
}

#mainbb {
  float: left;
  width: 650px;
  margin: 0 0 20px;
}

#mainbb img {
	float: left;
	border: 3px solid #eee;
	padding: 1px;
	margin: auto auto;
}

#linebb {
  clear: both;
  padding: 3px;
  margin: 0 0 15px;
  background: #fff url(images/custom/smalldot.gif) repeat-x;
}

#ad {
  float: right;
  text-align: center;
  padding-top: 10px;
  width: 27%;
  border: 3px solid #eee;
  color: #ccc;
  height: 210px;
  margin: auto auto;
}

#shortnews {
  float: right;
  width: 250px;
}

.news {
  border-bottom: 1px solid #eee;
  padding: 0 0 2px;
  margin: 0 0 10px;
}

#rightbb {
  margin: 0 15px 20px 0;
  padding: 0 0 0 15px;
  float: right;
  width: 620px;
  text-align: justify;
}

.border {
  clear: both;
  border-left: 4px solid #ccc;
  padding: 0 0 0 15px;
}

#rl {
  float: left;
  width: 290px;
  margin: 0 20px 30px 0;
}

#rr {
  float: right;
  width: 290px;
}

#rl li, #rr li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 4px;
  margin: 0;
}

#rl li a, #rr li a {
  background: #fff url(images/custom/arrow.gif) no-repeat center left;
  padding: 0 0 0 12px;
  color: #808080;
}

/* addOn Kanan */
#kananl {
  float: right;
  width: 290px;
}

#kananl li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 4px;
  margin: 0;
}

#kananl li a {
  background: #fff url(images/custom/arrow.gif) no-repeat center left;
  padding: 0 0 0 12px;
  color: #808080;
}

/* addOn Kanan */
#footerbb {
  clear: both;
  padding: 10px;
  margin: 0 0 15px;
  font-size: .9em;
  color: #808080;
  background: #eee;
}

.links a {
  font-weight: bold;
  color: #787A8F;
  background: #fff;
  margin: 0 10px 0 0;
  background: url(images/custom/dot.png) no-repeat center left;
  padding: 0 0 0 10px;
}

.sponsor {
  color: red;
  background: #eee;
}

#footerbb li {
  list-style: none;
}

#fl {
  width: 600px;
}

#fr {
  float: right;
}

.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000;
  outline: none;
  cursor: se-resize;
  text-decoration: none;
  position: relative;
}

.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 500px;
}

.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}

.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}

.custom {
  padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
  background: transparent;
}

.portal_popup {
  background: #FFCCAA;
  border: 1px solid #FF3334;
}

*/
.profile_content .content_area {
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  margin-top: 10px;
}

.sideinfo a:link,.sideinfo a:visited,.title a:link,.title a:visited {
  color: rgb(76, 132, 189);
}

.profile_content .content_area .isi {
  margin: 10px 5px 5px 10px;
  border-left: 2px solid rgb(204, 204, 204);
  padding-left: 10px;
}

/* 2 */
.side ul {
  list-style: square;
}

.side1 ul {
  list-style: circle;
}

.maincontent {
  padding-top: 8px;
  padding-right: 6px;
}

.sidecontent {
  margin-top: 8px;
  margin-left: 7px;
  border: 1px solid rgb(204, 204, 204);
}

.sidecontent a:link,.sidecontent a:visited {
  color: rgb(85, 85, 85);
}

.article-content {
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
  position: relative;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin: 0px -1px 10px;
}

.news-content {
  background: none repeat scroll 0% 0% rgb(238, 238, 238);
  padding: 0px 0px 10px;
  width: 640px;
  position: relative;
  color: rgb(102, 102, 102);
  border-bottom: 1px solid rgb(195, 195, 195);
}

.news-contents h2 {
  margin: 0px;
  padding: 6px 10px;
  font: 17px Oswald;
  color: rgb(34, 34, 34);
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgb(204, 204, 204);
}

.sgrid {
  width: 440px;
  line-height: 20px;
}

.ht-content h2 {
  background-color: rgb(242, 242, 242);
  background-image: -moz-linear-gradient(center top, rgb(242, 242, 242) 0%, rgb(217, 217, 217) 100%);
  text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgb(186, 186, 186);
  border-top: 1px solid rgb(186, 186, 186);
  padding: 5px 0px 5px 10px;
  font-size: 16px;
  color: rgb(68, 68, 68);
}

.content {
  position: relative;
  padding-bottom: 10px;
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
}

#lastnya {
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-top: 1px solid rgb(204, 204, 204);
}

.infonya a:link,.infonya a:visited {
  color: #0081D6;
}

.isinya {
  border-top: 1px solid #0081D6;
  padding-top: 5px;
  text-align: justify;
}

.isinya a,.title a {
  color: rgb(247, 68, 26);
  font: 16px/16px Oswald;
  text-shadow: 1px 1px 1px rgb(204, 204, 204);
  font-weight: 700;
}

.isinya img {
  -moz-transition: all 400ms ease-in-out 0s;
  border: medium none;
  max-width: 150px;
  height: auto;
  float: left;
  box-shadow: 0px 0px 15px 1px rgb(187, 187, 187);
  margin: 0px 12px 5px 0px;
}

.isinya img:hover {
  opacity: 0.7;
}

ul.vip {
  padding: 0px;
  list-style: none outside none;
}

ul.vip li {
  border-bottom: 2px dotted #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
}

ul.vip li:first-child {
  padding-top: 0px;
}

/* CSS Ribbon */
.ribbon1 {
  font:bold 16px Cambria,Georgia,Times,Serif;
  color:#fff;
  width:75%;
  padding:0px 0px 0px 30px;
  background:#3B5998;
  position:relative;
  line-height:48px;
  margin:30px 0px 0px 10px;
}

.ribbon1:after {
  content:"";
  position:absolute;
  top:0px;
  left:100%;
  width:0px;
  height:0px;
  border:24px solid #3B5998;
  border-right-color:transparent;
}

/* CSS Ribbon */

/* CSS Ribbon Pengumuman */
.pengumuman3 {
  font: bold 16px Cambria,Georgia,Times,Serif;
  color:#fff;
  width: 60%;
  padding: 0px 35px;
  background:#CEB754;
  position:relative;
  left:-10px;
  line-height:48px;
  margin: 25px 0px 0px 0px;
}

.pengumuman3:before {
  content:"";
  position:absolute;
  top:100%;
  left:0px;
  width:0px;
  height:0px;
  border-width:5px;
  border-style:solid;
  border-color:#A28E34 #A28E34 transparent transparent;
}

.pengumuman3:after {
  content:"";
  position:absolute;
  top:0px;
  left:100%;
  width:0px;
  height:0px;
  border:24px solid #CEB754;
  border-right-color:transparent;
}

/* CSS Ribbon Pengumuman */


/* Thread Pilihan */
.ribbon4 {
  font:bold 16px Cambria,Georgia,Times,Serif;
  color:#fff;
  width: 110%;
  padding: 0px 25px 0px 0px;
  background:#AF3605;
  position:relative;
  line-height:48px;
  margin: 1px 0px 0px -25px;
  text-align:center;
}

.ribbon4:before {
  content:"";
  position:absolute;
  top:100%;
  left:0px;
  width:0px;
  height:0px;
  border-width:5px;
  border-style:solid;
  border-color:#76290A #76290A transparent transparent;
}

.ribbon4:after {
  content:"";
  position:absolute;
  top:100%;
  right:0px;
  width:0px;
  height:0px;
  border-width:5px;
  border-style:solid;
  border-color:#76290A transparent transparent #76290A;
}

/* Thread Pilihan */

/* tambahan 2 */
.statround {
    background: #98c22a;
    color: #ffffff;
    padding: 4px 10px;
    margin-left: 20px;
    border-radius: 4px;
}

.statround a:link,
.statround a:visited {
    color: #ffffff;
}

.statround a:hover,
.statround a:active {
    color: #444444;
}

.newsbar {
    background: #00BFFF;
    border-top: 2px solid #1E90FF;
    border-bottom: 2px solid #1E90FF;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-weight: bold;
}

/* tambahan 2 */


/* Cascading Style Sheet */
#izzyGrid {
  border-collapse: collapse;
  font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin: 0 auto;
}

#izzyGrid td,#izzyGrid th {
  text-align: center;
  padding: 5px;
  border: 1px solid #333;
  border-width: 0 0 1px 0;
}

#izzyGrid tfoot td {
  background: #fff;
  border: 0;
}

#izzyGrid .izzyGridDescription {
  background: #666;
  color: #fff;
  text-align: left;
  padding-right: 20px;
  font-weight: bold;
}

#izzyGrid thead .izzyGridDescription {
  background: none;
}

#izzyGrid tfoot .izzyGridDescription {
  background: none;
}

#izzyGrid thead h4 {
  font-size: 16px;
  padding: 5px;
  margin: 0;
}

#izzyGrid thead h4 small {
  display: block;
  font: normal 11px Tahoma, Geneva, sans-serif;
  color: #999;
}

#izzyGrid .izzyGridDescription small {
  display: block;
  font: normal 11px Tahoma, Geneva, sans-serif;
  color: #999;
}

#izzyGrid tfoot a {
  color: #666;
  font-weight: bold;
  padding: 5px;
}

#izzyGrid .izzyGridSelected {
  background: #fff;
  color: #000;
  border: 5px solid #000;
  border-width: 0 5px;
}

#izzyGrid th.izzyGridSelected {
  border-width: 5px 5px 0;
}

#izzyGrid thead .izzyGridSelected h4 {
  margin: 10px 10px 25px;
}

#izzyGrid tfoot td.izzyGridSelected {
  border-width: 0 5px 5px;
  padding: 20px 20px 20px;
}

#izzyGrid tr.odd {
  background: #e9e9e9;
}

#izzyGrid.izzyGridSkin2 td {
  background: #F1F1F1;
}

#izzyGrid.izzyGridSkin2 td.izzyGridSelected {
  background: #DDEED9;
}

#izzyGrid.izzyGridSkin2 th {
  color: #fff;
  background: #000;
}

#izzyGrid.izzyGridSkin2 th h4 small {
  color: #d9d9d9;
}

#izzyGrid.izzyGridSkin2 th.izzyGridSelected {
  background: #256300;
}

#izzyGrid.izzyGridSkin2 td.izzyGridDescription {
  background: #D9D9D9;
  color: #666;
}

#izzyGrid.izzyGridSkin2 td.izzyGridDescription small {
  color: #868686;
}

#izzyGrid.izzyGridSkin2 td,#izzyGrid.izzyGridSkin2 th {
  border: 1px solid #000;
}

#izzyGrid.izzyGridSkin2 tfoot td,#izzyGrid.izzyGridSkin2 tfoot td.izzyGridDescription, #izzyGrid.izzyGridSkin2 tfoot td.izzyGridSelected, #izzyGrid.izzyGridSkin2 th.izzyGridDescription {
  border: 0;
  background: none;
}

#izzyGrid.izzyGridSkin2 th h4 {
  margin: 10px;
}

#izzyGrid.izzyGridSkin3 td {
  background: #E8E9E9;
}

#izzyGrid.izzyGridSkin3 td.izzyGridSelected {
  background: #fff;
}

#izzyGrid.izzyGridSkin3 th {
  color: #666;
  background: #E8E9E9;
}

#izzyGrid.izzyGridSkin3 th h4 small {
  color: #000;
}

#izzyGrid.izzyGridSkin3 th.izzyGridSelected {
  background: #fff;
}

#izzyGrid.izzyGridSkin3 td.izzyGridDescription {
  background: #E8E9E9;
  color: #333;
}

#izzyGrid.izzyGridSkin3 td.izzyGridDescription small {
  color: #868686;
}

#izzyGrid.izzyGridSkin3 td,#izzyGrid.izzyGridSkin3 th {
  border-color: #ccc;
}

/*#izzyGrid.izzyGridSkin3 tfoot td,*/

#izzyGrid.izzyGridSkin3 tfoot td.izzyGridDescription,
/*#izzyGrid.izzyGridSkin3 tfoot td.izzyGridSelected,*/
#izzyGrid.izzyGridSkin3 th.izzyGridDescription {
  border: 0;
  background: none;
}

#izzyGrid.izzyGridSkin3 th h4 {
  margin: 10px;
}

/* Cascading Style Sheet */
.columns {
list-style: none; 
margin: 0; 
padding: 0;
}

.columns li {
width: 50%; 
float: left;
}

#menubaru2 {
    font: 11px Arial, Helvetica, sans-serif;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    height: 30px;
    line-height: 30px;
    color: #9b9b9b;
    border: solid 1px #cacaca;
    width: 910px;
    overflow: hidden;
    margin: 0px;
    padding: 5px 0px 2px 0px;
}

#menubaru2 li {
    list-style-type: none;
    float: left;
    padding-left: 10px;
}

#menubaru2 a {
    height: 30px;
    display: block;
    background-image: url(https://www.gookil.com/x2/tzr/5VfAk4P.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
    text-decoration: none;
    color: #454545;
}

#menubaru2 a:hover {
 color: #35acc5
}

.pbit {
        background: #fff;
        border-radius: 3px;
        border: 1px double #dadada;
        font-size: 11px;
        font-weight: normal;
        margin-bottom: 3px;
        padding: 6px 5px 5px;
        text-align: left;
}