
/*-------- TRACK FORM --------*/

 #track-form div
	{
	margin: 10px 0;
	}

 #track-form .field
	{
	max-width: 400px;
	}

 #track-form .field.error
	{
	border-color: #ff5050;
	color: #ff5050;
	}

 #track-form .not-found
	{
	margin-left: 12px;
	padding-left: 23px;
	font-size: 16px;
	background: url('/public/root/images/error.png') left center no-repeat;
	color: #ff5050;
	}


/*-------- TRACK RESULTS  --------*/

 #track-result h2
	{
	margin: 0 0 15px 0;
	font-size: 22px;
	*text-align: center;
	color: #202020;
	}

 #track-result .message
	{
	margin-top: 20px;
	font-size: 16px;
	color: #606060
	}

 #track-result h3
	{
	margin: 30px 0 10px 0;
	font-size: 18px;
	}

 #track-result ul
	{
	margin: 0;
	padding-left: 20px;
	}

 #track-result p
	{
	margin: 10px 0;
	}

 #track-result p .label
	{
	margin-right: 10px;
	font-weight: 700;
	}

 #track-result .link
	{
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
	color: #2277ff;
	text-decoration: underline;
	cursor: pointer;
	}
 #track-result .link:hover
	{
	color: #0033aa;
	}


/*-------- TRACK EVENTS --------*/

 #events-table
	{
	margin-top: 10px;
	width: 100%;
	*table-layout: fixed;
	}

 #events-table th,
 #events-table td
	{
	padding: 13px 30px 13px 10px;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
	*border: 1px solid red;
	}

 #events-table th
	{
	font-weight: 700;
	}

 #events-table tr:hover td
	{
	background-color: #f6f6f7;
	}

 #events-table td.date
	{
	width: 130px;
	}

 #events-table td.location
	{
	width: 150px;
	}



/*------ MOBILE --------*/

@media (max-width: 1000px) 
 {
 #events-table td
	{
	padding: 13px 7px;
	}

 #events-table td.date,
 #events-table td.location
	{
	width: auto;
	}
 }

@media (max-width: 600px) 
 {
 #events-table,
 #events-table tr,
 #events-table td
	{
	display: block;
	width: 100%;
	border: none;
	}

 #events-table thead
	{
	display: none;
	}

 #events-table tr
	{
	padding: 8px 0;
	border-bottom: 1px solid #dddddd;
	}
 #events-table tr:first-child
	{
	border-top: 1px solid #dddddd;
	}

 #events-table td
	{
	padding: 3px 0;
	}

 #track-result h3
	{
	font-size: 16px;
	}

 #track-result .link
	{
	margin-top: 10px;
	font-size: 14px;
	}
 }
