.topmember_container {
    width: 100%;   
    margin: 0px;   
    padding: 0px;
    font-size: 1px;
    color: #FFF;
    z-index: 9999;      
    display: table;
    background-color: #000;
}
.topmember_line {
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: #FFF;
    padding: 10px 0px;
}

.kanan {
   text-align: right !important;
}


.link_member {
   color: #FFF;
   font-family: Helvetica, Arial;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
}
.link_member:hover {
   color: #00FFFF;
}

input:focus, select:focus, textarea:focus {      
    box-shadow: 0 0 2px #B0B0B0;
    -webkit-box-shadow: 0 0 2px #B0B0B0;
    -moz-box-shadow: 0 0 2px #B0B0B0;
 }
 .inputtext {
    height: 32px;
    padding: 0px 6px 0 6px;  
    border: 1px solid #C0C0C0;
    width: 454px; 	
 }
 .inputtext_date {
   height: 32px;
   width: 104px;
   padding: 0px 6px 0 10px;
   text-align:left;
   background:url('images/calendar.png') no-repeat center right 8px;
   border: 1px solid #C0C0C0; 	
 }
 .inputtext_useridprsh {
   height: 32px;
   width: 275px;
   padding: 0px 6px 0 185px;
   text-align:left;
   background:url('images/ico_urlsumomarket.gif') no-repeat center left;
   border: 1px solid #C0C0C0; 	
 }
 .inputtext_useridprsh[readonly] {
   color: #888; 
 } 
 .selectbox {  
    height: 33px;
    width: 468px;
    border: 1px solid #C0C0C0;
 }
 .selectbox optgroup {
    padding: 0px;
    text-decoration: none;
    font-style: normal;
 }
 .selectbox[disabled] { 
    background-color: #F9F9F9;
    color: #F9F9F9; 
 }
 .textareabox {
   padding: 4px 6px;
   width: 454px;
   border: 1px solid #C0C0C0;  
 }


 .input_submitbutton_login {
    height: 34px;
    width: 260px;
    padding: 0px 8px;
    color: #FFF;
    margin-left: -6px;
    background-color: #0b9464;
    border: 1px solid #0b9464;
 }
 .input_submitbutton_login:hover {   
    color: #FF0;
    background-color: #0cb177;
    cursor: pointer;
 }
 .input_submitbutton_reset {
    height: 34px;
    width: 90px;
    padding: 0px 8px;
    color: #FFF;
    margin-left: -6px;
    background-color: #A0080C;
    border: 1px solid #A0080C;
 }
 .input_submitbutton_reset:hover {   
    color: #FF0;
    background-color: #A0080C;
    cursor: pointer;
 }

 .line {
    padding: 3px 4px;
 }

 .lines {
    padding: 18px 4px 4px 4px;
 }

 
 .memberline_title {
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 0px;  
 }
 .memberline_content {
    font-weight: bold;
    text-align: left;
 }


 /* Login Form ----------------------------- */


 .login_title {
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 0px;  
 }
 .login_title2 {
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 0px 4px 0px;  
 }
 .login_inputtext {
    height: 32px;
    padding: 0px 6px 0 6px;  
    border: 1px solid #C0C0C0;
    width: 246px; 	
 }
 .login_line {
    padding: 0px 0px 6px 0px;
 }
 .login_login {
    padding: 6px 0px 0px 6px;
 }
 .login_error {
    text-align: center;
    font-size: 13px;
    color: #F00;
    padding-bottom: 6px;
 }
 .isiline {
    padding: 2px 4px;
 }


 /* ------- INPUT BUTTON ------------------------------------------------ */


.input_top_search {
  height: 36px;
  width: 404px;
  padding: 0px 8px; 
  border: 2px solid #0cb177;   
}
.input_submitbutton_search {
  height: 40px;
  width: 125px;
  padding: 0px 8px;
  color: #FFF;
  margin-left: -6px;
  background-color: #0b9464;
  border-left: 2px solid #0b9464;
  border-right: 2px solid #0cb177;
  border-top: 2px solid #0cb177;
  border-bottom: 2px solid #0cb177;
}
.input_submitbutton_search:hover {      
  background-color: #0cb177;
  border-left: 2px solid #0cb177;
  cursor: pointer;
}


input:focus, select:focus, textarea:focus {      
  box-shadow: 0 0 2px #B0B0B0;
  -webkit-box-shadow: 0 0 2px #B0B0B0;
  -moz-box-shadow: 0 0 2px #B0B0B0;
}
.inputtext {
  height: 32px;
  padding: 0px 6px 0 6px;  
  border: 1px solid #C0C0C0;
  width: 454px; 	
}
.inputtext_date {
 height: 32px;
 width: 104px;
 padding: 0px 6px 0 10px;
 text-align:left;
 background:url('images/calendar.png') no-repeat center right 8px;
 border: 1px solid #C0C0C0; 	
}
.inputtext_useridprsh {
 height: 32px;
 width: 275px;
 padding: 0px 6px 0 185px;
 text-align:left;
 background:url('images/ico_urlsumomarket.gif') no-repeat center left;
 border: 1px solid #C0C0C0; 	
}
.inputtext_useridprsh[readonly] {
 color: #888; 
} 
.selectbox {  
  height: 33px;
  width: 468px;
  border: 1px solid #C0C0C0;
}
.selectbox optgroup {
  padding: 0px;
  text-decoration: none;
  font-style: normal;
}
.selectbox[disabled] { 
  background-color: #F9F9F9;
  color: #F9F9F9; 
}
.textareabox {
 padding: 4px 6px;
 width: 454px;
 border: 1px solid #C0C0C0;  
}

.submitbutton {
  height: 34px;
  width: 468px;
  padding: 0px 6px;
  color: #FFF;
  border-radius: 4px;
  background-color: #0461BC;
  border: 1px solid #0461BC;
}
.submitbutton:hover {   
  color: #FF0;
  background-color: #0670d8;
  cursor: pointer;
}

.cancelbutton {
  height: 34px;
  width: 175px;
  padding: 0px 6px;
  color: #FFF;
  border-radius: 4px;
  background-color: #A0080C;
  border: 1px solid #A0080C;
}
.cancelbutton:hover {   
  color: #FFF;
  background-color: #D40101;
  cursor: pointer;
}

.submitbuttonImage {
  border:0px;
  width:64px;
  height:64px;
  border: 1px solid #C0C0C0;
  padding: 0px;
  margin: 0px;
}
.editbutton {
  height: 24px;
  width: 48px;
  font-size: 12px;
  padding: 0px 6px;
  color: #FFF;
  border-radius: 4px;
  background-color: #089314;
  border: 1px solid #089314;
}
.editbutton:hover {   
  color: #FFF;
  background-color: #1FAA09;
  cursor: pointer;
}
.hapusbutton {
  height: 24px;
  width: 56px;
  font-size: 12px;
  padding: 0px 6px;
  color: #FFF;
  border-radius: 4px;
  background-color: #A0080C;
  border: 1px solid #A0080C;
}
.hapusbutton:hover {   
  color: #FFF;
  background-color: #EA1414;
  cursor: pointer;
}

.submitbutton[disabled], .cancelbutton[disabled],
.editbutton[disabled], .hapusbutton[disabled] {
  background-color: #C0C0C0;
  border: 1px solid #C0C0C0;
  color: #999;
}


/* ------- CHECKBOX BUTTON ---------------------------------------------- */


input[type=checkbox].css-checkbox {
  position:absolute;
  z-index:-1000; 
  left:-1000px; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0; 
  border:0;
}

input[type=checkbox].css-checkbox + label.css-labelc {
  padding-left:23px;
  height:16px; 
  display:inline-block;
  line-height:18px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:16px;
  vertical-align:middle;
  cursor:pointer;
  margin-bottom:5px;
}

input[type=checkbox].css-checkbox:checked + label.css-labelc {
  background-position: 0 -16px;
}

label.css-labelc {
  background-image:url(images/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;   
}
label.css-labelc:hover {
  cursor: pointer;
}
     
     
/* ------- RADIO BUTTON ------------------------------------------------ */


input[type=radio].css-checkbox {
  position:absolute; 
  z-index:-1000; 
  left:-1000px; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0; 
  border:0;
}

input[type=radio].css-checkbox + label.css-label {
  padding-left: 26px;
  height: 21px; 
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
  background-position: 0 -21px;
}

label.css-label {
  background-image:url(images/radio.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}