html {
    position: relative;
    min-height: 100%;
}
body {margin:0 0 157px;
      background-color:#f2f2f2;
        //background-image:url(../img/bg3.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-attachment: fixed;
        font-size:11px;
        font-family: "tahoma";
     }
h3 {font-family: "Century Gothic", sans-serif;
    color:#527072;
    margin-top:0px;
    margin-bottom:0px;
    font-size:22px;
   }
p {font-family: "tahoma";
    color:#000000;
    font-size:11px;
   }

table{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border:0}
td{font-family: "tahoma";
    color:#000000;
    font-size:11px;}
input:focus, textarea:focus, select:focus {outline:0 none;}
.table1_whole{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border:1px solid #c0c0c0;
    border-radius: 0px 7px 7px 7px;
    -moz-box-shadow: 2px 2px 7px #000000;
   -webkit-box-shadow: 2px 2px 7px #000000;
    box-shadow: 2px 2px 7px #979797;}
.table1_top{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-radius: 0px 7px 0px 0px;
    -moz-box-shadow: 2px 2px 7px #000000;
   -webkit-box-shadow: 2px 2px 7px #000000;
    box-shadow: 2px 0px 7px #979797;}
.table1_middle{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    -moz-box-shadow: 2px 2px 7px #000000;
   -webkit-box-shadow: 2px 2px 7px #000000;
    box-shadow: 2px 2px 7px #979797;}
.table1_bottom{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    border-radius: 0px 0px 7px 7px;
    -moz-box-shadow: 2px 2px 7px #000000;
   -webkit-box-shadow: 2px 2px 7px #000000;
    box-shadow: 2px 2px 7px #979797;}
.th1{font-family: "tahoma";
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    background-color:#808080;
    text-align:center;}
.th1_right_top{font-family: "tahoma";
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    background-color:#808080;
    text-align:center;
    border-radius: 0px 5px 0px 0px;}
.td1{font-family: "tahoma";
    color:#000000;
    font-size:11px;}
.td2{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    border-bottom:1px solid #c0c0c0;}
.td3{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    border-bottom:0px;}
.table2{font-family: "tahoma";
    color:#000000;
    font-size:11px;
    cellspacing:0px;
    cellpadding:0px;
    border:0px;
    table-layout:fixed}

.data_search1{font-size:9px;border:1px solid #c0c0c0;}

.data_th1{font-family: "tahoma";
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    background-color:#808080;
    cursor:pinter;
    text-decoration:none;}
.data_th1:hover{font-family: "tahoma";
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    background-color:#808080;
    cursor:pointer;
    text-decoration:underline}
.data_td1{font-family: "tahoma";
    font-size:10px;
    overflow:hidden;
    text-overflow: ellipsis;
    vertical-align:top;}
.data_td1_odd{font-family: "tahoma";
    font-size:10px;
    overflow:hidden;
    text-overflow: ellipsis;
    vertical-align:top;
    background-color:#e0e0e0;}
.data_tfoot1{font-family: "tahoma";
    font-size:10px;
    overflow:hidden;
    text-overflow: ellipsis;
    background-color:#c0c0c0;}
.data_filter_container1{padding:0;
                        border:1px solid #c0c0c0;
                        background-color:#ffffff;}
.data_filter1{font-size:9px;border:0;}
.data_filter1::-webkit-input-placeholder {
  color: transparent;
  text-indent: -9999px;
  background-image: url("../img/search1.png");
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.data_filter1::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
  text-indent: -9999px;
  background-image: url("../img/search1.png");
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.data_filter1:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
  text-indent: -9999px;
  background-image: url("../img/search1.png");
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.data_filter1:-ms-input-placeholder {
  /* IE 10- */
  color: transparent;
  text-indent: -9999px;
  background-image: url("../img/search1.png");
  background-position: 0 50%;
  background-repeat: no-repeat;
}
ul{font-family: "tahoma";
    color:#000000;
    font-size:11px;}
li{font-family: "tahoma";
    color:#000000;
    font-size:11px;}
a{text-decoration:none;
  color:darkblue}

a:hover{text-decoration:underline;
  color:blue}

hr{border:0;
   height:0;
   border-top: 1px solid #abc1c2; }

.header{display:block;
        position:fixed;
        top:0;
        width:100%;
        background-color:#f2f2f2;
        background-image:url(../img/header_bg.jpg);
        //background-repeat: no-repeat;
        background-position: 0px 0px;
        background-attachment: fixed;
        box-shadow: 0px 5px 5px #f2f2f2;
        overflow:hidden;
        white-space: nowrap;
        height:120px;
        z-index:1;}

.header_menu{display:inline;
             background-color:#5b7d7f;
             height:33px;
             float:left;
             border-bottom:15px solid #527072;
             padding:5px 7px 0px 7px;
             text-decoration:none;
             color:#ffffff;
             font-weight:bold;
             font-family: "tahoma";
             font-size:10px;
             text-align:center;
       }
.header_logo_container{background-color:#f2f2f2;
        background-image:url(../img/header_bg.jpg);
        //background-repeat: no-repeat;
        background-position: 0px 0px;
        background-attachment: fixed;
 }
.header_menu img{}
.header_menu:hover{
             background-color: #83a5a7;
             border-bottom:15px solid #608386;
             text-decoration:none;
             color:#ffffff;;
       }
.header_menu:hover img{opacity:1}
.header_menu_selected {display:inline;
				     background-color:#f2f2f2;

             /* Safari 4-5, Chrome 1-9 */
             /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#e9bf73)); */
             /* Safari 5.1, Chrome 10+ */
             /* background: -webkit-linear-gradient(top, #e9bf73, #f2f2f2); */
             /* Firefox 3.6+ */
             /* background: -moz-linear-gradient(top, #e9bf73, #f2f2f2); */
             /* IE 10 */
             /* background: -ms-linear-gradient(top, #e9bf73, #f2f2f2); */
             /* Opera 11.10+ */
             /* background: -o-linear-gradient(top, #e9bf73, #f2f2f2); */

             //background-image:url(../img/bg3.jpg);
             background-repeat: no-repeat;
             background-position: 0px 0px;
             background-attachment: fixed;
             height:67px;
             float:left;
             margin-top:20px;
             border-top:3px solid #980515;
             border-left:3px solid #980515;
             border-right:3px solid #980515;
             padding:5px 15px 0px 15px;
             text-align:center;
             border-radius: 7px 7px 0px 0px;
             color:#0;
             font-weight:bold;
             font-family: "tahoma";
             font-size:10px;
       }

.header_sub_menu_container{
                          font-weight:bold;
                          font-family: "tahoma";
                          font-size:11px;
                          color: #c0c0c0;
                          white-space:no-wrap;
                          margin-top:4px;
                          display:inline;
                          }
.header_sub_menu{text-decoration:none;
             color:#527072;
             border-bottom:4px solid transparent;
             }
.header_sub_menu:hover{text-decoration:none;
             color:#527072;
             border-bottom:4px solid #527072;
             }
.header_sub_menu_selected{text-decoration:none;
             color:#527072;
             border-bottom:4px solid #980515;
             }
.header_sub_menu_selected:hover{text-decoration:none;
             color:#527072;
             border-bottom:4px solid #980515;
             cursor:default;
             }
.container{margin-top:125px;
           margin-left:50px;
           width:90%;
           display:block;
          }
.logo_mini{border:2px solid #c0c0c0;
             border-radius: 5px 5px 5px 5px;}
.center_ym_normal{text-decoration:none;
                  color:#000000}
.center_ym_normal:hover{text-decoration:underline;
                  color:blue}
.center_ym_disabled{text-decoration:none;
                    color:#c0c0c0}
.center_ym_disabled:hover{text-decoration:underline;
                    color:blue}
.page_show{display:inline;z-index:-1;}
.page_hide{display:none;z-index:-1}
.tab_left{border-left:1px solid #c0c0c0;
          border-top:1px solid #c0c0c0;
          border-bottom:1px solid #c0c0c0;
          border-right:0px;
          border-radius: 7px 0px 0px 7px;
          -moz-box-shadow: 0px 2px 7px #000000;
   -webkit-box-shadow: 0px 2px 7px #000000;
    box-shadow: 0px 2px 7px #979797;}
.footer_container{border-top:5px solid #141414;
                  background-color:#3f3f3f;
                  background-image:url(../img/footerbg.jpg);
                  color:#ffffff;
                  width:100%;
                  height: 80px;
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  overflow:hidden;
          }

.hlr {width:100%;
      overflow:auto;
      }
.link_operator{color:#ffffff;
               text-decoration:none;}
.link_operator:hover{color:#ffffff;
               text-decoration:underline;}
.login_container{border:1px solid #c0c0c0;
                 width:400px;
                 border-radius: 7px 7px 7px 7px;
                 -moz-box-shadow: 0px 2px 7px #000000;
   -webkit-box-shadow: 0px 2px 7px #000000;
    box-shadow: 0px 2px 7px #979797;}
.login_button{border:1px solid #808080;
              background-color:#e9bf73;
              width:202px;
             height:30px;
              border-radius: 3px 3px 3px 3px;
              font-size:11px;
              font-weight:bold;}
.login_button:hover{
              background-color:orange;}
.login_input_caption{
						 //border-right:1px solid #c0c0c0;
             width:24px;
             height:30px;
             display:inline-block;
             float:left;
             line-height:30px;
             vertical-align:middle;
             text-align:center}
.login_input_container{border:1px solid #808080;
             width:200px;
             height:30px;
             border-radius: 3px 3px 3px 3px;
             }
.login_input_text{border:0px;
             width:172px;
             height:28px;
             background-color:transparent;
             border-radius: 0px 2px 2px 0px;
              font-size:11px;}
.login_sparator{
             width:2px;
             height:28px;
             background-color:#ffffff;
             display:inline-block;
             float:left;}
.member_cap{color:#ffffff;
            font-weight:bold;
            text-decoration:none;
            font-size:10px;}
.member_cap:hover{color:#ffffff;
            font-weight:bold;
            text-decoration:underline;
            font-size:10px;}
.logout{color:#e9bf73;
        font-weight:bold;
        text-decoration:none;
        font-size:10px;}
.logout:hover{color:#e9bf73;
        font-weight:bold;
        text-decoration:underline;
        font-size:10px;}
.info_container{width:100%;
                display:block;
                top:0px;
                position:fixed;
                z-index:2;
                text-align:right;
                font-weight:bold;
                margin-left:52px;
                color:#c0c0c0;}
.info_marquee{color:#000000;}
.profil_cap {color:#808080;
             vertical-align:top;}
.profil_content {color:$000000;
                 font-size:11px;}
.data_header_container1 {position:fixed;
                 top:120px;
                 background-color:#f2f2f2;
                 z-index:3;
                 padding:0px;
                 }
.data_body_container1 {
                 margin-top:230px;
                 }
.mark_aktif {background-color:#5bff5b}
.mark_tdk_aktif {background-color:red}
.mark_pasif {background-color:#ffbb77}
.mark_non_downline {background-color:#808080}

.mark_antri {background-color:#0000ff}
.mark_sukses {background-color:#008000}
.mark_gagal {background-color:red}
.mark_batal {background-color:black}
.mark_proses {background-color:yellow}
.mark_pending {background-color:#ff80ff}
.mark_konfirmasi {background-color:#8080ff}

.dropdown_loader_container{position:fixed;
                 height:26px;
                 width:509px;
                 border:1px solid #c0c0c0;
                 display:none;
                 z-index:5;
                 background-color:#f2f2f2}
.dropdown_loader{height:100%;
                 width:100%;
                 overflow-x:hidden;
                 overflow-y:auto;
                 display:block;}
.dropdown_loader_item{text-decoration:none;
                      color:#000000}
.dropdown_loader_item:hover{text-decoration:underline}


/* The container <div> - needed to position the dropdown content */
.dropdown_menu {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown_menu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown_menu-content a {
    color: #c0c0c0;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown_menu-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.dropdown_menu-show {display: block;
    position: absolute;   
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:9999;
    border: 1px solid white;
    border-radius: 3px;}

/* Links inside the dropdown */
.dropdown_menu-show a {
    display: block;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    z-index:9999;
}

.showdata_button{border:1px solid #808080;
                 background-color:#e9bf73;
                 border-radius: 2px 2px 2px 2px;
                 font-size:10px;
                 font-weight:bold;}
.showdata_button:hover{
                 background-color:orange;}

.print_button{border:1px solid #808080;
              background-color:#e9bf73;
              width:99px;
              height:30px;
              border-radius: 3px 3px 3px 3px;
              font-size:11px;
              font-weight:bold;}
.print_button:hover{
              background-color:orange;}
              
.print_struk_button {
width:12px;
height:12px;
cursor:pointer;
}