/*
		USEFUL NOTES
		Dont use 'pt' unless the site is being designed for print, use 'px' or 'em'  This is much more accurate cross-browser
		Never use '0px' because 0 isnt a number so it cant have a px value, just put 0 (e.g padding: 1px 0 0 5px;)

		FOR REFERENCE
		font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #000000;

		Background attributes:
			background: colour, url, position, repeat
				background: #000000 url(image.gif) bottom no-repeat;
			background: colour, url, repeat (on x or y axis), x or y positioning of the background image
				background: #b4894c url(i/body_background.gif) repeat-y 50%;

		Margin attributes:
			margin: top right bottom left
				margin: 1px 1px 1px 1px;

		Padding attributes:
			padding: top right bottom left
				padding: 1px 1px 1px 1px;		*/


@import url("structure.css");
@import url("public/backend/css/PEAR/HTMLQuickForm/rendererTable5.css");

body {
	margin: 0;
	padding: 0;
	background: #CCCCCC;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000074;
}


/* ******************  Header styles  ************** */
#masthead div {
	position: bottom;
}
#logo {
	width:162px;
	height:177px;
}
#webtitle {
	left:200px;
	top:50px;
	font-size:25px;
	color:#0033CC;
	height:40px;
}
#strapline {
	left:380px;
	top:90px;
	font-size:20px;
	color:#0033CC;
	height:40px;
}
#location {
	position: absolute;
	bottom:3px;
	left:7px;
	color:#ADB3D0;
}
#location a {
	color:#ADB3D0;
	font-weight:normal;
}
#location a:hover {
	color:#FFFFFF;
	font-weight:normal;
}
#FFSLine {
	position: absolute;
	top:0;
	left:55px;
}
#FFLogo {
	position: absolute;
	top:10px;
	left:10px;
}
#topNav {
	position: absolute;
	right:14px;
	top:5px;
	color:#FFFFFF;
}
#topNav a {
	color:#FFFFFF;
	font-weight:normal;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#topNav a.top_on {
	text-decoration:underline;
}


/* ******************  Main navigation styles  ************** */
/*
#mainnavigation ul {
	list-style-type: none;
	margin:0;
	padding:0;
	width:770px;
	height:28px;
	background: #0347CF url(i/nav_bg.gif) repeat-x;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #063396;
}
#mainnavigation ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height:28px;
	background: #0347CF url(i/nav_bg.gif) repeat-x;
}
#mainnavigation ul li a {
	height:28px;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 96.2px;
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
#mainnavigation ul li a:hover {
	text-decoration: underline;
}
#mainnavigation ul li a.main_on {
	text-decoration: underline;

}
*/

#mainnavigation {
	text-align:left;
}
#mainnavigation ul {
	list-style: none;
	margin:0;
	padding:0;
	width:770px;
	height:28px;
	background: #0347CF url(i/nav_bg_new.gif) no-repeat;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #063396;
}
#mainnavigation li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
}
#mainnavigation a {
	text-decoration:none;
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #FFFFFF;
	padding:7px 8px 8px 8px
}
#mainnavigation ul li a:hover {
	text-decoration: underline;
}
#mainnavigation ul li a.main_on {
	text-decoration: underline;

}



/* ******************  Sub navigation styles  ************** */
#subnavigation ul {
	padding:0;
	margin: 0;
	width:200px;
	background: #0347CF;
}
#subnavigation li {
	display: block;
	width: 200px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#subnavigation a {
	text-decoration:none;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	width: 180px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #FFFFFF;
	letter-spacing: 1px;
}
#subnavigation li a:link, #nav td a:visited {
	background-image: none;
}

#subnavigation li a:hover {
	background:#CCCCCC;
	color: #414141;
	border-bottom: 1px solid #FFFFFF;
}



/* ******************  Standard text styles  ************** */

a {
	color: #C13B33;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0;
	font-size:11px;
}
a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4 {
	font-weight:bold;
}
h1 {
	font-size:18px;
	color:#000074;
}
h2 {
	font-size:16px;
	color:#000074;
}
h3 {
	font-size:14px;
	color:#000074;
}
img {
	border:none;		/* Stops the default border displaying on images when linked */
}
#error {
	font-weight:bold;
	color:#C13B33	/* Error messages */
}


/* ******************  Forward and back styles  ************** */
#prev_next {
	float:right;
	padding:10px;
}


/* ******************  Form styles  ************** */
#form1 input, #form1 select {
	width:250px;
	height:20px;
	border:1px solid #002F76;
	padding:4px;
	background: #00A2F5 url(i/formbg.gif);
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
#form1 textarea {
	height:200px;
	height:200px;
	padding:4px;
	background: #00A2F5 url(i/formbg.gif);
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #002F76;
}
#form1 input.button {
	width:100px;
	background:#666666;
	font-weight:bold;
}
#form1 TD.req, #form1 strong.req {
	font-weight:bold;
	color:#F1790D;
	font-size:20pt;
	vertical-align:top;
	padding-top:10px;
}
#form1 input.tick {
	height:auto;
	width:auto;
	background-image:none;
}
#form1 select.dropDown {
	width:280px;
}
#form1 input.imageField {
	height:28px;
}
#form1 input.submitBtn {
	height:28px;
	padding:0px;
	background:#C13B33;
	border:solid 1px #770903;
	width:auto;
}
#form1 input.password{
	width:200px;
}

#form1 input.defaultStyle {
	width:auto;
	background:none;
	border:none;
}

#form1 input.checkbox{
	width:auto;
	background:none;
	border:none;
}

#form2 input, #form2 select, #form2 textarea {
	width:150px;
	height:20px;
	border:1px solid #002F76;
	padding:4px;
	background: #00A2F5 url(i/formbg.gif);
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
#form2 textarea {
	height:150px;
}
#form2 input.button {
	width:100px;
	background:#666666;
	font-weight:bold;
}
#form2 TD.req, #form2 strong.req {
	font-weight:bold;
	color:#F1790D;
	font-size:20pt;
	vertical-align:top;
	padding-top:10px;
}
#form2 input.tick {
	height:auto;
	width:auto;
	background-image:none;
}
#form2 select.dropDown {
	width:280px;
}
#form2 input.imageField {
	height:28px;
}
#form2 input.submitBtn {
	height:28px;
	padding:0px;
	background:#C13B33;
	border:solid 1px #770903;
	width:auto;
}
#form2 input.password{
	width:200px;
}

#form2 input.defaultStyle {
	width:auto;
	background:none;
	border:none;
}

#form2 input.checkbox{
	width:auto;
	background:none;
	border:none;
}

#form3 input, #form3 select, #form3 textarea {
	width:150px;
	height:15px;
	border:1px solid #002F76;
	padding:4px;
	background: #00A2F5 url(i/formbg.gif);
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}
#form3 textarea {
	height:200px;
}
#form3 input.button {
	width:100px;
	background:#666666;
	font-weight:bold;
}
#form3 TD.req, #form3 strong.req {
	font-weight:bold;
	color:#F1790D;
	font-size:20pt;
	vertical-align:top;
	padding-top:10px;
}
#form3 input.tick {
	height:auto;
	width:auto;
	background-image:none;
}
#form3 select.dropDown {
	width:280px;
}
#form3 input.imageField {
	height:15px;
}
#form3 input.submitBtn {
	height:28px;
	padding:0px;
	background:#C13B33;
	border:solid 1px #770903;
	width:auto;
}
#form3 input.password{
	width:150px;
}

#form3 input.defaultStyle {
	width:auto;
	background:none;
	border:none;
}

#form3 input.checkbox{
	width:auto;
	background:none;
	border:none;
}

/* ******************  ALL SITE SPECIFIC STYLES HERE  ************** */

/* ******************  Register page styles  ************** */
#registerTbl td {
	padding: 5px 0 5px 0;
}
input.registerTerms {
	margin: 0 10px 0 0;
}
td.registerReminder {
	font-size:9px;
}


/* ******************  Profile page styles  ************** */
#profileTbl {
	width:auto;
}
#profileTbl td {
	padding: 10px 20px 10px 0;
}
#profileTbl td input, #profileTbl td textarea{
	width:270px;
}
#profileTbl td input.imageField {
	width:275px;
}
#profileTbl td input.submitBtn {
	width:auto;
}
#profileTbl td input.hidden {
	padding:0;margin:0;
}
#profileTbl td.spacer, #registerTbl td.spacer, #accountTbl td.spacer {
	padding:0;
	margin:0;
	font: 0px/0px Verdana, Arial, Helvetica, sans-serif;
	height:0px;
}
/*
select.dropDown {
	width:150px;
}*/
img.noImgUpld {
	border:solid 1px #000074;
}
#profileImage {
	width: 200px;
	text-align:center;
	margin:20px 0 0 0;
	overflow: hidden;
}
a.secLink{
	color:#FFFFFF;
}
a.subnav_on {
	text-decoration:underline;
}
#availabilityTbl td {
	width:12%;
	padding: 5px 0 5px 0;
}

/* ******************  Profile filter page styles  ************** */
#profileFilterTbl td {
	padding: 5px 0 5px 5px;
}

#profileFilterTbl td.filterDivider {
	border-top-style: dashed;
	border-top: 1px #FFFFFF;
}

/* ******************  Account page styles  ************** */
#accountTbl td {
	padding: 10px 0 10px 0;
}

#detailTbl	td {
	padding:5px;
}

#detailImg{
	width:150px;
}

/* ******************  Side bar 'notes' styles  ************** */
#notes{
	border-top-style: dashed;
	border-top: 1px #FFFFFF;
	margin: 10px 0 10px 0;
	padding: 10px 5px 0 10px;
}


/* ******************  Filter side bar styles  ************** */
div.userName {
	/*padding:2px 0 2px 0;*/
}


div.userImg {
	padding:0 0 10px 0;
}

/* ******************  My Message styles  ************** */
#mailBox th {
	text-align:left;
	background:blue;
	color:#FFFFFF;
	height:30px;
	background: #004BE1 url(i/th_bg.gif) repeat-x;
	padding: 0 0 0 5px;
}
#mailBox td {
	padding: 0 0 0 5px;
}

#msgDetail h1 {
	margin-bottom:5px;
}
#msgDetail p {
	margin-top:10px;
}
#msgDetail img {
	padding: 0 0 5px 10px;
}


/* ****************** Mail box styles  ************** */
#mailBox td.member {
	font-weight:bold;
}

#mailBox #adminSent td {
	background:#CCCCF7;
	font-weight:bold;
}
tr.odd {
	background:#E7E7F8;
}

/* ****************** Update complete style  ************** */
h1.updateHeading {
	padding: 18px 0 0 0;
}

.updateLayer {
	text-align:right;
	padding: 0 20px 0 0;
}

.updateLayer h1 {
	padding:0;
	margin:0;
}


/* ******************  Profile list style JR added 17.01.07  ************** */
#profileList ul {
	padding:0;
	margin: 0;
	width:150px;
	background: #999999;
}
#profileList ul li {
	display: block;
	width:150px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#profileList ul li a {
	text-decoration:none;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	color: #FFFFFF;
	width:130px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #FFFFFF;
	letter-spacing: 1px;
}
#profileList ul li a:hover {
	background:#CCCCCC;
	color: #414141;
	border-top: 1px solid #FFFFFF;
}


/*** Directory Styles ***/

.directory-category{
	width:248px;
	height:185px;
	float:left;
	border:1px solid #0939a5;
	margin:1px 1px 1px 1px;
	text-align:left;
	display:inline;
}
.directory-category h2{
	margin:0 0 0 0;
}
.directory-category h2 a, tr.colour-me a{
	color:#ffffff;
}

.directory-listing{
	width:500px;
	border:1px solid #0939a5;
	margin:0 0 5px 0;
}
.is-you-business a{
	border:0 solid red;
	font-weight:normal;
	font-size:11px;
}
tr.colour-me, tr.colour-me td{
	background:#0939a5;
	color:#ffffff;
}
tr.color-me a{
	color:#ffffff;
}

.breadcrumb{
	border:0 solid red;
	margin:0 0 5px 0;
	background:#cccccc;
	padding:0 0 0 0;
	width:500px;
	color:#000074;
	font-weight:bold;
	border:1px solid #c4c4c4;
	text-align:left;
	float:left;
	clear:both;
}
.breadcrumb a{
	color:#000074;
}
.clear-me{
	clear:both;
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:0;
	border:0 solid red;
	line-height:0;
}
.back-link{
	margin:0 0 5px 0;
	text-align:left;
}
.category-image{
	margin:10px 0 0 0;
}
.category-description{
	width:500px;
}
.category-details{
	text-align:left;
	width:500px;
	border:0 solid red;
	float:left;
}
.category-details h1{
	margin:5px 0 5px 0;
}

/*** Advertisement Form Styles ***/

.advertise-form{
	border:1px solid #000074;
	padding:5px;
	width:96%;
}
.advertise-form input{
	width: 310px;
}

.advertise-form textarea {
	width: 310px;
	height: 100px;
}

.advertise-form.account input{
	width:100%;
}

.advertise-form input.check-box{
	width:auto;
}
.advertise-form input.submit{
	width:auto;
	background:#000074;
	border:0;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	padding:2px;
}
.advertise-form label{
	font-weight:bold;
}
.checkbox-scroller{
	height:150px;
	overflow:auto;
	background:#cccccc;
}
.formElementRequired, .req{
	font-weight:bold;
	font-size:16px;
	color:#c13b33;
}
.specific-form{
	border:0 solid red;
	display:block;
	clear:both;
	width:500px;
	float:left;
	margin:0 0 10px 0;
}
.specific-form label{
	font-weight:bold;
}
.specific-form input.submit-button, .events-search-form input.submit-button{
	float:right;
	margin:0 0 0 0;
	cursor:pointer;
	background:#0939a5;
	color:#ffffff;
	font-weight:bold;
	border:0;
}
.events-search-form{
	border:0 solid red;
	display:block;
	clear:both;
	width:500px;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #cccccc;
}
.events-search-form select{
	width:100%;
}
.pagination{
	border:0 solid red;
	width:500px;
	margin:0 0 10px 0;
}
.form-error{
	font-weight:bold;
	color:#c13b33;
}

.friendListBox {
	display: block;
	padding: 10px 10px 10px 0px;
	width: 100px;
	height: 100px;
	border:0 solid red;
	text-align: center;
}

.home-profiles{
	width:525px;
	float:right;
	background:#cccccc;
	margin:5px 13px 0 0;
}
td.member-holder{
	border:2px solid #000066;
	background:#ffffff;
}
td.member-intro{
	font-size:9px;
	line-height:12px;
}

ul.category-list{
	border:0 solid red;
	width:230px;
	float:left;
	margin:10px 10px 0 0;
	padding:0 0 0 0;
	list-style:none;
	text-align:left;
}
ul.category-list li{
	border:0 solid blue;
	padding:0 0 0 0;
	margin:0 0 5px 0;
}
ul.category-list li h2{
	margin:0 0 0 0;
}
ul.category-list li h2 a{
	display:block;
	padding:0 0 2px 20px;
	background:url(i/tiny-logo.gif) 0 2px no-repeat;
	color:#1943cc;
}
ul.category-list li h2 a:hover{
	background:#1943cc url(i/tiny-logo.gif) 2px 2px no-repeat;
	color:#ffffff;
	text-decoration:none;
}

.listing-option{
	background:#f0f0ee;
	padding:1px 10px 5px 10px;
	margin:0 0 15px 0;
	border:1px dotted #cccccc;
	text-align:left;
}

.note{
	border:1px solid #d8d36f;
	padding:5px;
	margin:0 0 10px 0;
	background:#fffaae;
}

/*** Fans Styles ***/

.member-box{
	width:240px;
	height:100px;
	float:left;
	margin:0 0 4px 0;
}
.member-box.middle{
	margin:0 4px 4px 4px;
}
.member-box img{
	border:1px solid #000074;
}


/* ****************** Paginate styles  ************** */

.listPaginate {
	padding:0;
	background: #D9E8EA url(../i/blueBG1.gif);
	border-top:solid 1px #BDBDBD;
	border-bottom:solid 1px #BDBDBD;
	font-size:11px;
}

.listPaginate table tr td {
	margin:0;
	padding:0;
}

.listPaginate .listPaginateLinkNext {
	padding-right:20px;
	padding-left:20px;
}

.listPaginate .listPaginateLinkPrev {
	padding-left:20px;
	padding-right:20px;
}

.listPaginate .paginateOn {
	width:35px;
	display:inline;
	margin:2px;
}

.listPaginate .paginateOff {
	width:35px;
	display:inline;
	margin:2px;
}

.listPaginate a {
	color:#2D444F;
	font-weight:bold;
}
.listPaginate a:hover {
	color:#D85909;
}
.listPaginate .paginateOn {
	color:#D85909;
	font-weight:bold;
}
.listPaginateSpacer {
	font-size:0;
	line-height:1px;
	padding:0;
	margin:0;
	height:0;
	background:none;
	height:5px;
}

.spacerOne {
	height:10px;
	margin: 0;
    padding: 0;
}

/*** Member View Events Styles ***/

.fan-events{
	border:0 solid red;
}
.fan-events ul{
	list-style:none;
	padding:0 0 0 0;
	margin:0;
	text-align:left;
}
.fan-events ul li{
}
.fan-events ul li.event-type{
	text-decoration:underline;
}

table.fan-events{
	border:1px solid #0939a5;
}
table.fan-events th{
	background:#0939a5;
	color:#ffffff;
	text-align:left;
}

/*** Profile Status Styles ***/

table.current-status{
	border-top:1px dotted #c4c4c4;
	border-bottom:1px dotted #c4c4c4;
	padding:5px 0 5px 0;
}
table.current-status label{
	font-weight:bold;
}
table.current-status td{
	vertical-align:top;
}
table.current-status textarea{
	width:450px;
	height:35px;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
table.current-status input.submit{
	background:#0939a5;
	color:#ffffff;
	font-weight:bold;
	border:0;
	cursor:pointer;
	padding:2px;
}

.member-status{
	border:0 solid red;
	margin:0 0 3px 0;
	font-weight:bold;
}

/*** View Profile Styles ***/

.view-profile-status{
	border:0 solid red;
	font-weight:bold;
}
.view-profile-status span{
	color:#c13b33;
}

table.availability-table{
	font-size:10px;
}
table.availability-table td{
	padding:3px;
}
.exercise-col{
	border:0 solid red;
	width:30%;
	float:left;
}

.member-column-one{
	width:540px;
	float:left;
}
.member-column-two{
	width:180px;
	float:left;
}

.general-member-details td{
	vertical-align:top;
	padding:5px 0 5px 0;
}

tr.divider-row td{
	border-top:1px solid #000074;
	padding:10px 0 0 0;
}

/*** Posts Styles ***/

.post-day{
	border:1px solid #cccccc;
	background:url(i/post-bg.gif) repeat-x;
	padding:2px;
	margin:0 0 15px 0;
}
.post-day .date{
	font-weight:bold;
	font-size:12px;
	padding:0 0 3px 0;
	border-bottom:1px solid #cccccc;
}

.days-posts{
	border:0 solid red;
}
.days-posts table{
	background:#ffffff;
	width:726px;
}
.days-posts td{
	vertical-align:top;
}
.days-posts td.time-td{
	width:50px;
}
.days-posts td.title-td{
	width:676px;
}
.days-posts td.name-td{
	width:676px;
}

.days-posts tr.divide-row td{
	border-top:1px solid #cccccc;
}


/*** View Post Styles ***/

.view-post{
	border:0 solid red;
	float:left;
	width:515px;
}
.view-post-date{
	font-weight:bold;
	font-size:14px;
}

.view-post-member{
	border:0 solid red;
	float:right;
	text-align:center;
	width:200px;
}
.view-post-member img{
	clear:both;
}

.post-responses{
	clear:both;
	border-top:1px dotted #cccccc;
	margin:15px 0 0 0;
}

.response{
	border:1px solid #cccccc;
	margin:0 0 5px 0;
	padding:2px;
}
.response.even{
	border:1px solid #000074;
}
.response td.member-td{
	text-align:center;
}

input.report-button{
	width:auto;
	background:#000074;
	border:0;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	padding:2px;
}


/*** Search Post Styles ***/

.post-search{
	border:1px solid #cccccc;
	background:url(i/post-bg.gif) repeat-x;
	float:left;
	clear:both;
	padding:2px 6px 2px 6px;
	margin:0 0 10px 0;
}

.post-search form{
	margin:0;
	padding:0;
}
.post-search label{
	font-weight:bold;
}
.post-search input{
	width:200px;
}
.post-search input.submit{
	width:auto;
	width:auto;
	background:#000074;
	border:0;
	font-weight:bold;
	color:#ffffff;
	cursor:pointer;
	padding:2px;
}

span.keyword{
	background:#fffaae;
}

/*** End Search Post Styles ***/

/*** My Posts Styles ***/

.my-post{
	border:1px solid #cccccc;
	background:url(i/post-bg.gif) repeat-x;
	padding:2px;
	margin:0 0 15px 0;
}


/*** Home Posts Styles ***/

.home-posts{
	width:517px;
	margin:10px 0 10px 11px;
	background:url(i/post-bg.gif) top repeat-x;
	border:1px solid #000074;
	padding:3px;
}

.home-post{
	border-top:1px solid #000074;
	margin:5px 0 0 0;
	padding:5px 5px 5px 5px;
	background:#ffffff;
}

.recent-posts{
	border:0 solid red;
	font-weight:bold;
	margin:0 0 5px 0;
}

.view-all-posts{
	text-align:right;
}


a.red{
	width:auto;
	background:#b22d25 url(i/red-a-bg.gif) bottom repeat-x;
	color:#ffffff;
	border:1px solid #770903;
	height:19px;
	padding:2px 4px 3px 4px;
}
a.red:hover{
	background-position:top;
	text-decoration:none;
}

.side-heading{
	background:#cccccc;
	padding:2px 5px 2px 5px;
	clear:both;
	margin:0 0 5px 0;
	font-weight:bold;
}