@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;
}

body {
background: #fff url(images/body.png) repeat-x bottom fixed;
color: #555;
font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: auto;
max-width: 720px;
}

.logo {
background: url(images/footer.png) repeat-x top #890000;
color: #ffffff;
margin: 0px 0px;
padding: 2px 2px 2px 2px;
}

.logo a {
color: #ffffff;
}

.alarm {
background: #E61313;
margin: 0 0 2px 0;
color: #fff;
font-weight: bold;
padding: 3px 0px 3px 4px;
}

.end {
text-align: center;
}

.footer {
background: url(images/footer.png) repeat-x top #890000;
border-top: 1px solid #625757;
border-bottom: 1px solid #625757;
color: #fff;
margin: 0px 0px;
padding: 4px 4px 4px 4px;
}

.copy {
border-top: 1px solid #c2c2c2;
text-align: center;
color: #3f5864;
padding: 3px 1px 1px 1px;
margin: 1px 0;
}

.copy a { 
color: #2688B3; 
}

.func {
border-left: 4px solid #ff1d00;
color: #927b66;
font-size: 10px;
padding: 0px 0px 0px 4px;
}

.gray {
color: #845c5c; 
}

.green { 
color: green; 
}

.hdr {
background-color: #f1f1f1;
border-bottom: 1px solid #595959;
font-weight: bold;
padding-left: 2px;
}

.header {
background: #d32121 url(images/header.png) top repeat-x;
border-bottom: 1px solid #d34949;
border-top: 1px solid #d34949;
color: #fff;
margin: 1px 0 1px 0;
padding: 2px 6px 2px 6px;
}

.footer a {
color: #fff;
}

.footer a:hover {
border-bottom: 1px dotted #fff;
color: #fff;
}

.left { 
float: left; 
}

.list1 {
background: #f5e1e1;
border-bottom: 1px solid #e9e9e9;
margin: 2px 4px 2px 4px;
padding: 2px 2px 2px 2px;
}

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

.b, .c {
margin: 0px;
padding: 2px;
}

.b {
background: #ffe0e0;
margin: 1px;
color: #d44d4d;
}

.c {
background: #fff;
color: #ff9e2b; 
}

.maintxt {
border: 0px solid #e1e1e1;
background: #ffffff;
color: #989898;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}

.tmn {
background: url(images/tmn.png) repeat-x bottom #f7d3d3;
border-top: 1px solid #c19191;
border-bottom: 1px solid #c19191;
color: #685656;
margin-bottom: 1px;
padding: 4px 6px 4px 6px;
}

.tmn a, .fmenu a { 
color: #be4949; 
}

.tmn a:hover,.fmenu a:hover {
text-decoration: underline;
}

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

.phdr {
background: url(images/phdr.png) repeat-x bottom #ff4242;
color: #fff;
border-top: 1px solid #9b9b9b;
border-bottom: 1px solid #9b9b9b;
padding: 2px 4px 2px 4px;
margin: -1px -1px 0px -1px;
}

.bmenu a, .phdr a { 
color: #fff; 
}

.bmenu a:hover, .phdr a:hover {
color: #ebebeb;
border-bottom: 1px dotted #fff; 
}

.gmenu {
background: #ffc6b7;
margin: 1px;
color: #8e7a75;
border: 1px solid #e25a35;
padding: 3px 4px 3px 4px;
}

.gmenu a { 
color: #e25a35; 
}

.fmenu {
color: #989898;
padding-left: 4px;
padding-bottom: 2px
}

.rmenu {
background: #F5E9EB;
border: 1px solid #E2C0C7;
margin: 1px 0;
padding: 4px;
}

.rmenu input, .rmenu textarea, .rmenu select { 
border: 1px solid #E2C0C7; 
}

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

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

.news {
background: #ffe4e4 url(images/news.png) top right no-repeat;
border: 1px solid white;
color: #333333;
font-size: x-small;
padding: 3px 4px 4px 4px;
margin: 1px 0px;
}
                                          
.quote {
background-color: #ffecec;
border-top: 1px solid #ff1b00;
border-right: 1px solid #ff1b00;
border-bottom:2px solid #ff1b00;
border-left: 4px solid #ff1b00;
margin: 2px 2px 2px 2px;
color: grey;
padding: 2px 4px 2px 4px;
}

.red, .red a {
color: #ff1d00;
}

.reply {
border-left: 4px solid #ff0000;
color: #f00;
padding: 2px 0px 2px 4px;
}

.status {
color: #ff3f3f;
font-weight: bold;
}

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

.clip {
color: #4a5663;
border: 1px solid white;
font-size: x-small;
background-color: #bfc6cf;
padding: 4px 4px 8px 4px;
}

.clip a { 
color: #424e59; 
}

.phpcode {
background-color: #ffecec;
border: 1px solid #ff1b00;
margin-top: 4px;
padding: 0px 2px 0px 2px;
font-size:0.9em;font-family:tahoma,verdana, geneva, lucida, arial, helvetica, sans-serif;
inset;max-width:96%;
text-align:left;
overflow:auto;
}

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

a {
color: #ff3b3b;
text-decoration: none;
}

a:hover {
color: #d63737;
}

p {
margin: 1px;
}

.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;
}

form, input, textarea, select {
font: 12px Trebuchet MS, Tahoma;
margin: 0;
}

form {}

input, textarea, select {
background: #F4F4F4;
border: 1px solid #ec7272;
color: #ab6969;
padding: 1px;
margin: 1px;
}

input:focus, textarea:focus, select:focus {
background: #fff;
border: 1px solid #d63737;
color: #753535;
}

input[type="submit"] {
background: url(images/footer.png) repeat-x bottom #cd0000;
padding: 3px 5px;
color: #fff;
border: 1px solid #625757;
}

input[type="submit"]:hover, input[type="submit"]:focus {
border: 1px solid #999;
}

input[type="file"] {
margin: 2px 0;
}

hr { 
border: 0;
border-top: 1px dotted #960000;
margin: 5px 0; 
}

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

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

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

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

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

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

.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;
}

.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;
}

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

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

.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%;
}

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

.orangex {
    color: #333333;
    border: 1px solid #d63737;
    background-color: #f5e1e1;
    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;
}

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

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

.menub a {
color: #ff1d00;
}

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

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

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

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

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

.textshout a {
color: #ff1d00; 
}

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

.currentpage {
color:#800000;
background-color: #ffecec;
border: 1px solid #800000;
padding: 0px 5px 0px 5px;
}

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

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

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

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

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

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

/* paging style xtgem */
.currentpaging {
color:#800000;
background-color: #ffecec;
border: 1px solid #800000;
padding: 0px 5px 0px 5px;
}

.filelist_paging {
background-color: #d4d4d4;
border: 1px solid #ffffff;
font-size: x-small;
color: #000000;
margin: 1px 1px 1px 1px;
padding: 4px 4px 4px 4px;
}

.filelist_paging:before {
content:"Page: "
}

.filelist_paging a {
background-color: #ffecec;
border: 1px solid #ff3b3b;
margin: 0px 1px 0px 1px;
padding: 0px 3px 0px 3px;
}

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

.filelist_paging span {
background:#f5e1e1;
color:#333;
font-size: x-small;
margin:2px;
padding:0 3px 0 3px;
border:1px solid #800000;
}
      
/* indo red design by whiznoe - http://indozona.tk */