<style type="text/css">
.gorizontalno {
display: inline-block
}
</style>
<legend>Управление шторами</legend>
<div class="gorizontalno">
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;block;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveUp");'>
<img src="\cms\scenes\styles\images\AnimationUp.gif"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveUp");'>
<img src="\cms\scenes\styles\images\arrow-up.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;block"%' onClick='callMethod("%RollerBlind_CommonProperties.moveUp");'>
<img src="\cms\scenes\styles\images\arrow-up.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveUp");'>
<img src="\cms\scenes\styles\images\arrow-up.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveUp");'>
<img src="\cms\scenes\styles\images\up-position.png"></div>
</div>
<div class="gorizontalno">
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;block;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveStop");'>
<img src="\cms\scenes\styles\images\media-playback-stopRed.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveStop");'>
<img src="\cms\scenes\styles\images\media-playback-stop.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;block"%' onClick='callMethod("%RollerBlind_CommonProperties.moveStop");'>
<img src="\cms\scenes\styles\images\media-playback-stopRed.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveStop");'>
<img src="\cms\scenes\styles\images\media-playback-stop.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveStop");'>
<img src="\cms\scenes\styles\images\media-playback-stop.png"></div>
</div>
<div class="gorizontalno">
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;block"%' onClick='callMethod("%RollerBlind_CommonProperties.moveDown");'>
<img src="\cms\scenes\styles\images\AnimationDown.gif"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveDown");'>
<img src="\cms\scenes\styles\images\arrow-down.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveDown");'>
<img src="\cms\scenes\styles\images\arrow-down.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;none;none;none;none;none;none;none;none;none;block;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveDown");'>
<img src="\cms\scenes\styles\images\arrow-down.png"></div>
<div style='display:%RollerBlind_CommonProperties.LastSelectedStatus|"none;none;block;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none;none"%' onClick='callMethod("%RollerBlind_CommonProperties.moveDown");'>
<img src="\cms\scenes\styles\images\down-position.png"></div>
</div>
<div class="gorizontalno">
<svg width="50" height="32">
<defs>
<linearGradient id="Gradient1" x1="0" y1="0" x2="0" y2="100%">
<stop offset="0%" stop-color="#f5183d" />
<stop offset="%RollorBlind_1.ActualPosition%%" stop-color="#f5183d" />
<stop offset="0%" stop-color="#FFFF00" />
</linearGradient>
</defs>
<rect x="2" y="2" width="45" height="27" fill= "url(#Gradient1)" stroke="#333333" stroke-width="1px" />
<text x="25" y="20" style="text-anchor: middle;" fill="#32DFFE" font-size="16" font-family="'verdana', cursive">%RollorBlind_1.ActualPosition%%</text>
</svg>
</div>
<div class="gorizontalno">
<svg width="35" height="32">
<defs>
<linearGradient id="Gradient1" x1="0" y1="0" x2="0" y2="100%">
<stop offset="0%" stop-color="#f5183d" />
<stop offset="%RollorBlind_2.ActualPosition%%" stop-color="#f5183d" />
<stop offset="0%" stop-color="#FFFF00" />
</linearGradient>
</defs>
<rect x="2" y="2" width="30" height="27" fill= "url(#Gradient1)" stroke="#333333" stroke-width="1px" />
<text x="16" y="20" style="text-anchor: middle;" fill="#32DFFE" font-size="16" font-family="'verdana', cursive">%RollorBlind_2.ActualPosition%</text>
</svg>
</div>