/* SSFTA Public Site
------------------------------------------------------------ */
html {
	font-size: 1em; /* Explicity set the font-size to 1em to help IE do it's calculations properly */
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	color: #134;
	background: #007cb4 url("../Images/bg.png") repeat-x;
	text-align: center;
}

/* Layout
------------------------------------------------------------ */
#layout {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
#footer {
	clear: both;
}

/* Headers
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	color: #476a7f;
}
h1 {
	font-size: 2em;
	margin-top: 0.4em;
	margin-bottom: 0.7em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.33em;
}
h4 {
	font-size: 1em;
}

/* Text elements
------------------------------------------------------------ */
p {
	font-size: 1em;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* Links
------------------------------------------------------------ */
a, a:link, a:visited, a:focus, a:hover, a:active {
	color: #04a;
	text-decoration: none;
}
a[href]:hover {
	text-decoration: underline;
}
a[disabled="disabled"] {
	color: #134;
	text-decoration: none;
}

/* Images
------------------------------------------------------------ */
a img {
	border: none; /* Remove annoying border on linked images */
}

/* Forms
------------------------------------------------------------ */
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
}
fieldset legend {
	color: #134;
	padding: 0 0.5em;
}

/* Tables
------------------------------------------------------------ */
table {
	border-collapse: collapse;
}
caption {
	text-align: left;
}
th {
	text-align: left;
}

/* Border Boxes
------------------------------------------------------------ */
div.box1 {
	background-color: #6eb1d6;
	padding: 4px;
}
div.box2 {
	border: 1px solid #fd0;
	padding: 4px;
}
div.box3 {
	background-color: #e5f1f7;
}

/* Data Table
------------------------------------------------------------ */
table.datalist {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #999;
	clear: both;
}
table.datalist th, table.datalist td {
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	padding: 0.3em 0.5em;
}
table.datalist th {
	background: #e5f1f7 url("../Images/th-bg.png") repeat-x;
}
table.datalist tbody tr.odd {
	background-color: #f6fcfc;
}
table.datalist tbody tr {
	background: #f6fcfc url("../Images/tr-bg.png") repeat-x;
}
table.datalist tbody tr:hover {
	background: #fff;
}
/* Data Pager
------------------------------------------------------------*/
a.datapager
{
	width:30px;
	padding-right:5px;
}


/* Search Event
------------------------------------------------------------ */
#searcheventbox div.box3 {
	padding: 0.6em 0.3em;
}
#searcheventbox td {
	padding: 0.2em 0.4em;
}
#searcheventbox td.label {
	text-align: left;
}
#searcheventbox .searchfield {
	width: 14em;
}
#searcheventbox .agefield {
	width: 3em;
}
#searcheventbox input[type="submit"] {
	width: 6em;
}
#beginfrombox {
	margin: 1em 0;
}
#beginfrombox label {
	margin-right: 0.1em;
}

/* Events Table
------------------------------------------------------------ */
/* Link to tooltip with competitions */
.moretip {
	cursor: pointer;
	background: url("../Images/more.gif") no-repeat right center;
	padding-right: 14px;
}
.ajaxtooltip {
	position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: auto;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: #ffffe0;
	border: 1px solid gray;
	padding: 5px;
}
.competitionstooltip th, .competitionstooltip td {
	padding: 3px;
	text-align: left;
}
.competitionstooltip td {
	vertical-align: top;
}

/* Event Information
------------------------------------------------------------ */
#eventinfobox div.box3, #orginfobox div.box3 {
	padding: 1em;
}
#eventinfobox h3, #orginfobox h3 {
	margin: 0 0 0.5em 0;
}
#eventinfobox {
	width: 48%;
}
table.eventinfo {
	border-collapse: collapse;
}
table.eventinfo th, table.eventinfo td {
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
	padding: 0.2em 0.5em;
}
table.eventinfo th {
	color: #476a7f;
}
#orginfobox {
	width: 48%;
	float: right;
}
#eventinfobox, #orginfobox {
	margin-bottom: 1em;
}

/* Competitions Table
------------------------------------------------------------ */
#competitionsbox {
	clear: both;
}
#competitionsbox div.box3 {
	padding: 1em;
}
#competitionsbox h3 {
	margin: 0 0 0.5em 0;
	float: left;
}
#competitionsbox td {
	vertical-align: top;
}
#competitionsbox #registrationbox {
	padding: 0;
	text-align: center;
}

/* Entry Selection
------------------------------------------------------------ */
#entryselectionbox div.box3 {
	padding: 1em;
}
#entryselectioninnerbox {
	max-width: 60em;
	margin: 0 auto;
}
#entryselectionbox td {
	padding: 0.2em 0.4em;
}
table.compinfo {
	margin-bottom: 1em;
}
table.compinfo label {
	font-weight: bold;
	margin-right: 0.5em;
}
#entryselectionbox fieldset {
	margin: 0;
}
#entryselectionbox fieldset td.label {
	text-align: right;
}
#entryselectionbox fieldset select {
	width: 20em;
}
#entryselectionbox input[type="submit"] {
	width: 6em;
}

/* Entry List
------------------------------------------------------------ */
div.entrybox {
	margin-top: 1.5em;
}
table.entryheader td {
	padding: 0.6em 0.5em;
}
table.entryheader label {
	font-weight: bold;
	margin-right: 0.5em;
}

/* Registration
------------------------------------------------------------ */
#registrationprogress {
	border-bottom: 1px solid #999;
	padding-bottom: 0.3em;
	margin-bottom: 1.2em;
}
#registrationprogress .activestep {
	padding-right: 2em;
	font-weight: bold;
}
#registrationprogress .inactivestep {
	padding-right: 2em;
	color: #999;
}

/* Personal Information
------------------------------------------------------------ */
#personalinformationform .labelrow td {
	padding-top: 0.6em;
}

/* Person Selection
------------------------------------------------------------ */
#personselectionbox, #classselectionbox, #entryconfirmationbox {
	max-width: 60em;
}
#personselectionbox div.box3, #classselectionbox div.box3, #entryconfirmationbox div.box3 {
	padding: 1em;
}
#personselectionbox #eventheaderbox, #classselectionbox #eventheaderbox, #entryconfirmationbox #eventheaderbox {
	font-weight: bold;
}
#personselectionbox fieldset td {
	padding: 0.2em 0.4em;
}
#personselectionbox .agefield {
	width: 3em;
}
#personselectionbox fieldset input[type="submit"] {
	width: 5em;
}
#personselectionbox #memberslistbox select {
	min-width: 20em;
}
#personselectionbox #memberslistbox, #personselectionbox #registrationbox {
	padding-top: 1em;
}

/* Competition & Class Selection
------------------------------------------------------------ */
#classselectionbox #registrationforbox td {
	padding: 0.2em 0.4em;
}
#classselectionbox h3 {
	margin: 1em 0 0.5em 0;
}
#classselectionbox #registrationforbox div {
	font-weight: bold;
}
#classselectionbox #registrationforbox, #classselectionbox #registrationbox {
	padding-top: 1em;
}

/* Entry Confirmation
------------------------------------------------------------ */
#entryconfirmationbox #registrationforbox td {
	padding: 0.2em 0.4em;
}
#entryconfirmationbox #registrationforbox h3 {
	margin: 1em 0 0 0;
}
#entryconfirmationbox #registrationforbox table {
	margin-bottom: 1em;
}
#entryconfirmationbox #emailconfirmationbox, #entryconfirmationbox #registrationbox {
	padding-top: 1em;
}

/* Misc
------------------------------------------------------------ */
/* Organisation */
h4.organizationname {
	margin-top: 1em;
	margin-bottom: 0;
}
.organizationname a {
	color: #476a7f;
}
/* Mandatory flag */
.mandatoryflag {
	color: red;
}
/* No wrap in date */
.date {
	white-space: nowrap;
}
/* Link back */
.backlink {
	clear: both;
	padding-top: 2em;
}
.backlink a {
	background: #e5f1f7 url("../Images/link-bg.png") repeat-x;
	border: 1px solid #476a7f;
	padding: 0.3em 0.6em;
}
/* Empty data list */
div.box3 div.listviewemptydata {
	padding: 1em;
}