<script type="text/javascript" src="/_js/cufon.js"></script>
<script type="text/javascript" src="/_js/FrizQuadrataCTT.js">
</script><script type="text/javascript">
 Cufon.replace('.serText', {textShadow: '0 1px 1px #707070'}, { fontFamily: 'FrizQuadrataCTT' });
 Cufon.replace('#nname', {}, { fontFamily: 'FrizQuadrataCTT' });
</script>
<style type="text/css">
.services {
 height: 30px;
 border: 1px solid #adaca6;
 padding: 2px;
 padding: 3px 3px 3px 3px;
 width: 160px;
 position: relative;
 -moz-box-shadow: 0 2px 5px #707070;
 -webkit-box-shadow: 0 2px 5px #707070;
 box-shadow: 0 2px 5px #707070;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 background: #eeeeee;
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e8e8e8');
 background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e8e8e8));
 background: -moz-linear-gradient(top, #f6f6f6, #e8e8e8);
 background: linear-gradient(top, #f6f6f6, #e8e8e8);
 border-bottom-radius: 6px;
}
.serv {
 background-image: url('http://wowjp.net/IMG/services.png');
 background-repeat: no-repeat;
 height: 30px;
 line-height: 30px;
 width: 31px;
 -moz-box-shadow: 0 2px 5px #707070;
 -webkit-box-shadow: 0 2px 5px #707070;
 box-shadow: 0 2px 5px #707070;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 margin: 0 0 -34px 0;
 position: absolute;
 top: 2px;
 left: 2px;
 display: table-cell;
 vertical-align: middle;
}
.serText {
 padding-left: 35px;
 font-size: 1.1em;
 padding-top: 1px;
}
.serClick {
 position: absolute;
 top: 2px;
 left: 2px;
 width: 200px;
 height: 30px;
 background: url('http://wowjp.net/IMG/sale/lg_200_1.png') repeat-x;
 opacity: 0.0;
}
#nname {
 color: #00fd04;
 font-size: 1.3em;
 margin-top: 20px;
 text-align: center;
 padding-left: 5px;
}
.store_opt td {
 padding: 15px!important;
}
</style>

<div align="center" style="width: 100%;">
 <div style="background: url(http://wowjp.net/IMG/sale/deadman.png) no-repeat scroll center bottom transparent; width: 155px; height: 220px; text-align: center;">
 <div id="nname">Мастер Чести <br> &lt;WoWJP&gt;</div>
 </div>
</div>

<div align="center">
 <p>Lorem ipsum dolor sit amet, in summo dicunt vim, facete habemus et per. Detracto constituam sit cu, eos civibus albucius cu, vis an facer nemore. Rebum nonumes voluptua nec ex, quo corpora ponderum et, quo cu erat delicata adversarium. Aliquip honestatis nec ei, sea nostrud periculis no. Cum ne case viderer propriae, meis etiam no eam.</p>
</div>
<table width="100%" class="store_opt">
 <tr>
 <td align="center">
 <div class="services">
 <div class="serText" style="color: rgb(44, 58, 127);">Понизить уровень замечания</div>
 <div class="serv" style="background-position: 0px -403px;">&nbsp;</div>
 </div>
 </td>
 <td align="center">
 <div class="services" onclick="new _uWnd('honorStore','Магазин чести',350,100,{autosize:1,modal:1,close:1},titleCnt);">
 <div class="serText" style="color: rgb(89, 44, 127);">Сменить титул</div>
 <div class="serv" style="background-position: 0px -30px;">&nbsp;</div>
 </div>
 </td>
 </tr>
 <tr>
 <td align="center">
 <div class="services">
 <div class="serText" style="color: rgb(127, 60, 44);">Наградить пользователя</div>
 <div class="serv" style="background-position: 0px -496px;">&nbsp;</div>
 </div>
 </td>
 <td align="center">
 <div class="services">
 <div class="serText" style="color: rgb(44, 127, 70);">Сменить ник</div>
 <div class="serv" style="background-position: 0px -92px;">&nbsp;</div>
 </div>
 </td>
 </tr>
 <tr>
 <td colspan="2" align="center">
 <div class="services">
 <div class="serText" style="color: rgb(40, 75, 164);">Перевод Чести</div>
 <div class="serv" style="background-position: 0px -124px;">&nbsp;</div>
 </div>
 </td>
 </tr>
</table>

<script type="text/javascript">
var titleCnt = '<div align="center"><input size="35" maxlength="20" id="InputTitle" placeholder="Введите желаемый титул" type="text"><br><button id="sendB" style="margin: 8px 0 0 0;" onclick="$.changeTitle();">Сменить титул</button></div>';
$.changeTitle = function(){
 if($('#InputTitle').val().length < 1) { alert('Введите титул!'); return false; }
 $.get('/php/store/changeTitle.php',{name: '$USERNAME$', title: $('#InputTitle').val()}, function(json){
 if(json.x == 0) {
 new _uWnd('erroe','Ошибка',350,50,{autosize:1,modal:1,close:1},'<div style="text-align: center; padding: 20px;">'+json.msg+'</div>');
 } else {
 $('.xt-close').click();
 new _uWnd('success','Успех',350,10,{autosize:1,modal:1,close:1},'<div style="text-align: center; padding: 20px;">'+json.msg+'</div>')
 }
 });
}
Cufon.now();
</script>