<!--HTML--> 
<style>
.bankk {width: 570px! important; height: 900px; min-height: 350px; padding: 5px; background: url("") no-repeat center top, url("") no-repeat center bottom, url("") repeat-y center;}

.app { position: relative; width: 710px; height: 250px; padding: 20px; } 

.tabss {
position: relative;  
width: 900px;
height:  500px;
border: 0px solid #ffccdd;
padding: 0px;;
}

.tabb {float: left;}

.tabb label {display: block;
width: 10px;
height: 10px;
background: #07aad9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left: 4px;
position: relative;
top: 80px;
left: 45px;}

.tabb [type=radio] {
display: none;  
}

.contentt {
position: absolute;
top: 100px;
left: 0px;
width: 750px; 
height: 400px;
padding: 0px;
border: 0px solid #000;}

[type=radio]:checked ~ label {color: #ffccdd; background-color: eeeeee; border-bottom: 0px solid white; z-index: 2;}

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

::-webkit-scrollbar { background: #f7f7f7; width: 2px; }
::-webkit-scrollbar-thumb { background: #C5CFC6; width: 2x }
::-webkit-scrollbar-corner { background: #fff; }

.name { border-bottom: 1px solid #000; padding-bottom: 5px; opacity: .9; font-size: 8px; font-family: calibri; letter-spacing: 1px; }
.info { font-size: 8px; letter-spacing: 1px; padding-top: 5px; opacity: .9 }


</style>

<div class="bankk">
<div class="tabss">
<div class="tabb">
<input type="radio" id="tabb-1" name="tabb-group-1" checked>
<label for="tabb-1">  </label><div style="width: 3px; height: 3px;"></div>
<div class="contentt">


<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c1KL.png);">


</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-2" name="tabb-group-1">
<label for="tabb-2">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c2Kf.png);">


</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-3" name="tabb-group-1">
<label for="tabb-3">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c3z8.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-4" name="tabb-group-1">
<label for="tabb-4">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c3z7.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-5" name="tabb-group-1">
<label for="tabb-5">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c3z6.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-6" name="tabb-group-1">
<label for="tabb-6">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px;margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c3z5.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-7" name="tabb-group-1">
<label for="tabb-7">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYSR.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-8" name="tabb-group-1">
<label for="tabb-8">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYSQ.png);">


</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-9" name="tabb-group-1">
<label for="tabb-9">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYSP.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-10" name="tabb-group-1">
<label for="tabb-10">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bXMU.png);">



</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-11" name="tabb-group-1">
<label for="tabb-11">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYr8.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-12" name="tabb-group-1">
<label for="tabb-12">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYrH.png);">

</div></td></table>

</div>
</div>


<div class="tabb">
<input type="radio" id="tabb-13" name="tabb-group-1">
<label for="tabb-13">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bY9b.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-14" name="tabb-group-1">
<label for="tabb-14">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2c2Ke.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-15" name="tabb-group-1">
<label for="tabb-15">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYqQ.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-16" name="tabb-group-1">
<label for="tabb-16">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYrp.png);">

</div></td></table>

</div>
</div>

<div class="tabb">
<input type="radio" id="tabb-17" name="tabb-group-1">
<label for="tabb-17">   </label>
<div class="contentt">

<table cellspacing="0" cellpadding="0">
<td><div style="margin-top: 35px; margin-left: 20px; height: 733px; width: 538px; background-image: url(http://funkyimg.com/i/2bYrq.png);">

</div></td></table>

</div>
</div>

</center>

</center>


</div></div></div>
</td></tr></table>
</div></div>