html { background: #2b3e5c; text-align: center; margin: 0px auto 0px auto; }
body { display: block; border: 1px solid transparent; width: 1054px; background: #2b3e5c url(bg.top.jpg) no-repeat center top; padding: 0px; text-align: center; margin: 0px auto 0px auto; }
form { display: table; margin: 60px 0px 0px 0px; width: 1054px; font-family: "Arial" , "san-serif"; font-size: 10pt; 
       color: #fffeff; background: transparent url(bg.middle.jpg) repeat-y center top; 
       text-align: center; }
div#footer { width: 1054px; background: #2b3e5c url(bg.bottom.jpg) no-repeat center bottom; height: 50px; clear: both; }
div#container { text-align: left; width: 975px; margin: 15px auto 0px 40px; padding-bottom: 10px; }
span.red { color: red; }
span.white { color: white; }

div#required { position: absolute; }

input { font-size: 10pt; padding-left: 2px; }
input.link, a { width: auto; background: transparent; border: none; color: #88EE33; font-family: "Arial" , "san-serif"; overflow: hidden; 
                font-size: 10pt; font-style: normal; font-weight: normal; text-decoration: none; 
                letter-spacing: normal; padding: 0px; text-align: right; /*text-shadow: .5pt .5pt 0pt black; */ }
input.link:hover, a:hover { text-decoration: underline; }
input.red, select.red, textarea.red { color: #000000; background-color: #FFC4C4; }
input.gray, select.gray, textarea.gray { color: #000000; background-color: #C0C0C0; border-color: #75736e; }
table { border-collapse: collapse; }
tr.alt td { background-color: #3b7a58; }

/* Text boxes as labels. */
input.textlabel, select.textlabel { background-position: transparent; border: none; background: transparent; color: white; padding: 0px; margin: 0px; width: auto; text-align: left; }

/* Button table. */
table#buttons { margin-top: 25px; margin-bottom: 25px; height: 24px; width: 100%; }
table#buttons td.cc { text-align: left; width: 50%; }
table#buttons td.ca { width: 50%; text-align: right; }
table#buttons td.ca input { margin-left: 10px; }
table#buttons td input { width: auto; padding: 0px 2px 0px 2px; }

/* Validation. */
span.validator { margin-top: 25px; line-height: 20px; display: block; text-align: right; }
form#adminAffiliate span.validator { display: none; }

/* Alternating table, with header row, and add row. */
div.updateTitle { font-weight: bold; padding: 25px 0px 10px 0px; }
table.update { width: 100%; border-collapse: collapse; vertical-align: middle; }
table.update th { font-weight: normal; text-align: left; border-bottom: 1px solid #fffeff; }
table.update td { padding: 5px 0px 2px 0px; }
table.update td.name { width: auto; }
table.update td.age, table.update th.age { width: auto; text-align: center; }
table.update td.last { text-align: right; padding-right: 1px; }
table.update td input { width: 95%; margin: 2px 0px 2px 0px; }
table.update .checkbox { width: 7%; text-align: center; }
table.update .dob { width: 10%; }
table.update .dob input { width: 70px; padding-left: 4px; }
table.update .dob a { margin-top: 4px; }
table.update tr.add td { border-top: solid 1px #fffeff; padding-top: 5px; }

/* Basic input table, with two columns. */
table.basic { width: 100%; border-collapse: collapse; }
table.basic td { line-height: 20px; vertical-align: middle; text-align: left; padding: 5px 0px 3px 8px; }
table.basic td.label { width: 185px; text-align: right; }
table.basic td input { text-align: left; width: auto; width: 270px; margin: 0px; }
table.basic td.checkbox { padding-top: 7px; }
table.basic td.checkbox input { width: auto; margin: 2px 0px 2px 0px; }
table.basic td.firstGame input { width: 70px; padding-left: 4px; }
table.basic td select { width: 275px; margin: 0px; }
table.none td { line-height: normal; }

/* Pending Listings */
table.listing { width: 100%; border-collapse: collapse; }
table.listing td { overflow: hidden; }
table.listing td.message { padding: 25px 0px 10px 10px; }
table.listing td.title { font-weight: bold; padding: 25px 0px 10px 0px; }
table.listing td.heading { border-bottom: 1px solid #fffeff; }
table.listing td.c1 { width: 220px; }
table.listing td.c2 { width: 120px; }
table.listing td.c3 { width: 220px; }
table.listing td.c4 { width: 160px; }
table.listing td.c5 { width: 160px; }
table.listing td.c6 { width: auto; text-align: right; }

/* Players Table */
table.players { width: 820px; border-collapse: collapse; }
table.players th { font-weight: normal; text-align: left; border-bottom: 1px solid #fffeff; white-space: nowrap; empty-cells: show; }
table.players td { padding: 2px 0px 2px 0px; }
table.players td.name, table.players th.name { width: 18%; }
table.players td.center, table.players th.center { width: 5%; text-align: center; }
table.players select { width: 220px; }
table.players td.last { text-align: right; padding-right: 1px; }
table.players tr.add td { border-top: solid 1px #fffeff; padding-top: 5px; }
table#draft, table#draftControls { vertical-align: middle; width: 100%; }
table#draftControls td.last { text-align: left; padding-left: 10px; }
table#draftControls td.label { width: 185px; text-align: right; }
table#draftControls select { width: 240px; margin-left: 10px; }
/*form#tournament table.archived { width: 820px; }*/

div#portalMenu { width: 820px; text-align: right; }
div#portalMenu a.active { color: #fffeff; text-decoration: none; }
div#portalMenu a.active:hover { text-decoration: underline; }
div#adminMenu { text-align: center; padding-bottom: 10px; border-bottom: 1px solid #fffeff; }
div#adminMenu a { text-decoration: none; font-size: 10pt; }
div#adminMenu a.active { color: #fffeff; }
div#adminMenu a:hover { text-decoration: underline; }

div#menu { float: left; width: 120px; height: 100%; padding: 10px 5px 10px 0px; line-height: 24px; }
div#menuTop { border-bottom: solid 1px #fffeff; padding-bottom: 10px; }
div#menuBottom { padding-top: 10px; }

div#content { width: 820px; min-height: 300px; padding: 10px 0px 0px 15px; float: right; border-left: solid 1px #fffeff; margin-bottom: 30px; }

div#loginBox { width: 625px; text-align: right; }

div.titleLine { font-weight: bold; border-bottom: solid 1px #fffeff; width: 620px; margin: 20px 0px 10px 0px; }
div.first { margin-top: 0px; }

form#confirmation a { display: block; text-align: right; }
form#confirmation td.label { width: 125px; text-align: right; }
form#confirmation table.alternates { width: 100%; }
form#confirmation table.alternates td { width: 50%; }
form#confirmation table.divisions { width: 100%; }
form#confirmation table.divisions td.label { width: 200px; }

form#profile div#portalMenu { width: 620px; }
form#profile td.label { width: 125px; text-align: right; }
form#profile table.alternates { width: 620px; }
form#profile table.alternates td { width: 50%; }
form#profile table.divisions { width: 100%; }
form#profile table.divisions td.label { width: 200px; }

form#divisions table, form#adminLeagues table { width: 820px; border-collapse: collapse; }
form#divisions td.divTitle, form#adminLeagues td.divTitle { border-bottom: 1px solid #fffeff; }
form#divisions td, form#adminLeagues td { overflow: hidden; }
form#divisions td.c1, form#adminLeagues td.c1 { width: 23%; }
form#divisions td.c2, form#adminLeagues td.c2 { width: 23%; }
form#divisions td.c3, form#adminLeagues td.c3 { width: 23%; }
form#divisions td.c4, form#adminLeagues td.c4 { width: 31%; text-align: right; }

form#leagueConfirmation a { display: block; text-align: right; }
form#leagueConfirmation td.label { width: 125px; text-align: right; }
form#leagueConfirmation table#divTable { width: 100%; border-collapse: collapse; }
form#leagueConfirmation table#divTable td.divTitle { border-bottom: 1px solid #fffeff; font-weight: bold; }
form#leagueConfirmation table#divTable td.c1 { width: 33%; }
form#leagueConfirmation table#divTable td.c2 { width: 33%; }
form#leagueConfirmation table#divTable td.c3 { width: 33%; }

form#contact div#content table { table-layout: fixed; }
form#contact div#content th { color: #fffeff; width: 100px; vertical-align: top; padding-right: 10px; font-weight: normal; text-align: right; }
form#contact div#content td span { vertical-align: top; padding-top: 1px; }
form#contact div#content p, form#contact form#content input, form#contact div#content textarea { margin-bottom: 10px; }
form#contact div#content textarea { width: 400px; }
form#contact input#submit { width: 120px; margin-left: 284px; }

form#rosterConfirmation a { display: block; text-align: right; }

form#tournamentConfirmation a { display: block; text-align: right; }
form#tournamentConfirmation td.label { width: 125px; text-align: right; }
form#tournamentConfirmation table#divTable { width: 100%; border-collapse: collapse; }
form#tournamentConfirmation table#divTable td.divTitle { border-bottom: 1px solid #fffeff; font-weight: bold; }
form#tournamentConfirmation table#players td.first { width: 28%; }
form#tournamentConfirmation table#players td.middle { width: 27%; }
form#tournamentConfirmation table#players td.last { width: 28%; }
form#tournamentConfirmation table#players td.dob { width: 15%; }
form#tournamentConfirmation div.playersLine { width: 100%; font-weight: bold; border-bottom: solid 1px #fffeff; margin: 20px 0px 10px 0px; }

form#database table#inputs { margin-bottom: 15px; }
form#database table#inputs td.label { width: 100px; text-align: right; }
form#database table#inputs td.box select { width: 60px; padding-left: 1px; }
form#database table#inputs td.box input#filter { width: 250px; margin-top: 8px;}
form#database table#inputs td.box input#submit { margin-left: 10px; }
form#database table#inputs input#update { width: auto; visibility: hidden; }
form#database table#affiliates { line-height: 14pt; width: 820px; border-top: 1px solid #fffeff; border-bottom: 1px solid #fffeff; padding-top: 5px; padding-bottom: 7px; }
form#database table#affiliates td.name { width: 80%; }
form#database table#affiliates td.link { text-align: right; }


form#adminDatabase table#year td.label, form#adminDatabase table#inputs td.label { width: 60px; text-align: right; }

form#adminDatabase table#year { margin: 15px 0px 0px 5px; }
form#adminDatabase table#year td.box select { width: 60px; padding-left: 1px; }
form#adminDatabase table#year td.box input#filter { width: 250px; }
form#adminDatabase table#year td.box input#submit { margin-left: 10px; }

form#adminDatabase table#inputs { margin: 0px 0px 15px 5px; }
form#adminDatabase table#inputs select, form#adminDatabase table#inputs input { width: 250px; margin-top: 8px; }
form#adminDatabase table#inputs input#submit { width: auto; padding: 0px 2px 0px 2px; margin-left: 10px; }
form#adminDatabase table#affiliates { width: 100%; border-top: 1px solid #fffeff; border-bottom: 1px solid #fffeff; padding-top: 5px; padding-bottom: 7px; }
form#adminDatabase table#affiliates td.name { width: 80%; }
form#adminDatabase table#affiliates td.link { text-align: right; }
form#adminDatabase table#inputs input#update { width: auto; visibility: hidden; }

form#adminAffiliate table#tableAlternates { width: 620px; }
form#adminAffiliate table#softballDivisions input, form#adminAffiliate table#baseballDivisions input { width: 30px; text-align: right; padding-right: 3px; }


form#adminLeague table.basic { margin: 10px 0px 15px 0px; }
form#adminLeagues a#return { width: 820px; display: block; text-align: right; }

form#adminDivisions table { margin-top: 25px; }
form#adminDivisions table td.label { width: 125px; text-align: right; }
form#adminDivisions input#softballCutoff, form#adminDivisions input#baseballCutoff { width: 75px; padding-left: 2px; }
form#adminDivisions table#divs { border-collapse: collapse; width: 100%; }
form#adminDivisions table#divs th { text-align: left; font-weight: normal; border-bottom: 1px solid #fffeff; }
form#adminDivisions table#divs td { text-align: left; padding: 2px 0px 2px 0px; }
form#adminDivisions table#divs td.c1, form#adminDivisions table#divs th.c1 { width: 35%; }
form#adminDivisions table#divs td.c2, form#adminDivisions table#divs th.c2 { width: 12%; }
form#adminDivisions table#divs td.c3, form#adminDivisions table#divs th.c3 { width: 12%; }
form#adminDivisions table#divs td.c4, form#adminDivisions table#divs th.c4 { width: 10%; }
form#adminDivisions table#divs td.c5, form#adminDivisions table#divs th.c5 { width: 10%; }
form#adminDivisions table#divs td.c6, form#adminDivisions table#divs th.c6 { text-align: right; width: auto; }
form#adminDivisions table#divs tr.add td { border-top: 1px solid #fffeff; padding-top: 5px; }
form#adminDivisions table#divs tr.add input#name { width: 95%; }
form#adminDivisions table#divs tr.add select { width: 92%; }
form#adminDivisions table#divs tr.add input#value, form#adminDivisions table#divs tr.add input#rosterLimit { width: 50%; }

form#adminDirectors table#dirs { margin-top: 25px; border-collapse: collapse; width: 100%; }
form#adminDirectors table#dirs th { font-weight: normal; border-bottom: 1px solid #fffeff; }
form#adminDirectors table#dirs td { text-align: left; padding: 2px 0px 2px 0px; }
form#adminDirectors table#dirs td input { margin-top: 2px; margin-bottom: 2px; width: 95%; }
form#adminDirectors table#dirs td.c4 input { text-align: center; width: 50%; }
form#adminDirectors table#divs td.c1, form#adminDirectors table#dirs th.c1 { width: 25%; text-align: left; }
form#adminDirectors table#dirs td.c2, form#adminDirectors table#dirs th.c2 { width: 25%; text-align: left; }
form#adminDirectors table#dirs td.c3, form#adminDirectors table#dirs th.c3 { width: 25%; text-align: left; }
form#adminDirectors table#dirs td.c4, form#adminDirectors table#dirs th.c4 { width: 6%; text-align: center; }
form#adminDirectors table#dirs td.c5, form#adminDirectors table#dirs th.c5 { width: auto; text-align: right; }
form#adminDirectors table#dirs tr.add td { border-top: 1px solid #fffeff; padding-top: 5px; }

form#adminSeasons div#warning { width: 720px; margin: 10px auto 10px 10px; }
form#adminSeasons div#questions { width: 520px; line-height: 24px; margin: 10px auto 10px 30px; }

form#adminContent div#contentPanel table { width: 100%; margin-top: 25px; border-collapse: collapse; }
form#adminContent div#contentPanel table th { text-align: left; font-weight: normal; border-bottom: 1px solid #fffeff; }
form#adminContent div#contentPanel table td { text-align: left; padding: 2px 0px 2px 0px; }
form#adminContent div#contentPanel table tr.add td { border-top: 1px solid #fffeff; padding-top: 5px; }
form#adminContent div#contentPanel table tr.add div { float: right; }
form#adminContent div#contentPanel table td.name { width: 350px; }
form#adminContent div#contentPanel table td.location { width: 350px; }
form#adminContent div#contentPanel table td.name input { width: 300px; }
form#adminContent div#contentPanel table td.buttons { text-align: right; width: auto; }
form#adminContent div#contentPanel table#buttons td.ca { text-align: right; }
form#adminContent div#editPanel { z-index: 90; position: absolute; width: 100%; height: 100%; top: 0pt; left: 0pt; text-align: center; background-color: #333; 
                                  background-color: transparent; background-image: url(/Resources/overlay.png); }
form#adminContent div#editPanel div#editControls { border: 2px solid #fffeff; padding: 15px; margin: 50px auto 50px auto; width: 700px; height: auto; background-color: #fffeff; }
form#adminContent div#editPanel div#editControls input#editCancel { margin-top: 25px; }
form#adminContent div#editPanel div#editControls input#editButton { margin-top: 25px; margin-left: 250px; }

form#adminReports table#reportOptions { margin: 25px auto 0px 0px; width: 800px; }
form#adminReports table#reportOptions td { vertical-align: top; padding-top: 10px; }
form#adminReports table#reportOptions td.label { text-align: right; }