<link href="http://fonts.googleapis.com/css?family=Owasld:400,700|Sacramento|Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<style type="text/css">
.appname { font-family: sacramento; font-size: 50px; text-transform: lowercase; text-shadow: 1px 1px 1px #000; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fff; line-height: 50%; }
.applyr { font-family: arial; text-transform: uppercase; padding: 15px; font-size: 9px; line-height: 100%; color: #999; text-align: justify; }
.playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px; color: #919191; }
.appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 34px; line-height: 50%; color: #cccccc; text-shadow: 1px 1px 3px #000; margin-top: 50px; }
.genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; }
.genbox2 { margin: 15px 0px; }
.geninfo { text-align: center; text-transform: uppercase; font-family: yanone kaffeesatz; font-size: 14px; color: #cccccc; letter-spacing: 2px; }
.apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #A5A5A5; background-color: #2C2C2C; padding: 2px; margin: 5px 0px; }
.swbox { padding: 5px; color: #ccc; }
.appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: arial; font-size: 12px; line-height: 100%; }
.appcontent { width: 960px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #252525; color: #ccc; border: 4px double #1a1a1a; }
.apptabs { width: 960px; height: 410px; position: relative; background: trasnsparent; clear: both; }
.apptab { float: left; padding: 5px; }
.apptab label { margin: 0px 25px; font-family: oswald; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #696969; }
.apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }
[type=radio]:checked ~ label { color: #cccccc; font-weight: bold; z-index: 2;}
.appquote { font-family: old standard tt; font-size: 17px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #8B8B8B; }
.tcred { text-transform: uppercase; text-align: right; width: 545px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
.appcontent::-webkit-scrollbar { width: 8px; background-color: #252525; }
.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }
.appcontent::-webkit-scrollbar-track { background-color: #252525; }
</style>
<center>
<div style="width: 984px; padding: 20px; background-color: #1a1a1a;">
<div class="appname">
JgVirg Design
</div>
<img src="//jegvirag.gportal.hu/portal/jegvirag/image/logo_1428086867.jpg" style="border: 2px solid #FFF;">
<div class="applyr">
Quote/Lyrics goes here
</div><div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1">General</label>
<div class="appcontent"><div class="appinfo2">
<table><tr><td><div class="genbox"><div class="geninfo">
age here
</div><div class="playdesc">- Age -</div></div></td>
<td><div class="genbox"><div class="geninfo">
membergroup
</div><div class="playdesc">- membergroup -</div></div></td></tr>
<tr><td><div class="genbox"><div class="geninfo">
occupation
</div><div class="playdesc">- Occupation -</div></div></td>
<td><div class="genbox"><div class="geninfo">
relationship status here
</div><div class="playdesc">- relationship status -</div></div></td></tr></table>
<div class="genbox2"><div class="geninfo">
playby here
</div><div class="playdesc">- playby -</div></div>
<div class="apptitle">Appearance</div><div class="swbox">
Give us any identifying marks: piercings, tattoos, etc. you can delete this section if there is nothing that needs to be described. Images should be no larger than 450px wide.
</div>
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2">Personality</label>
<div class="appcontent"><div class="appinfo2">
Personality goes here
<table><tr><td width="50%" valign="top">
<div class="apptitle">Strengths</div><div class="swbox">
List at least FIVE (5) strengths here.
</div></td><td><td width="50%" valign="top">
<div class="apptitle">Weaknesses</div><div class="swbox">
List at least FIVE (5) weaknesses here.
</div></td></tr></table>
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-3" name="apptab-group-1">
<label for="apptab-3">History</label>
<div class="appcontent"><div class="appinfo2">
History Goes here
</div></div> </div>
<div class="apptab">
<input type="radio" id="apptab-4" name="apptab-group-1">
<label for="apptab-4">Player</label>
<div class="appcontent"><div class="appinfo2">
<div class="appplay">
PLAYER
</div><div class="playdesc">- Player -</div>
<div class="appplay">
TIMEZONE
</div><div class="playdesc">- Timezone -</div>
<div class="appplay">
CONTACT INFO
</div><div class="playdesc">- contact -</div>
</div></div></div>
</div>
</div>
<div class="tcred"><a href="http://shine.b1.jcink.com/index.php?showuser=1892" target="_blank">♛ Ames</a></div>
</center>