{literal}
<style type="text/css">
    p.rep_event_name { font-size:17px; padding:5px; color:#003399; font-family:Tahoma, Geneva, sans-serif}
    p.rep_name { font-size:15px; padding:7px; color:#003399; font-family:Tahoma, Geneva, sans-serif }
    ul.teamrep { text-align:left; width:200px; margin:0 auto;}
    ul.teamrep li {margin:5px 0; border-bottom:1px solid #ccc;}
    .teamname { font-weight:bold; }
    @media print {
        #header, #menu, #menu a, #footer, #right_content, #content_head, #debug, #print_button, #home-links {display:none !important;}
		td#home-links { width:0px; visibility:hidden; overflow:hidden;}
        #content_team_list { font-size: 10pt; display:block; }
		body, #content_wrap { background:#fff; width:700px;}
		#content ul {}
    }
    @media screen {
        #header { display:block; }
        #menu { display:block; }
        #footer { display:block; }
        #right_content { display:block; }
        #content_head { display:block; }
        #debug { display:block; }
        #print_button { display:block; }
        #content_team_list { font-size: 13px; }
    }
     .teamname { font-weight:bold}
     .teamrep { margin: 20px auto !important;}
</style>
{/literal}

{strip}
<div id="content_team_list">
    <br>
    <center>
        <p class="rep_event_name">{$item.eventname} {$item.eventdate|date_format:"%m.%d.%Y"}</p>
        <p class="rep_name">{$item.reportname}</p>
    </center>

    {if empty($item.teams)}
        <div class="list_empty">Empty list</div>
    {else}
        {foreach from = $item.teams item = 'team'}
            <ul class="teamrep">
                <li class="teamname">{$team.name|default:'No Name'}</li>
                {foreach from = $team.persons item = 'person'}
                    <li>{$person|trim|default:'No Name'}</li>
                {/foreach}
            </ul>
        {/foreach}
    {/if}
    <br><br>
</div>

<div id="print_button">
    <center>
        <input type="button" value="Print" onclick="if (typeof(window.print) != 'undefined') window.print();" class="btn" id="btn_print">
    </center>
</div>
{/strip}