<!-- Bootstrap v3.0.3 -->
<link href="https://s3.amazonaws.com/mturk-public/bs30/css/bootstrap.min.css" rel="stylesheet" />
<section class="container" id="TaggingOfAnImage" style="margin-bottom:15px; padding: 10px 10px; font-family: Verdana, Geneva, sans-serif; color:#333333; font-size:0.9em;">
<div class="row col-xs-12 col-md-12"><!-- Instructions -->
<div class="panel panel-primary">
<div class="panel-heading"><strong>Instructions</strong></div>

<div class="panel-body">
<p>You must provide 3 tags for the main subject in this image.</p>

<ul>
	<li>Each tag must be a single word.</li>
	<li>No tag can be longer than 25 characters.</li>
	<li>The tags must describe the image, the contents of the image, or some relevant context.</li>
</ul>
</div>
</div>
<!-- End Instructions -->

<fieldset>
<table>
	<tbody>
		<tr>
			<td colspan="2"><img alt="image_url" class="imagecontainer" src="${image_url}" /></td>
		</tr>
		<tr>
			<td><label>Tag 1:</label> <input class="form-control" name="tag1" size="30" type="text" /></td>
			<td><label>Tag 2:</label> <input class="form-control" name="tag2" size="30" type="text" /></td>
		</tr>
	</tbody>
</table>
</fieldset>
</div>
</section>
<!-- close container -->
<style type="text/css">.imagecontainer {
    display:block;
    float: left;
    position: relative;
    border:1px solid #fbfbfb;
    margin:0px 15px 15px 0px;
    height:200px;
    width:auto;
}
.tagfields {
    display:block;
    float:left;
}
</style>