/* CSS Document */

body {
	background-image:url(../images/structure/topsection_background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:0px;
	margin-top:0px;
	font-family: sans-serif;
	/*text-align: center;*/
	}

body, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#006753;
	}
h1 {
  font-size: 16px;
	font-weight:bold;
}

h2 {
  font-size: 16px;
	font-weight: normal;
}
h3 {
	font-weight:bold;
	font-size: 14px;
}
h3 a {
	font-size: 14px;
}

a {
	color: #006753;
}

img {
	border: none;
}


div#outer {

	width:1013px;

	background-image:url(../images/structure/outer_fade.jpg);

	background-repeat:no-repeat;

	background-position:top;

	margin:0px auto;

	

	/*text-align: center;*/

	}

	

div#wrapper {

	width:770px;

	margin:0px auto 0px auto;

	padding:0px;

	

	/*text-align: left;*/

	background: url(../images/structure/topsection_center_background.jpg) no-repeat top;

	/*background-color:red;*/

	}



/*Mod:*/

div.footer {

	/*background-image:url(../images/structure/outer_fade.jpg);*/

	/*background-repeat:no-repeat;*/

	/*background-position:top;*/

	margin:0px auto;

	width:770px;

	margin:0px auto 0px auto;

	padding:0px;
	
	

}

div.footer a {
text-decoration:none;
}

div.footer a:hover {
text-decoration:underline;
}

hr.footer {
	border:0px;
height:2px;
background-color:#006753;
	}



td.jobapp {

	width: 50%;

	text-align: right;

}



span.required {

	color: red;

}



div.errors ul

{

color: #F00;

list-style-type: disc;

list-style-position:inside;

font-weight:bold;

margin:0px 0px 0px 30px;

padding:0px;

}



div.errors ul li

{

margin-bottom:3px;

}



/*div.confirmation {

	color: blue;

	

}*/





/* STYLES ADDED BY GILES SMITH 3rd December 2007 */



html body div#outer div#wrapper a img.main_logo {

  padding: 22px 0px;

	/*padding: 22px 0 22px 0;*/

  margin-top: 50px;

  margin: 0px;

  /*position: relative;*/

  border: none;

  height: 25px;

  width: 237px;

}



img.subhead {

  clear: left;

	padding: 6px 0px 7px 0px;

  margin: 0px;

  /*position: relative;*/

  border: none;

  height: 13px;

  width: 238px;

}



ul.navigation_level_1 {

  margin: 0px;

  padding: 0px;

	height: 22px;

  width: auto;

  background-image:url(../images/structure/navbar.jpg);

}



ul.navigation_level_1 li {

  margin: 0px;

  padding: 0px;

  float: left;

  list-style-type: none;

  width: 74px;

  height: auto;

  text-align: center;

}



ul.navigation_level_1 li a {

  color: #FFFFFF;

  width: 100%;

  display: block;

  padding: 4px 0px 3px 0px;

  text-decoration: none;

	font-size:12px;

}



ul.navigation_level_1 li a:hover {

  background-image:url(../images/structure/topmenu_over_bg.jpg);

}



ul.navigation_level_1 li a.selected {

  background-image:url(../images/structure/topmenu_over_bg.jpg);

}



/* End styles added by Giles */

	

div#homecol_left {

	width:244px;

	float:left;

	}

	

div#homecol_center {

	width:364px;

	padding:10px;

	float:left;

	}

	

div#homecol_right {

	width: 140px;

	float:left;

	}

	

div#internalcol_right {

	width: 140px;

	float: left;

	}

	

div#homecol_right img, div#homecol_right div  {

	float:right;

	} 

	

div#internalcol_right img, div#internalcol_right div  {

	float:right;

	}

	

div#internalcol_left {

	width:140px;

	float:left;

	padding:0px;

	margin:0px;

	}

	

div#internalcol_left img {

	margin-top:5px;

	}

	

div#internalcol_center {

	width:484px;

	float:left;

	padding:0px 2px 0px 2px;

	}



div#internalcol_center div.first {

	margin-top:0px;

	padding:0 5px 0 5px;

	width: 474px;

	}



div#internalcol_center div.first div.errors

{

	/*position:relative;*/

	border: solid 1px red;

	margin-bottom: 10px;

	margin-top: 10px;

	padding: 0px 10px 10px 10px;

	background: url(http://images.harperjames.com/control_panel/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;

	/*background-color: MidnightBlue;*/

	/*float: left;*/

	/*width: 440px;*/

	width: 454px;

}



div#internalcol_center div.first div.errors p

{

	padding: 0px 10px 0px 20px;

	text-align: justify;

	color: red;

	font-weight: bold;

	margin: 10px 0 10px 0;

}



div#internalcol_center div.first div.confirmation

{

	/*position:relative;*/

	border: solid 1px blue;

	/*margin-bottom: 10px;

	margin-top: 10px;*/

	margin: 10px auto 10px auto;

	padding: 10px 10px 10px 10px;

	/*background: url(http://images.harperjames.com/control_panel/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;*/

	background-color: #e1e1ff;

	/*float: left;*/

	/*width: 100%;*/

	/*width: auto;*/

	width: 454px;

}



div#internalcol_center div.first div.confirmation p

{

	/*padding: 0px 10px 0px 10px;*/

	text-align: justify;

	color: blue;

	font-weight: bold;

	margin: 0;

}

	

img.page_header {

	width:485px;

	margin: 1px 0px 0px 0px;

	}



div#internalcol_left ul {

	width:140px;

	background-color:#81005A;

	height:auto;

	display:block;

	margin: 1px 0px 0px 0px;

	padding:0px;

	}

	

div#internalcol_left ul li {

	width:140px;

	list-style-type:none;

	height:20px;

		text-align:right;

	}

	

	div#internalcol_left ul li a {

	color:#fff;

	width:115px;

	text-decoration:none;

	height:20px;

	padding-right:25px;

	font-size:12px;



	}

	

div#internalcol_left ul li a:hover, div#internalcol_left ul li a.selected{

	background-color:#C0065A;

	height:20px;

	width:115px;

	display:block;

	padding-right:25px;

	background-image:url(../images/structure/arrow_bullet_pink.gif);

	background-position:right;

	background-repeat:no-repeat;

	}



	

div#links_bar {

	width:770px;

	height:110px;

	clear:both;

	}

	

div#links_text {

	width:770px;

	clear:both;

border-top:2px solid #006753;
}

div#links_text ul {
display:block;
margin:0px;
padding:0px;
}

div#links_text ul li {
display:block;
float:left;
list-style-type:none;
padding:0px;
margin:0px;
}

div#links_text ul li a {
height:12px;
padding:0px 10px;
text-decoration:none;

}

div#links_text ul li a:hover {
text-decoration:underline;
}


div#links_text ul li a.square {
background-image:url(../images/structure/footer_nav_divider.gif);
background-repeat:no-repeat;
background-position:right;
}

div#footer-margin {

	width:770px;

	height:5px;

	clear:both;

	}

	div#links_text p.credits {
		margin:0px;
		padding:0px;
		float:right;
		width:300px;
		}

span.hidden {

	display:none;

	}

		

div#links_bar a.bottom_menu {

	width:256px;

	height:110px;

	float:left;

	padding:0px;

	margin:0px;

	display:block;

	background-repeat:no-repeat;

	position:relative;

	

	}

	

a.bottom_menu#tennis_link {

	background-image:url(../images/structure/tennis_link.jpg);

	}

	

a.bottom_menu#fitness_link {

	background-image:url(../images/structure/fitness_link.jpg);

	}

	

a.bottom_menu#squash_link {

	background-image:url(../images/structure/squash_link.jpg);

	}

	

a.bottom_menu#tennis_link:hover {

	background-image:url(../images/structure/tennis_link_over.jpg);

	}



a.bottom_menu#fitness_link:hover {

	background-image:url(../images/structure/fitness_link_over.jpg);

	}

	

a.bottom_menu#squash_link:hover {

	background-image:url(../images/structure/squash_link_over.jpg);

	}

	

a.box_link, a.box_link img {

	margin: 0;

	padding: 0;

	border: 0;

	text-decoration: none;

	color: #333333;

}



/*Membership table styles*/

table.membership {

	border-width: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

}



table.membership tbody tr th {

	border-spacing: 0;

	border-color: #64045b;

	border-style: solid;

	border-width: 0 0 1px 0;

}



table.membership tbody tr td {

	border-spacing: 0;

	border: 0px #64045b solid;

}



table.membership tbody tr {

	border-spacing: 0;

	border: 0px #64045b solid;

}



table.membership .category {

	width: 40%;

}



table.membership .price {

	width: 15%;

}



div#map {

	width: 100%;

	height: 450px;

	clear: right;

	margin-bottom: 20px;

	margin-top: 10px;

}



/*Member Details form CSS*/

input#dob_year

{

	width: 30px;

	margin-right: 5px;

	padding-right: 2px;

}



input#dob_month

{

	width: 17px;

	margin-right: 5px;

	padding-right: 2px;

}



input#dob_day

{

	width: 17px;

	margin-right: 5px;

	padding-right: 2px;

}



td.input_class

{

	padding: 2px;

}

	

td.label_class

{

	padding: 2px;

	width: 30%;

}



fieldset legend

{

  display: inline;

}



table.member

{

  width: 100%;

}



td.label

{

  width: 30%;

}



td.input

{

  width: 60%;

}



td.tool_tip

{

	width: 10%;

}



span.tool_tip

{

	padding-right: 3px;

	float: right;

}



span.tool_tip img

{

	/*display: inline;*/

}



td.tool_tip img

{

	float: right;

}



td.input select.membership_type

{

	width: 180px;

}



textarea#member_nok_address

{

	width: 98%;

}



caption.opening

{

	display: block;

	padding-top: 5px;

	font-weight: bold;

	text-align: left;

}



table#standard

{

	display: none;

}



table#joint

{

	display: none;

}



div.discounts

{

	margin-top: 10px;

	margin-bottom: 10px;

}



textarea#member_app_nok_address

{

	width: 100%;

}



span.note

{

	color: #006753;

	cursor: help;

}



div#tooltip_container

{

	text-align: left;

	background: #FFC;

	color: #000;

	position: absolute;

	z-index: 20;

	left: 0;

	top: 0;

	border: 1px solid #c0c0c0;

	visibility: hidden;

	padding: 1px 2px;

	width: 180px;

}



input.club_interest

{

	width: 15px;	

}



a.selected_link

{

	color: #016855;

}



a.selected

{

	

}



tr.match_title_row

{

	font-weight: bold;

}



/*select#date_day

{

	width: 45px;

}



select#date_month

{

	width: 110px;

}



select#date_year

{

	width: 70px;

}*/



a.left_scroll, a.right_scroll {

  text-decoration: none;

}



a span.left_scroll_arrow, a span.right_scroll_arrow {

	font-size: 20px;

	font-weight: bold;

	color: darkgreen;

}



span.left_scroll_arrow_disabled, span.right_scroll_arrow_disabled {

	font-size: 20px;

	font-weight: bold;

	color: lightgray;

}

p.end_text {
clear:both;
padding:10px;
padding: 0px;
margin: 0px 10px;
}


/*  latest news  */

#news_ticker_span {
	float: left;
	height: 15px;
	padding: 30px 0px 0px 20px;
	width: 255px;
	overflow: hidden;
}
#news_ticker_span  a{
	text-decoration: none;
}

div.latest_news {
  display: block;
  height: 70px;
	float: none !important;
}

div.home_news {
  height: 66px;
  width: 374px;
  background-image: url(../images/structure/news_box_home.jpg);
	background-repeat: no-repeat;
}
div.home_news a.more_news {
  display: block;
  height: 47px;
  width: 70px;
	margin: 6px 14px;
  background-image: url(../images/structure/more_news_home.jpg);
	float: right;
}

div.internal_news {
  height: 130px;
  width: 136px;
  background-image: url(../images/structure/news_box.jpg);
	background-repeat: no-repeat;
}
div.internal_news ul {
	padding: 28px 0px 0px 0px;
	margin: 0px;
	width: 130px;
	overflow: hidden;
}
div.internal_news ul li {
	padding: 5px 0px 0px 5px;
	margin: 0px;
	list-style: none;
}

div.internal_news a.more_news{
  display: block;
  height: 21px;
  width: 125px;
	margin: 5px 0 0 4px;
  background-image: url(../images/structure/more_news.jpg);
}

.title_date {
	font-size: 11px;
}

span.no_display {
  display: none;
}

hr.footer {
	display: none;
}