* {
	margin: 0;
	padding: 0;
}

h1:first-child {
	color: blue;
	margin-bottom: 10px;
}

h2:first-child {
	color: blue;
	margin-bottom: 10px;
}
.mandatory {
	color: red;
}

/********************************  body  *****************/
body {
	width: 1010px;
	margin: 0 auto;
	background-color: lightcyan;
	font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
}
/********************************  div.container  *****************/
div.container {
	width: 100%;
}

/********************************  div.logout  *****************/
form.logout {
	float: right;
	background-color: aliceblue;
}
ul.logout {
	list-style-type: none;
	float: right;
}

li.logout {
	display: inline;
	font-size: 0.7em;
	list-style-type: none;		/* turns off markers */
	cursor: pointer;
	border: 2px solid white;
	color: white;
	background-color: darkviolet;
	text-decoration: none;
}

li.logout.nopointer {
	cursor: default;
}

a.button:link, a.button:visited {
	background-color: darkviolet;
	border: none;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 20px;
	padding: 2px 10px 2px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	
}
a.button:hover {
	background-color: magenta;
}
input[type="submit"] {
	background: darkviolet;
	border: none;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 20px;
	padding: 2px 10px 2px;
	text-align: center;
	text-transform: uppercase;
}
input[type="submit"]:hover {
	background-color: magenta;
}


input.logout {
	margin-top: 0;
}

a.logout {
	color: white;
}

a.logout:hover {
	background-color: magenta;
}


input[type="password"] {
	top-margin: 20px;
}
/********************************  div.menu_area  *****************/
/*  see multilevelStylesheet.css */


/********************************  div.sidebar  *****************/
div.sidebar {
	width: 238px;
	float: left;
	background-color: aliceblue;
	border: 1px solid blue;
	min-height: 700px;
	padding: 5px;
}

/********************************  div.main  *****************/
div.main {
	width: 748px;
	float: left;
	min-height: 700px;
	border: 1px solid blue;
	padding: 5px;
}

/********************************  div.footer  *****************/
div.footer, footer {
	clear: both;
	text-align: center;
	background-color: darkviolet;
	color: white;
	font-size: 0.7em;
	padding: 5px;
}

p.info {
	color: #ff00ff;
	padding-top: 10px;
	font-size: 0.8em;
}

/********************************  login  **********************/
h1.login {
	margin-top: 0;
	color: blue;
}

p.login {
	margin-top: 15px;
}

p.login.purpose {
	padding: 25px;
	text-align: center;
}

input.login {
	margin-top: 3px;
}

input.login.button {
	display: block;
	margin: 30px auto 0;
	width: 200px;
}
a.login.button {
	display: block;
	margin: 20px auto 0;
	width: 180px;
}

/********************************  register  *******************/
li.password_messages {
	padding: 0 10px 0;
	list-style-type: none;
}

.password_messages.response {
	color: blue;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px
}

label.register {
	display: inline-block;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
}

input.register {
	display: inline-block;
}

input#email {
	width: 350px;
}

li.register {
	list-style-type: none;
	display: inline-block;
	text-align: center;
}

input.submit.register {
	display: inline-block;
	margin-left: 200px;
	width: 100px;
}

a.register:link, a.register:visited {
	display: inline-block;
	width: 100px;
	color: white;
	background-color: darkviolet;
	cursor: pointer;
	margin-left: 100px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	padding: 2px;
}

a.register:hover {
	background-color: magenta;
}

/********************************  draw.php  *******************/
table.draw {
	font-size: 1.0em;
	border-collapse: collapse;
}
table.draw th {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid #00a0ff;
	text-align: left;
}
table.draw caption {
	font-size: 1.5em; 
	font-weight: bold;
	color: blue;
	padding: 5px 0 5px;
}
table.draw tr {
	height: 12px;
	font-size: 1.0em;
}
table.draw td {
	border: 1px solid blue;
	padding: 2px;
}
table.draw td.draw_A {
	background-color: #e7bce7;
}
p.draw.legend {
	border: 1px solid blue;
	padding: 2px;
	background-color: #e7bce7;
	width: 100px;
}
/******************************** enter_draws ******************/
table.enter_draws {
	border-collapse: collapse;
	margin: 0 auto;
}
table.enter_draws th {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid #0000ff;
	text-align: center;
	padding: 0 5px 0;
}
table.enter_draws input {
	width: 20px;
	margin: 3px 8px 3px;
	text-align: center;
}

table.enter_draws tr {
	height: 12px;
	font-size: 1.0em;
}

table.enter_draws td {
	text-align: center;
}
td.enter_draws {
	border: 1px solid blue;
	padding: 0 5px 0;
}
table.enter_draws caption {
	font-size: 1.5em; 
	font-weight: bold;
	color: blue;
	padding: 5px 0 5px;
}
p.enter_draws {
	font-size: 0.9em;
}
/********************************  enter_sides  ****************/
p.enter_sides {
	text-align: center;
}
h2.enter_sides {
	color: blue;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
input.enter_sides.button {
	margin-left: 400px;
}
a.enter_sides:link, a.enter_sides:visited {
	display: block;
	width: 120px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0020ff;
	text-align: center;
	padding: 1px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 1px;
}
/***********************************************  section_results.php *************/
table.results {
	border-collapse: collapse;
	border: 1px solid blue;
	margin: 0 auto;
}
h2.results {
	color: blue;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
th.results {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid #00a0ff;
	text-align: left;	
}
td.results {
	border: 1px solid blue;
}
td.results.side {
	padding-left: 10px;
	width: 150px;
}
input.results {
	width: 50px;
	text-align: center;
}
input.results.readonly {
	background-color: lightcyan;
}
p.results.message {
	color: blue;
	margin-left: 20px;
}
/********************************  create_tables ***************/
.create_tables ul {
	
}
.create_tables li {
	margin: 15px
}
.create_tables.warning {
	display: block;
	width: 500px;
	text-align: center;
	font-weight: bold;
	color: red;
	margin: 200px auto 100px;
}
button.create_tables {
	background-color: red;
	width: 200px;
	height: 50px;
	margin-left: 280px;
	font-size: 2em;
	color: yellow;
	cursor: pointer;
	border-radius: 10px;
}
p#demo {
	text-align: center;
	color: blue;
	margin: 100px auto;
}
/********************************  player_account  *************/
div.availability {
	float: right;
	/*border: 1px solid green;*/
}
div.availability table {
	border-collapse: collapse;
}
div.availability td {
	border: 1px solid blue;
}
input.chk {
	border: 1px solid red;
	margin: 3px 20px;	
}
div.player.data {
	/*border: 1px solid green;*/
}
div.player.upload {
	/*border: 1px solid green;*/
	top-margin: 25px;
}
/********************************  other  **********************/
*.error {
	color: red;
}
p.author_note {
	font-size: 0.9em;
	background-color: #ffe680;
	border: 1px solid red;
	margin-top: 15px;
}
a.player-name:link, a.player-name:visited {
	/* display: inline-block; */
	display: block;
	width: 120px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0020ff;
	text-align: left;
	padding: 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 1px;
	font-size: 0.8em;
	border: none;
}

a.active-round:link, a.active-round:visited {
	display: block;
	width: 180px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: darkviolet;
	text-align: left;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 3px;
	margin: 1px;
	border: none;
}
a.active-round:hover {
	background-color: magenta;
}
span.inactive-round {
	display: inline-block;
	width: 180px;
	font-weight: normal;
	color: black;
	background-color: #00d394;
	text-align: left;
	padding: 0 5px;
	text-transform: uppercase;
	border-radius: 3px;
	margin: 1px;		
}
/********************************  contact_us ******************/
input#message {
	display: block;
	width: 400px;
	height: 100px;
	background-color: white;
}
ul.error_list {
	list-style-type: none;
}
li.error_item {
	color: red;
}
li.result_item {
	color: blue;
}
ul.button_list_horiz {
	list-style-type: none;
}
li.list_item_horiz {
	display: inline-block;
	margin: 0 10px 0;
}
li.button {
	width: 150px;
	font-weight: bold;
	color: white;
	background-color: darkviolet;
	text-align: center;
	padding: 2px;
	text-transform: uppercase;
	border-radius: 3px;
	cursor: pointer;
}
/***********************************************  forgot_password.php  ************/
div.forgot_password {
	border: 1px solid blue;
}
ul.forgot_password {
	list-style-type: none;
}
li.forgot_password {
	list-style-type: none;
	display: inline-block;
	text-align: center;
}

li.forgot_password.hide {
	visibility: hidden;
}
input.submit.forgot_password {
	display: inline-block;
	margin-left: 200px;
	width: 100px;
}
a.forgot_password:link, a.forgot_password:visited {
	display: inline-block;
	width: 65px;
	color: white;
	background-color: darkviolet;
	cursor: pointer;
	margin-left: 100px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	padding: 2px;
}

a.forgot_password:hover {
	background-color: magenta;
}
a.forgot_password.hide {
	/*visibility: hidden;*/
}
/***********************************************  players.php  ********************/
div.player p.message {
	color: blue;
	text-align: center;
}
form.stats img {
	float: right;
}
form.stats h2 {
	text-align: center;
	color: blue;
	margin-bottom: 25px;
}
form.stats label {
	display: inline-block;
	width: 250px;
	text-align: right;
}
form.stats span {
	margin: 0 5px 0;
}
form.availability table {
	font-size: 1.0em;
}
form.availability td {
	padding: 0 5px 0;
}
form.availability td.center {
	text-align: center;
}
table.stats {
	border-collapse: collapse;
	margin: 100px auto 0 auto;
	font-size: 1.0em;
}
table.stats th {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid blue;
	text-align: left;
	padding: 0 5px 0;
}
table.stats td {
	border: 1px solid blue;
	padding: 0 5px 0;
}
table.stats td.round, table.stats td.side {
	text-align: center;
}
/***********************************************  pending_registrations.php *******/
div.sidebar.pending_registrations p {
	font-size: 0.9em;
	margin-bottom: 10px;
}
div.sidebar.pending_registrations h2 {
	text-align: center;
	color: blue;
	margin-bottom: 25px;
}
form.pending_registrations h2 {
	text-align: center;
	color: blue;
	margin-bottom: 50px;
}
form.pending_registrations li {
	list-style-type: none;
	padding: 0 15px 0;
}
table.pending_registrations caption {
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
}
table.pending_registrations {
	border-collapse: collapse;
	margin: 0 auto;
}
table.pending_registrations td {
	border: 1px solid blue;
	padding: 0 5px 0;
}
table.pending_registrations th {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid blue;
	text-align: left;
	padding: 0 5px 0;
}
table.pending_registrations input {
	width: 50px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}
form.pending_registrations input.button {
	margin-left: 320px;
}
.hide {
	visibility: hidden;
}
/***********************************************  home.php  ***********************/
span.admin_dash {
	font-weight: bold;
}
/***********************************************  ladders.php  ********************/
h2.ladders {
	color: blue;
	text-align: center;
	margin-bottom: 20px;
}
table.ladder {
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 0.85em;
}
table.ladder th {
	color: white;
	font-weight: bold;
	background-color: blue;
	border: 1px solid blue;
	padding: 0 10px;
} 
td.ladder {
	border: 1px solid blue;
}
tr.highlight {
	border: 3px solid red;
}
th.left, td.left {
	text-align: left;
	padding: 0 5px;
}
th.ladder.wide {
	width: 150px;
}
th.ladder.right, td.right {
	text-align: right;
	padding: 0 5px;
}
td.center {
	text-align: center;
	padding: 0 5px;
}
/***********************************************  teams.php  **********************/
table.team {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

table.team caption {
	font-size: 1.0em; 
	font-weight: bold;
}

table.team col.p_name {
	width: 16%;
}

table.team col.score {
	width: 8%;
}

table.team tr {
	height: 12px;
	font-size: 0.9em;
}

table.team th {
	color: #ffffff;
	background-color: #00a0ff;
	border: 1px solid #00a0ff;
	text-align: left;
}

table.team th.score {
	text-align: center;
}

table.team td {
	border: 1px solid blue;
	font-size: 0.9em;
	cursor: pointer;
}

table.team td.p_name, table.team td.score {
	background-color: #cce6ff;
}

table.team input.p_name {
	font-size: 1.0em;
	border: none;
	width: 100%;
	background-color: #cce6ff;
}

table.team input.score {
	font-size: 1.0em;
	border: none;
	text-align: center;
	width: 100%;
	background-color: #cce6ff;
}

td.pool {
	border: 1px solid red;
	font-size: 0.8em;
}

h2.team_header {
	text-align: center;
	color: blue;
}

ul.std {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li.std {
	float: left;
}
input.small_button {
	display: block;
	font-size: 0.7em;
	margin: 2px auto;
	padding: 0;
	width: 75px;
}
table.rounds {
	border-collapse: collapse;
}
td.rounds {
	text-align: center;
	width: 80px;
}

input.rounds {
	text-align: center;
	font-family: inherit;
	margin: 0 auto;
	width: 30px;
}