<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: #000000; text-align: justify; }

.playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px;  color: #000000; }

.appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 34px; line-height: 50%; color: #000000; 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: #000000; 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: #000000; background-color: #ffffff; 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: 930px; height: 150px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #ffffff; color: #000000; border: 4px double #D7D417; }

.apptabs { width: 960px; height: 200px; 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: #000000;  }

.apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }

[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }

[type=radio]:checked ~ label { color: #000000; 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: #000000; }

.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: #ffffff; }

.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }

.appcontent::-webkit-scrollbar-track { background-color: #ffffff; }

</style>

<center>

<div style="width: 984px; padding: 20px; background-color: #F1F6CE;">

<div class="appname">

 

J�gVir�g Design

 

</div>

 

<img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1429184004_50.jpg" style="border: 2px solid #FFF;">

 

<div class="applyr">

 

 

 

</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"></div>

</center>