body
{	
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;	
	margin: 0 auto;
	width: 768px;
	
	background-image: url(../images/background.png);
	background-color: #454545;
}


/* BANNER FOR WEB PAGE
--------------------------------------- */
img#banner
{
	background-color: white;
	margin: 0px;
	padding: 0px;
}

a,
a img#banner
{
	text-decoration:none;
	border: 0px;
}


#viewMatches
{
	top: 25px;
}

#viewTraining
{
	top: 65px;
}

#viewSpecial
{
	top: 105px;
}

a.filterButton
{
	display: block;
	position: absolute;
	z-index: 200;
	width: 130px;
	height: 30px;
	margin-left: 20px;
	
	background-image: url(../images/Zoom-Button.png);
	background-color: #262e37;
	
	color: white;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}

a.filterButton:hover
{
	background-color: #394657
}


div#naggingButton
{
	display: block;
	position: absolute;
	z-index: 200;
	width: 112px;
	height: 30px;
	
	margin-left: 610px;
	margin-bottom: 70px;
	padding-left: 18px;
	
	color: white;
	font-size: 13px;
	line-height: 30px;
	text-align: center;	
}

.notReady
{
	top: -40px;
	cursor: default;
}

.ready
{
	background-image: url(../images/Nag-Button.png);
	background-color: #7f2324;
	top: 65px;	
	cursor: pointer;	
}

.ready:hover
{
	background-color: #ab1d1e;
	cursor: pointer;
}

.done
{
	background-image: url(../images/Done-Button.png);
	background-color: #1ba301;
	top: 65px;
	cursor: default;
}


/* Remove Me Notifications
--------------------------------------- */		

div#removeme
{
	position: fixed;
	top: -300px;
	left: 50%;
	margin-left: -160px;
	z-index: 200;	
	width: 320px;
}

.removeMeSuccess
{
	border-style: solid;
	padding: 30px 30px 30px 40px;
	border-width: 0 7px 7px 7px;

	border-color: #44b24a;
	color: #2e6206;
	background: #c2f9ad url(../images/admin-present.png) no-repeat 10px 10px;
}

.infoMessage
{
	border-style: solid;
	padding: 30px 30px 27px 60px;
	border-width: 0 7px 7px 7px;

	color: #2e6206;
	background: white url(../images/Info-Button.png) no-repeat 15px 24px;
	border: 1px solid white;
}

.removeMeFailed
{
	border-style: solid;
	padding: 30px 30px 30px 40px;
	border-width: 0 7px 7px 7px;

	border-color: #bd4446;
	color: #891818;
	background: #f3c0c1 url(../images/admin-away.png) no-repeat 10px 10px;
}


/* MORE
--------------------------------------- */		

span.type
{
	display: block;
	float: left;
	line-height: 35px;

	width: 250px;
}

span.time
{
	display: block;
	float: left;
	line-height: 35px;
	
	width: 320px;
}

span.playercount
{
	display: block;
	float: left;
	line-height: 35px;
	text-align: right;
	
	width: 80px;
}

span.playercount span.coming
{
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
}

span.playercount span.maybe
{
	font-weight: normal;
	font-style: normal;
}

span.playercount span.noshow
{
	font-weight: normal;
	font-style: normal;
}

/* UPCOMING PLAYERCOUNT COLORS */

li.upcoming a span.playercount span.coming
{
	color: green;
}

li.upcoming a span.playercount span.maybe
{
	color: #C56700;
}

li.upcoming a span.playercount span.noshow
{
	color: #ae2322;
}

/* NEXT PLAYERCOUNT COLORS */

li.next a span.playercount span.coming
{
	color: black;
}

li.next a span.playercount span.maybe
{
	color: #226D20;
}

li.next a span.playercount span.noshow
{
	color: #24821D;
}

/* TODAY PLAYERCOUNT COLORS */

li.today a span.playercount span.coming
{
	color: black;
}

li.today a span.playercount span.maybe
{
	color: #882C26;
}

li.today a span.playercount span.noshow
{
	color: #AE0900;
}

/* INACTIVE PLAYERCOUNT COLORS */

span.inactive span.playercount span.coming,
span.inactive span.playercount span.maybe,
span.inactive span.playercount span.noshow,
a.inactive span.playercount span.coming,
a.inactive span.playercount span.maybe,
a.inactive span.playercount span.noshow
{
	color: #cdcdcd;
	font-size: 11px;
}

a span.type
{
	color: black;
	font-size: 14px;
}

a span.time,
a span.playercount
{
	color: #454545;
	font-size: 11px;
}

span.inactive span.type,
a.inactive span.type
{
	font-size: 14px;
}

span.inactive span.time,
a.inactive span.time
{
	font-size: 11px;
}

li.past { color: #cdcdcd;}
li.today { background-color: #c72726; color: #cdcdcd;}	
li.next { background: #44b24a; color: #cdcdcd;}	
li.upcoming { color: #888888; background-color: #cdcdcd; }

li.today a span.type
{
	color: #7c1511;
	font-size: 14px;
}

li.today.special a span.type
{
	color: #403013;
	font-size: 14px;
}

li.today a span.time,
li.today a span.playercount
{
	color: #3a340f;
	font-size: 11px;
}

li.next a span.type
{
	color: #0d3b04;
	font-size: 14px;
}

li.next a span.time,
li.next a span.playercount
{
	color: #1a3b2a;
	font-size: 11px;
}

li.past a.inactive span.type
{
	color: #cdcdcd;
	font-size: 14px;
}

li.past a.inactive span.time,
li.today a span.playercount
{
	color: #cdcdcd;
	font-size: 11px;
}


/* Crop Block hides overflow
------------------------------------------------------------------------ */

div#cropBlock
{
	width: 768px;
	overflow: hidden;
}

div#scrollBlock
{
	width: 1536px;
}

/* Event Details - the view for player registration/participation
------------------------------------------------------------------------ */

div#eventDetails
{
	width: 768px;
	float: right;
}



/* Event List
------------------------------------------------------------------------ */

div#eventList
{
	width: 768px;
	float: left;
}

ul#activites
{
	margin: 0px;
}

ul#activites li.next a:hover
{
	background-color: #1EC11B;
}

ul#activites li.today a:hover
{
	background-color: red;
}

ul#activites li.today.special a:hover
{
	background-color: #edc41d;
}

ul#activites li.upcoming a:hover
{
	background-color: #999999;
}

li
{
}

ul li
{
list-style: none;
}

ul#menu
{
	width: 768px;
	height: 45px;
	padding: 0px;
	margin: 0px;

	font-size: 14px;
	background: url(../images/Menu-Background.png);
}

ul#menu li,
ul#menu li.static,
ul#menu li a.members
{
	float: left;
	height: 45px;
	margin: 0px;
	padding: 0px;
	width: 192px;
}

ul#menu li.static,
ul#menu li a.members
{
	width: 156px;
}

ul#menu li a.members
{
	line-height: 45px;	
}

ul#menu.admin li
{
	width: 153px;
}

ul#menu.admin li a.members
{
	width: 156px;
}

ul#menu li a,
ul#menu li.static
{
	display: block;
	height: 19px;
	padding: 13px 0px;
	margin: 0px auto;
	
	text-align: center;
	
	color: white;
	text-shadow: 0px -1px black;	
}

ul#menu li.membersBack
{
	display: block;
	height: 19px;
	padding: 0px;
	margin: 0px auto;
	
	color: white;
	text-shadow: 0px -1px black;
	
	width: 612px;
}

ul#menu li.membersBack a
{
	height: 45px;
	text-align: left;
	line-height: 45px;
	padding: 0px 30px 0px 30px;
}

ul#menu li a:hover,
ul#menu li.static
{
	background: url(../images/Menu-Hover.png);
}

ul#activites
{
	clear: both;
	padding: 0px;
}


/* Play date list backgrounds:
-------------------------------------------------------------- */


/* Training ----------------------- */

ul#activites li.today.training a,
ul#activites li.today.special a
{
	background: url(../images/EntryBackground_Today.png);
}

ul#activites li.next.training a
{
	background: url(../images/EntryBackground_Next.png);
}

ul#activites li.upcoming.training a
{
	background: url(../images/EntryBackground.png);
}

ul#activites li.training span.inactive,
ul#activites li.training a.inactive
{
	background: #efefef url(../images/EntryBackground_Inactive.png);
}


/* Match ----------------------- */

ul#activites li.today.match a
{
	background: url(../images/EntryBackground_Match_Today.png);
}

ul#activites li.next.match a
{
	background: url(../images/EntryBackground_Match_Next.png);
}

ul#activites li.upcoming.match a
{
	background: url(../images/EntryBackground_Match.png);
}

ul#activites li.match span.inactive,
ul#activites li.match a.inactive
{
	background: #efefef url(../images/EntryBackground_Match_Inactive.png);
}


/* Big hall ------------------- */

ul#activites li.today.hall a
{
	background: url(../images/EntryBackground_Hall_Today.png);
}

ul#activites li.next.hall a
{
	background: url(../images/EntryBackground_Hall_Next.png);
}

ul#activites li.upcoming.hall a
{
	background: url(../images/EntryBackground_Hall.png);
}

ul#activites li.hall span.inactive,
ul#activites li.hall a.inactive
{
	background: #efefef url(../images/EntryBackground_Hall_Inactive.png);
}

/* Shared hover states: ----------------------- */


ul#activites li.next a:hover
{
	background-color: #1EC11B;
}

ul#activites li.today a:hover
{
	background-color: red;
}

ul#activites li.upcoming a:hover
{
	background-color: #999999;
}

/* Misc
-------------------------------------------------------------- */



ul#activites li a,
ul#activites li span.inactive
{
	display: block;
	height: 35px;
	padding: 10px 10px 10px 70px;
}

p#footer
{
	width: 768px;
	margin: 20px auto;
	text-align: center;
	color: #cdcdcd;
	font-size: 12px;
}

	
p#footer a
{
	color: #5a758f;
}

p#footer img
{
	vertical-align: middle;
}


/* Submit error
-------------------------------------------------------------- */

div.submitResultError
{
	display: block;
	height: 20px;
	width: 748px;
	padding: 10px;
	margin: 0px;
	
	text-align: center;
	font-size: 14px;
	line-height: 20px;

	background-image: url(../images/User-UpdateError.png);
}

div#borderBelow
{
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: black;
	background-color: #ff5b58;
}

div#borderBelow div.submitResultError a
{
	color: red;
}

div#borderBelow div.submitResultError a:hover
{
	color: #ffa7a5;
}


/* Message to users shown on first page:
-------------------------------------------------------------- */


div#bugmessage
{
	position: absolute;

	width: 150px;
	margin: -180px 60px 0px 30px;
	
	padding: 10px;
	
	color: white;
	border-width: 1px;
	border-color: #6e6f6d;
	border-style: solid;
	background-color: #2d2f2f;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	
	font-size: 10px;
}

div#bugmessage span
{
	display: block;
	clear: both;
	text-align: right;	
	color: #6e6f6d;
	font-style: italic;
	margin-top: 5px;
}

div#bugmessage a
{
	color: #73adc3;
	text-decoration: none;
}

div#bugmessage a:hover
{
	color: white;
	text-decoration: underline;
}



/* Special Event ------------------- */


ul#activites li.today.special a
{
	background-color: #de9323;
	background-image: url(../images/EntryBackground_Special.png);
}

ul#activites li.next.special a
{
	background-color: #de9323;
	background-image: url(../images/EntryBackground_Special.png);
}

ul#activites li.upcoming.special a
{
	background-color: #ffd69b;
	background-image: url(../images/EntryBackground_Special.png);
}

ul#activites li.upcoming.special a:hover
{
	background-color: #fba02b;
}

ul#activites li.past.special a
{
	background-image: url(../images/EntryBackground_Special_Past.png);
}

ul#activites li.past.special a:hover
{
	background-color: #d7b67d;
	background-image: url(../images/EntryBackground_Special_Past-Hover.png);
}

ul#activites li.past.special a:hover span.type,
ul#activites li.past.special a:hover span.time,
ul#activites li.past.special a:hover span.playercount span.coming,
ul#activites li.past.special a:hover span.playercount span.noshow,
ul#activites li.past.special a:hover span.playercount span.maybe
{
	color: #81591d;
}


ul#activites li.special.next span.inactive,
ul#activites li.special.next a.inactive
{
	background-color: #f29700;
	background-image: url(../images/EntryBackground_Special.png);
}

li.special a
{
	background-color: #efefef;
}