.accwrap {position:relative; top:0; right:7px; border-bottom:5px solid #aaa; width:337px; height:430px; background:#fff;}
        
ul { list-style: none; margin: 0px; padding: 0px; }
.accwrap input { display: none; }
.accwrap input[type=radio]:checked ~ .accslide {height: 330px;}

.accwrap input[type=radio]:checked ~ label {background-color: #bdbdbd; border-bottom: 1px solid #444; color: #222!important; text-align:right; padding:10px 20px 3px 0; font-family: 'Lobster Two', cursive; font-size:18px; 
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;}

.accwrap p {padding-bottom:5px!important;}
.accwrap label { position: relative; padding:10px 20px 3px 0; font-family: 'Lobster Two', cursive; font-size:18px; display: block; float: left; height:20px; width:318px; overflow: hidden; background: #333; text-align: center; color: #ccc; text-align:right; }
  
.accslide { display: block; width:; height: 0px; overflow: hidden; padding: 0px; clear: both; position: relative;
    transition: all 0.7s ease-in 0s;
    -webkit-transition: all 0.7s ease-in 0s;
    -moz-transition: all 0.7s ease-in 0s;
    -o-transition: all 0.7s ease-in 0s; }
  
.acccontent { width:320px; height:320px; margin: 0px auto; overflow: auto; background-color: #fff; overflow:auto; text-align:justify; padding:5px; line-height:120%;}
        
.acccontent p {font-size:13px; font-family:calibri; color:#444; padding:5px;}
.acccontent b {background:#bdbdbd; text-align:right; line-height:160%; padding:0 5px 0 5px;}
    
.acccontent::-webkit-scrollbar { background: #000; width:5px; border: 2px solid #fff;}
.acccontent::-webkit-scrollbar-thumb { background: #444; }
.acccontent::-webkit-scrollbar-corner { background: #fff; }
.accwrap p { padding-bottom:5px; }
    
        
.section {position:absolute; display:block; top:0px; left:0; height:500px; width:590px; border-radius: 5px; background-color:#ccc; }

.sectioninfo {position:relative; height:500px; width:610px; display:block; padding:10px; color:#000;}  

.section:first-child {z-index:0;} 

.shiptabsnav {position:absolute; width:620px; height:60px; top:500px; z-index:28;} 

.tabbutton {display:inline-block; position: relative; width:32px; height:32px; padding:5px; background-color:#ddd; border:3px solid #aaa; border-radius:100%; box-shadow:1px 1px 2px #222;}

.tabbutton a { display: block; width: 100%; line-height: 1.8em; text-align: center; text-decoration: none; color: inherit; outline: 0 none;}

.section:target, .tabbutton:target { color: #333; z-index:5;}  
.section, .tabbutton{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}  
.shipwrap {width:620px; padding:5px; background-color: #444; border: 4px solid #333; border-radius:5px;}
.shipinfowrap { width:620px; height:494px; padding:0px;}
.shipinfowrap2 { position:relative; width:620px; height:494px; overflow:hidden;}
.hint--top {z-index:27;}
.hint--top:before {border-top-color: #fff;}
.hint--top:after {margin-left:-22px; }
.hint--top:before, .hint--top:after {margin-left:-10px; bottom:100%; left:70%;}

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { color:#000; font-family:calibri; font-size:10px;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
        
.shipheader {display:block; width:290px; background:#353535; padding:5px; text-align:left; color:#000; font-family: arial; font-size: 14px; text-transform: capitalize; line-height: 10px; margin-bottom:3px; letter-spacing: 0px; color: #fff; font-weight:bold;}

.shipimg {float:left; display:inline-block; width:250px; height:400px; border:1px solid #444; margin-top:25px; }  

    .stats {position:absolute; bottom:85px; left:10px; display:inline-block; float:left bottom; width:250px;}
    
.statsblock {display:inline-block; float:left; width:230px; background-color:rgba(255,255,255,0.8); color:#000; margin:2px 5px 2px 5px; padding:8px 5px 8px 5px; font-family:arial; font-size:12px; font-weight:bold; color:#222;}
    
.statsblocksml {display:inline-block; float:left; width:109px; background-color:rgba(255,255,255,0.8); color:#000; margin:2px 1px 2px 5px; padding:8px 5px 8px 5px; font-family:arial; font-size:12px; font-weight:bold; color:#222;}
        
.statsblocksmr {display:inline-block; float:left; width:109px; background-color:rgba(255,255,255,0.8); color:#000; margin:2px 5px 2px 1px; padding:8px 5px 8px 5px; font-family:arial; font-size:12px; font-weight:bold; color:#222;}

.shipquote {display:inline-block; float:left; width:230px; height:47px; font-size:11px; padding:10px; font-family:calibri; color:#000; text-transform:uppercase; text-align:justify; line-height:110%;}
    
.shiptabs { position: relative; display: block; width:620px; padding:5px; background-color:#ccc; border: 4px solid #aaa; border-radius:5px; height:520px; margin:auto;  box-shadow:1px 1px 2px #222;}

.fae {color:#007236 !important;}
.shifter {color:#0076a3 !important;}
.vampire {color:#9e0b0f !important;}
.witch {color:#6c3b91 !important;}  

.shipinb {display:inline-block; position:relative; background:#bdbdbd; width:100px; text-align:right; padding:2px; text-align: right; color:#000; font-family: arial; font-size: 12px; margin-bottom:5px; letter-spacing: 0px; font-weight:bold;}

.trackcont {display:inline-block; float:right; position:relative; width:340px; height:475px; overflow: hidden; top:-10px; text-align:justify; font-family:calibri; font-size:8pt; color:#464646; line-height:11px;}
        
.trackname {background-color:#ccc; display:inline-block; top:-10px; height:35px; position:relative; float:right; width:311px; padding-right:20px; margin-right:9px; font-size:43px; text-transform: capitalize; line-height:36px; text-align: right; font-family: 'Lobster Two', cursive; font-style: italic; text-shadow:1px 1px 0px #111; border-bottom:13px solid #b7b7b7;}