/*
 * all pages.
 */
html,body
{
	background: url(/images/background.jpg);
	color: #000;
	font: small/1.5 verdana,arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

a
{
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

h1,
h2,
h3
{
   padding-bottom: 10px;
   text-align: left;
}

h1
{
   text-align: center;
}

h2
{
   font-size: 14px;
   padding-bottom: 5px;
}

img
{
	border: none;
}

ol
{
   margin: 0px;
   padding: 0px;
}

.pageBody table
{
   padding: 2px 10px 10px 10px;
}

.pageBody tbody td
{
   text-align: left;
   padding-bottom: 12px;
   vertical-align: top;
}

.pageBody tbody th
{
   padding-bottom: 2px;
   text-align: left;
   vertical-align: bottom;
}

.pageBody thead th
{
   background: #fff;
   color: #000;
   text-align: left;
}


.action
{
   text-align: right;
}

.action input
{
   margin-right: 80px;
}

.content
{
   background: #fff;
   clear: both;
   _height: 300px; /* ie hack */
   min-height: 300px;
   padding: 10px 40px 15px 40px;
}

table.data
{
   border-collapse: collapse;
}

table.data td
{
   border: 1px solid #000;
   padding: 5px 5px;
   vertical-align: middle;
}

table.data th
{
   border: 1px solid #000;
   padding: 3px 5px;
   vertical-align: middle;
}

div.errorText
{
   margin: 0 auto;
   margin-bottom: 10px;
   text-align: left;
   width: 360px;
}

td .errorText,
th .errorText
{
   margin-bottom: 0px;
   text-align: left;
   width: auto;
}

.green
{
   color: #157f00;
}

.loggedIn
{
   float: left;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
   left: 480px;
   line-height: 28px;
   position: relative;
   top: 50px;
}

.main
{
   background: #fff;
   margin: 0 auto;
   width: 720px;
}

.mainNav
{
   float: right;
}

.mainNav li
{
   background: url(/images/grey_tab_l.png) no-repeat bottom left;
   display: inline;
   float: left;
   margin: 0px 0px 0px 1px;
   padding: 0px 0px 0px 6px;
}

.mainNav li a
{
   background: url(/images/grey_tab_r.png) no-repeat 100% 100%;
   float: left;
   font-size: 11px;
   font-weight: bold;
   display: block;
   line-height: 28px;
   padding: 0px 10px 0px 7px;
   text-decoration: none;
   color:#ffffff;
}

.mainNav li.active
{
   background: url(/images/green_tab_l.png) no-repeat bottom left;
}

.mainNav li.active a
{
   background: url(/images/green_tab_r.png) no-repeat bottom right;
}

.mainNav li:hover
{
   background: url(/images/over_tab_l.png) no-repeat bottom left;
}

.mainNav li:hover a
{
   background: url(/images/over_tab_r.png) no-repeat bottom right;
}

.mainNav ul
{
   list-style: none;
   margin: 0px;
   padding: 0px 10px;
}

.messageText
{
   margin-bottom: 10px;
   text-align: center;
}

.red
{
   color: #900;
}

.required input,
.required select,
.required textarea

{
   background: #d3dee2;
   color: #000;
}

.unavailable
{
   font-style: italic;
}

.yellow
{
   color: #d3d347;
}


/*
 * contact us.
 */
.contactUs form
{
   margin-left: 70px;
}

.contactUs .actions
{
   padding-left: 400px;
}

.infoContact
{
   text-align:center;
}


/*
 * game.
 */
.game form,
.game table
{
   margin: 0 auto;
   width: 70%;
}

.game .action
{
   padding-left: 400px;
}


/*
 * game details.
 */
.gameDetails h2,
.gameDetails ol,
.gameDetails p,
.gameDetails table
{
   margin: 0 auto;
   width: 95%;
}

.gameDetails hr
{
   margin-bottom: 15px;
}

.gameDetails ol
{
   margin-left: 45px;
}

.gameDetails ol,
.gameDetails p
{
   margin-bottom: 10px;
}

.gameDetails table.data
{
   margin-bottom: 15px;
}

.gameDetails .action
{
   font-size: 11px;
   font-weight: normal;
}

.gameDetails .col1,
.gameDetails .col2
{
   float: left;
   width: 40%;
}

.gameDetails .col1
{
   padding-left: 20px;
}


/*
 * games.
 */
.games h1,
.games p,
.games table
{
   margin: 0 auto;
   width: 95%;
}

.games p
{
   margin-top: 5px;
}

.games table.data
{
   margin-bottom: 15px;
}

.games .canceled
{
   background: #ffbaba;
   color: #000;
}

.games .onWaitingList
{
   background: #fffee8;
   color: #000;
}

.games .signedUp
{
   background: #e8ffe8;
   color: #000;
}


/*
 * logout.
 */
.logout
{
   text-align: center;
}


/*
 * members.
 */
.members
{
   padding-top: 10px;
}

.members table
{
   margin: 0 auto;
   width: 95%;
}


/*
 * login.
 */
.login table
{
   padding-left: 180px;
}


/*
 * profile.
 */
.profile form,
.profile table
{
   margin-left: 85px;
   width: 85%
}

.profile .action
{
   padding-left: 400px;
}


/*
 * signup.
 */
.signup form,
.signup p,
.signup table,
.signup ul
{
   margin: 0 auto;
   width: 95%;
}

.signup form
{
   text-align: center;
}

.signup p
{
   margin-bottom: 10px;
}

.signup table.data
{
   margin-bottom: 15px;
}

.signup .signedUp
{
   font-weight:bold;
   padding:5px;
}

#dt_day,
#length,
#tm_hour,
#tm_meridian,
#tm_minute
{
   width: 50px;
}

#dt_month,
#level,
#maxGoalies,
#maxPlayers
{
   width: 55px;
}

#cost,
#dt_year
{
   width: 70px;
}

#message,
#notes,
#reason,
#subject,
#title
{
   width: 420px;
}