<script type='text/javascript' src='http://code.jquery.com/jquery.min.js'></script><script type='text/javascript'>
$(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
<style type="text/css">
#leftNav {
width: 40px;
height: 100%;
top: 0px;
right: auto;
left: 0px;
position: fixed;
_position: absolute;
margin-top: 20px;
}
#leftNavTog {
position: absolute;
width: 40px;
height: 65%;
right: -70px;
cursor: pointer;
background-image:url(http://i.imgur.com/nhaCVVd.png;);
background-repeat: no-repeat;
margin-top: 20px;
}
#leftNavContent {
position: absolute;
right: 58px;
left: 5px;
width: 300px;
height: 650px;
overflow: auto;
text-align: center;
color: #050505;
background-color: #fafae8;
} </style>
<!-- ===========================================
START SubDevo's Peekaboo Side Tables (Left Side)
============================================ --></p>
<div id="leftNav" style="display:none; z-index:51;">
<div id="leftNavTog" onclick="togL_Nav(true)" onmouseout="this.style.backgroundImage='url((//virgoncdesign.gportal.hu/portal/virgoncdesign/image/gallery/1421089979_68.png)'" onmouseover="this.style.backgroundImage='url((//virgoncdesign.gportal.hu/portal/virgoncdesign/image/gallery/1421089979_68.png)'" title="Click to Hide or Show">
</div>
<div id="leftNavContent" onscroll="setLnavCook(this.scrollTop,1)" style="display:none;">
<!-- *** ALL LEFT SIDE CONTENT BELOW *** -->
<div align="LEFT">
<ul id="tab-strip">
<li class="clickable" id="tab1">
<div class="lostabs">
CBOX</div>
</li>
<li class="clickable" id="tab2">
<div class="lostabs2">
MENU</div>
</li>
<li class="clickable" id="tab3">
<div class="lostabs">
MENU</div>
</li>
<li class="clickable" id="tab4">
<div class="lostabs2">
MENU</div>
</li>
<li class="clickable" id="tab5">
<div class="lostabs">
MENU</div>
</li>
<li class="clickable" id="tab6">
<div class="lostabs2">
MENU</div>
</li>
</ul>
</div>
<div class="sidebox" id="tab1-content">
<!-- BEGIN CBOX - www.cbox.ws - v4 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 180px; font-size: 0;">
<div style="position: relative; height: 250px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;">
<iframe allowtransparency="yes" frameborder="0" height="100%" id="cboxmain1-897619" marginheight="0" marginwidth="0" name="cboxmain1-897619" scrolling="auto" src="http://www1.cbox.ws/box/?boxid=897619&boxtag=1286&sec=main" width="180"></iframe></div>
<div style="position: relative; height: 250px; overflow: hidden; border: 0px solid; border-top: 0px;">
<iframe allowtransparency="yes" frameborder="0" height="100%" id="cboxform1-897619" marginheight="0" marginwidth="0" name="cboxform1-897619" scrolling="no" src="http://www1.cbox.ws/box/?boxid=897619&boxtag=1286&sec=form" width="180"></iframe></div>
</div>
<!-- END CBOX --></div>
<div class="tab-content" id="tab5-content">
<div style="padding-left: 10px;">
<div class="sidebox2">
</div>
</div>
</div>
<div class="tab-content" id="tab2-content">
<div style="padding-left: 10px;">
<div class="sidebox2">
<b>Admins</b>:<br />
</div>
</div>
</div>
<div class="tab-content" id="tab3-content">
<div style="padding-left: 10px;">
<div class="sidebox2">
<center>
<hr />
</center>
</div>
</div>
</div>
<div class="tab-content" id="tab4-content">
<div style="padding-left: 10px;">
<div class="sidebox2">
FEATURED</div>
</div>
</div>
<div class="tab-content" id="tab6-content">
<div style="padding-left: 10px;">
<div class="sidebox2">
AFFILIATES</div>
</div>
</div>
<!-- *** ALL LEFT SIDE CONTENT ABOVE *** --></div>
</div>
<!-- =========================================
END SubDevo's Peekaboo Side Tables (Left Side)
========================================== --><script type="text/javascript">
/* Peekaboo Side Tables (Left Side) by SubDevo */
/* Global Footer - Please leave this header intact. Do not repost. */
/* HTTP://INTEROCEANDESIGNS.PROBOARDS.COM or HTTP://LSDP.PROBOARDS.COM */
var L_memOnly=0; // Members Only? 1=Yes, 0=No
var L_TogWidth=24; // Width of Clickable area.
var L_SideWidth=230; // Width of content.
function setLnavCook(a,b){ var n=(b)?"L_NavTop=":"L_NavOpen=";
document.cookie=n+a+"; expires=Sat, 17 Jan 2050 12:12:12 UTC; path=/";
}
function scrollLT(){L_NavH.scrollTop=(document.cookie.match(/L_NavTop=(\d+)/))?RegExp.$1:0;}
function togL_Nav(a){ var m=document.body,b=L_Nav.style,c=L_NavH.style;
if(a!=true){if(is_IE){b.height=m.clientHeight;}
b.left=parseInt(m.scrollLeft)+"px"; b.top=parseInt(m.scrollTop)+"px";
}else{
if(c.display=="none"){c.display=""; b.width=L_wT;setLnavCook(1);
if(L_NavFirst){L_NavFirst=false;setTimeout("scrollLT()",200);}else{scrollLT();}
}else{setLnavCook(0);c.display="none"; b.width=L_TogWidth;}
}} var L_wT=1+L_TogWidth+L_SideWidth+"px",is_IE=(document.uniqueID)?true:false;
var L_Nav=document.getElementById ("leftNav"),L_NavH=document.getElementById ("leftNavContent");
if(!L_memOnly||pb_username!="Guest"){ L_Nav.style.display=""; var L_NavFirst=true;
if(document.cookie.match(/L_NavOpen=1/)){togL_Nav(true);}
if(is_IE){window.attachEvent("onscroll", togL_Nav); window.attachEvent("onresize", togL_Nav);}
}
</script>
<style type="text/css">
/* TAB SIDEBAR */
.clickable {
display:inline;
display: block; width: 90px; font-family: Amatic SC, sans-serif; letter-spacing: 2px; font-size: 14px; background-color: #fafae8; color: #FBFFE3; text-transform: uppercase; text-align: center; padding-bottom: 2px; padding-top:1px; margin-bottom: 1px; }
.tab-content {
background-color:; font-family: georgia; font-size: 10px; color: #000000; text-align: justify; line-height: 95%; padding-bottom: 2px; padding-top:1px; margin-bottom: 1px; padding-left: 5px;
display: none; /* do not remove this */
}
#tab1-content { display: block; } /* do not remove this */
/* Active tag has highlight */
.highlight {
background-color: #fafae8;
}
/* Clear up the list default styles */
#tab-strip {
list-style: none outside none;
margin:8px;
padding:0px;
display:block;
background-color:#fafae8;
}
#tab-strip a { text-decoration: none; }
.click {display:inline; margin-left:20px;}
.clickconto { padding:5px;}
.clickcont {display:none;padding:5px;}
#links a {padding-left:10px; padding-right:10px;}
.clickwrap h1 {font-size:18px; text-transform:uppercase; font-weight:normal; margin-bottom:-5px;}
.sidebox {width: 190px; height: 400px; background-color: #FBFFE3; padding: 5px; border: 5px solid #9E0C39; font-family: segoe ui, sans-serif; font-size: 13px; color: #222; text-align: justify; line-height: 100%; margin: 10px;}
.sidebox2 {width: 200px; height: 420px; background-color: #FBFFE3; padding: 5px; border: 5px solid #9E0C39; font-family: Arial Narrow; font-size: 13px; color: #333333; line-height: 100%; text-align:center; margin-left: -10px;}
.lostabs { width: 90px; background-color: #333333; border-left: #E21B5A 5px solid; border-top: #83A300 5px solid; border-bottom: #83A300 5px solid; border-right: #E21B5A 5px solid;font-family: Amatic SC, sans-serif; font-size: 23px; color: text-transform: uppercase; color: #FBFFE3; text-align: center; padding: 2px; margin-top: 5px;}
.lostabs2 { width: 90px; background-color: #333333; border-left: #E21B5A 5px solid; border-top: #83A300 5px solid; border-bottom: #83A300 5px solid; border-right: #E21B5A 5px solid;font-family: Amatic SC, sans-serif; font-size: 23px; color: text-transform: uppercase; color: #FBFFE3; text-align: center; padding: 2px; margin-top: -47px;margin-left: 110px;}</style>
<style type="text/css">
.desc { display: block; border-top:5px solid #333333; background: #EBEBEB; padding: 3px; font-family: Yanone Kaffeesatz; font-size: 14px; color: #333333; margin: 4px;}
.edit { font-size: 9px }</style>