/* Main Layout */
body {
	width: 765px;
	margin: auto;
	background-color: #ddf2fe;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
}

#pageContainer {
	background-color: #fff;
	padding: 10px;
}

#navContainer,
#accountNavContainer { font-weight: bold; }

/* any form of 'nav container' will have these styles */
.navContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navContainer ul li				{ display: inline; margin-right: 7px; padding-left: 12px; background-image: url(../images/bar.gif); background-repeat: no-repeat; }
.navContainer ul li:first-child { background: none; }
.navContainer ul li a			{ color: #fff; text-decoration: none; }
.navContainer ul li a:link		{ color: #fff; text-decoration: none; }
.navContainer ul li a:visited	{ color: #fff; text-decoration: none; }
.navContainer ul li a:hover		{ color: #000; text-decoration: underline; }
.navContainer ul li a:active	{ color: #000; text-decoration: underline; }

/* Content Elements */
#mainContainer {  }

.container { margin-top: 10px; }
.heading {
	background-color: #58bc06;
	background-image: url(../images/headbg.png);
	background-repeat: repeat-x;
	color: #fff;
	margin-top: 10px;
	padding: 2px 10px 3px 10px;
}
.floatLeft { float: left; }
.clearAll { clear: both; }
.content { margin: 0; padding: 8px 5px; }
.backblue { background-color: #ddf2fe; }

/* main areas of content we'll have */
#sidebar { width: 217px; margin-right: 10px; }
#rightcontent { width: 509px; }
#maincontent { width: 745px; }

img.heading { margin: 10px 0 5px 0; display: block; }

div#galleryItem { /* one gallery item */
	position: relative;
	width: 91px;
	height: 91px;
	float: left;
	margin: 5px;
	border: 4px solid #efefef;
}

table {  }
table tr {  }
table tr th { text-align: left; } /* stupid firefox centering */
table tr td {  }

/* general players */
.notplaying,
.notplaying * { color: #f00 !important; text-decoration: line-through !important; }

/* news items */
div.newsItem { margin-top: 15px; }
div.newsItem strong.newsTitle { display: block; font-weight: bold; text-decoration: none; font-style: normal; }
div.newsItem em.newsDate { display: block; font-weight: normal; text-decoration: none; font-style: normal; color: #000; }
div.newsItem p.newsBody { display: block; }

/* team editing */

form#teamnameForm input#teamname		{ border: 1px solid #58bc06; padding: 1px 3px; background-color: #fff; }
form#teamnameForm input#teamname:hover	{ border-width: 1px; background-color: #ddf2fe; }
form#teamnameForm input#teamname:focus	{ border-width: 1px; background-color: #ddf2fe; }
form#teamnameForm label#teamnamelabel	{ padding: 2px 4px; line-height: normal; float: none; display: inline; }
.playersHeader { display: block; margin-bottom: 5px; }

/* main containers */
div.playersContainer	{ float: left; margin-right: 20px; }
div.teamContainer		{ float: left; }

/* boxes containing the players and teams */
div.playersBox		{ min-width: 20px; height: 23em; overflow: auto; border: 1px solid #58bc06; padding: 0px 2px 0px 4px; }
div.playersBoxOver	{ background-color: #c0d5ea; }
div.teamBox			{ min-width: 20px; height: 23em; overflow: hidden; border: 1px solid #58bc06; padding: 0px 2px 0px 4px; }
div.teamBoxOver		{ background-color: #c0d5ea; }

/* individual player line */
div.personContainer { height: 20px; }
.manPlayer,
.manTeamPlayer,
.womanPlayer,
.womanTeamPlayer	{ padding: 3px 4px; }

.manPlayer:hover,
.manTeamPlayer:hover,
.womanPlayer:hover,
.womanTeamPlayer:hover	{  }

/* draggables */
.draggable			{ cursor: move; }
.draggable:hover	{ background-color: #c0d5ea; }


/* group settings page */
#awaitingTable { border: 1px solid #58bc06; }

/* leader board */
.leaderMenu { float: left; width: 118px; margin-right: 8px; text-align: center; }
.leaderMenu a { display: block; color: #fff; background-color: #58bc06; background-image: url(../images/footerbg.png); background-repeat: x; background-position: 0 -11px; padding: 0 0 2px 0; }
.leaderMenu a:hover { background-color: #69c40d; color: #fff; background-position: 0 0; font-weight: bold; }


/* Footer Elements */
#footerContainer { height: 19px; padding-top: 7px; background-image: url(../images/footerbg.png); }

/* Contact Form */

#contactform { float: left;}
#contact { float:right; margin-right: 25px; }
#contact.marginleft { margin-left: 0px; }

div#errors { margin-left: 90px; line-height: 250%; margin-bottom: 10px; }

div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 80px;
}
div.formrow.nolabel label { float: none; text-align: left; margin-right: 0; width: auto; }
div.formrow.nolabel { margin-left: 90px; }

form#groupJoinForm div.formrow label	{ width: 110px; }
form#groupJoinForm div.formrow.nolabel	{ margin-left: 120px; }

form#groupCreateForm div.formrow label		{ width: 60px; }
form#groupCreateForm div.formrow.nolabel	{ margin-left: 70px; }

form#teamnameForm div.formrow label		{ width: 60px; }
form#teamnameForm div.formrow.nolabel	{ margin-left: 70px; }

form#groupSettingsForm div.formrow label	{ width: 58px; }
form#groupSettingsForm div.formrow.nolabel	{ margin-left: 68px; }

form#loginForm div.formrow label		{ width: 60px; }
form#loginForm div.formrow.nolabel		{ margin-left: 70px; }
form#registerForm div.formrow label		{ width: 70px; }
form#registerForm div.formrow.nolabel	{ margin-left: 80px; }
form#donateForm div.formrow label		{ width: 135px; }
form#donateForm div.formrow.nolabel		{ margin-left: 145px; }

/* gift aid part */
form#donateForm div.formrow.ga_part label		{ width: 90px; }
form#donateForm div.formrow.nolabel.ga_part		{ margin-left: 10px; }


div.box { border: 1px solid #58bc06; color: #3b8004; padding: 3px 5px; margin-bottom: 15px; float: left; }
div.box.nomargin { margin-bottom: 0; }
div.box.error { border-color: red; color: red; }
span.message { color: green; }
span.error { color: red; }

textarea { font: inherit; line-height: 100%; }