/*Clear defaults - inspired from Tantek Celik
----------------*/
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
hr {display:none;}

span.msg {
 vertical-align: middle;
}

acronym {
 border-bottom: 1px dashed #08714D;
 background: #fcfcfc;
 color: #517616;
}

.small {
 font-size: 11px;
}

a.btn {
 display: block;
 color: #08714D;
 text-decoration: none;
 text-align: center;
 background: url(../gfx/bg_profilebutton.gif) no-repeat;
 height: 20px;
 width: 141px;
 padding-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

a.btninactive {
 display: block;
 color: #567f16;
 text-decoration: none;
 text-align: center;
 background: url(../gfx/bg_profilebutton.gif) no-repeat;
 height: 20px;
 width: 141px;
 padding-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 cursor: default;
 color: #E6EFD7;
}

input.btn,
.pform input.btn,
div#profileform input.btn,
button.btn {
 width: auto;
 height: auto;
 padding: 3px 4px;
 border: 1px solid #e2ede0;
 color: white;
 font-weight: bold;
 background: #08714D;
 background-image: none;
}

/** GLOBAL **/

body { }

.linkstitle {
 display: none;
}

.error {
 color: #BF0B0B;
 font-weight: bold;
}

.hidden {
 display: none;
}

.bb { font-weight: bold; }

.u {
border: 1px dashed red;
cursor: default;
padding: 0px 3px;

 }

a {
 color: #08714D;
}

div#sitenav {
 margin-top: 30px;
 color: white;
 width: 170px;
 float: left;
 display: inline;
 font-family: arial, helvetica, san-serif;
 font-size: 11px;
 padding-bottom: 15px;
}

div#sitenav li {
 border: 1px solid #08714D;
 margin: 0px 10px 8px 20px;
}

div#sitenav li p {
 margin: 4px 5px;
}

div#sitenav a {
 display: block;
 color: #08714D;
 text-transform: uppercase;
 text-decoration: none;
 padding: 5px 0px 8px 5px;
}

div#sitenav li.selected {
 background: #08714D;
}

div#sitenav li.selected a {
}

div#sitenav li.selected a,
div#sitenav li a:hover{
 color: white;
 font-weight: bold;
 background: #08714D;
}

div#sitenav li.selected p a {
 margin-left: 6px;
 text-transform: none;
 font-weight: normal;
 padding: 0px;
}




/** TEMPLATE **/
div.page{
 width: 784px;
 position: absolute;
 left: 50%;
 margin-left: -396px;
 font-family: helvetica, arial, sans-serif;
 font-size: 12px;
}

div#header {
 margin-top: 30px;
 height: 160px;
 border-width: 3px 3px 0px 3px;
 border-color: #08714D;
 border-style: solid;
}
div.header1 {
background: url(../gfx/bg_header1.jpg) no-repeat;
}
div.header2 {
background: url(../gfx/bg_header2.jpg) no-repeat;
}
div.header3 {
background: url(../gfx/bg_header3.jpg) no-repeat;
}
div.header4 {
background: url(../gfx/bg_header4.jpg) no-repeat;
}
div.header5 {
background: url(../gfx/bg_header5.jpg) no-repeat;
}
div.header6 {
background: url(../gfx/bg_header6.jpg) no-repeat;
}
div.header7 {
background: url(../gfx/bg_header7.jpg) no-repeat;
}
div.header8 {
background: url(../gfx/bg_header8.jpg) no-repeat;
}
div.header9 {
background: url(../gfx/bg_header9.jpg) no-repeat;
}
div.header10 {
background: url(../gfx/bg_header10.jpg) no-repeat;
}
div.header11 {
background: url(../gfx/bg_header11.jpg) no-repeat;
}



div#header h2  {
 display: none;
}

div#header a {
 display: block;
 position: absolute;
 top: 92px;
 left: 26px;
 width: 225px;
 height: 34px;
}

div#footer {
 font-family: 'Helvetica','Arial','Sans-serif';
 font-size: 11px;
 padding-top: 106px;
 background: url(../gfx/bg_footer.jpg) no-repeat;
 color: #08714D;
 clear: both;
 padding-bottom: 10px;
}
div#footer.balls {
 background: url(../gfx/bg_footer_balls.gif) no-repeat;
 padding-top: 29px;
}

div#footer a {
 color: #08714D;
 text-decoration: none;
}

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

div#footer li {
 float: left;
 padding-right: 8px;
 height: 11px;
 line-height: 11px;
 margin: 2px 8px 1px 0px;
 border-right: 1px solid #08714D;
}

div#footer li#last {
 margin-right: 0px;
 border-right: 0px;
}

div#footer p {
 clear: both;
}

div#mid {
 background-color: #fff;
 width: 778px;
 border-width: 0px 3px;
 border-color: #08714D;
 border-style: solid;
 float: left;
}

div#content {}
div#content h2 {
 color: #08714D;
 font-weight: bold;
 font-size: 26px;
}
div#content h4 {
 color: #08714D;
 font-size: 16px;
 margin-bottom: 15px;
}
div#content .right {
 float: left;
 width: 565px;
 margin: 45px 0px 25px 28px;
}

/** INDEX **/
div#index {
	background: #ddd url(../gfx/bg_index.jpg) no-repeat -15px -108px;
	height: 562px;
	margin-top: 30px;
}

#id2 div#index {
 background: #ddd url(../gfx/bg_index2.jpg) no-repeat -15px -108px;
}
#id3 div#index {
 background: #ddd url(../gfx/bg_index3.jpg) no-repeat -15px -108px;
}
#id4 div#index {
 background: #ddd url(../gfx/bg_index4.jpg) no-repeat -15px -108px;
}
#id5 div#index {
 background: #ddd url(../gfx/bg_index5.jpg) no-repeat -15px -108px;
}

div#index h1 {
 position: absolute;
 top: 35px;
 left: 49px;
 height: 51px;
 font-size: 49px;
 font-family: times, helvetica, serif;
 color: #fff;
 text-transform: uppercase;
}

div#index h1 em {
 text-transform: lowercase;
 font-style: italic;
}

div#index p#desc {
 position: absolute;
 top: 58px;
 left: 410px;
 width: 275px;
 color: white;
 font-family: times, serif;
 font-weight: bold;
 font-size: 14px;
 letter-spacing: .01em;
 word-spacing: .04em;
}

div#index a.button {
 display: block;
 color: #fff;
 font-family: times, serif;
 font-size: 13px;
 position: absolute;
 border: 1px solid #fff;
 padding: 5px;
 text-decoration: none;
 font-weight: bold;
 
}

div#index a.button:hover {
 background:#08714D;
}

div#index a#login {
 right: 30px;
 top: 10px;
 padding: 6px 17px 6px 18px;
 letter-spacing: .03em;
 font-size: 16px;
}
div#index a#events {
 right: 30px;
 top: 45px;
 padding: 6px 11px 6px 11px;
 letter-spacing: .03em;
 font-size: 16px;
}

div#index a#join {
 bottom: 35px;
 left: 60px;
 font-size: 21px;
 padding: 5px 25px;
}

div#index div#search {
 position: absolute;
 top: 220px;
 left: 450px;
 color: white;
 width: 245px;
}

div#index div#search h2 {
 font-size: 24px;
 font-style: italic;
 font-weight: bold;
 font-family: times, serif;
 word-spacing: .05em;
 text-align: center;
 margin-bottom: 10px;
}

div#index div#search form {
 border: 1px solid white;
 font-weight: bold;
 padding-top: 15px;
}


div#index div#search dt {
 float: left;
 clear: both;
 padding-left: 20px;
 width: 90px; 
}

div#index div#search dt,
div#index div#search dd{
 height: 28px;
 line-height: 28px;
}

div#index div#search input,
div#index div#search select {
 width: 110px;
 font-size: 13px;
}
div#index div#search input {
 width: 106px;
}

div#index div#search dt#age {
 width: 60px;
}
div#index div#search select#desired_age_min,
div#index div#search select#desired_age_max {
 width: 60px;
 margin-right: 3px;
}



div#index a#srch {
 border: 1px solid red;
 position: relative;
 margin-top: 10px;
 border-color: #fff;
 border-style: solid;
 border-width: 1px 0px 0px 0px;
 padding: 6px 0px;
 font-family: times, serif;
 font-size: 20px;
 font-weight: normal;
 text-align: center;
}

div#index div#search input#ssbutton {
 display: block;
 width: 100%;
 margin-top: 10px;
 background: #08714D;
 border-color: #fff;
 border-style: solid;
 border-width: 1px 0px 0px 0px;
 color: #fff;
 font-size: 14px;
 padding: 6px 0px;
 font-family: times, serif;
 font-size: 18px;
 font-weight: normal;
 cursor: pointer;
}

div#index > div#search > input#ssbutton {
 background: red;
}

div#index>div#search>input#ssbutton:hover {
 background: #08714D;
}
div#index div#links {
 height: 220px;
 position: absolute;
 top: 575px;
 width: 100%;
}

div#index div#advertisers {
 height: 220px;
 position: absolute;
 top: 830px;
 width: 100%;
}

div#index div#links h3, div#advertisers  h3 {
 color: #557463;
 font-family: georgia, serif;
 font-weight: bold;
 font-size: 17px;
 height: 22px;
 letter-spacing: .2px;
 margin-bottom: 4px;
}
#index #links a , div#advertisers a{
 text-decoration: none;
 color: #90AD9C;
}
div#index #links div#left,
div#index #links div#right, 
div#advertisers div#left,
div#advertisers div#right{
 float: left;
 height: 220px;
}

#index #links #left {
 width: 630px;
}
div#advertisers #left {
 width: 784px;
}
#index #links #left li, div#advertisers #left li {
 float: left;
 border-right: 1px dashed #557463;
 height: 187px;
 padding-right: 7px;
 margin-right: 7px;
 width: 142px;
}
div#advertisers #left li.event {
 float: left;
 border-right: none;
 height: 187px;
 padding-right: 0px;
 margin-right: 0px;
 width: 154px;
}

#index #links #left li img, div#advertisers #left li img {
 border: 0px;
 height: 110px;
 width: 142px;
}
div#advertisers #left li.event img {
 border: 0px;
 height: 110px;
 width: 154px;
}
#index #links #left li h4, div#advertisers #left li h4 {
 color: #557463;
 font-family: georgia, times, serif;
 font-weight: bold;
 letter-spacing:-1px;
}
#index #links #left li p , div#advertisers #left li p{
 height: 45px;
 overflow: hidden;
}
#index #links #left li a , div#advertisers #left li a{
 overflow: hidden;
 width: 142px;
}

#index #links #right , div#advertisers #right {
 width: 154px; /* 784 - 620 (=left) = 164 - 10 padding for green box */
}
#index #links #right div, div#advertisers #right div {
 background: #e0eae2;
 height: 180px;
 padding: 6px 5px 3px 5px;
}
#right div.back, div#advertisers #right div{
background: url(/ui/gfx/bg_advertisers.jpg) no-repeat;
}

#index #links #right ul , div#advertisers #right ul{
 height: 163px;
}
#index #links #right li , div#advertisers #right li{
 max-height: 53px;
 margin-bottom: 8px;
 overflow: hidden;
}
#index #links #right li span, div#advertisers #right li span {
 color: #90AD9C;
 display: block;
}
div#index div#telegraph {
 position: absolute;
 height: 176px;
 width:199px;
 top: 384px;
}

div#index div#footer {
 position: absolute;
 top: 1075px;
 font-family: 'Helvetica','Arial','Sans-serif';
 font-size: 11px;
 padding-top: 0px;
 background: none;
 color: #90AD9C;
 padding-bottom: 00px;
}


div#index div#footer a {
 color: #08714D;
 text-decoration: none;
}

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

div#index div#footer li {
 float: left;
 display: block;
 padding-right: 8px;
 height: 11px;
 line-height: 11px;
 margin: 2px 8px 1px 0px;
 border-right: 1px solid #08714D;
}

div#index div#footer li#last {
 margin-right: 0px;
 border-right: 0px;
}

div#index div#footer p {
 clear: both;
 }

/**n INDEX HEADERNAV **/
div#index div#headernav {
	position: absolute;
	top: -16px;
	font-family: 'Helvetica','Arial','Sans-serif';
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-top: 0px;
	background: none;
	color: #08714D;
	padding-bottom: 00px;
	width: 727px;
	left: 0px;
}

div#index div#headernav em {
	text-transform: none;
}


div#index div#headernav a {
	color: #08714D;
	text-decoration: none;
}
div#index div#headernav a:hover {
 color: #08714D;
 text-decoration: underline;
}
div#index div#headerdate {
 color: #90ad9c;
 float: right;
 font-weight: bold;
 letter-spacing: .05px;
 margin-top: -16px;
 *position: relative;
 *margin-top: 0px;
 *top: -16px;
}


/** JOIN **/
div#profilenav {
 color: #000;
 margin: 5px 0px 5px 220px;
 text-transform: uppercase;
 letter-spacing: .01em;
 word-spacing: .05em;
}


div#profilenav strong {
 color: #08714D;
 font-weight: bold;
}

div#profileform.right {
 margin-top: 20px;
}

div#profileform.right p {
 margin-bottom: 1em;
}

.pform fieldset {
 border: 0px;
 width: 500px;
 padding-bottom: 10px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 background: #BBE5D7
}

.pform dt {
 float: left;
 height: 25px;
 padding-top: 3px;
 clear: both;
 width: 150px;
}
.pform dd {
 float: right;
 height: 28px;
 text-align: left;
 width: 350px;
}

.pform dt.tall {
 height: 65px;
 padding-top: 3px;
}

.pform dd.tall {
 height: 82px;
}

.pform dt.medium {
 height: 35px;
 padding-top: 3px;
}

.pform dd.medium {
 height: 35px;
}

.pform input#postcode {
 width: 40px;
 margin-right: 5px;
}


div#profileform dl#welcome {
 margin-top: 20px;
 margin-bottom:20px;
 width: 270px;
}
div#profileform dl#welcome dt,
div#profileform dl#welcome dd {
 padding-top: 0px;
 height: 20px;
 width: 130px;
 float: left;
}

div#profileform dl#welcome dt {
 clear: both;
}

div#profileform p {
 clear: both;
}

div#profileform #formsubmitbutton {
 display: none;
} 
div#profileformsubmit {
 clear: both;
 background: url(../gfx/bg_profileformsubmit.jpg) no-repeat bottom left;
 height: 141px;
 padding-top: 15px;
}

div#profileformsubmit a{


 display: block;
 width: 139px;
 height: 34px;
 position: relative;
 top: 53px;
 left: 425px;
 font-size: 0px;
}

div#profileform input,
.pform input,
input.gt {
 padding-top: 4px;
 padding-left: 10px;
 padding-right: 20px;
 height: 20px;
 width: 228px;
 background: transparent url(../gfx/bg_text.gif) no-repeat;
 border: 0px;
}

.pform select {
 width: 255px;
 border: 1px solid #08714D;
}

.pform select#desired_age_min, 
.pform select#desired_age_max {
 width: 118px;
}

.pform select.day {
 width: 55px;
}

.pform select.year {
 width: 75px;
}

.pform select.month {
 width: 120px;
}

.pform textarea {
 padding: 3px 10px 9px 10px;
 height: 81px;
 width: 391px;
 background: transparent url(../gfx/bg_textarea.gif) no-repeat;
 border: 0px;
 overflow: auto;
}


div#profileform input.tb,
.pform input.tb {
 width: auto;
 margin-right: 5px;
 background: none;
}

/* JOIN1 benefits*/
#joinbenefits {
 width: 535px;
 height: 230px;
 margin-top: 10px;
 background: #fff url(../gfx/img_join.jpg) no-repeat right center;
}

#joinbenefits li {
 clear: both;
 float: left;
 width: 345px;
 border-bottom: 1px solid #ccc;
}


#joinbenefits li dl * {
 float: left;
 padding: 0px 0px;
 line-height: 22px;
}

#joinbenefits li dl dt {
 width: 278px;
 font-weight: bold;
 vertical-align: middle;
}

#joinbenefits li dl dd {
 float: right;
 width: 67px;
 text-align: center;
 font-weight: bold;
 background: #fff;
 font-size: 22px;
 height: 22px;
 vertical-align: middle;
 color: #EF0E0E;
}

#joinbenefits li dl dd img {
 margin: 3px 26px;
}

#joinbenefits li dl dd.prem {
 background: #F2F8EC url(../gfx/bg_upgrade_prembenefits.png) repeat-y;
 color: #08714D;
}


/** LOGIN **/

div#login h4 {
 margin-bottom: 0px;
}

div#login .error {
 padding-left: 50px;
 margin-top: 10px;
}

#loginform fieldset {
 border: 0;
 padding-left: 20px;
 margin-top: 10px;
}

#loginform dt {
 float: left;
 width: 100px;
 clear: both;
}
#loginform input.t {
 padding-top: 3px;
 padding-left: 10px;
 height: 21px;
 width: 260px;
 background: transparent url(../gfx/bg_text.gif) no-repeat;
 border: 0px;
}

/** SEARCH **/

div#search #top {
 margin-bottom: 15px;
 float: left;
}

div#search p.list {
 margin-top: 0px;
 margin-left: 15px;
}


div.searchnav {
 float: left;
 width: 565px;
 margin: 0px 0px 0px 0px;
 margin-right: 0px;
 padding-bottom: 3px;
}

div#search div.searchnav p {
 margin-top: 0px;
}


div.searchnav .curr {
 float: left;
}

div.searchnav .choose {
 float: right;
}

div#searchresults {
 float: left;
 border-top: 1px solid #08714D;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 width: 565px;
}

div#searchresults .error {
 display: block;
 padding: 16px 15px 46px 10px;
 border-bottom: 1px solid #08714D; 
}

div#searchresults li {
 float: left;
 width: 100%;
 border-bottom: 1px solid #08714D;
 padding: 10px 0px;
 cursor: pointer;
}

div#searchresults lhi:hover,
div#searchresults lhi.hover {
 background-color: #e2ede0;
}

div#searchresults li div.pic {
 float: right;
 width: 150px;
 text-align: center;
}

div#searchresults li dl {
}

div#searchresults li dt {
 clear: left;
 float: left;
 width: 100px;
 padding-left: 6px;
}

div#searchresults li dd {
 float: left;
 width: 254px;
 text-align: left;
 font-weight: bold;
}


div#searchresults li dd,
div#searchresults li dt {
 height: 16px;
 margin-bottom: 11px;

}


/** PROFILE **/
div#profile #topleft {
 height: 90px;
}

div#profile #topright {
 float: right;
 margin-top: -86px;
}

div#profile #midright {
 clear: both;
 float: right;
 background: #e0e8d3;
 padding: 10px;
 width: 255px;
}

div#profile #midright img {
 display: block;
 margin: 0px auto 10px auto;
}

div#profile .midleft {
 border-bottom: 1px solid #08714D;
 margin-bottom: 10px;
 padding-bottom: 10px;
}


div#profile .midleft dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}

div#profile .midleft dt {
 clear: left;
 float: left;
 width: 120px;
 margin-bottom: 6px;
}

div#profile .midleft dd {
 display: block;
 margin-left: 120px;
 margin-bottom: 6px;
}

div#profile #botleft {
 float: left;
 height: 16px;
 margin-top: 20px;
}

div#profile #botright {
 clear: both;
 float: right;
 text-align: right;
 margin-top: 20px;
}



/** PRIVACY **/
/** SAFETY **/
div#info p {
 margin: 12px 0px;
 color: #000;
 font-style: normal;
 font-weight: normal;
}

div#info em {
 color: #000;
 font-style: normal;
 font-weight: bold;
}
div#info a {
 color: #08714D;
 font-style: normal;
 font-weight: bold;
}

#sitemap li {
 margin-top: 4px;
}
#sitemap .sub {
 margin-left: 15px;
 margin-top: 0px;
}
#sitemap p {
 margin-top: 15px;
 font-weight: bold;
}
#sitemap .sitemapitem {
 float: left;
 padding: 0px 40px 0px 0px;
}