/*Css3 Profile*/
@charset "utf-8"; 
                                                            
.mobile {  
margin:0 0 3px 0; 
} 

.indozona { 
background:#f8f8f8; 
border:1px solid #d2d2d2; 
padding:4px; 
} 
 
.indozona input { 
border:1px solid #d4d4d4;
color:#6d6d6d;
margin:0;
}  

.indozona input[type=submit]:hover {
background:#b3b3b3;
border:1px solid #999; 
}

.indozona a {
font-size:12px;
text-decoration:none;
}

.indozona a:hover { 
color:#F60;
}

.indozona input.exit,

.whiteinput[type=submit] { 
background:#eee; 
border:1px solid #bbb; 
color:#777; 
} 

.indozona input.exit:hover { 
background:#ffd9d9; 
border:1px solid #e1abab; 
color:#a76666; 
}

.indozona input.name { 
background:url(images/input_name.gif) no-repeat right center #fff; 
padding-right:17px; 
} 

.indozona input.pass { 
background:url(images/input_pass.gif) no-repeat right center #fff; 
padding-right:17px;
}

a:link, a:visited {
color : #795169;
text-decoration : none;
}

a:hover {
color : #ce7e06;
text-decoration : none;
}

input, textarea, select {
   background-image : url(images/menu.gif);
   background-color : #fff;
   background-repeat : repeat-x;
   background-position : 50% top;
   color : #6d6d6d;
   margin : 1px;
   padding : 1px;
   border : 1px solid #795169;
}

input:hover, textarea:hover, select:hover {
   background-image : url(images/menu.gif);
   background-color : #eae4e7;
   background-repeat : repeat-x;
   background-position : 50% bottom;
   color : #755168;
   margin : 1px;
   padding : 1px;
   border : 1px solid #795169;
}

input:focus, textarea:focus, select:focus {
    background-image : url(images/menu.gif);
    background-color : #fff;
    background-repeat : repeat-x;
    background-position : 50% top;
    color : #755168;
    margin : 1px;
    padding : 1px;
    border : 1px solid #b19aa8;
}

input[type="file"] {
   margin: auto;
   max-width: 99%;
}

input[type="submit"] {
   background: url(images/input.gif) repeat-x bottom #fefefe;
   padding: 3px 8px;
}

textarea {
   width: 99%;
   max-width: 690px;
}

   
body {
   color : brown;
   font-size : 12px;
   font-family : Tahoma;
   background-color: #e9e9e9;
   background-color : #ffe3ad;
   margin : 0px;
   padding : 0px;
   border : 0px solid #ffefcd;
   margin: auto;
   max-width: 720px;
}

form {
margin : 0px;
padding : 0px;
}

h3 {
margin : 0;
padding : 0;
padding-bottom : 2px;
}

hr {
margin-top : 2px;
margin-bottom : 2px;
border-top : 1px solid #e3e3e3;
border-right-style : none;
border-right-width : 0;
border-bottom-style : none;
border-bottom-width : 0;
border-left-style : none;
border-left-width : 0;
}

p {
margin-top : 2px;
margin-bottom : 2px;
}

ul {
margin : 0;
padding-left : 20px;
}

.phdr, .iblock1, .mblock, .hdr {
background-image : url(images/phdr.gif);
background-color : #462739;
background-repeat : repeat-x;
background-position : 50% top;
color : #fffaee;
text-shadow : #4f4f4f 1px 1px 1px;
/*margin-top : 1px;*/
/*margin-bottom : 1px;*/
padding: 2px 4px 2px 4px;
margin: -1px -1px 0px -1px;
border : 1px solid #686666;
}
                                             
.phdr a, .iblock1 a, .mblock a, .hdr a {
color : #ce7e06;
border-bottom : 1px dotted #b1a485;
}

.phdr a:hover, .iblock1 a:hover, .mblock a:hover, .hdr a:hover {
color : #f0e4c9;
border-bottom : 1px dotted #d7ccb4;
}

.clip {
color : #7e4a6a;
border : 1px solid #ecdcae;
font-size : x-small;
background-color : #fdfbf5;
padding : 4px 4px 8px;
}

.end {
text-align : center;
}

.fix {
width:1002px;
margin : 1px;
border:1px solid #e8930d;
}

.func {
border-left : 4px solid #e8930d;
color : #757575;
font-size : x-small;
margin : 0px;
padding : 0px 0px 0px 4px;
}

.gmenu, .row1, .mainzag1, .aut {
background-image : url(images/gmenu.gif);
background-color : #f5eacc;
background-repeat : repeat-x;
background-position : 50% top;
color : #c2790a;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #e4c686;
}

.gmenu a {
color : #c2790a;
border-bottom : 1px dotted #dfcea1;
}

.gmenu a:hover {
color : #c24c0a;
border-bottom : 1px dotted #ac592a;
}

.gray {
color : #a895a0;
}

.green {
color : #66bd00;
}
                                  
.quoted {
border:#2B79C2 1px dotted;
border-left:#2B79C2 2px solid;
padding:2px;
margin:2px 1px 1px 1px;
}
                   
.header {
background-image : url(images/header.gif);
color : #ffffff;
background-color : #462739;
background-repeat : repeat-x;
/*background-position : 50% top;*/
margin-top : 0px;
margin-bottom : 1px;
padding : 2px 6px 2px 6px;
border-top : 1px solid #5b364c;
border-bottom : 1px solid #5b364c;
}

.header b {
  color: #ce7e06;
}

.footer, .title {
background-image : url(images/header.gif);
color : #ce7e06;
background-color : #462739;
background-repeat : repeat-x;
/*background-position : 50% top;*/
margin-top : 0px;
margin-bottom : 1px;
padding : 4px 4px 4px 4px;
border-top : 1px solid #5b364c;
border-bottom : 1px solid #5b364c;
}

.footer a {
color : #fbf3de;
text-decoration : none;
border-bottom : 1px dotted #c19cb3;
}

.footer a:hover {
color : #dbc9d4;
text-decoration : none;
border-bottom : 1px dotted #c6b6c0;
}

.left {
float : left;
}

.list1, .b {
background-color : #fff8e3;
margin : 2px 4px 2px 4px;
padding : 2px 2px 2px 2px;
border : 1px solid #f0e1b9;
}

.list2, .c {
background-color : #fffdf4;
margin : 2px 4px 2px 4px;
padding : 2px 2px 2px 2px;
border : 1px solid #f0e1b9;
}

.logo {
   background: #ce7e06;
   padding: 2px 2px 2px 2px;
   color:#fff;
}

                    
.logo a {
    color:#795169;
}

.maintxt {
    background-color : #fffef8;
    margin : 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    border : 1px solid #d4cbbd;
    color: #989898;
}

.menu, .row, .mainzag, .iblock {
    background-image : url(images/menu.gif);
    background-color : #fff;
    background-repeat : repeat-x;
    /*background-position : 50% top;*/
    /*margin-top : 1px;*/
    /*margin-bottom : 1px;*/
    margin : 2px 4px 2px 4px;
    padding : 2px 2px 2px 2px;
    border : 1px solid #d3cabd;
}

.menu a {
    color: #795169;
}

.menu a:hover {
    color: #ce7e06;
}

.menub {
    background: #ffffff;
    border-bottom: 1px solid #e9e9e9;
    margin: 2px 4px -1px 4px;
    padding: 3px 2px 2px 2px;
}

                                   
.menub a {
    color: #544E4F;
}

.menub a:hover {
    color: #007ed2;
    text-decoration: none;
}

.none {
   background-color: #ffffff;
   border-top: 1px solid #E1E1E1;
   margin: 0px 0px 0px 0px;
   padding: 4px;
}

.news {
  background-color: #EEEEEE;
  border: 1px solid white;
  color: #333333;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}

.newsx {
    background-color: #fdf8d3;
    border-bottom: 1px solid #eaeae9;
    color: #ce7e06;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

.orangex {
    color: #333333;
    border: 1px solid #795169;
    background-color: #ffefcd;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.omenu {
    color: #333333;
    border: 1px solid #e6b868;
    background-color: #fff5bc;
    margin: 4px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
}

.pagex {
    background-color: #d7d8da;
    border: 1px solid #cecece;
    margin: 4px 0px 0px 0px;
    padding: 1px 4px 1px 4px;
}

.phdrblack {
    background-image: url(images/pdrb.png);
    background-color: #3a3a3a;
    color: #ffffff;
    border: 1px solid #666666;
    padding: 2px 4px 2px 4px;
    margin: -1px -1px 0px -1px;
}

.phdrblack a {
  color:white;
  text-decoration:none;
}

.phpcode {
  color : #978d7a;
  background-color : #fff8e3;
  border : 1px dotted;
  margin-top : 4px;
  padding : 0 2px;
  max-width:96%;
  text-align:left;
  overflow:auto;
}

          
.quote {
border-left : 4px solid #c1c1c1;
border-bottom : 1px solid #c1c1c1;
color : #878787;
font-size : x-small;
padding : 2px 0 2px 4px;
margin-left : 2px;
}

.code {
    max-width:89%;
    background-color:#f3f6fb;
    border:1px inset #c3d3dc;
    text-align:left;
    color:#111111;
    padding:3px;
    max-width:89%;
}

.red, .red a:link, .red a:visited {
color : #ff0a00;
}

.reply {
border-left : 4px solid #603c51;
color : #9b3a73;
padding : 2px 0 2px 4px;
}

.rmenu, .alarm, .p_t {
background-image : url(images/rmenu.gif);
background-color : #e4c5c5;
background-repeat : repeat-x;
background-position : 50% top;
color : #a44747;
margin-top : 1px;
margin-bottom : 1px;
padding : 2px;
border : 1px solid #e9b5b5;
}

.status {
color : #7e4868;
font-weight : bold;
font-size : x-small;
padding-left : 0;
}

.sub {
border-top : 1px dotted #b5a3ad;
font-size : x-small;
margin-top : 4px;
}

.sub a:link, .sub a:visited {
text-decoration : none;
}

.tmn, .fmenu, .menu_razd {
background-image : url(images/tmn.gif);
background-color : #e28b08;
background-repeat : repeat-x;
/*background-position : 50% top;*/
color : #52462b;
text-shadow : #f4d68c 1px 1px 1px;
margin-top : 0px;
margin-bottom : 0px;
padding : 4px 6px 4px 6px;
border-top : 1px solid #7a7978;
border-bottom : 1px solid #7a7978;
}

.tmn a:link, .tmn a:visited {
color : #52462b;
text-decoration : none;
border-bottom : 1px dotted #ffd793;
}

.tmn a:hover {
color : #a45182;
border-bottom : 1px dotted #82536f;
}

.container {
float:left;
width:600px;
padding:0;
margin:1px;
}

.wmenu {
  background: #98d698;
  border: 1px solid #42ac00;
  margin: 1px 0px;
  padding: 4px;
}

.wmenu a {
    color: #008000;
}

.wmenu input, .wmenu textarea, .wmenu select {
  border: 1px solid #426A57;
}

.wmenu input:focus, .wmenu textarea:focus {
  border: 1px solid #DBB0B9;
  background: #FDFBFB;
}

.avatar img {
 transition: all 15s ease;
 -webkit-transition: all 15s ease;
 -moz-transition: all 15s ease; transition-delay: 5s;
 -webkit-transition-delay: 5s;
 -moz-transition-delay: 5s;
 background-color: #FFFFFF;
 max-width:143px;
 border-radius:5px;
 margin:1px 3px 3px 1px;
 padding:3px;
 border:1px solid #d4d4d4;
 box-shadow: 3px 3px 3px # 8A8A8A;
 transform:rotate(-20deg);
 -moz-transform:rotate(-20deg);
 -webkit-transform:rotate(-20deg); 
}

.avatar img:hover {
 transition: all 3s ease;
 -webkit-transition: all 3s ease;
 -moz-transition: all 3s ease;
 transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 position:relative;
} 

.bblist {
  color: #4A5663;
  background: transparent url(../../images/dot.gif) no-repeat left;
  padding: 2px 0px 2px 10px;
}

.topmenu {
  background-color: #ffe3ad;
  border: 1px solid white;
  font-size: x-small;
  margin: 0px;
  padding: 4px 4px 4px 4px;
}

.user {
  background-color: #fdf8d3;
  border: 1px solid white;
  margin: 0px;
  padding: 3px 4px 3px 4px;
}

.sbox {
    background-color: whitesmoke;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 2px 3px;
}

.currentpage {
    color:#462739;
    background-color: #fff8e3;
    border: 1px solid #795169;
    padding: 0px 5px 0px 5px;
}

a.pagenav {
    border: 1px solid #ce7e06;
    background-color: #f2f6f8;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
}

a.pagenav:hover {
    background-color: #fff8e3;
    border: 1px solid #795169;
}

.textshout {
    background: #ffffff;
    color: #333333;
    font-color: #333333;
    margin: 0px 4px 0px 4px;
    padding-bottom: 1px;
}

.textshout a {
   color: #ff8c00; 
}

.tshadow {
 color: #333;
 text-shadow:2px 2px 4px #FFF;
}

.mainblok {
    border: 1px solid #cecece;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mainblok img {
    max-width: 100%;
    height: auto;
}

.textx {
    background-color: #ffffff;
    border-bottom: 1px solid #ededed;
    color: #333333;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}

.forumtxt {
    background-color: #ffffff;
    border-bottom: 1px solid #d5d5e3;
    color: #333333;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
    max-width: 99%;
}

.forumb {
    background-color: #e9e9e9;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 1px 4px;
}

.forumb a:link {
   color: #424242;
   text-decoration:none;
}

.forumadm {
    background-color: #ffecec;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 1px 4px;
}

.forumadm a:link {
   color: #424242;
   text-decoration:none;
}

.forum_del {
    background-color: #ffecec;
    border-bottom: 1px solid #FFC4C4;
    color: #AE4444;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

.forum_del a {
   color: #AE4444;
   text-decoration:none;
}

.forum_del_txt {
    background-color: #ffecec;
    border-bottom: 1px solid #FFC4C4;
    color: #AE4444;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}

.sitemap {
  background-color: #f0f0f0;
  margin: 0px;
  padding: 2px 4px 3px 4px;
  font-size: xx-small;
  height: 38px;
  overflow: auto;
}

.nonex {
    background-color: #ffffff;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px;
}

.nonex img {
    max-height: 22px;
    width: auto;
}

.bmenu {
  background: url(images/bmenu.gif) repeat-x top left #a7a7a7;
  margin: 0px;
  color: #fff;
  padding: 2px 4px 4px 4px;
}

.bmenu a {
  color: #fff;
}

.spoiler {
background: #f5f5f5;
border: 1px solid #417394;
}

.spoiler_cabecera {
border-bottom: 1px solid #417394;
margin: 0;
margin-bottom: 2px;
background: #8baec6;
padding: 4px 5px;
}

.spoiler_contenido {
padding: 5px;
height: auto;
display: block;
background: #f5f5f5;
}

.smallfont {
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.alt2, .alt2Active {
   background: #FDFDFE;
   color: #000000;
}

.bbcode_container {
   margin:7px;
   margin-right: 5px;
   margin-top:5px;
   display:block;
}

.bbcode_container div.bbcode_quote {
   margin:0 10px;
   margin-right: 5px;
   margin-bottom: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: #f2f6f8 none   ;
   border-radius: 5px;
   border: 1px solid #417394;
   font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
   position: relative;
   top: 0;
}

.bbcode_quote div.quote_container {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 5px 10px 5px 10px;
}

.bbcode_container .bbcode_quote_container {
   background: transparent url(images/quote-left.png) no-repeat  left;
   display:block;
   width: 9px;
   height: 13px;
   position: absolute;
   top: 5;
   left: -9px;
}

.boxed {
 border: 1px solid #ccc;
 padding: 2px;
}

div#energysaving, div#energysaving * {  
   -moz-border-radius: 0;  
   -webkit-border-radius: 0;  
   border: 0;  
   background-color: #000000; 
} 

div#energysaving {  
   margin: 0;  
   padding: 0;  
   position: absolute;  
   left: 50%;  
   top: 50%;  
   opacity: 0;  
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
   filter: alpha(opacity=0);  
   text-align: center;  
   z-index: 100; 
} 

@media screen { 
   body>div#energysaving { 
      position: fixed; 
   } 
} 

div#energysaving p {  
   margin: 0;  
   padding: 0; 
    width: 100%;  
    font-size: 18px;  
    font-family: arial;  
    color: #333333;  
    position: relative;  
    top: 40%;  
    line-height: 20px;  
    font-weight: bold;  
    text-align: center;  
    text-shadow: none; 
} 

div#energysaving p span { 
    color: #555555;  
    font-size: 12px;  
    font-weight: normal; 
} 

div#energysaving div#copyrightOnlineLeaf {  
   padding: 0;  
   margin: 0;  
   color: #333333; 
   font-size: 12px;  
   font-weight: normal;  
   position: absolute;  
   bottom: 20px;  
   text-align: center;  
   width: 100%; 
   height: 20px;  
   left: 0%;
}

/* bbcode display font dan background */
.bbpopup, .bbvideo {
    margin-top: 3px;
}

/* bbcode display font dan background */
.bbpopup a {
    border: 1px solid #a7a7a7;
    height: 10px;
    display: inline-block;
    margin: 1px;
    vertical-align: middle;
    width: 10px;
}

/* bbcode spoiler new for head */
.spoilerhead {
  background: #e0e6e9;
  border: 1px solid #586776;
  font-size: x-small;
  margin-top: 2px;
  margin-top: 2px;
  padding : 2px;
}

/* bbcode spoiler new */
.spoilerbody {
  border: 1px solid #586776;
  border-top: 0px;
  color: #586776;
  margin-bottom: 2px;
  padding : 6px;
}

#compose_folded {
     -o-mini-fold: folded;
}

.currentpage {

  color:#462739;

  background-color: #fff8e3;
  border: 1px solid #795169;
  padding: 0px 5px 0px 5px;

}

.filelist_paging:before {

content:"Page: "
}

.filelist_paging {

    background-color: #fff8e3;

    border: 1px solid #ce7e06;

    font-size: x-small;

    color: #000000;

    margin: 1px 4px 1px 4px;

    padding: 4px 4px 4px 4px;
}

.filelist_paging:hover {

    background-color: #2222;

    border: 1px solid #000000;

    margin: 1px 1px 1px 1px;
    padding: 4px 4px 4px 4px;
}

.filelist_paging a {
     background-color: #f2f6f8;

     border: 1px solid #ce7e06;
     margin: 0px 1px 0px 1px;
     padding: 0px 3px 0px 3px;

}

.filelist_paging a:hover {
    background-color: #f2f6f8;
    border: 1px solid #ff0000;
}

.filepage {
    border: 1px solid #000000;
    background-color: #f2f6f8;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
}

.filelist_paging span {
   background:#ffefcd;
   color:#795169;
   margin:2px;
   padding:0px 3px 0px 3px;
   border:1px solid #795169;
}

/* Design by http://indozona.tk */