html
{
	overflow-y: scroll;
	height: 100%;
}

body
{  
  font: 12px Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #666;
  height: 100%;
	background: $from url('/content/images/mainback.png') repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) fixed;	
	background: -moz-linear-gradient(100% 100% 90deg,#fff, #eee) fixed;
}

a:link, a:visited, a:active
{
  color: #e07118;
  text-decoration: underline;    
}

a:hover
{
  color: #000;
  text-decoration: none;
}

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

#topheader
{
	color: #fff;	
	background: url('/content/images/headerbg.png') repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(100% 100% 90deg,#eee, #fff);
	border: 0 solid #ccc;
	border-bottom-width: 1px;
	height: 100px;
}

#toplogo
{
	position: relative;
	top: 20px;
	float: left;	
}

#topm, #topmenu
{	
	position: relative;
	background-color: #fff;
	top: -30px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 306px;	
}

#topm .content
{
	position: relative;
	text-align: left;
	top: 40px;
	left: 310px;
}

#topm .content h1
{
	margin-bottom: 20px;	
}

#topm .content a
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 600px;
	height: 80px;
	color: #fff;
	font-family: Arial, Helvetica;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;	
	display: inline-block;
	line-height: 80px;	
	position: relative;
}

#homemain
{
	position: relative;
	top: -20px;
}

.bspace
{
	margin-bottom: 10px;
}

#dashboard
{
	float: right;
	position: relative;
	color: #ddd;
	top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ddd;	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(100% 100% 90deg,#eee, #fff);
	padding: 0 10px 0 10px;
	background-color: #f9f9f9;
	line-height: 30px;
	height: 30px;	
}

#facebooklike
{	
	margin-top: 18px;
	float: right;
	left: 500px;	
}

#dashboard a
{
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}

#topmenu
{
	height: 94px;
}

#topsplashbox, #menucontainer
{		
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	margin: auto;
	margin: 3px;		
	text-align: center;
}

#topsplashbox
{	
	position: relative;
	height: 60px;
}

#menucontainer
{				
	padding: 20px;
	background: url('/content/images/menuback.png') repeat-x;
	background-image: -webkit-gradient(radial, 64 64, 353, -88 44, 40, from(#fa961f), to(#e9a920));
	height: 48px;
	text-align: left;	
}

#login
{	
	overflow: hidden;
	top: -20px;
	width: 500px;
	position: relative;
	left: 250px;
}

div.standard
{	
	overflow: auto;
	font-size: 14px;	
	padding: 20px;
	background-color: #f1f1f1;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border: 1px solid #ddd;
}

div.standard.small
{
	font-size: 12px;
	padding: 5px;
}

div.standard.small tr
{
	height: 20px;
	line-height: 20px;
}

div.standard td div.errbullet
{		
	margin-left: 10px;
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	background-color: #f27826;
	width: 25px;
	height: 25px;
	margin-top: 6px;
}

#splashleft
{
	float: left;
	margin-left: 20px;
	position: relative;
	width: 200px;
}

#splashright
{
	text-align: left;
	float: right;
	position: relative;
	width: 700px;
}

#createprofile
{
	position: relative;	
	float: right;
}

.standard tr
{
	line-height: 40px;
	height: 40px;
}

.standard td
{	
	vertical-align: top;	
}

.standard em
{
	color: #999;
	font-size: 12px;
}

#createprofile tr span.optional
{
	font-style: italic;
	line-height: 35px;
	font-size: 10px;
	color: #999;
}

input[type="password"], 
select,
input[type="text"]
{
	padding-left: 5px;
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border: 1px solid #ddd;
	line-height: 30px;
	height: 30px;
	width: 250px;
	font-size: 14px;
	color: #444;
}

thead
{
	text-align: left;
}

.standard input[type="text"].integer
{
	padding: 0;
	text-align: center;
}

.button,
button, 
a.button, 
input[type="submit"],
input[type="button"]
{		
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
	line-height: 40px;
	text-align: center;
	width: 250px;
	border: 1px solid #c88c1c;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	height: 40px;
	background: url('/content/images/buttonback.png') repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa961f), to(#e9a920));
	background: -moz-linear-gradient(100% 100% 90deg,#e9a920, #fa961f);
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
	font-size: 16px;
	font-family: helvetica, Arial;
	font-weight: bold;	
}

.button:hover,
button:hover, 
a.button:hover, 
input[type="submit"]:hover,
input[type="button"]:hover
{
	cursor: pointer;
	border: 1px solid #b2481a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f76829), to(#d75116));	
	background: -moz-linear-gradient(100% 100% 90deg,#d75116, #f76829);
}

.button[disabled],
button[disabled], 
a.button[disabled], 
input[type="submit"][disabled],
input[type="button"][disabled]
{
	border: 1px solid #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));	
	background: -moz-linear-gradient(100% 100% 90deg,#df9f9f9, #f1f1f1);
	color: #fff;
	cursor: default;
}

#facebookbutton
{
	display: inline-block;
	text-align: center;
	color: #999;
	cursor: pointer;
	height: 65px;
	width: 300px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;	
}

#facebookbutton img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#facebookbutton p
{
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#facebookbutton:hover
{		
	background: -webkit-gradient(linear, left top, left bottom, from(#4969ad), to(#3b5998));
	background: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#4969ad));	
}

div.splash h3
{
	font-size: 16px;
	font-family: helvetica, arial;
	margin: 0;
	color: #cc5e14;
}

#topsplashbox li
{	
	font-size: 14px;
	line-height: 30px;	
}

.mainwidth
{
	margin: auto;
	padding: auto;
	width: 980px;
}

.even
{
	background-color: #fff;
}

#main
{
	position: relative;  
  top: -15px;
  overflow: auto;
}

#page
{     
  width: 980px;  
  margin: auto;
  margin: auto;	
}

#header
{			
	position: relative;
	margin-top: 0;	
	height: 90px;			
}

.deleteduser
{
	color: #aaa;	
}

#containerregister
{	
	margin-top: 15px;
	position: relative
}

#containerregister select, #containerregister input
{
	width: 200px;
}

#divnewmail
{
	display: none;
	position: relative;
	overflow: auto;
	left: 270px;
	width: 100px;
	font-size: 11px;
	text-align: center;
}

#divnewmail img
{
	top: -7px;
	position: relative;
}

#spannewmail
{
	display: inline-block;	
	position: relative;
	height: 17px;
	width: 100%;
	color: #fff;
	background-color: #3f3f3f;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-top: 3px;	  
}

ul.profilescroller li
{
	margin: 6px;
	background-color: #fff;
	display: inline-block;
	*display: inline;
	text-align: center;
	width: 65px;
	height: 65px;
}

#containerlogo
{
	float: left;
	width: 250px;
}

#containermenu
{
	text-align: left;	
	width: 700px;
}

li
{
	zoom:1;
}

#menucontainer ul li
{					
	display: inline-block;	
	*display: inline;	
	width: 160px;
	text-align: center;
}

#menucontainer.create ul li
{
	width: 180px;
}


#menucontainer ul li a.header, 
#menucontainer ul li a.header:visited, 
#menucontainer ul li a.header:active
{					
	margin: 0 20px 0 20px;
	color: #fff;	
	display: inline-block;	
	height: inherit;
	position: relative;
	text-align: center;		
	text-decoration: none;	
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
	font-size: 20px;	
	font-family: helvetica, Arial;
	font-weight: bold;	
}

#menucontainer li div a
{
	color: #fff;
	text-decoration: none;
}

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

#menucontainer .faded
{
	color: #fcc06b;
}

.sidebarheader, #profilemenu li a, #profilemenu li a.selected,
#profileimagefunctions
{
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#footer
{  	
	width: 900px;
	clear: both;
	margin-top: 20px;	
	margin-bottom: 20px;	
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 11px;
	color: #999;
}

.clear
{
	clear: both;
}

.sidebarheader, .topheader
{	
	background-color: #f07c0b;	
	color: #fff;
}

.sidebarheader
{
	padding: 5px;
}

.topheader
{
	padding: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}
	
#containerlogin
{        
  position: absolute;  
  top: 5px;
  text-align: right;  
  margin-right: 20px;
  float: right;
  width: 700px;
  height: 50px;  
  padding-bottom: 20px;  
}

#containerlogin a, #containerlogin a:active, #containerlogin a:visited
{
	color: #999;
}

#containerlogin a:hover
{
	color: #fff;
}

.standardbox input, .standardbox select, .standard textarea, .boxnotrounded input
{
	resize: none;	
	border: solid 1px #ddd;
	color: #444;		
}

textarea
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

div.infobox, div.errorbox
{  
  padding: 10px;
  line-height: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
	border: solid 1px #d8d3b9;
	background: #f6f4ea;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f4ea), to(#f0ede0));
	background: -moz-linear-gradient(100% 100% 90deg,#f0ede0, #f6f4ea);
}

#loveliitip
{
	position: absolute;	
	width: 150px;
	height: 60px;	
	z-index: 1000;
	padding: 10px;
  line-height: 18px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  	
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(100% 100% 90deg,#222, #222);
}

div.errorbox
{
	border: solid 1px #ce6c2b;
	color: #fff;
	background: #f27826;	
}

div.errorbox ul li
{
	height: 25px;
}

span.loader
{
	background-repeat: no-repeat;
	background-image: url('/content/images/loader.gif'); 
	background-position: 0 0;
	text-indent: 20px;
}

@font-face {	
	font-family: 'GraublauWeb';
	src: url('/content/stylesheets/graublauwebbold.eot');
}

@font-face {	
	font-family: 'GraublauWeb';
	font-weight: bold;
	src: url(//:) format('no404'), url('/content/stylesheets/graublauwebbold.woff') format('woff'), url('/content/stylesheets/graublauwebbold.ttf') format('truetype'), url('/content/stylesheets/graublauwebbold.svg#webfontHLSJe6AS') format('svg');		
}

h1
{
	margin: 0;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
	color: #fff;
	font-family: 'GraublauWeb';
	font-size: 36px;
	line-height: 1.2em;	
}

#topsplashbox h2
{
	margin: 0;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #b0e2e9;
	color: #fff;
	font-family: 'GraublauWeb';
	font-size: 24px;
	line-height: 1.2em;	
}

h2
{		
	color: #aaa;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;	
}

.standardbox h2 a:visited
{
	height: 18px;
}

h3
{
	margin: 0 0 10px 0;
	font-weight: normal;
	height: 16px;
}

input.integer
{
	width: 50px;
	text-align: center;
	*text-indent: 0;
}

input.check
{
	width: 20px;
	border-style: none;
}

input.radio
{
	width: 20px;
	border-style: none;
}

#logindisplay a:link, #logindisplay a:visited
{  
	text-decoration: underline;
}

a img
{
	border: 0;
	vertical-align: middle;
}

.listlabel
{		
	height: 15px;	
	cursor: pointer;	
	display: inline-block;
	zoom: 1;	
	*display: inline;
}

.listlabel:hover
{
	text-decoration: underline;
	color: #d76a3a;
}

input.integer
{	
	text-align: center;
	margin-right: 4px;			
}

#searchcontainer
{
	font-size: 12px;
}

#searchcontainer .integer
{
	width: 60px;
}

.imagetemplate input
{
	width: 300px;
}

#tablesearch td
{	
	vertical-align: top;
}

#tablesearch tr
{
	height: 30px;	
}

/* Miniprofile */

.miniprofile
{			
	position: relative;	  
  float: left;
  margin: 4px;
  padding: 7px;	
	width: 220px;
	color: #666;	
	height: 90px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
	border: solid 1px #d8d3b9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f4ea), to(#f0ede0));
	background: -moz-linear-gradient(100% 100% 90deg,#f0ede0, #f6f4ea);
	background: #f6f4ea;
}

.miniprofilemain
{
	position: absolute;
	top: 10px;
	left: 90px;
	width: 140px;
	height: 85px;	
}

.miniprofilemain ul li
{
	line-height: 18px;	
	height: 18px;
	color: #918e81;
}

.miniprofilevisit
{
	float: right;
	width: 140px;
	position: absolute;
	bottom: 10px;
	color: #c1beb1;
}

h4
{
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ------------------------------
 		 Images
 ----------------------------- */

#containerimages
{
	overflow: auto;
}

.imagethumb
{			
	background-color: #fff;
	border: 1px solid #ddd;
	background-position: center;
	background-repeat: no-repeat;	
	height: 100px;
	width: 60px;
	text-align: center;
}

.gbimagecontainer
{	
	vertical-align: top;	
	width: 90px;
	display: inline-block;
}

.gbmessagecontainer
{	
	vertical-align: top;
	width: 500px;
	display: inline-block;	
}

#containerimages div.imagecontainer
{
	background-color: #fff;
	padding: 4px;
	border: solid 1px #999;
	margin: 2px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	zoom: 1;	
	*display: inline;
}

#containerimages div.containerdelete
{	
	background-color: #3f3f3f;	
	height: 20px;	
	text-indent: 5px;
	line-height: 20px;
	opacity: 0.01;
	filter: alpha(opacity = 01);
}

#containerimages div.containerdelete a
{
	color: #fff;
	text-decoration: none;	
	display: inline-block;
	width: 100%;
}

#containerimages div.containerdelete a:hover
{	
}

/* ------------------------------
 		 View Profile
 ----------------------------- */

#profilemain
{
	position: relative;
	float: left;
	width: 650px;
}

h2
{	
	font-family: Arial;
	font-size: 20px;		
	color: #aaa;
}

#descriptioncontainer
{	
	width: 600px;
	position: relative;
	margin-top: 10px;
	display: inline-block;
	clear: both;	
}

#leftprofilebar
{
	position: relative;
	float: left;
	width: 256px;
}

#largeprofileimagecontainer, .largeimagecontainer
{	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	border: 1px solid #ccc;		
	background-color: #fff;
	text-align: center;
	padding: 3px;		
	margin-bottom: 10px;
}

#largeprofileimagecontainer
{
	height: 333px;
	width: 250px;
}

#basicinfocontainer
{	
	color: #666;	
	position: relative;
	float: left;
	width: 370px;
	float: left;
	margin-left: 20px;
}

#basicinfocontainer table
{
	margin-bottom: 10px;
}

#basicinfocontainer td
{
	padding-left: 5px;
	border: 0px solid #eee;
	line-height: 21px;
	height: 21px;
	border-bottom-width: 1px;
}

#basicinfocontainer tr
{
	height: 20px;
}

#leftprofilebar input[type="button"]
{
	width: 100%;
}

#profilesidebar
{
	margin-left: 10px;
	float: right;
	width: 300px;
	position: relative;
}

#basicinfocontainer h2
{
	color: inherit;
}

#largeprofileimage
{
	background-repeat: no-repeat;	
	background-position: bottom center;	
	background-color: #f0ede0;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;  
	width: 250px;
	height: 333px;	
}

#gallerybar
{
	display: none;
}

#matchdescription
{
	height: 102px;
}

.rightprofileinfo
{	
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-width: 1px 0 1px 0;
	background-color: #fff;	
}

.imagethumbcontainer
{
	position: relative;
	overflow: visible;	
	display: inline-block;	
	*display: inline;	
	zoom: 1;	
	background-color: #fff;
	margin-left: 3px;
	margin-right: 3px;	
	padding: 3px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;  
}

.imagethumb
{					
	background-color: #fff;		
	background: #fff url("/content/images/loader.gif") no-repeat center center;	
	border: 0;
	height: 80px;
	width: 60px;	
}

.imagethumb img
{
	padding-bottom: 1px;
	height: 80px;
	width: 60px;
}

.imagethumb.small
{						
	height: 40px;
	width: 30px;	
}

.imagethumb.small img
{						
	height: 40px;
	width: 30px;	
}

.thumbfunctions
{
	top: 5px;	
	position: absolute;
	text-align: center;
}

.thumbfunctions a, .thumbfunctions span
{
	display: block;	
	height: 25px;	
	color: #fff;
	height: 25px;
	line-height: 30px;
	font-size: 10px;
	text-decoration: none;
}

.thumbfunctions a
{
	background-color: #000;
	margin-bottom: 5px;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

#largeprofileimage #pihelpcontainer
{
	padding: 10px;	
	width: 270px;
}

#toplist
{
	position: relative;
	top: -6px;	
	padding: 5px;
	border: 1px solid #f1f1f1;
	border-width: 0 0 1px 0;
	overflow: auto;
}

#toplist div.left
{
	float: left;
}

#toplist div.right
{
	float: right;
}

#toplist ul li
{
	margin-top: 3px;
	display: inline-block;
	*display: inline;
	*zoom: 1;	
	line-height: 20px;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;	
	color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#toplist a
{			
	color: inherit;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;			
}

#toplist li.selected, #toplist li:hover, #toplist li.notselected:hover
{					
	background-color: #99d4da;
	color: #fff;
}

#toplist li.notselected
{
	background-color: #ccc;
	color: #fff;
}

#containerqueue .queueitem
{
	border: solid 1px #f1f1f1;	
	background-color: #f9f9f9;
	padding: 3px;
	margin: 1px;
}

#profileimagefunctions
{				
	display: none;
	padding-top: 5px;
	background-color: #3f3f3f;	
	width: 100%;	
}

#profileimagefunctions div
{
	padding: 5px;	
}

#profileimagefunctions a
{	
	display: inline-block;	
	text-decoration: none;
	background-color: #3f3f3f;	
	padding-top: 3px;
	height: 20px;
	color: #fff;
	width: 100%;
}

#profileimagefunctions a:hover
{
	background-color: #333;
}

/* ------------------------------
 		 Community
 ----------------------------- */
 
table.forumoverview
{
}

table.forumoverview tr
{
	height: 20px;
}

div.commentcontainer
{
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	background-color: #f9f9f9;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 3px;
	overflow: visible;
}

div.commentcontainer .inner
{
	background-color: #f9f9f9;	
}

div.commentcontainer .inner .header
{	
	background-color: #f1f1f1;
	padding: 3px 3px 0 3px;
	margin-bottom: 5px;	
}

div.commentcontainer .inner .header span
{	
	vertical-align: top;
}

.commentcontainer .inner .header span.username
{	
	display: inline-block;	
}

.commentcontainer .inner .header span.right
{	
	float: right;	
}

.commentcontainer .inner .center
{	
	padding: 0 5px 5px 5px;	
	word-wrap: break-word;
}

.commentcontainer .inner .center .replycontainer
{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commentcontainer .inner .center textarea
{
	width: 99%;
	border: solid 1px #999;
	height: 50px;
}

.commentcontainer .inner .center .quote
{
	font-style: italic;
	background-color: #fff;
	padding: 3px;	
	border: solid 1px #f1f1f1;
	margin-bottom: 5px;
	color: #3f3f3f;	
}

.rating
{		
	display: inline-block;
	height: 15px;	
	width: 70px;
	text-align: center;	
	background-color: #f1f1f1;
	color: #999;
}

.rate
{
	display: inline-block;
	cursor: pointer;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;	
}

.rate.up
{	
	background-color: #b4f29e;	
}

.rate.down
{	
	background-color: #f07c0b;
}

.rate.upselected
{		
	background-color: #666;
}

.rate.downselected
{		
	background-color: #666;
}

:focus {outline:none;}

/* ------------------------------
 		 Lovelii controls
 ----------------------------- */

.loveliicheck
{
	top: 6px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	zoom: 1;	
	*display: inline;	
	margin: auto;
	padding: auto;
	height: 25px;
	width: 25px;	
	border: solid 1px #ddd;
	background-color: #fff;
}

.onlinebullet
{
	margin-right: 5px;	
	position: relative;
	display: inline-block;
	*display: inline;
	height: 10px;
	width: 10px;
	background-color: #96ce7d;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.deletebullet
{
	background-color: #c5461a;
	color: #fff;
}

.loveliicheck div
{	
	background-color: #fff;	
	width: 100%;
	height: 100%;
}

.loveliicheck div.checked
{		
	background: url("/content/images/check.png") no-repeat;
	background-position: 2px 3px;
}

.loveliidropdowncontainer
{	
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: solid 1px #ddd;
	-moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	background-color: #fff;
	width: auto;	
	font-size: inherit;
	line-height: 30px;	
	height: 30px;	
	cursor: pointer;
}

.loveliidropdowncontainer .dropmarker
{
	background: #f1f1f1 url('/content/images/dropdown.png');
	background-position: center center;		
	position: absolute;
	background-repeat: no-repeat;
	border: 1px solid #999;
	line-height: 30px;	
	height: 15px;
	width: 15px;
	top: 7px;
}

.loveliidropdowncontainer .loveliicheck
{
	margin-top: 9px;
}

.loveliidropdowncontainer input[type="text"]
{
	cursor: pointer;		
	color: inherit;
	line-height: inherit;	
	height: inherit;
	line-height: inherit;
	border: 0;
}

.loveliidropdown, .loveliidropdownfrontsearch
{
	position: absolute;
	display: none;
	z-index: 1000;
	border: solid 1px #ddd;	
	background-color: #fff;	
	padding: 4px;
	cursor: pointer;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 3px;	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	overflow-y: auto;
}

.loveliidropdownfrontsearch
{
	border: 0;
}

.loveliidropdown div
{	
	padding-left: 3px;	
	margin-bottom: 3px;
	line-height: 22px;	
	height: 22px;	
	background-color: #f9f9f9;
}

.loveliidropdown div:hover
{
	color: #fff;
	background-color: #3f3f3f;
}

.loveliilist
{		
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 5px;	
}

.listelement
{
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;	
	background-color: #f1f1f1;
	display: inline-block;	
	float: left;
	margin: 3px;
	position: relative;
	height: 25px;
	line-height: 25px;
	text-indent: 3px;	
}

.listelement:hover, .listelement.selected
{
	color: #fff;
	cursor: pointer;
}

.listelement:hover
{
	background-color: #3f3f3f;
}

.listelement.selected
{	
	background-color: #f07c0b;
}

#searchcontainer select
{
	width: 190px;	
}

.loveliimodaloverlay
{	
	display: none;
	background-color: #000;	
	position: absolute;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	left: 0;
	top: 0;
	z-index: 1000;
}

.loveliimodal
{	
	display: none;
	position: fixed;	
	background-color: #fff;
	z-index: 1002;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

.loveliimessage, .loveliimessagebox
{	
	display: none;
	position: fixed;	
	text-align: center;	
	background-color: #fff;	
	color: #666;
	font-size: 12px;	
	z-index: 1002;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
}

.loveliimessagebox
{
	text-align: left;
}

div.default
{	
	padding: 10px;
	width: 100%;
	background-color: #f9f9f9;	
}

#newestprofiles
{
	position: relative;
	float: right;
	width: 400px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 10px;
}

#quicksearch tr
{
	height: 30px;
}

#statisticsandlists
{
	width: 260px;
	margin-top: 10px;
	clear: both;
}

#statisticsandlists tr
{
	height: 20px;
}

#statisticsandlists td.label
{
	text-align: right;
}

ul.pager
{	
	margin: 0;
	padding: 0;
	list-style: none;	
	display: inline-block;
	zoom: 1;	
	*display: inline;
}

ul.pager li
{	
	display: inline-block;	
	text-align: center;
	zoom: 1;	
	*display: inline;
	*margin-right: 5px;	
}

ul.pager li a
{	
	width: 22px;
	height: 22px;
	line-height: 22px;	
	border: solid 1px #ddd;
	background-color: #f1f1f1;
	color: #999;
	display: inline-block;	
	text-decoration: none;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ul.pager li a:hover, ul.pager li a.selected 
{	
	background-color: #fff;	
}

#topbar
{
	height: 30px;
	color: #999;	
}

#topbar ul
{
	margin-left: 20px;
}

#containermail
{	
	position: relative;
	float: left;
	overflow: auto;
	width: 650px;
}

#containermail .headercontainer
{
	height: 20px;
}

.mailcontainer
{		
	padding: 10px;
	overflow: auto;
	border-bottom: 1px solid #ddd;
	overflow: auto;	
	width: 630px;	
}

.mailcontainer .target
{	
	width: 200px;	
	float: left;
}

.mailcontainer .user
{
	height: 22px;
	font-weight: bold;
}

.mailcontainer .subtarget
{
	height: 16px;
	color: #999;
	font-size: 11px;
}

.subtarget .unread
{
	height: 16px;
	line-height: 16px;
	background-color: #333;
	display: inline-block;
	color: #fff;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
	font-size: 10px;
}

.mailcontainer .message
{
	width: 350px;	
	float: right;
}

.mailcontainer .message a
{	
	display: block;
	height: 20px;
}

.messagecontainer
{
	overflow: auto;
	width: 650px;
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 10px;
}

.messagecontainer .thumb, .mailcontainer .thumb
{
	float: left;
	width: 50px;
}
.messagecontainer .main
{	
	text-align: left;
	float: right;
	width: 600px;
}

.messagecontainer .main .header
{
	margin-bottom: 10px;
}

.messagecontainer .main .body
{	
	word-wrap: break-word;
}


.mailcontainer .thumbnailcontainer
{
	display: inline-block;
	width: 80px;		
	float: left;
	margin-bottom: 10px;
}

.mailcontainer .fromcontainer
{
	display: inline-block;	
	width: 180px;		
	float: left;				
}

.mailcontainer .fromcontainer .deletecontainer
{
	margin-top: 5px;	
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	font-size: 10px;
	height: 14px;
	width: 50px;
	text-align: center;
	display: inline-block;
	background-color: #fd8228;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-decoration: none;    
}

.mailcontainer .fromcontainer .deletecontainer:hover
{
	background-color: #3f3f3f;
	color: #fff;
}

#containerreader .thumb
{
	float: left;
	width: 80px;
}

#containerreader .messagecontainer
{
	position: relative;
	overflow: auto;
	margin-bottom: 20px;
}

#containerreader .message
{	
	width: 530px;
}

.mailcontainer .fromcontainer .unreadcontainer
{
	margin: 20px 5px 0 0;	
	padding: 0 5px 0 5px;
	color: #fff;
	font-size: 10px;
	height: 14px;
	width: 50px;
	text-align: center;
	display: inline-block;
	background-color: #3f3f3f;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;    
}

#containerreader
{	
	margin-left: 10px;
	display: none;
	width: 610px;
}

#containerreadloader
{
	text-align: center;
	margin-top: 20px;	
}
	
.loveliimessagebox button
{
	display: inline-block;
	margin: 10px 10px 0 0;
	width: 100px;
}

#containerregister tr
{
	height: 33px;
}

.formcontainer
{		
	padding: 20px;
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
  background-color: #fff;
}

#listerrors ul
{	
	margin-top: 10px;
}

#listerrors li
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 2px;
	margin-bottom: 5px;
	width: 280px;
	padding: 3px;	
	color: #fff;
	background-color: #f27826;
	cursor: pointer;	
}

#listerrors li.selected, div.error.selected
{
	background-color: #3f3f3f;
	color: #fff;
}

div.error, div.good
{				
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;		
	height: 20px;	
	width: 20px;	
	background-color: #f27826;		
}

div.good
{
	background-color: #95eb70;
}

#terms td
{
	vertical-align: top;
}

#terms p
{
	margin-top: 0;	
	margin-bottom: 20px;
}

#terms .bullet
{
	margin-right: 10px;
	position: relative;
	display: inline-block;
	*display: inline;
	color: #fff;	
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 30px;
	background-color: #f27826;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}

div.bc
{
	word-wrap: break-word;
}

#frontsearch
{
	height: 300px;
	background: -webkit-gradient(linear, left top, left bottom, from(#a1dce3), to(#c5eaf1)) fixed;
	background: -moz-linear-gradient(100% 100% 90deg,#c5eaf1, #a1dce3);
	background: #b0e2e9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;		
	position: relative;
	overflow: hidden;
}

#frontsearcher
{
	position: relative;	
	top: 10px;	
	left: 320px;
	color: #fff;
	font-size: 16px;
}

#frontsearch .loveliidropdowncontainer, #frontsearch input
{	
	color: #444;
	border: 0;
}

#innerfrontsearch
{
	margin-top: 10px;
	height: 120px;
	width: 600px;	
}

#innerfrontsearch button
{	
	margin: 10px 0 10px 0;
	border: 1px solid #fff;	
	width: 520px;
	height: 35px;	
	line-height: 32px;
}

#innerfrontsearch select
{
	width: 180px;
}

#innerfrontsearch table
{
	width: 520px;	
}

#innerfrontsearch tr
{
	height: 45px;
	background-color: #a4d3da;	
}

#innerfrontsearch tr.spacer
{
	height: 10px;
	background-color: transparent;
}

#innerfrontsearch a
{
	font-size: 12px;
	color: #4b747a;
	text-decoration: none;
}

#water
{
	height: 80px;
	width: 100%;
	background-color: #99d4da;	
	position: absolute;	
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 5px;	
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	bottom: 0;
}

#bikinigirl
{
	top: 0px;
	left: 0px;
	position: absolute;	
	z-index: 2;
}

#boat
{
	bottom: 40px;	
	position: absolute;	
	left: 800px;
	z-index: 1;
}

#quicksearch
{
	position: absolute;	
	left: 340px;
	top: 20px;
	width: 500px;
	height: 170px;
	overflow: hidden;
	padding: 10px;
	color: #fff;
	background-color: #a5d9e0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#quicksearch .integer
{
	width: 83px;	
}

#startsearcher.standard
{
	margin: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)) fixed;
	background: -moz-linear-gradient(100% 100% 90deg,#f1f1f1, #f9f9f9);
	padding-top: 20px;
}

#improveprofile.standard
{
	margin: 0;
	background-color: #f9c81f;
	border-width: 0;
	color: #fff;	
}

#improveprofile.standard a
{
	color: #fff;
}

#improveprofile.standard li
{
	margin-top: 20px;
}

#helpus.standard
{
	margin: 0;
	background-color: #a2c7c3;
	border-width: 0;
	color: #fff;	
	float: right;
	width: 380px;
	height: 260px;
}

#helpus.standard a
{
	color: #fff;
}

#startsearcher #bottomblue
{
	background-color: #b9dbd4;
	height: 50px;
	width: 100%;
	position: absolute;
	top: 250px;
	left: 0px;
}

#bottomblue a
{
	color: #fff;
}

#newestimageprofiles
{ 	
	text-align: center;
	position: absolute;	
	left: 590px;
	top: 23px;
	width: 370px;
	height: 300px;	
}

#newestimageprofiles .imagethumbcontainer
{
	margin-bottom: 10px;
}

#newestimageprofiles.infobox .imagethumbcontainer
{
	margin: 5px;
}

#currentprofileimages .imagethumbcontainer
{
	margin: 5px;
	float: left;
}

#imagesbuttoncontainer
{
	text-align: left;
}

#fileuploadcontainer, #facebookalbumimages
{		
	text-align: center;
	display: inline-block;
	width: 255px;
	height: 30px;
	line-height: 30px;
	position: relative;
}

#facebookalbumimages
{
}

#fileuploadcontainer object
	{
	width: 255px;
	position: absolute;
	top: 0;
	left: 0;
}

#cropcontainer
{
	text-align: center;	
	display: none;
}

#cropcontainer .largeimagecontainer
{
	display: inline-block;	
}

#loadercontainer
{
	display: none;
	overflow: auto;
	position: relative;		
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border: 1px solid #ddd;
	width: 400px;
	margin: auto;
	padding: 20px;
	background-color: #fff;
}

#loadercontainer img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#galleryoverview
{
	margin: auto;
	padding: auto;
	width: 900px;
	height: 100px;	
	position: relative;
	overflow: hidden;	
}

#galleryoverviewinner
{				
	height: 90px;		
	left: 0px;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

#galleryoverviewinner img, #profilegalleryoverviewinner img
{	
	display: inline-block;
	cursor: pointer;
	position: relative;
	height: 70px;
	border: 5px solid #fff;
}

.galleryimagecontainer
{
	position: relative;
	margin: 5px;
	display: inline-block;
	*display: inline;
	overflow: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ddd;
}

.galleryimagecontainer.selected
{
	border: 1px solid #999;
}

#gallerylarge
{
	border: 1px solid #ddd;
	background-color: #fff;
	display: inline-block;
	height: 200px;
	background: #fff url("/content/images/loader.gif") no-repeat center center;	
	width: 200px;
	padding: 5px;
	text-align: center;
}

/* My Profile */

#myprofilemain
{
	position: relative;
	overflow: auto;
}

.myprofilecontainer.right
{
	float: right;
}

.myprofilecontainer
{		
	margin-bottom: 30px;
	float: left;
	width: 450px;		
	overflow: auto;
	position: relative;
}

.myprofilethumb
{
	position: relative;
	float: left;
	width: 100px;
	height: 100px;	
	margin-right: 10px;
}

.myprofilemain
{
	float: right;
	position: relative;
	width: 340px;
}

#containereditprofile 
{
	margin-bottom: 10px;
}

#leftprofilevalue
{
	position: relative;
	width: 500px;
	float: left;
}

#rightprofilevalue
{
	position: relative;
	width: 370px;
	float: right;
}

#rightprofilevalue select
{
	width: 180px;
}

#descriptioncontainer textarea
{
	height: 350px;
	width: 575px;
	color: #444;
	padding: 10px;
	border: 1px solid #ddd;
}

#descriptioncontainer input[type="password"]
{
	margin-top: 10px;
	width: 925px;
}

#createmain
{
	margin-top: 30px;
	position: relative;
	overflow: auto;	
}

#createleft
{
	width: 300px;
	position: relative;
	float: left;
}

#createright
{
	position: relative;
	float: left;
	width: 540px;
}

#meettheloveliis .imagethumbcontainer
{
	margin-bottom: 7px;
}

#loveliitip img
{
	position: absolute;
	top: 80px;
	left: 70px;	
}

#loveliitip span
{
	display: block;
	padding-bottom: 5px;
}

#profilesreport ul li
{	
	height: 30px;
}

#searchcontainer select
{
	width: 260px;
}

.mailremovecontainer
{
	width: 18px;
	height: 18px;
	position: absolute;
	float: right;
	border: 1px solid #ddd;
	background: #fff url('/content/images/icons/stop.gif') no-repeat center center;
	color: #fff;
	left: 620px;
	margin-right: 20px;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
}

ul.settings li
{
	height: 40px;
}

#supportcontainer
{
	position: relative;
	width: 580px;
	height: 295px;
	float:right;
	top: 40px;
}

#supportcontainer li
{
	height: 25px;
}

#loveliitip ul li
{
	height: 20px;
	color: #fff;
}

#userreport li
{
	height: 25px;
}

#interestmeter
{
	margin: 5px;	
	padding: 0px;			
}

#interestmeter span
{	
	display: inline-block;	
	margin-right: 5px;
	width: 20px;	
	height: 20px;		
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#interestmeter span.blocked
{	
	background: -webkit-gradient(linear, left top, left bottom, from(#d45815), to(#c8591d));
	background: -moz-linear-gradient(100% 100% 90deg,#c8591d, #d45815);	
}

#interestmeter span.neutral
{	
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background: -moz-linear-gradient(100% 100% 90deg,#f1f1f1, #f9f9f9);		
}

#interestmeter span.favourite
{	
	background: -webkit-gradient(linear, left top, left bottom, from(#4788d1), to(#457dbc));
	background: -moz-linear-gradient(100% 100% 90deg,#457dbc, #4788d1);		
}

#interestmeter span.interested
{	
	background: -webkit-gradient(linear, left top, left bottom, from(#45c035), to(#44aa37));
	background: -moz-linear-gradient(100% 100% 90deg,#44aa37, #45c035);		
}