body {
  background-image: url('../bahan/background nelayan.png');
  background-size: cover;
}

a {
  text-decoration: none;
}

#tabbed_box {
    margin: 50px auto 0px auto;
    width: 700px;
}

.tabbed_box h4 {
    font-family: Segoe UI Symbol;
    font-size: 18px;
    color: black;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.tabbed_box h4 small {
    color: black;
    font-weight:normal;
    font-size:9px;
    font-family: Segoe UI Symbol;
    text-transform: uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}

.tabbed_area {
    background-color: rgba( 72,157,242,0.8 );
    padding: 8px;    
    border-radius: 20px;
}

ul.tabs {
    margin:0px; padding:0px;
}

ul.tabs li {
    list-style:none;
    display:inline;
}

ul.tabs li a {
    background-color: #464c54;
    color: rgb( 255,255,255,0.8 );
    padding: 12px 18px 12px 18px;
    text-decoration:none;
    font-size: 9px;
    font-family: Segoe UI Symbol;
    font-weight:bold;
    text-transform:uppercase;
    transition: all 0.5s;
}

ul.tabs li a:hover {
    background-color: rgb( 47,52,58,0.8 );
    border: 1px;
}

ul.tabs li a.active {
    background-color: rgba( 255,255,255,0.8 );
    color:#282e32;
    border:1px solid #464c54; 
    border-bottom: 1px solid #464c54;
}

.content {
    background-color: rgba( 255,255,255,0.8 );
    margin: 20px;
    padding: 10px;
    border:1px solid #464c54;
    height: 300px;
}

#content_2 { 
  display:none; 
}

#username {
  border: none;
  border-radius: 15px;
  width: 250px;
  height: 35px;
}

#password {
  border: none;
  border-radius: 15px;
  width: 250px;
  height: 35px;
}

.login{
  margin-top: 20px;
  width: 100px;
  height: 35px;
  border: none;
  border-radius: 15px;
  font-family: Gadugi;
  font-size: 14px;
  background-color: rgba( 72,157,242,0.8 );
  cursor: pointer;
}

.login:hover {
  background-color: rgba( 72,157,242,0.4 );
  transition: all 0.5s;
}

#register {
  margin-left: 5px;
  color: black;
}

#register:hover {
  background-color: rgba( 72,157,242,0.4 );
  padding: 3px;
  transition: all 0.5s;
  border-radius: 5px;
}



label {
}

ul.tabs {
    margin: 20px; padding:0px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.content ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content ul li a {
    text-decoration:none;
    color: #3e4346;
}
.content ul li a small {
    color: #8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family: Segoe UI Semibold;
    position:relative;
    left:4px;
    top:0px;
}

.content ul li:last-child {
    border-bottom:none;
}

#username {
  
}