.vp-Dragger-H, .vpTop-Dragger-H
{
    background: url('Images/grabber.png') repeat-y 0 0;
    cursor: e-resize;
    width: 5px;
    position: relative;
    z-index: 2;
}
.vp-Dragger-H:hover, .vpTop-Dragger-H:hover
{
    background: url('Images/grabber-hover.png') repeat-y 0 0;
}
.vpTop-SecondView-H, .vp-FirstView-H
{
    background: url(images/viewport_vE.jpg);
    background-repeat: repeat-y;
}
.vp-Toggle-H, .vpTop-Toggle-H, .vp-Toggle-Cover-H, .vpTop-Toggle-Cover-H
{
    background-color: #B2BFDB;
    cursor: pointer;
}
.vp-Toggle-H:hover, .vpTop-Toggle-H:hover, .vp-Toggle-Cover-H:hover, .vpTop-Toggle-Cover-H:hover
{
    background-color: #627BAD;
    cursor: pointer;
}
.vp-FirstView-H, .vp-SecondView-H, .vp-Toggle-H, .vp-Dragger-H, .vpTop-FirstView-H, .vpTop-SecondView-H, .vpTop-Toggle-H, .vpTop-Dragger-H, .vp-Toggle-Cover-H, .vpTop-Toggle-Cover-H
{
    margin-bottom: -3000px !important;
    padding-bottom: 3000px !important;
    float: left;
    position: relative;
}
.vp, .vpTop
{
    overflow: hidden;
    position: relative;
    border: dashed 1px silver;
    padding: 2px;
    float:none;
}

.vp:after, .vpTop:after
{
    clear: both;
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    visibility: hidden;
}


.vpBottom-Dragger-H
{
    background: url('Images/grabber.png') repeat-y 0 0;
    cursor: e-resize;
    width: 5px;
    position: relative;
}
.vpBottom-Dragger-H:hover
{
    background: url('Images/grabber-hover.png') repeat-y 0 0;
}

.vpBottom-FirstView-H
{
    background: url(images/viewport_vSC.jpg);
    background-repeat: repeat-x;
    min-height:5px;
}
.vpBottom-SecondView-H
{
    background: url(images/viewport_vSE.jpg);
    background-repeat: repeat-y;
}
.vpBottom-Toggle-H, .vpBottom-Toggle-Cover-H
{
    background-color: #B2BFDB;
    cursor: pointer;
    position: relative;
}
.vpBottom-Toggle-H:hover, .vpBottom-Toggle-Cover-H:hover
{
    background-color: #627BAD;
    cursor: pointer;
}
.vpBottom-FirstView-H, .vpBottom-SecondView-H, .vpBottom-Toggle-H, .vpBottom-Dragger-H, .vpBottom-Toggle-Cover-H
{
    margin-bottom: -3000px !important;
    padding-bottom: 3000px !important;
    float: left;
}
.vpBottom
{
    overflow: hidden;
    position: relative;
    border: dashed 1px silver;
    padding: 2px;
}
.vpBottom
{
    float: none;
}
.vpBottom:after
{
    clear: both;
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    visibility: hidden;
}


.vEcikcak { color: white;}
.vEcik a, .vEcak a {color: #66CCFF; text-decoration: none; }
.vEcik a:hover, .vEcak a:hover {color: #002346; background-color: #66CCFF; text-decoration: none; padding-top:3px; padding-bottom:3px;}
.vSEcikGreen a, .vSEcakGreen a {color: #002346; text-decoration: none;}
.vSEcikGreen a:hover, .vSEcakGreen a:hover {color:#002346; background-color: #99ff33; text-decoration: none; padding-top:3px; padding-bottom:3px;}
.vSEcikGreen a, .vEcakGreen a {color: #99ff33; text-decoration: none;}
.vSEcikGreen a:hover, .vEcakGreen a:hover {color: #002346; background-color: #99ff33; text-decoration: none; padding-top:3px; padding-bottom:3px;}
.vEcik { font-size: 13px; color: silver; font-weight: bold; text-transform:uppercase;}
.vEcak { font-size: 12px; font-weight: bold; margin-bottom: 2px; margin-bottom:10px;}

.vSEcikcak { color: white;}
.vSEcik a, .vSEcak a {color: #66CCFF; text-decoration: none;}
.vSEcik a:hover, .vSEcak a:hover {color:#002346; background-color: #66CCFF; text-decoration: none; padding-top:3px; padding-bottom:3px;}
.vSEcik, .vSEcak { padding: 2px;}
.vSEcik { font-size: 13px; color: silver; font-weight: bold; text-transform:uppercase;}
.vSEcak { font-size: 12px; font-weight: bold; margin-bottom: 10px;}


.oknocikcak { margin-top: -5px; margin-left: -10px;  margin-right: -5px;}
.oknocik, .oknocak { padding: 1px; height: 15px; padding-left: 5px; border-bottom-color: silver; border-bottom-style: solid; border-bottom-width: 1px;}
.weblink a { padding: 1px; height: 15px; color:#002346; background-color: #99ff33; font-size: 11px; display:block; font-weight:bold; text-decoration: none;}
.weblink a:hover {padding: 1px; height: 15px; color:#99ff33;  background-color:#002346; font-size: 11px; text-decoration: none; font-weight:bold; display:block; }

.oknocik {color: #002346; float: left; width: 130px; background-color: #D8DBED;}
.oknocak {color: #002346; font-weight: bold; width: 230px; background-color: #D8DBED; overflow: hidden; padding-left: 2px}
.G1okno { width: 4px; background-color: #E5E7F3; float: left; }
.G2okno { width: 4px; background-color: #E5E7F3; float: left;}