/**
 * Generic styles
 ** flirtomatic
 ** Jonathan Pontet - 05/08
 */

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #557285;
    }
a {
	color:#177fd5;
	text-decoration:none;
	}
a:hover {text-decoration:underline;}
h1 {line-height:1em;}
h2 {line-height:1em;}
p {line-height:1.35em;}
strong {font-weight:bold;}
img {display:block;}
input,
textarea,
select {
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:110%;
	}
.invisible {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	}
	
/** clearfix */
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
	}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/** Wrapper */
#wrapper {
	width:589px;
	min-height:754px;
    background:#fff url(../img/bg.jpg) no-repeat bottom left;
	margin: 0 auto;
}
* html #wrapper {height:754px;}
	
/** Nav */
#nav {
	padding:5px 8px 0 8px;
	background:#ed0033 url(../img/nav-bg.gif) repeat-x 0 0;
	min-height:22px;
	color:#fff;
	}
* html #nav {height:22px;}
#nav a {color:#fff;}
#nav p {float:left;}
#nav ul {
	float:right;
	list-style-type:none;
	font-size:0.9em;
	margin-top:1px;
	}
#nav li {
	float:left;
	padding-right:8px;
	margin-right:7px;
	background:transparent url(../img/pipe.gif) no-repeat 100% 2px;
	}
#nav li.last {
	padding-right:0;
	margin-right:0;
	background:none;
	}

/** Forms */
form .row {margin-bottom:1em;}
form legend,
form .label {
	font-weight:bold;
	color:#600121;
	margin-bottom:0.4em;
	}
form .label {
	display:block;
	cursor:pointer;
	}
form .label img {/*fix probleme in IE7*/}
form .note {
	display:block;
	margin-top:0.3em;
	color:#676c70;
	font-size:0.9em;
	}
form .error {
	clear:left;
	display:none;
	margin-top:0.2em;
	font-size:0.9em;
	color:#c96206;
	font-weight:bold;
	}
form .error.showalways {
	display:block;
}
form input.long {width:290px;}
form input.short {width:198px;}
/*form img.validate {display:inline;}*/
form img.validate {display:none;}
form .button {
	background-color:#E4E4E4; 
	color:#333;
	cursor:pointer; 
	vertical-align:middle; 
	border:2px solid #797979; 
	border-top-color:#FFF;
	border-left-color:#FFF; 
	margin:2px; 
	padding:2px;
	font-weight:bold;
	}
form .button:hover {
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
	}
form .button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
	}

/** Join */
#join {
	float:left;
	width:330px;
	margin:11px 0 0 8px;
	}
* html #join {display:inline;}
#join h2 {
	margin-bottom:1px;
	padding:4px 0 0 4px;
	background:#74808c url(../img/h2-bg.gif) repeat-x 0 0;
	min-height:26px;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	}
* html #join h2 {height:26px;}
#join .content {
	min-height:518px;
	padding:8px 7px;
	background:#ecece9;
	}
* html #join .content {height:518px;}
#join .label.female {
	text-indent:-999em;
	width:13px;
	height:29px;
	background:transparent url(../img/genderF.gif) no-repeat 0 0;
	}
#join .label.male {
	text-indent:-999em;
	width:13px;
	height:29px;
	background:transparent url(../img/genderM.gif) no-repeat 0 0;
	}
#join .label.bisexual {
	text-indent:-999em;
	width:18px;
	height:29px;
	background:transparent url(../img/genderB.gif) no-repeat 0 0;
	}
#join .cols label {
	float:left;
	margin-right:10px;
	}
#join .cols .field,
#join .cols .label {float:left;} 
#join .cols.radio label {margin-right:17px;}
#join .cols.radio .field {
	position:relative;
	width:17px;
	height:30px;
	margin-left:2px;
	}
#join .cols.radio .field input {
	position:absolute;
	bottom:0;
	left:0;
	}
#join .cols.checkbox {
	display:block;
	width:250px;
}
#join .cols.checkbox label {width:70px;}
#join .cols.checkbox .field {margin-right:8px;}
#join .cols.checkbox .label {font-weight:normal;}
#join label.terms .field {
	float:left;
	margin-right:5px;
	}
#join label.terms .label {
	font-weight:normal;
	font-size:0.9em;
	color:#676c70;
	}
#join .button {
	background-color:#06c; 
	color:#fff;
	}
#join .button:hover {color:#f90;}
#join .button:active {
	color:#333;
	background-color:#BBB;
	}

/** Members */
#members {
	float:left;
	width:225px;
	height:259px;
	margin:10px 0 0 5px;
	padding:5px 6px 0 6px;
	color:#625f5f;
	background:transparent url(../img/members-bg.png) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	}
* html #members {display:inline;}
#members p {
	margin-top:5px;
	text-align:center;
	}

/** Upload */
#upload {
	float:left;
	width:220px;
	min-height:293px;
	margin:5px 0 0 7px;
	padding:4px 6px 0 6px;
	background:transparent url(../img/upload-bg.gif) repeat-y 0 0;
	behavior: url(iepngfix.htc);
	}
* html #upload {
	display:inline;
	height:293px;
	}
#upload h2 {
	font-size:1.25em;
	font-weight:bold;
	color:#625f5f;
	margin-bottom:1em;
	}
#upload .label {color:#625f5f;}
#upload input.button {float:right;}
#upload label.remember .field {
	float:left;
	margin-right:5px;
	}
#upload label.remember .label {
	font-weight:normal;
	font-size:0.9em;
	color:#2d5b70;
	}
#upload .status {
	float:left;
	width:150px;
	margin-top:10px;
	text-align:right;
	color:#fff;
	font-size:0.9em;
	}
#upload .show-reminder a {
	color:#fff;
	font-weight:bold;
	}
	
/** Password reminder */
#reminder {
	float:left;
	width:220px;
	min-height:293px;
	margin:5px 0 0 7px;
	padding:4px 6px 0 6px;
	background:transparent url(../img/reminder-bg.png) repeat-y 0 0;
	behavior: url(iepngfix.htc);
	}
* html #reminder {height:293px;}
#reminder h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#625f5f;
	margin-bottom:2.2em;
	}
#reminder .row {margin-bottom:0.4em;}
#reminder .label {
	font-weight:normal;
	color:#625f5f;
	width:200px;
	margin-bottom:1.4em;
	}
#reminder input.button {float:right;}
#reminder .status {
	float:left;
	width:150px;
	margin-top:10px;
	text-align:right;
	color:#fff;
	font-size:0.9em;
	}
#reminder .problems {
	float:left;
	margin-top:1em;
	font-size:1.3em;
	color:#625f5f;
	}
#reminder .problems strong {
	display:block;
	font-weight:normal;
	}
#reminder .problems em {}
#reminder .problems a {}

/** Confirm */
#confirm {
	float:left;
	width:330px;
	margin:11px 0 0 8px;
	color:#000;
	}
#confirm h2 {
	margin-bottom:1px;
	padding:4px 0 0 4px;
	background:#74808c url(../img/h2-bg.gif) repeat-x 0 0;
	min-height:26px;
	color:#fff;
	font-size:1.6em;
	font-weight:bold;
	}
#confirm .content {
	min-height:518px;
	padding:8px 7px;
	background:#fff url(../img/h2-bg.gif) repeat-x 0 0;
	}
* html #confirm .content {height:518px;}
#confirm p.nearly-there {
	padding:4px 2px;
	background-color:#fdcd9f;
	color:#600121;
	}
#confirm p.nearly-there em {
	color:#000;
	font-size:1.3em;
	}
#confirm h3 {
	margin-top:0.8em;
	color:#000;
	font-size:1.3em;
	}
#confirm form {margin-top:0.8em;}
#confirm legend,
#confirm .label {
	font-weight:normal;
	color:#000;
	}
#confirm fieldset label {
	float:left;
	margin-bottom:0.5em;
	}
#confirm .note {
	margin-right:25px;
	text-align:right;
	}
#confirm .note:hover{text-decoration:underline;}
#confirm label.updates .field {
	float:left;
	margin-right:5px;
	}
#confirm label.updates .label {
	font-weight:normal;
	font-size:0.9em;
	color:#676c70;
	}
	
/** FAQs */
#faqs {
	float:left;
	width:550px;
	margin:6px 0 0 9px;
	color:#000;
	}
#faqs h2 {
	margin:0 0 8px 3px;
	color:#656262;
	font-size:1.6em;
	font-weight:bold;
	}
#faqs .content {
	/*height:605px;
	overflow:hidden;
	overflow-y:scroll;*/
	padding:8px 10px;
	background:transparent url(../img/faqs-bg.png) repeat-y 0 0;
	behavior: url(iepngfix.htc);
	}
#faqs a {color:#28b6f8;}
#faqs h3 {
	margin-top:0.6em;
	font-size:1.6em;
	color:#28b6f8;
	}
	
/** Contact */
#contact {
	float:left;
	width:550px;
	margin:6px 0 10px 9px;
	color:#000;
	}
#contact h2 {
	margin:0 0 8px 3px;
	color:#656262;
	font-size:1.6em;
	font-weight:bold;
	}
#contact .content {
	padding:8px 10px;
	background:transparent url(../img/contact-bg.png) repeat-y 0 0;
	behavior: url(iepngfix.htc);
	}
#contact a {color:#28b6f8;}
#contact h3 {
	margin-top:0.6em;
	font-size:1.6em;
	color:#28b6f8;
	}
#contact h3.first {margin-top:0;}
	
/** Terms */
#terms {
	float:left;
	width:567px;
	margin:6px 0 0 9px;
	color:#656262;
	}
#terms h2 {
	margin:0 0 8px 3px;
	color:#656262;
	font-size:1.6em;
	font-weight:bold;
	}
#terms .content {
	height:605px;
	padding:8px 10px;
	overflow:hidden;
	overflow-y:scroll;
	background:transparent url(../img/contact-bg.png) repeat-y 0 0;
	behavior: url(iepngfix.htc);
	}
#terms a {color:#28b6f8;}
#terms h3 {
	margin-top:1em;
	color:#656262;
	font-weight:bold;
	}
#terms h3.first {margin-top:0;}

/** Footer */
#footer {
	float:left;
	clear:both;
	width:575px;
	margin:2px 0 0 9px;
	}
* html #footer {display:inline;}
#footer a {color:#fff;}
#footer .text {
	width:575px;
	height:54px;
	padding-top:10px;
	font-size:1.25em;
/*	font-weight:bold; */
	text-align:center;
	color:#fff;
	background:transparent url(../img/banner-register.png) no-repeat 0 0;
	behavior: url(iepngfix.htc);
	}
#footer .text em {font-size:1.1em;}
#footer .terms {text-align:center;}

table.latest {
	margin: 1px;
}
table.latest td img {
	margin: 1px;
}