@import url("/common/styles-profile.css");
@import url("/common/styles-navigator.css");
@import url("/common/styles-images.css");

body {
	margin: 0;
	padding: 0;
	/*background: #e9e9e9;*/
	/*background: #dcdcdc;*/
	/*color: #62656c;*/
}


a {
	color: #0984e1;
}

#rootEssence a:visited {
	/*color: #4ca2e3;*/
}

a:hover,
#rootEssence a:hover {
	color: #182b68;
}


.underlineOver a {
	text-decoration: none;
}

.underlineOver a:hover {
	text-decoration: underline;
}


a.anchor {
	color: inherit;
}


*:focus {
	outline: none;
}


h1 {
	margin: 0 0 1em !important;
	font-size: 2em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.17em;
}

h4,
h5,
h6 {
	font-size: 1em;
}


h1,
h1 a.anchor {
	color: inherit;
}

h2,
h3,
h4,
h5,
h6,
h2 a.anchor,
h3 a.anchor,
h4 a.anchor,
h5 a.anchor,
h6 a.anchor {
	color: inherit;
}


hr {
	height: 1px;
	background: #eee;
	color: #eee;
}


#page {
	max-width: 980px;
	margin: auto;
}

.spacerGlobal,
.spacerColumn {
	display: block;
	height: 2px;
	overflow: hidden;
	margin: 0 0 -2px;
	font-size: 1px;
}

.spacerGlobal {
	width: 980px;
}

.spacerColumn {
}


*.gray,
*.gray *,
.gray a {
	color: #8c8c8c !important;
}

a.gray:hover,
.gray a:hover,
.gray a:hover * {
	color: #5c5b4c !important;
}


*.silver,
*.silver *,
.silver a {
	color: #c5c5c5 !important;
}

a.silver:hover,
.silver a:hover,
.silver a:hover * {
	color: #333 !important;
}


*.invert,
*.invert *,
.invert a {
	color: #182b68 !important;
}

a.invert:hover,
.invert a:hover,
.invert a:hover * {
	color: #0984e1 !important;
}


.width {
	width: 998px;
	text-align: left;
	margin: 0 auto;
}

.padding {
		padding: 0 30px;
}


#rootHeader {
		cursor: default;
	text-align: center;
	/*height: 196px;*/
	/*background: #f9f9f9;*/
}

#rootHeader > .wrap {
	padding: 20px 20px 0;
}


#iframeTicker {
	height: 20px;
	overflow: hidden;
	margin-bottom: -20px;
	/*
	margin: 0 0 -20px 210px;
	*/
	position: relative;
	top: 10px;
	/*
	z-index: 101;
	*/
}

#ticker {}


#logo {
	display: block;
}

#logo img {
	vertical-align: bottom;
}


#member-navigation {
	margin-top: 20px;
}

#member-navigation a {
	margin: 0 0.5em;
}


#register {
	padding: 0 45px 0 0;
}

#registerTitle {
	font-size: 0.75em;
	color: #0984e1;
	text-transform: uppercase;
	margin: 0 0 3px;
}

#registerContent {

}

#registerContent a {
	white-space: nowrap;
	font-size: 0.8em;
	color: #182b68;
	text-transform: uppercase;
}

#register .separator {
	background: center url("/i/separator/1.gif?v=0efa9fb5") no-repeat;
}

#register .separator .spacer {
	width: 15px;
	height: 15px;
}


#search {
	width: 156px;
	white-space: nowrap;
}

#searchForm {
	cursor: default;
	background: url("/i/search/search-bg.gif?v=e7f72289") no-repeat;
}

#searchInput {
	padding: 0;
	vertical-align: middle;
}

#searchInput input {
	width: 121px;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #0984e1;
	border: none;
	font-size: 0.95em;
	cursor: text;
	}

#searchSubmit {
	height: 31px;
	padding: 2px 10px 0 5px;
	vertical-align: middle;
}

#searchSubmit input {
	width: 14px;
	height: 14px;
	margin: 0 0 1px;
	padding: 0;
	color: #495a60;
	font-size: 1em;
	vertical-align: middle;
	cursor: pointer;
}


.email {
	height: 16px;
	overflow: hidden;
	padding: 0 0 0 28px;
}

.email a {
	display: block;
	height: 14px;
	background: 0 0 url("/i/contact-icon.gif?v=9e386d25") no-repeat;
	padding: 0 0 0 25px;
	text-decoration: none;
}

.email a:hover {
	background-position: 0 -16px;
}

.email a em {
	display: block;
	font-style: normal;
	font-size: 0.85em;
	text-shadow: 1px 1px 0 #cde5f7;
	text-transform: uppercase;
}


#rootMenu {
	height: 49px;
	/*border-radius: 7px;*/
	margin-top: 20px;
	overflow: hidden;
	background: #4bae34 0 0 url("/i/menu-item.gif?v=66456c33") repeat-x;
}


.menuItem {
	width: 980px;
	min-width: 33%;
}

.menuItem a {
	display: block;
	color: #fff;
	font: normal 16px/1 Arial, sans-serif;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	background: #4bae34 0 0 url("/i/menu-item.gif?v=66456c33") repeat-x;
	cursor: pointer;
	text-shadow: 1px 1px 0 #509d3f;
}

.menuItem * {
	display: block;
	height: 49px;
}

.menuItem strong {
	background: left -49px url("/i/menu-item.gif?v=66456c33") no-repeat;
}

.menuItem em {
	font-style: normal;
	text-transform: uppercase;
	padding: 16.5px 15px 0;
	background: right -98px url("/i/menu-item.gif?v=66456c33") no-repeat;
}

.menuItemLast em {
	background: none !important;
}

.menuItemFirst strong {
	background: none !important;
}

.menuItem a:hover {
	/*color: #fff;*/
	/*text-shadow: 1px 1px 0 #0872c2;*/
	/*background-position: 0 -147px !important;*/
}

.menuItem a:hover strong,
.menuItem a:hover em {
	/*background-position: 0 -147px;*/
}


.menuItemNow a,
.menuItemNow a:hover {
	color: #323641;
	background-position: 0 -196px !important;
	text-shadow: 1px 1px 0 #fff;
}

.menuItemNow strong {
	background: none !important;
}

.menuItemNow a:hover strong {
	background: none !important;
}

.menuItemNow a:hover em {
	background: right -98px url("/i/menu-item.gif?v=66456c33") no-repeat;
}


#rootContent {
		padding: 0 20px 20px;
	/*cursor: default;*/
	text-align: center;
}

#rootContent > .wrap {
	padding: 30px 20px;
	background: #f6f6f6;
}


#pageContentIndex {

}

#pageContentIndex .separator {
	font-size: 1px;
	width: 31px !important;
	height: 1px;
	overflow: hidden;
}

#pageContentIndex .separator .spacer {
	overflow: hidden;
	width: 31px;
	height: 50px;
}


.child-navigation {
	display: block;
	margin: -10px -15px 40px;
	padding: 0;
	list-style: none;
	font-size: 18px;
	font-weight: bold;
}

.child-navigation > li {
	display: inline-block;
	margin: 10px 15px 0;
	padding: 0;
	background: none;

}

.child-navigation strong,
.child-navigation em {
	font: inherit;
}

.child-navigation a {
	display: inline-block;
}

.child-navigation strong a {
	color: inherit;
	/*font-weight: normal;*/
	text-decoration: none;
	opacity: 0.8;

}

.child-navigation ul {
	display: none;
}


#welcome {
	margin: 0 0 34px 10px;
}

#welcome h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
	margin: 0 0 23px;
}

#welcome p {
	line-height: 1.5em;
}


.bookCourtBlock {
	width: 292px;
}

.bookCourt {
	background: #d3e7f7;
	min-height: 302px;
}

.bookCourt .caption {
	background: #5aaae6;
	height: 58px;
	margin: 0;
		position: relative;
}

.bookCourt .caption h2 {
	font-weight: normal;
	font-size: 1.5em;
	background: right bottom url("/i/book-a-court.gif?v=7ee53d56") no-repeat;
	position: absolute;
	z-index: 100;
	width: 292px;
	margin: -10px 0 0;
	height: 68px;
}

.bookCourt .caption h2 a {
	display: block;
	padding: 26px 0 0 24px;
	text-decoration: none;
	color: #fff;
}

.bookCourtContent {
	padding: 11px 14px 16px;
}

.bookCourtContent p {
	display: block;
	margin: 0;
	font-size: 0.85em;
	line-height: 1.45em;
	color: #456781;
}

.bookCourtContent ul {
	margin: 20px 0 6px 6px;
}

.bookCourtContent ul li {
	display: block;
	padding: 0 0 0 12px;
	background: 0 0.55em url("/i/marker/main.gif?v=9fb1c50d") no-repeat;
	font-size: 0.85em;
	margin: 0;
	line-height: 1.4em;
}


.adsItem * {
	display: block;
}

.adsItem a,
.adsItem div {
	display: block;
	width: 292px;
	height: 111px;
	overflow: hidden;
	background: url("/i/ads-button-bg.gif?v=c0c80482") no-repeat;
	text-decoration: none !important;
	cursor: pointer;
}

.adsItem div {
	cursor: default;
}

.adsItem a:hover {
	background-position: 0 -111px;
}

.adsItem strong {
	height: 49px;
	overflow: hidden;
}

.adsItem strong span {
	padding: 15px 20px;
	font-size: 1.2em;
	color: #0984e1;
	text-shadow: 1px 1px 0 #fff;
}

.adsItem a:hover strong span {
	color: #1598fb;
}

.adsItem em {
	height: 62px;
	overflow: hidden;
}

.adsItem em span {
	padding: 15px 20px;
	color: #62656c;
	font-size: 0.8em;
	font-style: normal;
}

.adsItem a:hover em span {
	color: #3c4049;
}


#rootFooter {
		cursor: default;
	text-align: center;
	background: #dcdcdc;
}

#rootFooter .width {
	background: #e9e9e9 url("/i/footer-bg.gif?v=5213f81b") repeat-x;
}

#rootFooter .padding {
	padding: 0 0 0 30px;
}

#rootFooter a {
	white-space: nowrap;
}

#rootFooter img {
	vertical-align: bottom;
}


#rootNavigation {
	padding: 15px 0 15px 0;
	line-height: 1.5em;
	font-size: 0.8em;
}

#rootNavigation span {
	display: inline-block;
	margin: 0 0.85em 0 0;
	font-size: 12px;
	color: #25373f;
}

#rootNavigation .uppercase {
	text-transform: uppercase;
	padding: 4px 0 8px;
}

#rootNavigation a {
	color: #a19e7f;
	padding: 0 9px 0 0;
}

#rootNavigation a:hover {
	color: #b6b28b;
}

.racket {
	margin: -22px 0 0;
	position: relative;
	z-index: 100;
}


#copyright {
	padding: 24px 20px 20px 0;
}


#update {
	line-height: 1.5em;
}


#cover {
	width: 291px;
	height: 302px;
	background: #f6f6f6;
}

#rootChanger {
	height: 302px;
	overflow: hidden;
}

#coverHyperlink {
	display: block;
	height: 302px;
	margin: -302px 0 0;
	background: url("/i/blank.gif?v=ab68bd76");
	position: relative;
	z-index: 100;

}

.slideshow {
		height: 302px;
	overflow: hidden;
}


#rootList {
	width: 200px;
	overflow: hidden;
	margin: 0 35px 0 0 !important;
	padding: 0;
}

#rootList p {
	margin: 0;
	font-size: 14px;
}

#rootList ul {
	margin: 0 0 1.5em 0;
	background: none;
}

#rootList ul li {
	background: none;
	padding: 0;
	font-size: 1em;
}

#rootList ul ul {
	margin: 0.85em 0 1em 1.25em;
}

#rootList ul ul li {
	font-size: 1em;
}


#rootList em {
	font-style: normal;
	font-weight: bold;
}

#rootList strong a {
	color: #333 !important;
	text-decoration: none;
	cursor: default;
}


.curve {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1001;
	font-size: 1px;
	text-align: left;
}

.curve * {
	display: block;
	overflow: hidden;
}

.curve em {
	float: right;
}


.curve10 {
	height: 10px;
	margin: 0 0 -10px;
}

.curve10_ {
	margin: -10px 0 0;
}

.curve10 * {
	width: 10px;
	height: 40px;
	background: url("/i/curve10.png?v=ff5e0efc");
}

.curve10 em {
	margin: -10px 0 0;
}

.curve10_ * {
	margin: -20px 0 0;
}

.curve10_ em {
	margin: -30px 0 0;
}


#pageImages {
	width: 145px;
	float: right;
	overflow: hidden;
	text-align: left;
	color: #929090;
	margin: 0 0 0 20px;
}

#pageImages .spacer {
	border: 1px solid red;
	font-size: 1px;
	height: 10px;
	overflow: hidden;
}


.flashCheckBox {
	display: inline-block;
	padding: 3px;
	background: url("/images/page/blinking.gif?v=37e3ecd7");
}


INPUT[type="submit"],
INPUT[type="button"],
INPUT[type="reset"] {
	padding: 2px 12px;
}

input, select, textarea {
	font-size: inherit !important;
}