<?xml version="1.0" encoding="utf-8" ?>
<skins>
  <skin name="basic">
    <layout>
      <![CDATA[     
      <table style="width: 100%; background: url('http://gadgets.sterno.ru/mtv/img_basic/bg.gif') 0% 0% repeat-x;">
        <tr>
          <td><img src="http://gadgets.sterno.ru/mtv/img_basic/top_left_corner.gif" width="7" height="7" alt=""/></td>
          <td style="width: 100%;"></td>
          <td><img src="http://gadgets.sterno.ru/mtv/img_basic/top_right_corner.gif" width="7" height="7" alt=""/></td>
        </tr>
        <tr>
          <td colspan="3" style="background: url('http://gadgets.sterno.ru/mtv/img_basic/border.gif') 0% 0% repeat-y;">            
            <div style="background: url('http://gadgets.sterno.ru/mtv/img_basic/border.gif') 100% 0% repeat-y;">
              <div><img src="http://gadgets.sterno.ru/mtv/img_basic/label_charts.gif" width="42" height="10" hspace="10" alt="Чарты"/></div>
              <div style="padding: 22px 0 5px 4px;">
                <table style="width: 98%">
                  <tr>
                    <td>
                      <div id="chartMenu">
                        <!--<img src="http://gadgets.sterno.ru/mtv/img_basic/top20_a.gif" width="54" height="35" alt="20 самых-самых" style="cursor: pointer;" onmouseover="selectChart(this);"/>-->
                        <!--<img src="http://gadgets.sterno.ru/mtv/img_basic/rington.gif" width="53" height="35" alt="Рингтон-чарт" style="cursor: pointer;" onmouseover="selectChart(this);"/>-->
                        <img src="http://gadgets.sterno.ru/mtv/img_basic/rus10_a.gif" width="45" height="35" alt="Русская десятка" style="cursor: pointer;" onmouseover="selectChart(this);"/>
                      </div>
                    </td>
                    <td style="text-align: right; vertical-align: bottom;">
                      <div id="skinMenu">
                        <img src="http://gadgets.sterno.ru/mtv/img_basic/icon_basic_a.jpg" width="39" height="28" alt="Стиль: Техно" title="Стиль: Техно"/>
                        <img src="http://gadgets.sterno.ru/mtv/img_basic/icon_avangard.jpg" width="39" height="28" alt="Стиль: Авангард" title="Стиль: Авангард" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('avangard');"/>
                        <img src="http://gadgets.sterno.ru/mtv/img_basic/icon_glamour.jpg" width="39" height="28" alt="Стиль: Гламур" title="Стиль: Гламур" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('glamour');"/>
                      </div>
                    </td>
                  </tr>
                  <tr>
                    <td></td>
                    <td style="text-align: right; padding-top: 4px;"><img src="http://gadgets.sterno.ru/mtv/img_basic/style_label.gif" width="100" height="10" alt="Выберите стиль" /></td>
                  </tr>
                </table>
              </div>
              <table style="width: 100%">
                <tr>
                  <td style="width: 100%; vertical-align: top; padding: 0 0 10px 10px;">
                    <div id="chartsContent" class="basicChartStyle">
                      <div id="top20" style="display: none;"></div>
                      <!--<div id="ringtone" style="display: none;"></div>-->
                      <div id="rus10"></div>
                    </div>
                  </td>
                  <td style="padding-right: 2px; vertical-align: top;">
                    <a href="http://www.mtv.ru/air/charts" target="_blank"><img src="http://gadgets.sterno.ru/mtv/img_basic/all.gif" width="24" height="69" alt="Все чарты" border="0"/></a>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
        <tr>
          <td><img src="http://gadgets.sterno.ru/mtv/img_basic/bottom_left_corner.gif" width="7" height="7" alt=""/></td>
          <td style="background: url('http://gadgets.sterno.ru/mtv/img_basic/border.gif') 0% 100% repeat-x;"></td>
          <td><img src="http://gadgets.sterno.ru/mtv/img_basic/bottom_right_corner.gif" width="7" height="7" alt=""/></td>
        </tr>
      </table>
      ]]>
    </layout>
  </skin>
  <skin name="avangard">
    <layout>
      <![CDATA[
      <div style="background: #E0D193; padding-bottom: 15px;">
        <div><img src="http://gadgets.sterno.ru/mtv/img_avangard/label_charts.gif" width="44" height="13" hspace="10" vspace="10" alt="Чарты"/></div>
        <div style="padding: 0 4px 5px 4px;">
          <table style="width: 100%">
            <tr>
              <td>
                <div id="chartMenu">
                  <!--<img src="http://gadgets.sterno.ru/mtv/img_avangard/top20_a.gif" width="56" height="35" alt="20 самых-самых" style="cursor: pointer;" onmouseover="selectChart(this);"/>-->
                  <img src="http://gadgets.sterno.ru/mtv/img_avangard/rus10_a.gif" width="47" height="35" alt="Русская десятка" style="cursor: pointer;" onmouseover="selectChart(this);"/>
                </div>
              </td>
              <td style="text-align: right; vertical-align: bottom;">
                <div id="skinMenu">
                  <img src="http://gadgets.sterno.ru/mtv/img_avangard/icon_basic.jpg" width="39" height="28" alt="Стиль: Техно" title="Стиль: Техно" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('basic');"/>
                  <img src="http://gadgets.sterno.ru/mtv/img_avangard/icon_avangard_a.jpg" width="39" height="28" alt="Стиль: Авангард" title="Стиль: Авангард"/>
                  <img src="http://gadgets.sterno.ru/mtv/img_avangard/icon_glamour.jpg" width="39" height="28" alt="Стиль: Гламур" title="Стиль: Гламур" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('glamour');"/>
                </div>
              </td>
            </tr>
            <tr>
              <td></td>
              <td style="text-align: right; padding-top: 4px;"><img src="http://gadgets.sterno.ru/mtv/img_avangard/style_label.gif" width="100" height="10" alt="Выберите стиль" /></td>
            </tr>
          </table>
        </div>        
        <table style="width: 100%">
          <tr>
            <td rowspan="2" style="width: 100%; vertical-align: top; padding-left: 10px;">
              <div id="chartsContent" class="avangardChartStyle">
                <div id="top20" style="display: none;"></div>
                <div id="rus10"></div>
              </div>
            </td>
            <td style="vertical-align: top; background: #C7B776;">
              <a href="http://www.mtv.ru/air/charts" target="_blank"><img src="http://gadgets.sterno.ru/mtv/img_avangard/all.gif" width="26" height="82" alt="Все чарты" border="0"/></a>
            </td>
          </tr>
          <tr>
            <td style="vertical-align: bottom; background: #C7B776;"><img src="http://gadgets.sterno.ru/mtv/img_avangard/bottom_bg.gif" width="26" height="122" alt=""/></td>
          </tr>
        </table>
      </div>
      <div style="text-align: right;">
        <img src="http://gadgets.sterno.ru/mtv/img_avangard/bottom.gif" width="250" height="93" alt=""/>
      </div>
      ]]>
    </layout>
  </skin>
  <skin name="glamour">
    <layout>
      <![CDATA[
      <div style="background: #000000; padding: 10px 0;">
        <table style="width: 90%" align="center">
          <tr>
            <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/top_left_corner.gif" width="7" height="5" alt=""/></td>
            <td style="width: 100%; background: url('http://gadgets.sterno.ru/mtv/img_glamour/top_border.gif') 0% 0% repeat-x;"></td>
            <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/top_right_corner.gif" width="7" height="5" alt=""/></td>
          </tr>
          <tr>
            <td style="background: url('http://gadgets.sterno.ru/mtv/img_glamour/left_border.gif') 3px 0 repeat-y;"></td>
            <td>
              <div style="background: url('http://gadgets.sterno.ru/mtv/img_glamour/top_bg.gif') 0% 0% repeat-x; border: 2px solid #C7AF35; padding: 3px 0 6px 0; text-align: center;"><img src="http://gadgets.sterno.ru/mtv/img_glamour/label_charts.gif" width="112" height="39" alt="Чарты"/></div>
              <div style="background: #D9BE40; margin-top: 2px;">
                <div style="padding: 0 0 5px 0;">
                  <table style="width: 100%">
                    <tr>
                      <td style="width: 100%">
                        <div id="chartMenu">
                          <!--<img src="http://gadgets.sterno.ru/mtv/img_glamour/top20_a.gif" width="54" height="30" alt="20 самых-самых" style="cursor: pointer;" onmouseover="selectChart(this);"/>-->
                          <img src="http://gadgets.sterno.ru/mtv/img_glamour/rus10_a.gif" width="45" height="30" alt="Русская десятка" style="cursor: pointer;" onmouseover="selectChart(this);"/>
                        </div>
                      </td>
                      <td style="text-align: right; vertical-align: top;">
                        <div id="skinMenu" style="white-space: nowrap; background: #000000;"><img src="http://gadgets.sterno.ru/mtv/img_glamour/icon_basic.jpg" width="39" height="28" alt="Стиль: Техно" title="Стиль: Техно" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('basic');"/><img src="http://gadgets.sterno.ru/mtv/img_glamour/icon_avangard.jpg" width="39" height="28" hspace="4" alt="Стиль: Авангард" title="Стиль: Авангард" style="cursor: pointer;" onmouseover="selectSkin(this);" onmouseout="unselectSkin(this);" onclick="changeSkin('avangard');"/><img src="http://gadgets.sterno.ru/mtv/img_glamour/icon_glamour_a.jpg" width="39" height="28" alt="Стиль: Гламур" title="Стиль: Гламур"/></div>
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td style="text-align: right; padding-top: 4px;"><img src="http://gadgets.sterno.ru/mtv/img_glamour/style_label.gif" width="100" height="10" alt="Выберите стиль" /></td>
                    </tr>
                  </table>
                </div>                
                <table style="width: 100%">
                  <tr>
                    <td style="width: 100%; vertical-align: top; padding: 0 0 10px 10px;">
                      <div id="chartsContent" class="glamourChartStyle">
                        <div id="top20" style="display: none;"></div>
                        <div id="rus10"></div>
                      </div>
                    </td>
                    <td style="vertical-align: bottom;">
                      <a href="http://www.mtv.ru/air/charts" target="_blank"><img src="http://gadgets.sterno.ru/mtv/img_glamour/all.gif" width="16" height="87" alt="Все чарты" border="0"/></a>
                    </td>
                  </tr>
                </table>                
              </div>
            </td>
            <td style="background: url('http://gadgets.sterno.ru/mtv/img_glamour/right_border.gif') 2px 0 repeat-y;"></td>
          </tr>
          <tr>
            <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/bottom_left_corner.gif" width="7" height="18" alt=""/></td>
            <td style="width: 100%; background: url('http://gadgets.sterno.ru/mtv/img_glamour/bottom_bg.gif') 0% 0% repeat-x;">
              <table style="width: 100%;">
                <tr>
                  <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/bottom_left_connecter.gif" width="5" height="18" alt=""/></td>
                  <td style="width: 100%; vertical-align: bottom; text-align: center;"><img src="http://gadgets.sterno.ru/mtv/img_glamour/bottom_end.gif" width="24" height="13" alt=""/></td>
                  <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/bottom_right_connecter.gif" width="5" height="18" alt=""/></td>
                </tr>
              </table>
            </td>
            <td><img src="http://gadgets.sterno.ru/mtv/img_glamour/bottom_right_corner.gif" width="7" height="18" alt=""/></td>
          </tr>
        </table>        
      </div>
      ]]>
    </layout>
  </skin>
</skins>
