{style}{literal}

    .settings_file_upload .error
    {
        margin-left: auto;
        margin-right: auto;
    }

    .upload_container
    {
        display:block;
    }

    .padding_left{
        padding-left:12px;
    }
{/literal}{/style}

<div class="ow_automargin ow_wide">

        {block_decorator name="box" type="empty" iconClass="ow_ic_add" langLabel="socialsharing+api_key_title"}
            {block_decorator name="box" type="normal" addClass="ow_superwide ow_automargin"}
                <p>{text key="socialsharing+api_key_description"}</p>
            {/block_decorator}
            {block_decorator name="box" type="normal" addClass="ow_stdmargin ow_small_wide ow_wide ow_automargin"}
                    {form name="api_key_form"}
                        
                        <div class="ow_left" style="margin-right:5px;">{input name='api_key'}</div>
                        <div class="ow_left" >{submit name='save_api_key' class='ow_ic_save' langLabel='socialsharing+save_api_key'}</div><br><div style="color:red;">{error name='api_key'}</div>
                    {/form}
            {/block_decorator}
        {/block_decorator}

	
	<table id="socialsharing_settings" class="ow_table_2 ow_form ow_stdmargin ow_center">
            
            <tr class="ow_tr_first">
                <th width="1" colspan="2">{text key='socialsharing+social_services'}</th>
            </tr>

            {foreach from=$order item=item}
            <tr class="{cycle values='ow_alt1, ow_alt2'} sharing_item" item="{$item}">
                <td class="ow_txtleft">
                    {text key="socialsharing+`$item`"}
                </td>
                <td>
                    <input type="checkbox" name="{$item}" {if !empty($values[$item]) && $values[$item]}checked="checked"{/if}>
                </td>
            </tr>
            {/foreach}
            {form name='upload'}
	</table>
        
        {block_decorator name="box" type="empty" iconClass="ow_ic_add" langLabel="socialsharing+default_image_title"}
            {block_decorator name="box" type="normal" addClass="ow_superwide ow_automargin ow_stdmargin"}
                <p>{text key="socialsharing+default_image_description"}</p>
            {/block_decorator}

            {block_decorator name="box" type="normal" addClass="ow_stdmargin ow_small_wide ow_wide ow_automargin settings_file_upload"}
                <div class="ow_center ow_std_margin"><img src="{$imageUrl}"></div>
                {input name='image' class="ow_automargin upload_container"} {error name='image'}
                </div>
            {/block_decorator}

            <div class="ow_right">{submit name='upload_image' class='ow_ic_save ow_positive'}</div>
        {/block_decorator}
	{/form}
</div>
