html, body {
	background-color: #272627;
	background-image: url('/images/boltonbadminton/bg5.png');
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	color: #d7d7d7;
	font-family: 'Myriad Web Pro', sans-serif;
	font-size: 10pt;
	text-align: center;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

a {
	color: #8CC63F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.show { display: block; }
.hide { display: none; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

h1 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background-image: url('/images/boltonbadminton/title.png');
	background-position: top;
}

h1 a {
	display: block;
	height: 35px;
	width: 354px;
}

h1:hover {
	background-position: bottom;
}

h2 {
	position: relative;
	padding: 0;
	margin: 0.5em 0 0 0;
	color: #8CC63F;
	font-size:x-large;
}

h3 {
	position: relative;
	padding: 0;
	margin: 0.5em 0 0 0;
	color: #fff;
}

h4 {
	padding: 0;
	margin: 0 0 0.25em 0;
	/*color: #3C3C3C;*/
	color: #fff;
	/*border-bottom: 2px #3C3C3C solid;*/
	border-bottom: 1px #fff solid;
}

div#container {
	padding-top: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	text-align: left;
}

div#banner {
	position: relative;
	width: 984px;
	/*height: 300px;*/
	height: 200px;
	background-color: rgb(45, 106, 173);
	background-position: center center;
	background-repeat: no-repeat;
}

div#banner a.heading {
	position: absolute;
	padding: 0.5em 2em 0.5em 1.5em;
	background-color: #000;
	color: #fff;
	top: 15px;
	font-size: x-large;
	text-decoration: none;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
}

div#banner a.caption {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0.05em 1em;
	background-color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	color: #000;
	font-size: x-small;
	border-top-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	-moz-border-radius-topleft: 1em;
}

ul#menu {
	margin: 0;
	padding: 0;
	height: 35px;
	background: url('/images/boltonbadminton/footer_background.gif');
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	-moz-border-radius-bottomleft: 0.75em;
	-moz-border-radius-bottomright: 0.75em;
	-webkit-border-bottom-left-radius: 0.75em;
	-webkit-border-bottom-right-radius: 0.75em;
}

ul#menu li {
	float: left;
	padding: 0;
	margin: 0;
	width: 140px;
	list-style-type: none;
	text-align: center;
}

ul#menu li.first {
	width: 144px;
}

ul#menu a {
	display: block;
	height: 35px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

ul#menu li.selected, ul#menu li:hover {
	background-color: #8CC63F;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	-moz-border-radius-bottomleft: 0.75em;
	-moz-border-radius-bottomright: 0.75em;
	-webkit-border-bottom-left-radius: 0.75em;
	-webkit-border-bottom-right-radius: 0.75em;
}

ul#menu li.selected a {
	height: 38px;
}

div.main_column {
	float: left;
	width: 674px;
}

div.right_column {
	float: right;
	width: 300px;
}

div.intro {
	padding: 0 0.75em 0.5em 0.75em;
	margin: 0 0 0.5em 0;
	border-top: 3px #8CC63F solid;
	background-color: #37452A;
	color: #fff;
}

div.box {
	padding: 0 0.75em 0.5em 0.75em;
	margin: 0 0 0.5em 0;
	border-top: 3px #8CC63F solid;
	background-color:#000;
}

div.box div.date {
	float: right;
	margin-top: 0.5em;
}

div.intro p, div.box p {
	padding: 0.25em 0 0.75em 0;
}


table {
	color: #d7d7d7;
	font-family: 'Myriad Web Pro', sans-serif;
	font-size: 10pt;
	border-spacing: 0;
	border-collapse: collapse;
}

table th, table td {
	text-align: center;
	padding: 0 0.5em;
}

table th {
	border-bottom: 1px #8CC63F solid;
}

table th.left, table td.left {
	text-align: left;
}

table th.right, table td.right {
	text-align: right;
}

table tr.withdrawn td {
	text-decoration: line-through;
}

table td.error, table tr.withdrawn td.error {
	text-decoration: none;
	font-weight: bold;
	color: red;
}

table.clubteams td {
	border-right: 1px #3C3C3C solid;
}

table th.noborder, table td.noborder {
	border: 0;
}

img.clublogo {
	clear: right;
	float: right;
	margin-top: 0.5em;
}

div.latestresults table td {
	padding: 0;
}

div.leaguetable {
	text-align: center;
	padding: 0.5em 0 0.75em 0;
}

div.leaguetable table {
	font-size: medium;
	margin: 0 auto;
}

div.leaguetable table td {
	border-bottom: 1px #767676 dotted;
	border-right: 1px #767676 dotted;
}

div.leaguetable table td.noborder {
	border-right: 0;
}

div.leaguetable table td.notes {
	text-decoration: none;
	font-weight: bold;
	color: red;
	border: 0;
}

div.tournament {
	text-align: center;
	padding: 0.5em 0 0.75em 0;
}

div.tournament table {
	margin: 0 auto;
}

div.tournament table td {
	text-align: right;
}

div.tournament table td.withdrawn {
	text-decoration: line-through;
}

div.tournament table td.home,
div.tournament table td.away,
div.tournament table td.match {
	border-right: 1px #767676 solid;
}

div.tournament table td.home {
	border-top: 1px #767676 solid;
}

div.tournament table td.away,
div.tournament table td.champion {
	border-bottom: 1px #767676 solid;
}

ul.section-menu {
	padding: 0.5em 0;
	margin: 0;
	font-size: large;
	list-style-type: none;
	text-align: center;
}

ul.section-menu li.selected {
	background-color: #8CC63F;
	color: #fff;
	font-weight: bold;
}

ul.section-menu li {
	padding: 0.25em 0;
}

ul.section-menu li.selected a {
	color: #fff;
}

.right-input {
	position: absolute;
	bottom: 2px;
	right: 0;
}

a.feed_icon {
	position: absolute;
	bottom: 2px;
	right: 0;
	height: 24px;
	width: 24px;
	background-image: url('/images/boltonbadminton/feed_icons.png');
	background-position: top;
}

a.feed_icon:hover {
	background-position: center;
}

div.person {
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	width: 20%;
	float: left;
}

div.person div.title {
	color: #8CC63F;
	font-weight: bold;
}

div.person div.name {
	color: #fff;
	font-weight: bold;
}


form label {
	display: block;
	float: left;
	clear: left;
	margin: 0.15em 0;
	width: 20%;
	text-align: right;
}

form input, form textarea, form select {
	float: left;
	margin: 0.15em 0 0.15em 1%;
	background-color: #272627;
	color: #fff;
	border: 1px #8CC63F solid;
}

form input.button {
	float: left;
	clear: left;
	margin-left: 21%;
}

form textarea {
	font-family: 'Myriad Web Pro', sans-serif;
	font-size: 10pt;
}


.button, .button:visited {
	background: #222 url('/images/portal/button-overlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	float: none;
}

.button:hover { background-color: #111; color: #fff; text-decoration: none; }
.button:active { top: 1px; }
.small.button, .small.button:visited { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

.blue.button, .blue.button:visited { background-color: #4077bb; }
.blue.button:hover { background-color: #2d5d98; }
.purple.button, .purple.button:visited { background-color: #323581; }
.purple.button:hover { background-color: #24254d; }

.green.button, .green.button:visited { background-color: #8CC63F; }
.green.button:hover { background-color: #599609; }


div#club_map { height: 500px; color: #000; }
div.clubmap_clubname { font-weight: bold; font-size: medium; }
div.clubmap_venuename { margin-top: 1em; }

p.club-contact {
	float: left;
	width: 30%;
	margin-right: 2em;
}

div#dropzone {
	width: 600px;
	height: 100px;
	margin: 1em auto 1em auto;
	/*background-color: #e5e5e5;*/
	border: 3px #bbb dashed;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
}

div.dropzone-info {
	width: 600px;
	border: 2px #bbb solid;
	margin: 1em auto 1em auto;
}

div.message {
	margin: 1em 0;
	font-size: medium;
	border: 1px solid;
	padding: 0.5em 0.5em 0.5em 50px;
	background-position: 10px center;
	background-repeat: no-repeat;
}

div.message_success { color: #4F8A10; background-color: #DFF2BF; background-image: url('/images/widgets/success-circle-24.png'); }
div.message_error { color: #D8000C; background-color: #FFBABA; background-image: url('/images/widgets/error-circle-24.png'); }

ul#new-menu {
	padding: 0;
	margin: 0.6em 0 0 0;
	list-style: none;
}

ul#new-menu li a {
	float: right;
	padding: 0.2em 1em;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #000 url('/images/portal/button-overlay.png') repeat-x;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

ul#new-menu li a:hover,
ul#new-menu li a.selected {
	background: #8CC63F url('/images/portal/button-overlay.png') repeat-x;
}