@charset "UTF-8";
/* CSS Document */

/*
 * General
 */

body{
	background:url(/images/BG.png) repeat-x top center #FFF;
	font-family: 'Droid Sans', arial, serif;
	font-size:13px;
	color: #FFF;
}

body a{
	text-decoration:none;
	color:#FFF;
}

*{
	border:0px;
	outline:none;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

.clear{
	clear:both;
}

#Wrapper{
	width:960px;
	height:auto;
	margin:0 auto;
}

/*HEADER*/
#HeaderBg{
	background:url(/images/HeaderImage.png) no-repeat top center;
	width:1100px;
	height:1000px;
	margin: 0 auto;
		
}

#HeaderWrap{
	width: 100%;
	height:195px;	
}

#Logo{
	width:950px; 
	height:150px;
	display:block;
}

#Logo a{
	display: block;
	width: 100%;
	height: 100%;
}

/*PAGESBAR*/
.PagesNoTopWrap{
	width:940px; 
	height:30px;	
}

.PagesWrap{
	width:960px;
	height:40px; 
}
.PagesTop{
	background:url(/images/PagesBar_01.png) repeat-y top center;
	height:10px;
}
.PagesContent{
	background:url(/images/PagesBar_02.png) repeat-y top center;
	width:940px; 
	height:20px;
	line-height:20px;
	padding:0 10px 0 10px;
	position:relative;
	text-align: center;
	font-weight: bold;
}

.PagesBottom{
	background:url(/images/PagesBar_03.png) repeat-y top center;
	height:10px;
}

.PagesContent a{
	background: url(/images/LinkSplitter.png) no-repeat right center;
	vertical-align: bottom;
	padding-right: 10px;
}

.PagesContent a.last{
	background: none;
	padding-right: 0px;
}

.Page{
	width:20px;
	height:20px; 
	float:left;
	line-height:20px; 
	margin:0 5px 0 0;
	text-align:center;
	display:block;
	cursor: pointer;
}

.PagesContent .inactive{
	background:url(/images/PageBtnsOff.png);
}

.PagesContent .active{
	background:url(/images/PageBtnsOn.png);
}

#PagebarSizesWrap{
	width:75px;
	height:26px;
	float:right;
	text-align:right;	
}




/*NAVIGATION*/
#SearchWrap{
	width:490px; 
	height:145px;
	/*float:left;*/
	margin:15px 10px 10px 20px;
	position: relative;
}

#SearchBlock{
	width:600px; 
	height:105px;
	margin:0 5px 13px 5px;
}

#NicknameBlock{
	width:480px; 
	height:24px;
	line-height:24px;
	margin:0 5px 0 5px;
}

.catHead{
	font-size:14px;
	font-weight: bold;
}

.category{
	width: 180px;
	height: 105px;
	overflow:hidden;
	float:left;
}

.category ul{
	list-style:none;
	padding: 0;
	margin: 5px 0 0 0px;
}

.category ul li{
	background: url(/images/Checkbox.png) no-repeat left 0px;
	padding: 4px 0 0 20px;
	display: block;
	float:left;
	min-width: 55px;
	cursor: pointer;
}

.category ul li.active{
	background-position: left -20px;
	
}

.category ul li.right{
	float:right;
	padding-right: 10px;
}

#searchBox{
	position:absolute; 
	bottom: 7px; 
	left: 12px; 
	width: 100%;
	line-height: 24px;
}

#Input_Left{
	background:url(/images/Input_01.png) no-repeat left;
	width:5px; 
	height:24px;
	float:left;
	margin:0 0 0 10px;
}

#searchBox input{
	background:url(/images/Input_02.png) no-repeat right center;
	width:160px;
	height:22px;
	float:left;
	padding-top: 2px;
}

.btnWrap{
	float:left;
}

#Submit_Left{
	background:url(/images/Submit_01.png) no-repeat left;
	width:5px; 
	height:24px;
	float:left;	
	margin:0 0 0 10px;
	cursor: pointer;
}

#Submit_Right{
	background:url(/images/Submit_02.png) no-repeat right;
	width:75px; 
	height:24px;
	float:left;
	padding:0 5px 0 0;
	text-align:center;
	cursor: pointer;
}

#NavigationWrap{
	padding: 5px 0 0 18px;
	height:55px; 
}

#NavigationWrap.favorites{
	background:url(/images/menu/SearchBox_01_1.png) no-repeat center top;
}

#NavigationWrap.dames{
	background:url(/images/menu/SearchBox_01_2.png) no-repeat center top;
}

#NavigationWrap.koppels{
	background:url(/images/menu/SearchBox_01_3.png) no-repeat center top;
}

#NavigationWrap.mannen{
	background:url(/images/menu/SearchBox_01_4.png) no-repeat center top;
}

#NavigationWrap.shemales{
	background:url(/images/menu/SearchBox_01_5.png) no-repeat center top;
}

.Navigation{
	height: 100%;
	display:block;
	float:left;
	width: 123px;
	cursor: pointer;
}

.Navigation a{
	display:none;
}

.Favorites{
	width: 155px;
}


/*CONTENT*/

.LargeCam{
	background:url(/images/L.png) top center no-repeat;
	width:245px; 
	height:230px; 
	margin:0 -3px 0 -2px;
	float:left;
	position:relative;
}

.LargeCam.offline{
	background:url(/images/L_Offline.png) top center no-repeat;
}

.LargePreview{
	width:200px;
	height:150px; 
	margin:0 auto 7px auto;
}

.LargeCam .SnapTitle{
	width: 180px;
}

.MediumCam{
	background:url(/images/M.png) top center no-repeat;
	width:195px; 
	height:195px;
	margin:0 -2px 0 -1px;
	float:left;
	position:relative;
}

.MediumCam.offline{
	background:url(/images/M_Offline.png) top center no-repeat;
}

.MediumPreview{
	width:160px;
	height:120px; 
	margin:0 auto 7px auto;
}

.MediumCam .SnapTitle{
	width: 140px;
	margin-top: 7px;
}

.SmallCam{
	background:url(/images/S.png) top center no-repeat;
	width:120px; 
	height:135px;
	margin:0 0 0 0px;
	float:left;
	position:relative;
}

.SmallCam.offline{
	background:url(/images/S_Offline.png) top center no-repeat;
}

.SmallPreview{
	width:100px;
	height:75px; 
	margin:0 auto 3px auto;
}

.SmallCam .SnapTitle{
	width: 80px;
	margin-top: 2px;
	
}

.SmallCam .SnapIcons{
	padding: 0 10px;	
}

.Preview{
	border:solid 1px #CF0;
	cursor:pointer;
	position:relative;
}

.offline .Preview{
	border-color: #828282;
}

.SnapTitle{
	background: transparent url(/images/OnlineMark.gif) no-repeat left 8px;
	height:15px; 
	margin: 10px auto 5px auto;
	padding: 5px 0 0 20px;
	font-weight:bold;
	overflow:hidden;	
}

.offline .SnapTitle{
	background: transparent url(/images/OfflineMark.gif) no-repeat left 8px;
	color: #828282;
}

.SnapIcons{
	padding: 0 20px;
}

.SnapIcons div{
	float:left;
	cursor: pointer;
}

.SnapIcons div.right{
	float:right;
	cursor: default;
}

.Btn_Profile{
	background: transparent url(/images/IconsProfile.png) no-repeat center;
	width: 24px;
	height: 24px;
}

.Btn_Favorite{
	width: 24px;
	height: 24px;
}

.Btn_Favorite.add{
	background: transparent url(/images/IconsFavoritesAdd.png) no-repeat center;
}

.Btn_Favorite.remove{
	background: transparent url(/images/IconsFavorites.png) no-repeat center;
}

.offline .Btn_Profile{
	background: transparent url(/images/IconsProfile_Grey.png) no-repeat center;
}

.offline .Btn_Favorite.add{
	background: transparent url(/images/IconsFavoritesAdd_Grey.png) no-repeat center;
}

.offline .Btn_Favorite.remove{
	background: transparent url(/images/IconsFavorites_Grey.png) no-repeat center;
}


.one2one{
	position:absolute;
	bottom: 5px;
	left: 5px;
}

.live{
	background: #333;
	font-weight: bold;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position:absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	border: 1px solid #9C0;
}

.teaser_stream{
	position: absolute;
	top: 0;
	left: 0;
}

.tip{
	display:none;
	background: #F38ADE;
	border: 1px solid #EA25D4;
	padding: 5px;
	font-weight: bold;
}



.TopBadge{
	background:url(/images/Shield_Top.png) no-repeat; 
	width:52px; 
	height:40px;
	top:-4px;
	right:10px;
	position:absolute;
}


.NewBadge{
	background:url(/images/Shield_New.png) no-repeat; 
	width:52px; 
	height:40px;
	top:-4px;
	right:10px;
	position:absolute;
}

#profileFavorite{
	cursor:pointer;
}

/* PROFILE */

#ProfileWrap{
	background:url(/images/SearchBox_02.png) no-repeat bottom center;
	width:940px;
	min-height:200px; 
	padding: 0 10px 20px 10px;
}

#ProfilePreview{
	width:202px; 
	height:auto;
	float:left;
}
#ProfilePreview #Preview{
	width:200px;
	height:150px;
	border:solid 1px #CF0;
	margin:0 0 5px 0;
	cursor:pointer;
}

#ProfileInfo1{
	width:100px; 
	height:auto;
	float:left;
	margin:0 0 0 5px;
	font-weight:bold;
}

#ProfileInfo2{
	width:100px; 
	height:auto;
	float:left;
	margin:0 0 0 5px;
}

#ProfileInfo3{
	width:523px; 
	height:auto;
	float:left;
	margin:0 0 0 5px;
}

#ProfileInfo3 .Titel{
	width:523px; 
	height:auto;
	float:left;
	font-weight:bold;
}

#ProfileInfo3 .Txt{
	width:523px; 
	height:auto;
	float:left;
	margin:0 0 5px 0;
}

#ProfileInfo3 LI{
	list-style-type : none;
	float:left;
	margin:0 4px 0 0;
}

.InfoContent{
	background:url(/images/SearchBox_02.png) no-repeat bottom center;
	padding: 75px 0;
	font-weight: bold;
	text-align:center;
}


/* FOOTER */

#FooterTop{
	background:url(/images/PagesBar_01.png) repeat-y top center;
	width:960px; 
	height:10px;
}
#FooterContent{
	background:url(/images/SearchBox_02.png) no-repeat -1px bottom ;
	width:940px;
	height:auto;
	padding: 20px 10px 20px 10px;
	text-align:center;
	margin-bottom: 20px;       
}