wordcamp-russia.html

<style type='text/css'>
#tix {
    width: 99%;
}
 
.tix_tickets_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}
 
.tix_tickets_table tbody tr,
.tix-ticket-form tbody tr,
.tix-receipt-form tbody tr {
    background: #f9f9f9;
}
.tix_tickets_table tbody tr:nth-child(odd),
.tix-ticket-form tbody tr:nth-child(odd),
.tix-receipt-form tbody tr:nth-child(odd) {
    background: #f0f0f0;
}
.tix_tickets_table th,
.tix-ticket-form th,
.tix-receipt-form th {
    border-bottom: solid 1px #ccc;
}
 
.tix-column-description { padding: 20px; text-align: left; }
.tix-column-price { padding-left: 20px; text-align: right; }
.tix-column-remaining { padding-left: 20px; text-align: right; }
.tix-column-per-ticket { padding-left: 20px; text-align: right; }
.tix-column-quantity { padding-left: 20px; text-align: right; padding-right: 20px; }
 
#tix input[type="submit"] {
    display: block;
    background: url('http://digitaloctober.ru/system/static_images/design_2012/banners/new_fill_form.png');
    text-align: center;
    color: #fff;
    width: 180px;
    height: 33px;
    margin: 10px 0;
    font: 12px/28px "CirceBold", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
}
 
#tix input[type="submit"]:hover {
    background-position: 0 -33px;
}
 
.tix-clear {
    float: left;
    clear: both;
    height: 1px;
    line-height: 1px;
}
</style>
<div id="tix" class="tix-js">
	<form action="http://2013.russia.wordcamp.org/tickets/?tix_action=attendee_info#tix" method="POST">
		<table class="tix_tickets_table">
			<thead>
				<tr>
					<th class="tix-column-description">Описание</th>
					<th class="tix-column-price">Цена</th>
					<th class="tix-column-quantity">Количество</th>
				</tr>
			</thead>
			<tbody>
				<tr class="tix-ticket-5541">
					<td class="tix-column-description">
						<strong class="tix-ticket-title">Участие в WordCamp Russia 2013</strong>
					</td>
					<td class="tix-column-price" style="vertical-align: middle;">
						$&nbsp;20.00
					</td>
					<td class="tix-column-quantity" style="vertical-align: middle;">
						<select name="tix_tickets_selected[5541]">
							<option selected="selected" value="0">0</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
						</select>
					</td>
				</tr>
 
				<tr class="tix-ticket-5544">
					<td class="tix-column-description">
						<strong class="tix-ticket-title">Микроспонсорство + участие в WordCamp Russia 2013</strong>
					</td>
					<td class="tix-column-price" style="vertical-align: middle;">
						$&nbsp;70.00
					</td>
					<td class="tix-column-quantity" style="vertical-align: middle;">
						<select name="tix_tickets_selected[5544]">
							<option selected="selected" value="0">0</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
						</select>
					</td>
				</tr>
			</tbody>
		</table>
 
		<p>
			<input type="submit" value="Зарегистрироваться &rarr;" style="float: right; cursor: pointer;">
			<br class="tix-clear" />
		</p>
	</form>
</div>