<div class="mask" data-bind="click: onCancelClick"></div>
<div class="popup_panel">
	<span class="close" data-bind="click: onCancelClick"></span>

	<div class="fields">
		<div class="fieldset">
			<div class="row">
				<span class="label" data-i18n="FILESTORAGE/NAME" data-bind="i18n: 'text'"></span>
				<input class="value input" spellcheck="false" type="text" maxlength="200"
					data-bind="hasfocus: name.focus, valueUpdate: 'afterkeydown', value: name, onEnter: onOKClick, css: {'error': '' !== name.error()}" />
				<div style="color:red;margin-top:10px;margin-left:150px" data-bind="visible: '' !== name.error(), text: name.error"></div>
			</div>
		</div>

		<div class="buttons">
			<span class="button save" data-i18n="SETTINGS/BUTTON_SAVE" data-bind="i18n: 'text', click: onOKClick"></span>
			<span class="button cancel secondary" data-i18n="SETTINGS/BUTTON_CANCEL" data-bind="i18n: 'text', click: onCancelClick"></span>
		</div>
	</div>
</div>
<span class="helper"></span>	