.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; left:5px; z-index:28;} 

.tabbutton {display:inline-block; position: relative; width:40px; height:40px; padding:5px; background-color:#ddd; border:4px 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 {display:inline-block; margin-top:295px; 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;}  
.human {color:#8c6239 !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;}    
        
        
.tab1 {background-image:url(http://31.media.tumblr.com/b41f5e0bec1d094fc053564a9bca7be8/tumblr_nb8zlmQ9CC1twmaero1_r1_250.gif); background-size:60px; background-position:top center;}
.tab2 {background-image:url(http://33.media.tumblr.com/629a21e03c86a5fc5a21eb493273f8e2/tumblr_n6wrkjnI2i1tc5mpio1_250.gif); background-size:95px; background-position:center; }
.tab3 {background-image:url(http://31.media.tumblr.com/48cd6e206d9cedc1c80de42cd78b7509/tumblr_na3tqhDHn31ri46xbo4_r1_250.gif); background-size:70px; background-position:center;}
.tab4 {background-image:url(http://33.media.tumblr.com/67bf3dc0502ebd8bd42407464cb51540/tumblr_ncvzez7llk1qmgbv3o6_250.gif); background-size:90px; background-position:center;}
.tab5 {background-image:url(http://oi60.tinypic.com/2w1topf.jpg); background-size:60px; background-position:top center; }
.tab6 {background-image:url(http://38.media.tumblr.com/a097a06ae4f049501aa1f22cda06b07b/tumblr_nmvlmqWq6n1qltwmpo3_250.gif); background-size:95px; background-position:top center; }
.tab7 {background-image:url(http://31.media.tumblr.com/26eeadaa18fa4e8e4b4a2eb9088db749/tumblr_mxmt9k5HdK1qc5iq8o8_250.gif); background-size:80px; background-position:center;}
.tab8 {background-image:url(http://oi57.tinypic.com/wb9z09.jpg); background-size:80px; background-position:center;}
.tab9 {background-image:url(http://oi59.tinypic.com/xd9e87.jpg); background-size:70px; background-position:center;}
.tab10 {background-image:url(http://38.media.tumblr.com/6b2c487203056308ad949212bed969ac/tumblr_n4uxym8qU91qfucupo2_250.gif); background-size:70px; background-position:left center;}