#crumbname_countries
{crumbname_countries_text}

#view_countries
{view_head}
<style>#background_image{url('/ctrack/art/mexico_background_image.jpg')};{css}</style>
{beige}
{main_head}
{main_min}
{about_data_links}
{countries_head}
{table_countries}
{countries_data_description}
{main_datainvestigators}
{view_tail}

#countries_data_description
<div class="description_wrap">
	<div class="footer_notes">
		<span class="title">{countries_data_description_title_text}</span>
		<p>{countries_data_description_text}</p>
		<div class="default data">
			<table class="data">
				<tr>
					<td>{countries_data_title1_text}</td>
					<td>{countries_data_info1_text}</td>
				</tr>
				<tr>
					<td>{countries_data_title2_text}</td>
					<td>{countries_data_info2_text}</td>
				</tr>
				<tr>
					<td>{countries_data_title3_text}</td>
					<td>{countries_data_info3_text}</td>
				</tr>
				<tr>
					<td>{countries_data_title4_text}</td>
					<td>{countries_data_info4_text}</td>
				</tr>
			</table>
			<p><span class="title sub">{main_data_paragraph9_text}</span>{main_data_paragraph10_text}</p>
			<p>{main_data_paragraph11_text}</p>
		</div>
		<p>
			<a href="#view=data_quality" class="read">{about_data_quality_text}</a><a href="about.html#sources" class="read right">{read_links_text}</a>
		</p>
	</div>
</div>

#countries_head
<div class="head_wrap">
	<div class="icon_wrap">
		<img src="{flava}money_title_icon.png" alt="{money_title_icon_alt_text}" width="330" height="180"/>	
	</div><div class="peak_wrap">
		<div class="peak_space"></div>
		<div class="donors_peak"></div>
</div><div class="head_title_wrap">
		<div class="donors_head_title">{title_countries_table_text}</div>
	</div>
</div>

#table_countries
<div class="table_wrap view">
	<table class="money publishers">
	{table_countries_row_head}
	{table_countries_rows}
	</table>
	{table_alert}
	<div class="download_wrap"><a download="dportal_countries.csv" href="{csv_data}" class="csv_download">{download_csv_text}</a></div>
</div>

#table_countries_rows
{table_countries_row}

#table_countries_row_head
<tr class="row1">
	<th class="col2" onclick="ctrack.dosort('country');" title="{table_country_tip_title_text}">{table_country_title_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
	<th class="col3" colspan="3" title="{table_donor_tip_title_transaction_text}"><span onclick="ctrack.dosort('trans');">{table_donor_title_transaction_text}</span> <a href="#view=countries&year={year1}" onclick="return ctrack.url('#view=countries&year={year1}');" title="Previous Year" class="year prev">&lt;</a><span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
	<th class="col4" colspan="2" title="{table_donor_tip_title_budget_text}"><span onclick="ctrack.dosort('budget');">{table_donor_title_budget_text}</span> <a href="#view=countries&year={year3}" onclick="return ctrack.url('#view=countries&year={year3}');" title="Next Year" class="year next">&gt;</a><span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
</tr>
<tr class="row2">
	<td class="col2" title="{table_sort_text}"  onclick="ctrack.dosort('country');" >{table_donor_subtitle_donor_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col3" title="{table_sort_text}" 	onclick="ctrack.dosort('t1');" 	>{year1}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col4" title="{table_sort_text}" 	onclick="ctrack.dosort('t2');" 	>{year2}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col5" title="{table_sort_text}" 	onclick="ctrack.dosort('t3');" 	>{year3}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col6" title="{table_allocated_tip_text}" 	onclick="ctrack.dosort('b1');" 	>{year3} {table_allocated_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col7" title="{table_available_tip_text}" 	onclick="ctrack.dosort('b2');" 	>{year3} {table_available_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
</tr>

#table_countries_row
<tr class="rows">
	<td class="col2" onclick="return ctrack.url('#view=list_transactions&country_code={country_code}');">
		<a>{country_name}</a></td>
	<td class="col3" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year1}&country_code={country_code}');">
		<a>{t1}</a></td>
	<td class="col4" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year2}&country_code={country_code}');">
		<a>{t2}</a></td>
	<td class="col5" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year3}&country_code={country_code}');">
		<a>{t3}</a></td>
	<td class="col6" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_budgets&year={year3}&country_code={country_code}');">
		<a>{b1}</a></td>
	<td class="col7">{b2}</td>
</tr>

#table_countries_crs
<div class="table_wrap view">
	<table class="money publishers">
	{table_countries_crs_row_head}
	{table_countries_crs_rows}
	</table>
	{table_alert}
	<div class="download_wrap"><a download="dportal_countries.csv" href="{csv_data}" class="csv_download">{download_csv_text}</a></div>
</div>

#table_countries_crs_rows
{table_countries_crs_row}

#table_countries_crs_row_head
<tr class="row1">
	<th class="col1" onclick="ctrack.dosort('crs');" title="{table_donor_tip_title_data_text}">{table_donor_title_data_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
	<th class="col2" onclick="ctrack.dosort('country');" title="{table_country_tip_title_text}">{table_country_title_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
	<th class="col3" colspan="3" title="{table_donor_tip_title_transaction_text}"><span onclick="ctrack.dosort('trans');">{table_donor_title_transaction_text}</span> <a href="#view=countries&year={year1}" onclick="return ctrack.url('#view=countries&year={year1}');" title="Previous Year" class="year prev">&lt;</a><span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
	<th class="col4" colspan="2" title="{table_donor_tip_title_budget_text}"><span onclick="ctrack.dosort('budget');">{table_donor_title_budget_text}</span> <a href="#view=countries&year={year3}" onclick="return ctrack.url('#view=countries&year={year3}');" title="Next Year" class="year next">&gt;</a><span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></th>
</tr>
<tr class="row2">
	<td class="col1" title="{table_sort_text}"  onclick="ctrack.dosort('crs');" 	>{yearcrs}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col2" title="{table_sort_text}"  onclick="ctrack.dosort('country');" >{table_donor_subtitle_donor_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col3" title="{table_sort_text}" 	onclick="ctrack.dosort('t1');" 	>{year1}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col4" title="{table_sort_text}" 	onclick="ctrack.dosort('t2');" 	>{year2}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col5" title="{table_sort_text}" 	onclick="ctrack.dosort('t3');" 	>{year3}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col6 allocate" title="{table_allocated_tip_text}" 	onclick="ctrack.dosort('b1');" 	>{year3} {table_allocated_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
	<td class="col7" title="{table_available_tip_text}" 	onclick="ctrack.dosort('b2');" 	>{year3} {table_available_text}<span class="sort"><img src="{flava}sort_icon.png" alt="{sort_icon_alt_text}" width="15" height="15"></span></td>
</tr>


#table_countries_crs_row
<tr class="rows">
	<td class="col1" title="{table_donor_tip_data_text}">{crs}</td>
	<td class="col2" onclick="return ctrack.url('#view=list_transactions&country_code={country_code}');">
		<a>{country_name}</a></td>
	<td class="col3" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year1}&country_code={country_code}');">
		<a>{t1}</a></td>
	<td class="col4" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year2}&country_code={country_code}');">
		<a>{t2}</a></td>
	<td class="col5" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_transactions&year={year3}&country_code={country_code}');">
		<a>{t3}</a></td>
	<td class="col6" onclick="switch($(this).children().first().html()){ case '0': case '-' : $('html, body').animate({scrollTop: $('.description').offset().top}, 300); return false; } return ctrack.url('#view=list_budgets&year={year3}&country_code={country_code}');">
		<a>{b1}</a></td>
	<td class="col7">{b2}</td>
</tr>