/* SCREEN STYLES //////////////////////////////////////////////////////*/

html, body { overflow-x: hidden; }
body { font-family: Arial, sans-serif; color: #000; font-size: 100%; background: #000 url('../_img/bg-body.jpg'); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }



/* PAGE STRUCTURE //////////////////////////////////////////////////////*/

#wrap { position: relative; width: 940px; overflow-x: hidden; margin: 0 auto; background: #141311 url('../_img/granny-bg-top2.jpg') no-repeat left top; }
#top-content { height: 550px; }
#logo { position: absolute; left: 118px; }
#logo img { width: 600px; }

#strapline { position: relative; width: 300px; top: 85px; left: 128px; text-align: left; }
#copy { width: 734px; padding: 35px 38px 25px 38px; background: #000000; color: #fff !important; margin: 0 auto; position: relative; margin-bottom: 30px; text-align:center;}
#members { width: 734px; padding: 35px 38px 25px 38px; background: #000000; color: #fff !important; margin: 0 auto; position: relative;}
#footer { width: 803px; padding: 10px 68px 30px 68px; color: #999999; overflow: auto; }
	#footer p { width: 200px; float: left; margin: 0; font-size:12px; }
	#footer ul { margin: 2px 0 0 0; padding: 0; float: right; }
	#footer ul li { text-transform: uppercase; display: inline; margin: 0 0 0 10px; }
	#footer ul li a { color: #999999; font-size:12px;}
	#footer ul li a:hover { color: #c60000; font-size:12px;}


/* SIGNUP FORM ///////////////////////////////////////////////////// */

#signup {
	position: relative;
	left: 110px;
	top: 125px;
	width: 330px;
	height: 250px;
}

.signup { width: 289px; height: 100%; padding: 14px 20px 20px 20px} /* Controls width of form container */
fieldset { border: 0; padding: 0; margin: 0; }
.row.cf { width: auto; height: 40px; font-size: 14px; color: #000; }
.remove { width: auto; height: 42px; font-size: 14px; color: #003e5e; }

select, select.focus, select.blur {
	border: 1px solid #909090;
	height: 31px;
	font-family: Arial, Helvtica, sans-serif;
	font-size: 13px;
	padding: 5px;
	background-color: #fff;
}

	select.gender { width: 204px; }
	select.day { width: 60px; }
	select.month { width: 75px; }
	select.year { width: 62px; }

input:not([type='checkbox']), input.blur:not([type='checkbox']), input.focus:not([type='checkbox']) {
	width: 185px;
	height: 19px;
	font-size:13px;
	padding:5px 10px 5px 7px;
	border: 1px solid #909090;
}

.note { font-size: 10px; }
	.note a:link { color: #c00; text-decoration: none; }
	.note a:visited { color: #c00; text-decoration: none; }
	.note a:hover { color: #f00; text-decoration: none; }
	.note a:active { color: #c00; text-decoration: none; }

#b-continue {
	position: relative;
	top: 0px;
	left: 84px;
	width: 204px;
	border: 0;
	background: #c60000;
	border-radius: 23px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 26px;
	text-align: center;
	letter-spacing: -1px;
	padding: 6px 0 8px 0;
	cursor: pointer;
}

#signup button {
	position: relative;
	top: 0px;
	left: 84px;
	width: 204px;
	border: 0;
	background: #c60000;
	border-radius: 23px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 26px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	letter-spacing: -1px;
	padding: 6px 0 8px 0;
	cursor: pointer;
}

#login a {
	position: relative;
	width: 204px;
	border: 0;
	background: #000;
	border-radius: 23px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	letter-spacing: -1px;
	padding: 6px 15px 8px 15px;
	cursor: pointer;
}

#signup button:active, #b-continue:active, #login a:active { position: relative; top: 1px; }

.signup__form {
	width: 338px;
margin: auto 125px;
position: relative;
width: 360px;
top: 83px;
/* left: 128px; */
/* text-align: left; */
}
.wld-component {
    height: auto;
    margin: 0px 0 auto;
    padding: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;}

.wld-form {height: 100%;flex-direction: column;}

.wld-form__actions {
    display: flex;
    justify-content: space-between;
}

.wld-fieldgroup {
    flex: 1;
    align-self: center;
    margin: 2px 0;
}

.wld-fieldgroup--active {
    display: block;
}

.wld-field__input {
    display: inline;
}

#signup-gender, #signup-firstname, #signup-dobday {margin: 10px 0;}
.wld-input--select,.wld-input--text {width: 63%;}

.wld-field--confirm {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin: 1px 0;
    padding: 5px;
    color: #fff;
    font-family: 'Open sans', sans-serif;
}

.wld-field--confirm .wld-field__input {flex: 0;order: 0;margin: 8px;
}

.wld-field__caption {display: inline;}

.wld-field--confirm .wld-field__caption {
    order: 1;
    flex: 1;
    font-size: 15px;
	 margin:5px 10px;
	 color:#000;
}

label[for="signup-gender"],label[for="signup-firstname"],label[for="signup-dob"],label[for="signup-email"],label[for="signup-password"] { display: inline-block; width: 100px; padding-bottom: 5px; }

.wld-field__help {
    color: #000;
    font-size: 11px;
    font-family: inherit;
    font-weight: 400;
    line-height: 13px;
    margin: 0;
    padding: 10px;
    width: 100%;
    height: auto;
    -webkit-border-radius: 15px;
    bottom: -53px;
    display: flex;
    align-items: center;
}

.wld-input--select {
	width: 58%; height: 30px;
	font-size: 18px;
	margin: 0;
	border: 1px solid #dbdbdb;
	color: #494949;
	background-color: #fff;
}

#signup-dobday,#signup-dobmonth,#signup-dobyear {width: 19%;font-size:12px;}

.wld-button {
	position: relative;
	top: 0px;
	left: 84px;
	width: 204px;
	border: 0;
	background: #c60000;
	border-radius: 23px;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 26px;
	text-align: center;
	letter-spacing: -1px;
	padding: 6px 0 8px 0;
	cursor: pointer;
}

.wld-error-overlay {
    width: auto;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    top: 3px;
}
    .wld-fieldgroup {display: none;}
    .wld-fieldgroup--active {
        display: block;
    }
    .wld-input--text,
    .wld-input--select {
        color: #000;
        border-radius: 3px;
        background: rgba(255,255,255,.9);
        font-size: 14px;
    }
    .wld-error-overlay {
        color: #dc0202;
    }

/*#signup-wha {
	width: 204px;
	height: 46px;
	border: 0;
	cursor: pointer;
	background: url(../_images/b-join-free.png) no-repeat;
}*/

	#signup-wha:hover { background-position: 0 -46px; }

.more {
	display: none;
	z-index: 5000;
	position: relative;
	top: -42px;
	height: 90px;
}




.disclaimer {
	font-size: 10px;
	color: #010000;
	line-height: 13px;
	position: relative;
	top: 25px;
	left: 150px;
	z-index: 9999;
}

	.disclaimer a:link, .disclaimer a:visited {
		color: #c60000;
		text-decoration: none;
	}

	.disclaimer a:hover, .disclaimer a:active {
		color: #f00;
		text-decoration: none;
	}


/* MEMBERS //////////////////////////////////////////////////////*/

#members ul { list-style: none; padding: 0; overflow: auto; height:175px; }
#members ul img.line { position:relative; left:10px;}
#members li { float: left; margin: 20px 9px 0 9px; position: relative; }
#members .name { display: block; text-align: center; font-size: 15px; margin-top: 7px; color:#ffffff;  }
#members .location { display: block; text-align: center; font-size: 11px; line-height: 15px; color:#ffffff; }



/* TYPOGRAPHY //////////////////////////////////////////////////////*/

h1 { font-size: 30px; line-height:30px; margin-bottom: 15px; color: #000000; font-family: "Raleway", Arial, sans-serif; font-weight:normal; }
h2 { font-size: 26px; line-height: 24px; margin: 0 0 2px 0; color: #c60000; text-align: center; font-family: "Raleway", Arial, sans-serif; font-weight:normal; }
h3 { font-size: 14px; line-height: 21px; }

em { font-style: italic; }
p { font-size: 14px; line-height: 21px; margin-bottom: 15px; }
ul, ol { font-size: 14px; margin-bottom: 20px; }
li { margin-bottom: 10px; }



/* LINKS //////////////////////////////////////////////////////*/

a:link, a:visited {
	text-decoration: none;
	color: #999;
	-webkit-transition: color .15s ease-in-out;
	-moz-transition: color .15s ease-in-out;
}

a:hover, a:active {
	text-decoration: none;
	color: #F00;
}



/* ETC. //////////////////////////////////////////////////////*/

::-moz-selection { background: #FFF; color: #000; }
::selection { background: #FFF; color: #000; }


/* MENU //////////////////////////////////////////////////////*/



#menu-positioner { position: absolute; top: 15px; right: 65px; }

#top-login {
  display: block;
  text-decoration: none;
  color: #ffffff !important;
  padding: 8px 15px 6px 15px;
  background: #000000;
  white-space: nowrap;
  text-align: left;
  width: 36px;
  display:inline;
  float:left;
  border-radius:12px;
  margin-right:8px;
  font-size:14px;
}

#top-login:hover {
	background:#333333;
}

#country {
	display:inline;
	float:left;
}

#country ul { margin: 0; padding: 0; list-style: none; }

#country ul li ul { display: none; } /* Hides menu */
#country ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 8px 15px 6px 15px;
  background: #000000;
  white-space: nowrap;
  text-align: center;
  width: 85px;
  border-radius:12px;
}
#country ul li ul li { margin: 0; }
#country ul li:hover ul { /* Shows menu */
  display: block;
  position: relative;
  top: 0px;

}

#country ul li:hover li { float: none; }
#country ul li:hover li a { border-radius:12px; }
#country ul li:hover li a:hover { background: #333333; }

.arrow-down {
	position: relative;
	top: 9px;
	display: inline;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #ffffff;
}