/* General styles */
body {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	background: #ffffff;
	margin: 5px 0;
	color: #000000;
	font-size: 12px;
}
img, p img {
	margin: 0px;
	padding: 0px;
}
pre {
	background: #888;
	padding: 10px;
	margin: 0px;
	text-align: left;
}
div, p, h1, h2, h3, h4, span, li, dd, dt, th, td {
	text-align: left;
}
em, dfn {
	background: none;
	font-style: italic;
}
p img {
	float: none;
}
a, a:focus, a:active {
	color: blue;
}
a, a:focus, a:active, a:visited {
	text-decoration: none;
	border-bottom: 1px solid #aaa;
}
a:visited {
	color: #00498a;
}
a:hover {
	text-decoration: none;
	color: #885707;
	border-bottom: 1px solid #885707;
}
p {
	padding-left: 5px;
}
blockquote {
	font-style: normal;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	line-height: 1.3em;
}
h1 {
	font-size: 18px;
	color: #9F4E00;
}
h2 {
	font-size: 16px;
	color: #3C2500;
	border-top: 1px solid #ddd;
	padding: 5px;
}
h3 {
	font-size: 16px;
	color: #885707;
	padding: 5px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #0160cf;
	padding: 5px;
}
hr {
	height: 1px;
	border-collapse: collapse;
	background: #ddd;
}
table th, table td {
	padding: 5px;
}
ul, ol {
	margin: 0 10px 14px 25px;
}
th.redflag, td.redflag {
	color: #c6281d;
}
.minor {
	font-size: 12px;
	color: #888;
}
.small {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 12px;
}
ul.small, ol.small {
	margin-bottom: 14px;
}
.print_only {
	display: none;
}
.leftfloat {
	float: left;
}
.rightfloat {
	float: right;
}
a.img_link {
	border: none;
}
p.nothing-found {
	text-align: center;
	color: #666;
	font-size: 16px;
	margin-top: 30px;
}
div#lightview-contents {
	width: 750px;
	height: 380px;
	overflow: auto;
	padding-right: 5px;
}
span.form-throbber {
	display: block;
	width: 16px;
	height: 16px;
	background: url(/images/form-throbber.gif) top left no-repeat;
}

/* Custom Lightview CSS */
.lv_DataText .lv_Title {
	font-size: 18px;
}
.lv_Frames li {
	list-style-type: inherit;
}
.lv_Frames .lv_Data li {
	list-style-type: none;
}
/* Main layout styles */
#page-login .column .contents {
	min-height: 160px;
}
#pagi-login .column .contents p {
	margin-bottom: 0;
}
#wrap {
	width: 962px;
	margin: 0px auto;
}
#wrap_small {
	width: 400px;
	margin: 0px auto;
	border: 1px solid #000;
	padding: 15px;
}
#body {
	position: relative;
	left: 0px;
	top: 0px;
	width: 962px;
	height: auto;
	clear: both;
	border: 1px solid #074888;
	background: #ffffff url(../images/body_bg.gif) repeat-y;
}
#body #user_message {
	background: #ffffff;
	border: 1px solid #074888;
}
#body #user_message #close_btn {
	padding-top: 5px;
	text-align: center
}
#body #header {
	background: #074888;
	color: #fff;
	position: relative;
}
#body #header h1 {
	margin: 0;
	padding: 0;
	display: block;
	width: 962px;
	height: 168px;
}
#body #header h1 a,
#body #header h1 a:active,
#body #header h1 a:focus,
#body #header h1 a:visited,
#body #header h1 a:hover
{
	display: block;
	width: 962px;
	height: 168px;
	text-indent: -3000em;
	overflow: hidden;
	border: none;
	text-decoration: none;
	background: url(../images/soccer-banner.jpg) top left no-repeat;
}
#body #header a,
#body #header a:active,
#body #header a:focus,
#body #header a:hover {
	color: #fff;
	border: none;
}
#body #header #top-links {
	text-align: right;
	padding: 5px 5px 0;
	height: 23px;
	font-size: 11px;
}
#body #header #top-links a,
#body #header #top-links a:focus,
#body #header #top-links a:active,
#body #header #top-links a:visited {
	display: block;
	float: right;
	background: #00498d;
	padding: 3px 8px 2px;
	border-left: 1px solid  #4579B3;
	border-top: 1px solid   #4579B3;
	border-right: 1px solid #4579B3;
	margin: 0 0 0 1px;
	height: 17px;
	font-size: 11px;
	border-top-right-radius:         8px;
	border-top-left-radius:          8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius:  8px;
	-moz-border-radius-topright:     8px;
	-moz-border-radius-topleft:      8px;
}
#body #header #top-links a:hover {
	background: #4579B3;
}
#body #left-bar {
	color: #fff;
	width: 157px;
	float: left;
}
#body #content-area {
	background: #fff;
	position: relative;
	float: left;
	width: 625px;
	padding: 0 9px 10px 10px;
	background: url(../images/corner.gif) top left no-repeat;
}

#wrap.no-sidebar #body #content-area {
	width: 785px;
}

#body #content-area #breadcrumbs {
	border-bottom: 1px solid #7ea2c5;
	font-size: 10px;
	margin: 10px 0 10px -10px;
	padding: 0 0 5px 15px;
	width: 629px;
}

#wrap.no-sidebar #body #content-area #breadcrumbs {
	width: 790px;
}

#body #skyscraper {
	float: left;
	width: 140px;
	border-left: 1px solid #074888;
	border-bottom: 1px solid #074888;
	padding: 10px;
}

#body #skyscraper #banner-ad-space {
	width: 140px;
	height: 140px;
	margin: 0 auto 25px;
	overflow: hidden;
}

#body #skyscraper #banner-ad-space a {
	display: block;
	width: 140px;
	height: 140px;
	margin: 0;
	text-indent: 0;
}

#body #skyscraper a {
	display: block;
	margin: 0 0 25px;
	width: 140px;
	text-indent: -4000em;
	overflow: hidden;
}
#body #skyscraper a.lastone {
	margin: 0;
}
#body #skyscraper a#soccer-canada-logo {
	height: 140px;
	background: url(../images/sponsors/soccer-canada_logo.png) no-repeat;
}
#body #skyscraper a#nwtel-logo {
	height: 34px;
	background: url(../images/sponsors/nwtel_logo.png) no-repeat;
}
#body #skyscraper a#first-air-logo {
	height: 34px;
	background: url(../images/sponsors/first-air_logo.png) no-repeat;
}
#body #skyscraper a#overlander-logo {
	height: 52px;
	background: url(../images/sponsors/overlander-sports.jpg) no-repeat;
}
#body #skyscraper a#orbis-logo {
	height: 50px;
	background: url(../images/sponsors/orbis-engineering.jpg) no-repeat;
}
#body #skyscraper a#darren-horn-logo {
	height: 61px;
	background: url(../images/sponsors/darren-horn-photography.jpg) no-repeat;
}
#body #skyscraper a#sport-north-logo {
	height: 135px;
	background: url(../images/sponsors/sport-north_logo.png) no-repeat;
}
#body #skyscraper a#kellett-logo {
	height: 17px;
	background: url(../images/sponsors/kellett_logo.png) no-repeat;
}
#footer {
	margin: 0px auto;
	width: 962px;
	font-size: 10px;
	height: 24px;
	clear: both;
}
#footer #textmenu {
	width: 100%;
	height: 20px;
	padding-top: 5px;
	text-align: center;
	border-bottom: 1px solid #000000;
	font-size: 10px;
}
#footer #copyright {
	float: left;
	width: 60%;
	padding-top: 5px;
	font-size: 10px;
}
#footer #hitcounter {
	float: right;
	width: 40%;
	text-align: right;
	padding-top: 5px;
	font-size: 10px;
}
div.clearance {
	overflow: hidden;
	clear:both;
	height: 0;
}
/* Notice box tweaks */
div.notice, div.error, div.success,
p.notice, p.error, p.success {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px #000;
}
/* Form control buttons */
div.controls {
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px;
	height: 19px;
	color: #bbb;
	font-size: 14px;
	line-height: 18px;
	margin: 8px 0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
div.controls a,
div.controls a:active,
div.controls a:focus,
div.controls a:visited,
fieldset#filter-fields a,
fieldset#filter-fields a:active,
fieldset#filter-fields a:focus,
fieldset#filter-fields a:visited,
a.admin-button,
a.admin-button:active,
a.admin-button:focus,
a.admin-button:visited
{
	background: #074888;
	border: 1px solid #074888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
	text-decoration: none;
	padding: 2px 7px 3px;
	font-size: 11px;
	line-height: 12px;
}
fieldset#filter-fields a,
fieldset#filter-fields a:active,
fieldset#filter-fields a:focus,
fieldset#filter-fields a:visited,
fieldset#filter-fields a:hover
{
	line-height: 11px;
}
div.controls a:hover,
div.controls a.selected,
fieldset#filter-fields a:hover,
fieldset#filter-fields a.selected,
a.admin-button:hover
{
	background-color: #4579b3;
	border: 1px solid #074888;
	color: #FFF;
	text-decoration: none;
}
div.controls input.text,
div.controls select,
#filter-fields select,
#season-selector
{
	padding: 1px;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	background: #074888;
	border: 1px solid #074888;
}
div.controls input.text:focus,
div.controls select:focus,
div.controls input.text.selected,
div.controls select.selected,
#filter-fields select.selected
{
	background: #4579B3;
}
div.controls .rightfloat,
fieldset#filter-fields .rightfloat
{
	margin: 0 0 0 3px;
	display: block;
}
div.controls .leftfloat,
fieldset#filter-fields .leftfloat
{
	margin: 0 3px 0 0;
	display: block;
}
.highlight {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
}
span.admin-bttns {
	display: block;
	float: right;
	width: 65px
}
a.admin-bttn,
a.admin-bttn:focus,
a.admin-bttn:active,
a.admin-bttn:visited
{
	display: block;
	float: left;
	width: 30px;
	height: 19px;
	margin: 0 2px 2px 0;
	padding: 0;
	text-indent: -3000em;
	overflow: hidden;
	border: none;
}
a.bttn-edit,
a.bttn-edit:focus,
a.bttn-edit:active,
a.bttn-edit:visited
{
	background: url(/images/button_edit.gif) left top no-repeat;
}
a.bttn-del,
a.bttn-del:focus,
a.bttn-del:active,
a.bttn-del:visited
{
	background: url(/images/button_del.gif) left top no-repeat;
}
a.bttn-email,
a.bttn-email:focus,
a.bttn-email:active,
a.bttn-email:visited
{
	background: url(/images/button_email.gif) left top no-repeat;
}
a.bttn-mark-paid,
a.bttn-mark-paid:focus,
a.bttn-mark-paid:active,
a.bttn-mark-paid:visited
{
	background: url(/images/button_paid.gif) left top no-repeat;
}
a.bttn-mark-unpaid,
a.bttn-mark-unpaid:focus,
a.bttn-mark-unpaid:active,
a.bttn-mark-unpaid:visited
{
	background: url(/images/button_unpaid.gif) left top no-repeat;
}
a.bttn-mark-no-interest,
a.bttn-mark-no-interest:focus,
a.bttn-mark-no-interest:active,
a.bttn-mark-no-interest:visited
{
	background: url(/images/button_no_interest.gif) left top no-repeat;
}
a.bttn-mark-has-interest,
a.bttn-mark-has-interest:focus,
a.bttn-mark-has-interest:active,
a.bttn-mark-has-interest:visited
{
	background: url(/images/button_has_interest.gif) left top no-repeat;
}
a.admin-bttn:hover {
	background-position: -30px top;
}

/* Forms */
form p {
	margin: 5px 0;
	clear: both;
}
form h1, form h2, form h3, form h4 {
	margin: 10px 0;
	clear: both;
}
input.text, input.title, textarea, select {
	padding: 2px;
	font-size: 12px;
	margin: 3px 3px 4px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
input.float, select.float, textarea.float {
	float: left;
}
textarea {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	background: #F6F6F6;
}
form p.indented {
	margin: 5px 0 5px 25px;
}
form .aligned-to-fields {
	margin-left: 138px;
}
form label {
	display: block;
	float: left;
	width: 130px;
	margin: 3px 3px 3px 0;
	padding: 2px;
	font-weight: normal;
	text-align: right;
	background: none;
}
form label:hover {
	background: #eee;
}
form label.no-hover,
form label.no-hover:hover {
	background: none;
}
form label.checkbox_label {
	display: block;
	float: left;
	width: 170px;
	text-align: left;
	margin: 0 3px 0 0;
}
form label.checkbox_short_label {
	display: block;
	float: left;
	width: 50px;
	text-align: left;
	margin: 0 3px 0 0;
}
form label.reg {
	display: inline;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
select {
	margin: 3px 3px 3px 0;
	width: auto;
}
form span.float {
	display: block;
	float: left;
	width: auto;
	margin: 0;
}
form span.fixed {
	width: 155px;
	margin: 0 3px 0 0;
}
form span.top-padded {
	padding: 3px 0 0;
}
form div.multi-select {
	width: 605px;
	padding: 3px;
	height: 85px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
form div.multi-select label.checkbox_label {
	width: 260px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	text-align: left;
}
fieldset {
	padding: 5px;
	background: #FbFbFb;
	margin: 0 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input.fixed,
select.fixed
{
	width: 149px;
}
textarea.fixed {
	clear: both;
	width: 595px;
}
input.checkbox-radio {
	margin: 5px 0 0;
}
legend,
fieldset.toggleable legend a,
fieldset.toggleable legend a:focus,
fieldset.toggleable legend a:active,
fieldset.toggleable legend a:visited
{
	background: #eee;
	border: 1px solid #ddd;
	color: #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 5px rgba(7, 72, 136, 0.3);
	-webkit-box-shadow: 0 0 5px rgba(7, 72, 136, 0.3);
	box-shadow: 0 0 5px rgba(7, 72, 136, 0.3);
	padding: 2px 8px;
	font-weight: normal;
}
fieldset.toggleable legend a,
fieldset.toggleable legend a:focus,
fieldset.toggleable legend a:active,
fieldset.toggleable legend a:visited
{
	display: block;
	color: #00498a;
}
fieldset.toggleable legend {
	background: none;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	padding: 0;
}
fieldset.toggleable legend a:hover,
fieldset.toggleable legend a.selected {
	background: #ddd;
}
fieldset table {
	margin: 0;
}
fieldset table tr,
fieldset table td,
fieldset table th
{
	border: none;
}
form#contact_form fieldset {
	position: relative;
}

input.SubmitButton {
	background: #028649;
	border: 1px solid #028649;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 10px;
	color: #fff;
	line-height: 12px;
	font-weight: bold;
	height: 19px;
	padding: 2px 20px 3px;
}
input.SubmitButton:hover {
	background: #53aa82;
	cursor: pointer;
}
div.contact-numbers {
	position: absolute;
	right: 15px;
	top: 105px;
	z-index: 10000;
}
#user-list-container {
	max-height: 300px;
	overflow: auto;
}
div.user-list {
	width: 194px;
	padding: 2px;
	float: left;
}

#accounts-table .admin-bttns span {
	display: block;
	clear: both;
	height: 19px;
	font-size: 10px;
}

label.reg-fixed {
	display: block;
	float: left;
	width: 120px;
}

#payment-selection-buttons {
	position: relative;
	width: 370px;
	height: 56px;
	margin: 10px auto 5px;
}

#payment-selection-buttons span.divider {
	float: left;
	font-size: 30px;
}

#payment-selection-buttons input.img-button {
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	padding: 42px 0 0;
	height: 42px;
}

#payment-selection-buttons input#pmt-button-cc {
	border: none;
	outline: none;
	background: url(/images/ccards.gif) top left no-repeat;
	width: 146px;
	margin: 0 15px 0 0;
}

#payment-selection-buttons input#pmt-button-paypal {
	border: none;
	outline: none;
	background: url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif) top left no-repeat;
	width: 145px;
	margin: 0 0 0 15px;
}

/* Odd and even table row colours for use when tablekit is not being used */

tr.rowodd {
	background-color: #D7E1ED;
}
tr.rowodd td.flagged {
	background-color: #d7aab3;
}
tr.rowodd td.semi-flagged {
	background-color: #d7d35f;
}
tr.rowodd td.green-flagged {
	background-color: #9ae1a5;
}
tr.rowodd.no-interest {
	background-color: #dfe1e4;
	color: #888;
}
tr.roweven {
	background-color: #c0d0e2;
}
tr.roweven td.flagged {
	background-color: #c09dab;
}
tr.roweven td.semi-flagged {
	background-color: #c0c35a;
}
tr.roweven td.green-flagged {
	background-color: #8ad09e;
}
tr.roweven.no-interest {
	background-color: #cdd1d5;
	color: #888;
}
tr.rowodd td, tr.roweven td {
	border: none;
}

/* Special styles for events page */

.events-list td {
	padding: 10px;
}

.events-list td h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 14px;
}

.events-list td p {
	margin: 0;
	padding: 0;
}

/* Special style overrides for login form */

.column #user-login-form label {
	width: 95px;
}

/* Containers for complex elements */
.complex-element-container {
	margin-left: 142px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 10px;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 384px;
}

.complex-element-container .item {
	padding: 5px;
	margin: 5px 0;
	height: 18px;
}

.complex-element-container .item .remove-link,
.complex-element-container .item .remove-link:visited,
.complex-element-container .item .remove-link:active,
.complex-element-container .item .remove-link:focus {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	background: #fff url(/scripts/jquery.uploadify/cancel.png) left top no-repeat;
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-indent: -3000em;
	overflow: hidden;
}
.complex-element-container .item .remove-link:hover {
	background-color: #ccc;
}

/* Special styles for affiliation leader and payment notify recipients fields */

#leader-selector,
#notify-recipient-selector {
	margin: 0 0 5px;
}

#leader-selector select,
#notify-recipient-selector select {
	float: left;
	margin: 0;
}

#leader-selector .admin-button,
#notify-recipient-selector .admin-button {
	float: left;
	margin: 0 0 0 5px;
}

#active-leaders,
#active-notify-recipients {
	clear: both;
	margin: 5px 0;
}

/* Special styles for mail attachment fields */
#mail-attachments #attachment-throbber {
	float: right;
}
#mail-attachments #attached-files {
	margin: 5px 0 0;
}
#mail-attachments #attachment-total-size .filesize {
	padding: 5px;
	text-align: right;
}
#mail-attachments #attachment-total-size.over-limit {
	color: #D12F19;
}

/* This CSS is designed to layout the password strength meter based on the standard form layout and CSS.  If you customize your forms css, be sure to customize this as well. */

#pwd-strength {
	display: block;
	float: left;
	width: 142px;
	height: 18px;
	background: #fff;
	margin: 4px 0 0 4px;
}

#pwd-meter-container {
	display: block;
	float: left;
	width: 140px;
	height: 16px;
	border: 1px solid #888;
}

#pwd-strength-meter {
	display: block;
	float: left;
	width: 0;
	height: 16px;
	overflow: visible;
	background: url(/images/pwd-strength.gif) top left no-repeat;
	margin: 0;
	line-height: 1.5em;
	color: #888;
}

#pwd-strength-meter.light {
	color: #eee;
}

#attr_password {
	float: left;
}