/* Global */

* {padding:0; margin:0;}
html, body {margin:0; padding:0; height:100%;}
body {background:#0884a1 url(../images/bkg.png) center top repeat-y; text-align:center;}

p, dl, li, legend, th, td, input, textarea, select, button {font:normal 12px/16px Arial,Verdana,Sans-Serif; color:#ffffff;}
dt, legend {text-transform:capitalize;}
small {font:normal 10px/12px Arial,Verdana,Sans-Serif; color:#293859;}

h1 {font:bold 20px/24px Arial,Verdana,Sans-Serif; text-transform:capitalize;}
h2 {margin:0 0 10px 0; font:bold 16px/20px Arial,Verdana,Sans-Serif; text-transform:capitalize;}
h3 {font:bold 14px/18px Arial,Verdana,Sans-Serif; text-transform:capitalize;}
h4 {margin:0 0 5px 0}
h4, th {font:bold 12px/16px Arial,Verdana,Sans-Serif; text-transform:capitalize;} /* Is the same as a paragraph with bold, table header */
h5 {font:bold 10px/12px Arial,Verdana,Sans-Serif; text-transform:capitalize;} /* Is the same as small text with bold */
h6 {font:bold 8px/10px Arial,Verdana,Sans-Serif; text-transform:capitalize;}

#table01 {position:relative; width:900px; height:100%; background:#00a0c6 url(http://www.gamesforhope.com/images/copy_bkg.gif) 0 268px no-repeat;; margin:0 auto;}
#table01 td {}
#table01row01 {height:229px;}
#table01row01col01 {vertical-align:top; text-align:left;}
#table01row03 {height:30px;}
#table01row03col01 {vertical-align:bottom; text-align:center; line-height:30px;}

#header {height:229px;}
.language {display:block; position:absolute; top:0; font-weight:bold; margin:10px; color:#ffffff;}
a.language {text-decoration:none;}

#navigation {position:relative; border-left:solid 12px #ffffff; width:888px; height:39px; padding:0; margin:0;}
#navigation li {display:inline; font:bold 12px/14px Arial;}
#navigation li a {display:block; float:left; width:101px; padding:0 5px; height:39px; background:url(http://www.gamesforhope.com/images/navigation_bkg.jpg) no-repeat; text-decoration:none; text-align:left; vertical-align:middle; color:#ffffff;}
#navigation li a:active {background:url(../images/navigation_bkg_active.jpg) no-repeat; text-decoration:none;}
#navigation li a:hover {background:url(../images/navigation_bkg_hover.jpg) no-repeat; text-decoration:none;}

#copy {padding:20px 60px; vertical-align:top; text-align:left;}
#copy p, #copy ol, #copy ul, #copy h2, #copy h3, #copy h4 {margin:10px 0px;}
#copy ol, #copy ul, #copy li {margin-left:10px;}

.function {color:#cc0000;}
.query {color:#0000cc;}
.case {color:#00cc00;}
.boolean {color:#cc00cc;}

.previous {display:block; width:100px; float:left; text-align:left;}
.next {display:block; width:100px; text-align:right; float:right;}

#table_view {empty-cells:show; width:100%;}
#table_view tr {border-top:solid 1px #ffffff; border-right:solid 1px #ffffff;}

#table_view th {background:#07718a;}
#table_view th:hover {background:#07718a;}
#table_view .elements td {background:#aaaaaa; color:#000000;}
#table_view .even td {background:#eeeeee; color:#000000;}
#table_view .odd td {background:#ffffff; color:#000000;}
#table_view th, #table_view td {padding:3px; border-bottom:solid 1px #ffffff; border-left:solid 1px #ffffff;}

#table_nav tr, #table_nav td {border:0; color:#000000;}

#table_view th, #table_view th a {font-weight:bold; color:#ffffff; text-decoration:none;}

.button_add {width:100%;}
.button_update {width:50%;}
.button_delete {width:50%;}

/* Hidden divs */

.hide {display:none;}
.show {display:inline;}
.showrow {display:table-row;}

.hidden {visibility:hidden;}
.visible {visibility:visible;}

.collapse {margin:0; border:0; padding:0;}

/* General */

#subnavigation {float:left; width:80%; padding:0; margin:0;}
#sublogout {float:right; width:15%; padding:0; margin:0; text-align:right;}

#subnavigation ul, #sublogout ul {padding:0; margin:0;}
#subnavigation ul li, #sublogout ul li {display:inline; padding:0 10px 0 0; margin:0; font-weight:bold;}
#subnavigation a, #sublogout a, #table_nav a {color:#293859}
#subnavigation a:hover, #sublogout a:hover, #table_nav a:hover {text-decoration:none;}

/* Form Pages */

.function {color:#cc0000;}
.query {color:#0000cc;}
.case {color:#00cc00;}
.return {color:#cc00cc;}

.invalid {border-color:#cc0000;}

#fieldset {width:100%; text-align:center; clear:both; border:0; padding:0 10px 10px;}
#fieldset legend {display:none; font-weight:bold; padding:10px 3px; font-style:normal; text-transform:capitalize;}
#form {clear:both; width:460px; margin:0 auto; font:normal 12px/16px Tahoma,Geneva,Sans-Serif;} /* DOCTYPE will affect width... */

#form span, #form label, #form input, #form textarea, #form select {float:left; vertical-align:middle;}
#form span, #form label {margin:1px; padding:3px;}
#form input, #form textarea, #form select {margin:1px; padding:3px;}
textarea {height:60px;}
input, textarea, select {color:#000000;}

#form select {line-height:18px; padding:2px;}

#form form {border:0;}
#form label {display:block; float:left; clear:left; width:110px; text-align:left;}
#form span {height:auto;}
#form span label {width:auto; clear:none;}
#form span input {border:0;}

#form span, #title, #name, #phone, #email, #description, #message, #url, #description_en, #description_fr, #gallery, #team {width:328px;}
#first_name, #last_name, #username, #password, #password_confirm, #submit, #division {width:110px;}
#start_time_hour, #start_time_minute, #start_time_second, #finish_time_hour, #finish_time_minute, #finish_time_second, #position {width:62px;}
#description, #description_en, #description_fr, #message {height:55px;}
#access, #goal, #offline, #online {width:55px;}

#team_name, #first_name_1, #last_name_1, #email_1, #phone_1, #first_name_2, #last_name_2, #email_2, #first_name_3, #last_name_3, #email_3, #first_name_4, #last_name_4, #email_4, #first_name_5, #last_name_5, #email_5, #first_name_6, #last_name_6, #email_6, #first_name_7, #last_name_7, #email_7, #first_name_8, #last_name_8, #email_8 {width:220px;}

#tournament {width:330px;}

#required_div {text-align:right;}
#submit_div {width:100%;}
#form #submit {float:right; line-height:14px;}

#colours_form_body #description {height:auto;}

#instructions {clear:both; padding-top:20px;}

#login fieldset {width:380px; padding:10px; margin:0 auto;}
#login #form {width:360px; border:0; margin:0 auto;}
#login #form span, #login #username, #login #password, #login #email {width:220px;}

#sponsors_div {float:left; width:200px; margin-left:-22px;}

#sponsors {display:block; float:left; width:188px; padding:0; margin:0; border-bottom:solid 1px #0382a0;}
#sponsors li {display:block; width:188px; padding:0; margin:0 0 30px 0; list-style-type:none; text-align:center;}
#sponsors li im, #sponsors li object, #sponsors li div {margin:0 auto;}

#text {float:right; width:580px;}

/* Help Haiti */
#haiti {width:580px; height:240px; margin-bottom:20px; background:#ffffff; vertical-align:top;}
#haiti ul {width:210px; padding:30px 40px; margin:0px 0 0 290px; list-style-type:none;}
#haiti li {margin:5px;}
#haiti a {color:#00a2c8; font-weight:bold;}
#haiti a:hover {text-decoration:none;}
#haiti .photo {float:left;}
#haiti .title {margin-top:20px;}