<div style="display:none;position:absolute;top:0;margin-top:45px" id="pageselector">  
<table cellspacing="0" cellpadding="0">  
<tr>
<td><div class="ugol_page_selector"></div></td>
<td width="1"><div class="pages_1"> </div></td>  
<td class="pages_2">  
$PAGE_SELECTOR$  
</td>  
<td width="1"><div class="pages_1"> </div></td>  
</tr>  
</table>  
</div>  
<script type="text/javascript">  
$(window).scroll(function () {  
st = $(window).scrollTop();  
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();  
if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}  
$('#pageselector').css('top', st+'px')  
$('#pageselector').css('opacity', '0.8')  
});  
</script>  
<style type="text/css">
span.swchItemDots span{display:none;}
.ugol_page_selector{border-bottom: 16px solid black;border-left: 16px solid transparent;border-right: 16px solid transparent;position: absolute;margin: -35px 0px 0px 130px;}
.pages_1 {width:1px;height:48px;overflow:hidden;background:black}  
.pages_2 {background:black;height:50px}  
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color: black;border-bottom: 3px solid #ffffff;padding: 3px 8px 3px 8px;background: white;margin: 0px 5px 0px 5px;border-radius: 3px;border: 3px dashed rgb(108, 199, 57);}  
.swchItem {color: black;border-bottom: 3px solid #ffffff;padding: 3px 8px 3px 8px;background: white;margin: 0px 5px 0px 5px;border-radius: 3px;border: 3px dashed rgb(57, 182, 199);}  
.swchItem:hover {transition:All 2s ease;-webkit-transition:All 2s ease;-moz-transition:All 2s ease;-o-transition:All 2s ease; background:#324E98;color:white!important;}  
.swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}  
</style>