
/* Header ------------------------------------ */

.site-logo
{
	margin: 10px 0px 5px 0px !important;
	max-height: 82px;
	vertical-align: middle;
}

.fb-like {
	position: absolute;
	top: 75px;
	right: 0;
}

.fb_iframe_widget {
    position: absolute !important;
}

li.fb-like {
    position: relative;
    top: -2px;
    right: auto;
    width: 90px;
    height: 21px;
}

/* Template ------------------------------ */

#tplContainer
{
	margin: 0 auto 20px;
	padding: 15px;
	max-height: 638px;

	background-repeat: no-repeat;

}

div.teasers
{
	padding-left: 10px;
	height: 80px;
	overflow: hidden;
	background: url(/img/layout/home/bg_meet.png) top left repeat-x;
	opacity: 0.9;
	white-space: nowrap;

}

div.teaser
{
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	float: none;
	clear:both;
	background: none;
	width: 490px;
	height: 100px;
}


/* Users Banner ------------------------------ */

#userbox
{
	display: block;
	overflow: hidden;

	height: 130px;

}

a.slide
{

	display: block;
	float: left;
	margin: 15px 0;

	width: 30px;

	text-indent: 150px;
	line-height: 102px;

}

a.leftSlide
{
	background: url(/light/icons/?i=addphoto/arrow.png&h=626673) no-repeat scroll center;
}
a.rightSlide
{
	background: url(/light/icons/?i=addphoto/arrow.png&r=180&h=626673) no-repeat scroll center;
}


.userScrollContainer
{
	float: left;
	overflow: hidden;

	width: 895px;
	height: 130px;

	*position: relative;
}

div#users
{
	position: relative;

	display: inline-block;
	float: left;
	overflow: hidden;
	margin: 15px 0;

	height: 102px;

	white-space: nowrap;
}

div.user
{

	position: relative;

	float: left;
	float: left;
	overflow: hidden;
	margin: 0 5px 6px 5px;

	width: 100px;
	height: 100px;
	border: 1px solid #e0e5e9;
	background: url(/fz/img/ajax-loader.gif) center no-repeat white;

	color: black;
	font-weight: bold;
	font-size: 11px;

	cursor: pointer;
}

div.user .login, div.user .city, div.user .age
{

	position: absolute;

	width: 100%;
	height: 15px;

	background-color: rgba(255, 255, 255, .5);

	text-align: center;
	line-height: 15px;

	*background-color: white;
}

div.user .login
{
	top: 0;
}

div.user .city
{
	bottom: 0;
}

div.user .age
{
	display: none;
}


ul.checked
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.checked li
{
	display:block;
	margin: 1px 0;
	padding: 0;
	background: url(/light/icons/?i=check.png&h=54CC14) left center no-repeat;
	text-align:left;
	font-size: 14px;
	line-height: 20px;
}

ul.checked li span
{
	display: block;
	margin-left: 28px;
}

/* Registration Helper -----------------------------------------------	*/

#helper
{
	position: absolute;
	z-index: 10;
	display: block;
	padding-right: 8px;
	background: url(/img/tooltip/arrowRight.gif) right center no-repeat;

}

#helper span
{
	display: block;
	padding: 7px;
	width: 270px;
	border:1px solid #c3c3c3;
	background-color: white;
	box-shadow: -2px 2px 1px rgba(0,0,0,0.3);
	color: black;
	font-size: 13px;
}

#helper span ul
{
	margin: 0;
	padding: 0;
}


/* Follow profil ---------------------------- */

#follow-box
{
	overflow: hidden;
	margin: 5px;
	padding-left: 106px;

	height:100px;

	background-image: url(/fz/img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: left;
}

#follow-box h3
{
	margin: 0;
	padding: 0;
	height: 29px;
	font-size: 16px;
	line-height: 29px;
}

ul.follow-profile-list
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}

ul.follow-profile-list li
{
	margin: 0;
	padding: 0;
	height: 14px;
	line-height: 14px;
}


/* Footer ------------------------------ */

#footer-public
{
	margin-top: 10px;
	width: 958px;
	margin: auto;

	text-align: center;
	font-size: 12px;
}

#footer-public .bottomLinks
{

	margin-top: 20px;
	font-size: 10px;
}


.default-box .header a.fb_connect {
	color: #D8DFEA;
}

#locationBox
{
	display: block;
	height: 80px;

	background: url(/img/layout/home/bg_meet.png) top left repeat-x;
	text-align: center;
	opacity: 0.9;
}

#locationBox h4.city
{
	margin: 4px 0px 0px 0px;
	padding: 0;
	font-size: 25px;
}

#locationBox h3, div.teaser h3
{
	margin:  0px;
	padding: 8px 0px 3px 0px;
}

div.teaser .col2 li
{
	float:left;
	width:50%;
}

form.lostPassword {
	height: auto;
}

form.lostPassword p {
	margin: 0;
}

form.lostPassword div.lostPassword-label {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}

#big-video-wrap {
	z-index: -1;
}

#big-video-wrap .vjs-control-bar {
	visibility: hidden;
}

#userbox {
	margin-top: 5px;
}
