/* --- GLOBAL DEFINITIONS --- */


@font-face {
	font-family: 'Rock Salt';
	font-style: normal;
	font-weight: 400;
	src: local('Rock Salt'), local('RockSalt'), url(/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/font/rock_salt.woff) format('woff'), url(/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/font/rock_salt.ttf) format('truetype');
}

* {
	border:none;
	margin:0px;
	padding:0px;
}

html {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Disable orange highlight on android */ 
}

body {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: black;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
	padding: 10px 0px 6px 0px;
}
a {
	text-decoration: none;
	color: inherit;
}
a:visited{
	color: inherit;
}
a img { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; }
table { border-spacing: 0; }
ul {
	list-style-type: none;
}
.nowrap {
	white-space: nowrap;
}
.ellip {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.gap {
	margin-left: 6px !important;
	margin-right: 6px;
}
.padgap {
	padding-left: 6px;
	padding-right: 6px;
}
.gap-left {
    margin-left: 6px;
}
.wide {
	width: 100%;
	max-width: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.vgap {
	height: 10px;
}
.svgap {
	height: 6px;
}
.vbiggap {
	height: 20px;
}
.lowergap {
	margin-bottom: 6px;
}
.fadein {
	-webkit-transition:visibility 0s linear,opacity 0.08s linear;
	-moz-transition:visibility 0s linear,opacity 0.08s linear;
	-o-transition:visibility 0s linear,opacity 0.08s linear;
	transition:visibility 0s linear,opacity 0.08s linear;
}
.fadeout {
	-webkit-transition:visibility 0s linear 0.08s,opacity 0.08s linear;
	-moz-transition:visibility 0s linear 0.08s,opacity 0.08s linear;
	-o-transition:visibility 0s linear 0.08s,opacity 0.08s linear;
	transition:visibility 0s linear 0.08s,opacity 0.08s linear;
}
.bulls {
	vertical-align: sub;
	line-height: 14px;
	font-size: 26px;
	color: #F2F2F2;
}
.bigsep {
	background-color: #F6F6F7;
	height: 8px;
}
.lnkc {
	cursor: pointer; cursor: hand;
}
.rel {
	position: relative;
}
.breezy {
	margin-left: 0px;
	margin-right: 0px;
}
.imgpad {
	padding: 0px 6px 0px 6px;
}
.tcenter {
	text-align: center;
}

/* --- GLOBAL COLORS --- */
.warn {
	color: red;  /* alerts warnings */
}
.sigcol {
	color: #81C7EB !important;  /* main color used for links */
}
.inactivecol {
	color: #b6b6b7;
}
.inactivebgcol {
	background-color: #b4b4b4;
}
.sigbgcol {
	background-color: #81C7EB; 
}
.sigbrdcol {
	border-bottom: 2px solid #81C7EB;
}
.drkbrdcol {
	border-bottom: 1px solid #D6D6D6;
}
.lgthbrdcol {
	border-bottom: 1px solid #F6F6F7;
}
.drkbrdcoltop {
	border-top: 1px solid #D6D6D6;
}
.friendcol { 
	color: #9864A5;  /* main color used for friends */
}
.friendbgcol {
	background-color: #FCC046; 
}
.peoplecol { 
	color: #9CC838;  /* main color used for finding people */
}
.peoplebgcol {
	background-color: #9CC838; 
}
.peoplebrdcol {
	border-bottom: 2px solid #9CC838;
}
.generalbgcol {
	background-color: #022E3E; 
}
.specialbgcol {
	background-color: #214e64; 
}
.flirtcol {
	color: #FF2930;  /* main color used for flirt */
}
.flirtbgcol {
	background-color: #FF2930; 
}
.drkflirtbgcol {
	background-color: #df1254;
}
.flirtbrdcol {
	border-bottom: 2px solid #FF2930;
}
.delcol {
	color: red;
}
.sexhighcol {
	color: #d23238;
}
.sexhighbgcol {
	background-color: #d23238;
}
.sexlowcol {
	color: #f3b53f;
}
.sexlowbgcol {
	background-color: #f3b53f;
}
.sexmedcol {
	color: #dd7f38;
}
.sexmedbgcol {
	background-color: #dd7f38;
}
.gaylowcol {
	color: #99CC00
}
.gaylowbgcol {
	background-color: #99CC00
}
.gaymedcol {
	color: #FFBB33
}
.gaymedbgcol {
	background-color: #FFBB33
}
.gayhighcol {
	color: #da3432
}
.gayhighbgcol {
	background-color: #da3432
}
.sexinactivebgcol {
	background-color: #d6d5d4;
}
.modalbgcol {
	background-color: #f6f6f7;
}
.textgraycol {
	color: #666666;
}

.nocontent-box {
	background-color: #f2f2f2;
	text-align: center;
	padding: 50px 10px;
	color: darkgray;
	font-style: italic;
	line-height: 1.5em;
}

/* --- HEADER BAR --- */
#header-frame {
	
		background-color: #7C002D;
	
	padding: 6px;
	line-height: 35px;
}

.header-title {
	font-family: 'Rock Salt', cursive;
	font-size: 18px;
	color: white;
}
.header-messages {
	font-size: 16px;
	color: white;
	float: right;
}
.header-message-badge {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	margin-right: 4px;
	background-color: red;
}

/* --- NAVIGATION BAR --- */
#nav-frame {
	background-color: #F6F6F7;
	font-size: 18px;
	line-height: 40px;
}
.nav-title {
	font-weight:bold;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.nav-left {
	float: left;
}
.nav-right {
	float: right;
	margin-left: 25px;
}
.nav-right-ng {
	float: right;
}
.img-back {
	height: 24px;
	vertical-align:middle;
	padding-bottom: 4px;
}
.img-nav {
	height: 24px;
	vertical-align: middle;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 10px;
}
#dropdown-img {
	display: inline-block; 
}
/* --- DROPDOWN (Navigation Bar) --- */
#dropdown {
	background-color: #EBEBEB;
	position:absolute;
	right: 0px;
	min-width: 60%;
	z-index:1000;
	font-size: 18px;
	visibility: hidden;
	opacity: 0;
}
ul#dropdown li{
	border-top:1px solid #D6D6D6;
	color: black;
	padding: 10px 20px 10px 10px;
}
ul#dropdown li:hover{
	background:#AAAAAA;
	color: white;
}

/* --- SPINNER --- */
#spinner-frame {
	background-color: #F6F6F7;
	padding-top: 1px;
	text-align: center;
	border-bottom: 1px solid #D6D6D6;
}
#spinner-img {
	width: 12px;
}
/* --- DROPDOWN (Spinner) --- */
#spinner {
	width: 100%;
	background-color: #EBEBEB;
	position:absolute;
	visibility: hidden;
	opacity: 0;
	z-index:800;
	font-size: 18px;
}
ul#spinner li{
	border-top:1px solid #D6D6D6;
	color: black;
	padding: 8px 20px 8px 10px;
}
ul#spinner li:hover{
	background:#AAAAAA;
	color: white;
}
ul li.checked{
	background-color: #D6D6D6;
}
ul li img.checked {
	float: right;
	height: 24px;
	margin-left: 3px;
}   

/* --- SEND FORM LINK --- */
.sendform {
	text-align: right;
	margin: 20px 15px 20px 6px;
}
.sendformsmall {
	text-align: right;
	margin: 5px 15px 5px 6px;
}

/* --- SUBTITLE  (dropdown) --- */
div.subtitle div.title {
	padding: 6px 6px 6px 0px;
    
}
.albumtitle {
	padding: 6px;
	font-weight:bold;
}
div.subtitle span.subtitle {
	color: darkgray;
	font-weight:normal;
}
div.subtitle div.sub_drop_title {
	padding: 6px;
	float: right;
}
img.share {
	width: 16px;
	margin-left: 10px;
	vertical-align: middle;
	padding-bottom: 4px;
	float:right;
}
#subdropdown {
	background-color: #EBEBEB;
	position:absolute;
	right: 0px;
	min-width: 40%;
	visibility: hidden;
	z-index:400;
	font-size: 18px;
}
ul#subdropdown li{
	border-top:1px solid #D6D6D6;
	color: black;
	padding: 10px 3px 10px 10px;
}
ul#subdropdown li:hover{
	background:#AAAAAA;
	color: white;
}

/* --- POPUP --- */
.optdropdown {
	background-color: white;
	position:absolute;
	right: 5px;
	min-width: 40%;
	visibility: hidden;
	z-index:1500;
	color: #81C7EB;  /* sigcol */
	border:1px solid #81C7EB;
	margin-top: -3px;
	line-height: normal;
}
.optdropdown li {
	padding: 9px 6px 8px 10px;
	text-align: right;
}

/* --- POPUP --- */
.popup__overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	text-align: center;
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
	overflow-y:scroll;
}
/*
.popup__overlay:after {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
	content: '';
}
*/
.popup {
	display: inline-block;
	position: relative;
	top: 15%;
	max-width: 80%;
	padding: 20px;
	border: 5px solid #fff;
	border-radius: 15px;
	background: #fff;
	vertical-align: middle;
}
.userinroomlist-popup {
	border-radius: 5px;
	display:inline-block;
	top: 15%;
	position: relative;
	width: 80%;
	border: 5px solid #fff;
	background: #fff;
	vertical-align: middle;
	text-align: center;
	padding-top: 8px;
}
.userinroomlist-inner-popup {
	display: inline-block;
	width: 45%;
}
.userinroompopup-nickname {
	font-weight: bold;
}
.userinroompopup-shortprof {
}
.userinroompopup-status {
	margin-top: 4px;
}
.reportuser-popup {
	border-radius: 5px;
	display:inline-block;
	position: relative;
	width: 80%;
	top: 15%;
	border: 5px solid #fff;
	background: #fff;
	vertical-align: middle;
	text-align: center;
	padding-top: 8px;
}
.image-popup {
	border-radius: 5px;
	display: table;
	position: relative;
	vertical-align: middle;
	left: 0; right: 0; margin: auto;
	height: 100%;
	width: 100%;
}
.image-popup img {
	position: relative;
	width: 100%;
	vertical-align: bottom;
}
.image-popup .inner-cont {
	display: block;
	position: relative;
	border-radius: 5px;
	display: table-cell; vertical-align: middle;
}
.image-popup .lnk-cont {
	background-color: black;
	color: white;
	line-height: 30px;
	position: relative;	
}
.popupLink {
	font-weight: lighter;
	margin: 8px 6px 0px 6px;
	font-size: 18px;
}
      
/* --- TIP --- */
.tip {
	position: relative;
	margin: 6px;
	padding: 6px;
	background-color: lightyellow;
	border: 1px solid darkkhaki;
}
.tip:before {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: 47%;  
	bottom: -20px;  
	border: 10px solid;  
	border-color: darkkhaki transparent transparent transparent;  
 }
.tip:after {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: 47%;  
	bottom: -18px;  
	border: 10px solid;  
	border-color: lightyellow transparent transparent transparent;  
}
.tip_top {
	position: relative;
	margin: 6px;
	margin-top: 12px;
	padding: 6px;
	background-color: lightyellow;
	border: 1px solid darkkhaki;
}
.tip_top:before {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: 47%;  
	top: -20px;  
	border: 10px solid;  
	border-color: transparent transparent darkkhaki transparent;  
}
.tip_top:after {  
	content: ' ';  
	position: absolute;  
	width: 0;  
	height: 0;  
	left: 47%;  
	top: -18px;  
	border: 10px solid;  
	border-color: transparent transparent lightyellow transparent;  
}
.tip_no {
	position: relative;
	padding: 6px;
	margin: 6px;
	background-color: lightyellow;
	border: 1px solid darkkhaki;
}
.activeinfo {
	position: relative;
	padding: 10px;
	margin: 6px;
	background-color: lightyellow;
	border: 1px solid darkkhaki;
	text-align: center;
}
.activeinfo .link{
	margin-top: 10px;
}
.infomessage {
	padding: 10px;
	margin: 20px;
	background-color: lightyellow;
	border: 1px solid darkkhaki;
}

/* --- ERROR MESAGE --- */
.errormessage {
	position: fixed;
	z-index: 2500;
	top: 0px;
	left: 6px;
	right: 6px;
	background-color:  bisque;
	border: 1px solid red;
	margin: 20px;
	border-radius: 5px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
}
.errormessagestatic {
	background-color:  bisque;
	border: 1px solid red;
	margin: 20px;
	border-radius: 5px;
	padding: 10px;
}

.errorloadingstopped {
	background-color:  bisque;
	border: 1px solid red;
	margin: 20px;
	border-radius: 5px;
	padding: 10px;
}

/* --- CONFIRMATION MESAGE --- */
.confirmationmessage {
	position: fixed;
	z-index: 2500;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color:  lightyellow;
	border: 1px solid darkkhaki;
	border-radius: 5px;
	margin: 20px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
}

/* --- NOTIFICATION --- */
.notification {
	position: fixed;
	left: 12px;
	right: 12px;
	top: -150px;
	border: 2px solid #EAE24B;
	background-color: #FAFACE;
	visibility: hidden;
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	transition:all 1.0s ease-in-out;
	z-index: 5000;
}
.notification-text {
	padding: 12px;
	text-align: center;
}
.notification table {
	margin: 6px 6px 12px 6px;
}
.notification table td {
	text-align: center;
	width: 50%;
}

body.startgradient {
	width: 100%;
	background: -webkit-linear-gradient(#56BDE9, #1D9AD2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#56BDE9, #1D9AD2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#56BDE9, #1D9AD2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#56BDE9, #1D9AD2); /* Standard syntax */
	text-align: center;
}
body.startgradient_erotic {
	width: 100%;
	background: -webkit-linear-gradient(#D70041, #7C002D, #2D0012); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D70041, #7C002D, #2D0012); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D70041, #7C002D, #2D0012); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D70041, #7C002D, #2D0012); /* Standard syntax */
	text-align: center;
}

#starttitle {
	line-height:50px;
	font-family: 'Rock Salt', cursive;
	font-size: 28px;
	color: white;
}
#startsubtitle {
	font-size: 14px;
	color: white;
}
.startloggedin {
	font-size: 14px;
	color: white;
}
.startnotyou {
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

@media screen and (orientation:portrait) {
	.startbuttonwidth {
		width: 70%;
	}
}
@media screen and (orientation:landscape) {
	.startbuttonwidth {
		width: 40%;
	}
}
@media screen and (orientation:portrait) {
	.loginbuttonwidth {
		width: 90%;
	}
}
@media screen and (orientation:landscape) {
	.loginbuttonwidth {
		width: 50%;
	}
}

.startbutton {
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white;
	text-align: center;
	line-height: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.linegroup { display: table; margin-left: auto; margin-right: auto;}
.lineitem { display: table-cell; }
.linetext { white-space: nowrap; width: 1%; padding: 0 10px; color: #D0D0D0;}
.lineline { border-bottom: 1px solid #D0D0D0; position: relative; top: -.5em; }

.loginform {
	margin-left: auto; 
	margin-right: auto;
}

.loginchoosenick {
	background-color: #f6f6f7;
	margin: 12px 0px 12px 0px;
	text-align: center;
	color: #515050;
}

.forgotpassword {
	margin-left: 5px;
	font-size: 12px;
}
.disclaimer {
	font-size: 12px;
	color: darkgrey;
}

/* --- MENU --- */
ul#menu-list li {
	padding: 10px 3px 10px 10px;
	font-size: 18px;
}
.menu-message-badge {
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	margin-right: 4px;
	color: white;
	background-color: red;
	float: right;
}
.menu-badge {
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	margin-right: 4px;
	background-color: #81C7EB;
	color: white;
	float: right;
}
.home-badge {
	border-radius: 10px;
	padding: 2px 5px 1px 5px;
	background-color: #81C7EB;
	color: white;
	position: relative;
	left: 2px;
}
.menuprefimg {
	width: 20px;
	opacity: 0.8;
	margin-right: 5px;
	vertical-align: -2px;
}

/* --- INFO LIST --- */
ul#info-list li {
	border-bottom:1px solid #D6D6D6;
	padding: 10px 3px 10px 10px;
	font-size: 18px;
}
ul#info-list img {
	float: right;
	width: 32px;
	height: 32px;
}
ul#info-list .content {
	margin: 10px 0px;
	padding-top: 6px;
	border-top:1px solid #D6D6D6;
	color: #808080;
	font-size: 16px;
}
.menu-outrunner {
	background-color: #f6f6f7;
}

/* --- CHAT STATUS --- */
.circular_thmb {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	margin: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 4px solid #ffffff;	
	z-index: 12;
}
#flirtstatus {
	text-align: center;
	background-color: #F6F6F7;
	padding-bottom: 10px;
	background-size: cover;
	background-repeat: no-repeat;
}
#flirtstatus img.blured { 
	position: relative;
	width: 100%;
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px); 
	-o-filter: blur(5px); 
	-ms-filter: blur(5px); 
	filter: blur(5px);
	z-index: 10;
}
#flirtstatus img.profile_blur { 
	position: relative;
	width: 80px;
	background-color: #F6F6F7;
	margin-top: -50px;
	padding: 3px;
	z-index: 12;
}
#flirtstatus img.profile_blur_new { 
	position: relative;
	width: 80px;
	background-color: #F6F6F7;
	margin-top: 15px;
	padding: 3px;
	z-index: 12;
}
#flirtstatus img.profile { 
	width: 80px;
	background-color: white;
	padding: 3px;
	margin-top: 10px;
}
#flirtstatus .title {
	font-size: 20px;
	padding: 6px;
}
#flirtstatus .change {
	width: 50px;
	margin: 10px;
}
#flirtstatus .changesmall {
	width: 40px;
	margin: 7px;
}
#sprechblase {
	position: relative;
	width: 180px;
	display: inline-block;
	padding: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;  
	border-radius: 5px;
	text-align: center;
	background-color: #81C7EB;
	color: white;
	font-size: 14px;
 }
 #sprechblase:before {  
	content: ' ';
	position: absolute;  
	width: 0;  
	height: 0;  
	left: 45%;  
	top: -20px;  
	border: 10px solid;  
	border-color: transparent transparent #81C7EB transparent;  
}
.showme-switch {
	text-align: center;
}
.showme-switch .black {
	background-color: #333333;
	padding: 6px 6px 6px 6px;
}
.showme-switch .switch-text {
	padding-left: 12%;
	padding-right: 12%;
	padding-top: 6px;
	padding-bottom: 12px;
	font-size: 15px;
	color: white;
}
.showme-switch .cent-cont {
	position: relative;
	display: inline-block;
	vertical-align:bottom;
	width: 100px;
	height: 30px;
}
.showme-switch .nosex {
	position: absolute;
	left: 0px;
	height: 0px;
	width: 38px;
	border-top: 30px solid #f6424a;
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
}
.showme-switch .everything {
	position: absolute;
	right: 0px;
	height: 0px;
	width: 38px;
	border-bottom: 30px solid #9ecb3c;
	border-left: 20px solid transparent;
	border-right: 0px solid transparent;
}
.showme-switch .nosex-img {
	position: absolute;
	left:15px;
	top: 7px;
	width: 16px;
	height: 16px;
}
.showme-switch .everything-img {
	position: absolute;
	right: 15px;
	top: 7px;
	width: 18px;
	height: 18px;
}

/* HOME PAGE */
.headercollapse {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: rgba(128, 128, 128, 0.46);
	padding: 0 3px;
}
.headercollapse img {
	width: 32px;
}

.areateaser {
	width: 100%;	
}
.areateaser .field {
	padding: 10px 5px;
	vertical-align: middle;
	width: 33%;
	color: #474747;
	text-align: center;
	background-color: #C2C2C2;
}


/* --- USER GRID --- */
table.usergrid { 
	width: 100%;
	border-collapse: collapse;
	border-style: hidden;
	table-layout:fixed;
}       
table.usergrid td {
	border: 4px solid #F6F6F7;
	vertical-align: top;
}
table.usergrid .gridcell {
	position: relative;
	padding: 6px 6px 2px 6px;
}
table.usergrid td.colspan {
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
table.usergrid .fod {
	padding-left: 6px;
}

table.usergrid img {
	width: 100%;
}
table.usergrid img.followup {
	width: 24px;

}
table.usergrid img.nrimg {
	width: 12px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}
.gridtitle {
	padding: 30px 5px 20px 10px;
	color: white;
	font-size: 18px;
	font-weight: lighter;
}
.gridtext {
	color: black;
	font-size: 14px;
}
.gridtext .prm {
	width: 13px;
	height: 13px;
	margin-right: 2px;
	vertical-align: -1px;
}
.gridstatus {
	text-align: center;
	padding: 6px 3px 0px 3px;
	vertical-align: middle;
}
table.usergrid img.s_ck {
	width: 20px;
	float: left;
}
table.usergrid img.s_fl {
	width: 20px;
}
table.usergrid img.s_fr {
	width: 20px;
	float: right;
}
img.s_ck {
	width: 20px;
	float: left;
}
img.s_fl {
	width: 20px;
}
img.s_fr {
	width: 20px;
	float: right;
}
.image-badge {
	padding: 1px 5px 0px 5px;
	margin: 5px;
	background-color: #333333;
	position: absolute;
	font-size: 12px;
	color: white;
	opacity: 0.5;
	z-index: 2;
}
.image-right-badge {
	padding: 0px 3px 0px 3px;
	margin: 5px;
	right: 5px;
	background-color: #333333;
	position: absolute;
	font-size: 10px;
	color: white;
	opacity: 0.5;
	z-index: 2;
}
.user-badge {
	position: absolute;
	width: 33px;
	height: 18px;
	top: 13px;
	left: 1px;
	z-index: 3;
}
.user-badge-mini {
	position: absolute;
	width: 16px;
	height: 9px;
	top: 0px;
	left: -2px;
	z-index: 20;
}
.user-badge-slide {
	position: absolute;
	width: 33px;
	height: 18px;
	top: 10px;
	left: 0px;
}
.user-badge-profile {
	position: absolute;
	width: 33px;
	height: 18px;
	top: 10px;
	left: 0px;
	z-index: 20;
}
.user-badge-hotonyou {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22%;
	color: white;
	opacity: 0.8;
	z-index: 19;
	text-align: center;
}
.user-badge-hotonyou .inner {
	display: inline-block;
	font-weight: lighter;
	background-color: #f5c247;
	padding: 12px 12px 12px 12px;
	font-size: 22px;
	-ms-transform: rotate(351deg); /* IE 9 */
	-webkit-transform: rotate(351deg); /* Chrome, Safari, Opera */
	transform: rotate(351deg);
	text-transform: uppercase;
}
.user-badge-hotonyou .inner-mini {
	display: inline-block;
	font-weight: lighter;
	background-color: #f5c247;
	padding: 3px 6px 3px 6px;
	font-size: 13px;
	margin-bottom: 42px;
	-ms-transform: rotate(351deg); /* IE 9 */
	-webkit-transform: rotate(351deg); /* Chrome, Safari, Opera */
	transform: rotate(351deg);
}
.user-badge-hothit {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22%;
	color: white;
	opacity: 0.8;
	z-index: 19;
	text-align: center;
}
.user-badge-hothit .inner {
	display: inline-block;
	font-weight: lighter;
	background-color: #e7554b;
	padding: 12px 12px 12px 12px;
	font-size: 22px;
	-ms-transform: rotate(351deg); /* IE 9 */
	-webkit-transform: rotate(351deg); /* Chrome, Safari, Opera */
	transform: rotate(351deg);
	text-transform: uppercase;
}
.user-badge-hothit .inner-mini {
	display: inline-block;
	font-weight: lighter;
	background-color: #e7554b;
	padding: 3px 6px 3px 6px;
	margin-bottom: 42px;
	font-size: 13px;
	-ms-transform: rotate(351deg); /* IE 9 */
	-webkit-transform: rotate(351deg); /* Chrome, Safari, Opera */
	transform: rotate(351deg);
}
/* --- USER LIST --- */
ul#userlist {
}
ul#userlist li {
	position: relative;
}
ul#userlist .profpic {
	vertical-align: top;
	margin-right: 8px;
	border: none;
	float: left;
	width: 41px;
	height: 41px;
	padding: 6px 0px 6px 6px;
}
ul#userlist .nickname {
	padding-top: 7px;
	font-weight: bold;
}
ul#userlist .shortprofile {
	margin-top: 2px;
	color: #AAAAAA;
}
ul#userlist .options {
	position: relative;
	float: right;
	margin-top: 18px;
}
ul#userlist .overlay {
	position: absolute;
	top: 0px; right: 0px;
	left: 0px; bottom: 0px;
	background-color: #E4E4E4;
	visibility: visible;
	opacity: 0.5;
}

/* --- TABS --- */
table#tabs {
	width: 100%;
	background-color: #F6F6F7;
	border-collapse: collapse;
	table-layout:fixed;
}
table#tabs td {
	text-align: center;
}
table#tabs td.divider {
	width: 2px;
	font-size: 22px;
}
table#tabs div {
	background-color: #DDDDDD;
}
table#tabs a {
	color: black;
	padding-top: 10px;
	padding-bottom: 5px;
}
table#tabs td.active {
	border-bottom: 4px solid #81C7EB;
}
table#tabs td.inactive {
	border-bottom: 4px solid #DDDDDD;
}

/* --- SEARCH --- */
#search-frame {
}
.search-input-line {
	background-color: #F6F6F7;
}

/* --- EDIT MESSAGES - Input Line --- */
.input-picture {
	width: 40px;
	height: 40px;
	vertical-align: bottom;
}
#chat-edit-frame {
	display: none;
	font-size: 16px;
	line-height: 34px;
}
#chat-edit-frame img {
	margin: 0px 7px 3px 0px;
	padding: 0px 8px 0px 8px;
	vertical-align:middle;
	height: 30px;
}
#chat-edit-frame .attach-badge {
	line-height: 15px;
	background-color: red;
	color: white;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 4px 2px 4px;
	position: absolute;
	right: 13px;
	top: 0px;
}
#chat-edit-emoticons {
	border-top: 1px solid #F6F6F7;
	display: none;
}
#chat-edit-emoticons img {
	width: 32px;
	height: 32px;
	margin-top: -5px;
	margin-bottom: -5px;
}
#chat-edit-emoticons td {
	text-align: center;
	width: 49px;
}
#chat-edit-emotes {
	display: none;
}
#chat-edit-emotes .radioline {
	line-height: 35px;
	border-top: 1px solid #F6F6F7;
}
#chat-edit-emotes .radiolabel {
	vertical-align: middle;
	font-size: 16px;
}
#chat-edit-emotes .radiobutton {
	vertical-align: middle;
	float: right;
}
#chat-edit-emotes input[type=radio] {
	-webkit-transform: scale(1.4,1.4); /* bessere methode fürs vergrößern von Radio Buttons finden */
	margin-right: 10px;
}
.chat-edit-attach {
	border-top: 1px solid #F6F6F7;
}
.chat-edit-attach_img-frame {
	background-color: #f2f2f2;
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 78px;
	height: 59px;
}
.chat-edit-attach_img {
	width: 76px;
	height: 57px;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.chat-edit-attach_upload-link {
	line-height: 79px;
	float: right;
}
.chat-edit-attach-chooser-line {
	line-height: 37px;
	border-bottom: 1px solid #f6f6f7;
}
.fake-attach_img-frame {
	background-color: #f6f6f7;
	margin: 0px 0px 0px 0px;
}
.cea-progress {
	position: absolute;
	left: 0px;
	top: 10px;
	right: 0px;
	bottom: 0px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #555;
	font-weight: normal;
}
.cea-progress-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0.6;
	width: 0%;
}
.greycamicon {
	background-color: #F6F6F7;
	text-align: center;
}
.greycamicon img {
	height: 16px;
	vertical-align: middle;
	padding: 6px 4px 3px 3px;
}

/* --- FILE UPLOAD --- */
.file-upload-img-frame {
	background-color: #f2f2f2;
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.file-upload-img {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.file-uploaded-img {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.file-upload-link {
	float: right;
	line-height: 59px;
	margin-left: 10px;
}

/* --- CHAT --- */
.chat-frame .sep {
	border-bottom: 3px solid #F6F6F7;
}
.chat-frame .chat-user {
	padding: 4px 6px 4px 6px;
	font-size: 16px;
}
.chat-frame .chat-user .text {
}
.chat-frame .chat-user a {
}
.chat-frame .chat-user img {
	height: 35px;
}
.chat-frame .chat-user .botmar {
	margin: 0px 0px 6px 0px;
	position: relative;
	 z-index: 5;
}
.chat-frame .chat-user .bulls {
	position: absolute;
	bottom: -6px;
	left:0px;
	right:0px;
	text-align: center;
	z-index: 1;
}
.chat-frame .system-message {
	background-color: #f2f2f2;
	color: #808080;
	padding: 0px 0px 0px 4px;
	line-height: 33px;
}
.chat-frame .chat-message {
	padding: 4px 6px 4px 6px;
}
.chat-frame .fs {
	font-size: 14px;
}
.chat-frame .chat-message img {
	margin-top: 4px;
	max-width: 100%;
}
.chat-frame .chat-message .name {
	background-color: white;
}
.chat-frame .chat-message .time {
	color: #808080;
	float: right;
	font-size: 14px;
	padding-top: 2px;
}
.chat-frame .chat-message .text {
	margin-top: 1px;
}
.chat-frame span.tipp {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 4px 10px 2px 10px;
	margin: 12px 6px 6px 6px;
	display: inline-block;
	background-color: #82429D;
	color: white;
	font-size: 12px;
}
.chat-frame span.invite {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 4px 10px 2px 10px;
	margin: 12px 6px 6px 6px;
	display: inline-block;
	background-color: #E04352;
	color: white;
	font-size: 12px;
}
.roomheader {
	font-size: 18px;
	padding:10px 6px 10px 6px;
	color: white;
	font-weight: bold;
}
.roomheader .link {
	font-size: 16px;
	padding-top: 2px;
	font-weight: normal;
}
.chat-frame .subtitle {
	margin-left: 6px;
}
.roomheader-overview {
	position: relative;
	background-color: #214e64;
	line-height: 36px;
	font-size: 15px;
	padding-left: 6px;
	color: white;
}
.eroticbaro {
	text-align: center;
	color: white;
	line-height: 25px;
	border: 1px solid white;
}

/* --- MINI PIC LIST --- */
.picminilist {
	position: relative;
	display: inline-block;
}
.picminilist-wrap {
	position: relative;
	display: inline-block;
	margin: 3px 4px 1px 0px;
}
.fading-out {
	height: 52px; 
	width: 57px; 
	/*background-color: white; */
	position: absolute; 
	right:0px;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
	z-index: 20;
}
.fading-out-s {
	height: 42px; 
	width: 57px; 
	/*background-color: white; */
	position: absolute; 
	right:0px;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
	z-index: 20;
}

/* --- ACTIVITIES --- */
#activities-frame .activity-container {
	position: relative;
	margin-bottom: 15px;
}
#activities-frame .actisep {
	background-color: #F6F6F7;
	height: 12px;
	border-bottom: 1px solid #D8D8D8;
}
#activities-frame .borderown {
	margin-top: 20px;
	border: 4px solid #C4D1DE;
}
#activities-frame.borderexpired {
	margin-top: 20px;
	border: 4px solid #d7d7d7;
}
#activities-frame .borderwait {
	margin-top: 20px;
	border: 4px solid rgba(241, 170, 44, 0.23);
}
#activities-frame .borderaccept {
	margin-top: 20px;
	border: 4px solid rgba(26, 241, 36, 0.23);
}
#activities-frame .borderinvite {
	margin-top: 20px;
	border: 4px solid rgba(26, 241, 233, 0.2);
}
#activities-frame .borderbadge {
	position: absolute;
	top: -19px;
	left: 15px;
	font-size: 11px;
	padding: 0px 5px;
	height: 15px;
	line-height: 20px;
}
#activities-frame .own {
	background-color: #C4D1DE;
	color: #5F676F;
}
#activities-frame .expired {
	background-color: #d7d7d7;
	color: #2d2d2d;
}
#activities-frame .wait {
	background-color: rgba(241, 170, 44, 0.23);
	color: #CE8606;
}
#activities-frame .accepted {
	background-color: rgba(26, 241, 36, 0.23);
	color: rgb(90, 156, 92);
}
#activities-frame .invited {
	background-color: rgba(26, 241, 233, 0.2);
	color: #0FB6AF;
}

#activities-frame .title {
	font-weight: bold;
	padding: 10px 8px 6px 6px;
	background-color: #dfdfdf;
	margin-bottom: 5px;
}
#activities-frame .location {
	padding: 0px 6px 6px 6px;
}
#activities-frame .location img{
	height: 16px;
	vertical-align: -1px;
	padding-right: 5px;
}
#activities-frame .owner {
	position: relative;
	background-color: #F6F6F7;
	margin-left: 6px;
	margin-right: 6px
}
#activities-frame .topic {
	position: absolute;
	top: -15px;
	right: 80px;
	width: 30px;	
}
#activities-frame .topic img{
	width: 100%;
	opacity: 0.6;	
}
#activities-frame .ownerpic {
	width: 60px;
	padding: 10px;
}
#activities-frame .ownerimg {
	width: 60px;
}
#activities-frame .owneraction {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-style: hidden;
	table-layout:fixed;
}
#activities-frame .ownerdropdown {
	top: 80px;
}
#activities-frame .ownernick {
	font-weight: bold;
}
#activities-frame .ownerlinks {
	padding-right: 6px;
	width: 90px;
	text-align: right;
}
#activities-frame .action {
	display: inline-block;
	float: right;
	margin-right: 6px;
	text-align: right;
}
#activities-frame .status {
	padding-left: 10px;
	padding-right: 6px;
}
#activities-frame .status img{
	height: 16px;
	vertical-align: -1px;
	padding-right: 5px;
}
#activities-frame .members {
	padding: 6px 6px 6px 10px;
}
#activities-frame .members img{
	display: inline;
	width: 40px;
}
#activities-frame .memaction {
	float: right;
	line-height: 40px;
}
#activities-frame .time {
	padding: 10px 6px;
}
#activities-frame .description {
	padding: 10px 6px;
}
#activities-frame .acttitle {
	font-weight: bold;
	margin-bottom: 6px;
}
#activities-frame .activitytext {
	max-height: 150px;
	overflow-y: hidden;
	transition: all 0.5s ease 0s;
}
#activities-frame .more {
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.usergrid .eventstatus {
	padding: 5px;
	height: 50px;
}
.usergrid .assign {
	width: 45px;
	height: 45px;
	margin-top: 2px;
	background-position: center;
	background-size: cover;
}
.usergrid .accepted { 
	float: left;
	background-image: url('/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_accept_green.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_accept_green.png', sizingMethod='scale');
}
.usergrid .accept {
	float: left;
	background-image: url('/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_accept.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_accept.png', sizingMethod='scale');
	filter: alpha(Opacity=10);
	opacity: 0.1;
}
.usergrid .rejected {
	float: right;
	background-image: url('/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_reject_red.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_reject_red.png, sizingMethod='scale'');
}
.usergrid .reject {
	float: right;
	background-image: url('/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_reject.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/HardcoreChat/static_9091201853701d45b68d798b0ffbd29d/XHTMLTOUCH/img/img_reject.png, sizingMethod='scale'');
	filter: alpha(Opacity=10);
	opacity: 0.1;
}
/* --- NEW MESSAGES --- */
#new-message-frame {
}
#new-message-frame .message-to {
	padding: 3px 6px 3px 6px;
}
#new-message-frame .message-to-caption {
	display: inline-block;
	padding: 3px 0px 3px 3px;
	margin: 3px 0px 3px 0px;
}
ul#message-to-list {
	display: inline;
}
#new-message-frame .receiver {
	display: inline-block;
	font-size: 15px;
	color: #808080;
	background-color: #F6F6F7;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 6px 3px 6px;
	margin: 3px 6px 3px 6px;
	white-space: nowrap;
}
#new-message-frame .receiver-del {
	width: 15px;
	height: 15px;
	vertical-align: bottom;
	margin-left: 10px;
}

/* --- GROUP MESSAGES --- */
.grouptitle {
	border-bottom: 2px solid #f2f2f2;
}
.grouptitle .profpic {
	position: relative;
	vertical-align: top;
	margin-right: 8px;
	border: none;
	float: left;
	width: 53px;
	z-index: 2;
	min-height: 53px;
}
.grouptitle .title {
	padding-top: 8px;
	font-weight: bold;
}
.grouptitle .edit {
	padding-top: 3px;
	margin-left: 61px;
	margin-bottom: 6px;
}

/* --- FORMS --- */
form {
	padding: 0px 0px 0px 0px;
}
input[type=text] {
	display: inline-block;
	font-size: 15px;
	padding: 3px 3px 3px 5px;
	margin: 4px 0px 4px 0px;
	border: 2px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type=number] {
	display: inline-block;
	font-size: 15px;
	padding: 3px 3px 3px 5px;
	margin: 4px 0px 4px 0px;
	border: 2px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type=password] {
	display: inline-block;
	font-size: 15px;
	padding: 3px 3px 3px 5px;
	margin: 4px 0px 4px 0px;
	border: 2px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
textarea {
	display: inline-block;
	font-size: 15px;
	padding: 3px 3px 3px 5px;
	margin: 4px 0px 4px 0px;
	resize: none; 
	border: 2px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
select {
	display: inline-block;
	font-size: 15px;
	padding: 3px 0px 3px 5px;
	margin: 4px 0px 4px 0px;
	border: 2px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.checkbox-label {
	display: inline;
	vertical-align: middle;
	margin-left: 6px;
	font-size: 16px;
}
.checkbox {
	display: inline;
	vertical-align: middle;
	margin-bottom: 3px;
}
.check-switch {
	text-align: center;
}
.check-switch .cent-cont {
	position: relative;
	display: inline-block;
	vertical-align:bottom;
	width: 100px;
	height: 30px;
}
.check-switch .nocheck {
	position: absolute;
	left: 0px;
	height: 0px;
	width: 38px;
	border-top: 30px solid #f0f0f0;
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
}
.check-switch .check {
	position: absolute;
	right: 0px;
	height: 0px;
	width: 38px;
	border-bottom: 30px solid #f0f0f0;
	border-left: 20px solid transparent;
	border-right: 0px solid transparent;
}
.check-switch .check-img {
	position: absolute;
	right: 15px;
	top: 7px;
	width: 18px;
	height: 18px;
}
.form-line {
	line-height: 35px;
	border-bottom: 1px solid #F6F6F7;
	margin: 0px 6px 0px 0px;
	padding-left: 6px;
}
.form-line-table {
	width: 100%;
	border-bottom: 1px solid #F6F6F7;
	margin: 0px 6px 0px 0px;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.form-line-table-label {
	margin-left: 6px;
	font-size: 16px;
}
.form-line-hint {
	font-style: italic;
	color: #282828;
	margin-left: 6px;
	margin-top: 6px;
}
.small-text-input {
	width: 50px;
	text-align: right;
	background-color : #eeeeee;
}

/* --- SETTINGS --- */

.settings-folder-group {
	margin: 12px;
}
.settings-divider {
	border-bottom: 1px solid #F6F6F7;
	margin: 0px 6px 0px 6px;
	padding-left: 6px;
}
.settings-form {
        line-height: 35px;
	margin: 0px 6px 0px 0px;
	padding-left: 6px;
}
.settings-color {
    color: rgba(0,0,0,0.6)   
}

.form-text   {
    padding: 6px 6px 6px 6px;
}
.form-text-sub {
    padding: 6px 6px 6px 6px;
    font-size: 14px;
}
.settings-thumb {
	width: 100%;
}

.settings-headline {
	margin: 6px;
	line-height: 30px;
	padding-top: 5px;
}
.settings-headline .title {
	font-size: 16px;
	font-weight:bold;
	padding-left: 6px;
}

.settings-header {
	padding: 18px 6px 18px 12px;
}
.settings-header .title {
        text-align: center;
        font-size: 18px;
}
.settings-header .text {
	margin-left: 6px;
	margin-bottom: 6px;
	color: #808080;
        text-align: center;
}
.settings-header .link {
    padding: 6px 6px 6px 6px;
    text-align: center;
}
.settings {
	margin-top: 6px;
        margin-left: 6px;
	padding-top: 6px;
}

.settings .title {
	margin-left: 6px;
        margin-bottom: 2px;
}
.settings .text {
	margin-left: 6px;
	margin-bottom: 6px;
        font-size: 14px;
}
.settings .right {
	float: right;
}

.settings-label {
	display: inline;
	vertical-align: middle;
	margin-left: 6px;
	font-size: 16px;
}



/* --- MAIN PROFILE --- */
#mainprofile-frame {
	padding: 6px;
}
#mainprofile-frame .alle {
	color: #333333;
}
#mainprofile-frame .online {
	color: #2c9e59;
}
#mainprofile-frame span.extra-badge {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	margin-right: 4px;
	background-color: green;
	color: white;
	float: right;
	font-size: 12px;
}
#mainprofile-frame span.verified-badge {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	margin-right: 4px;
	background-color: green;
	color: white;
	float: right;
	font-size: 12px;
}
#mainprofile-frame img.verified-hooklet {
	vertical-align: bottom;
	border: none;
	margin-left: 15px;
	width: 21px;
	height: 21px;
}
#mainprofile-frame div.nick {
	font-weight: bold;
	font-size: 18px;
}
#mainprofile-frame div.shortprofile {
	margin-top: 2px;
	color: #AAAAAA;
}
#mainprofile-frame div.shortprofile-alle {
	margin-top: 2px;
	color: #333333;
}
img.smallprofilepic {
	float: left;
	width: 41px;
	height: 41px;
	margin: 0px 6px 0px 0px;
}
#mainprofile-frame div.modus {
	margin-top: 5px;
}
#mainprofile-frame div.modus img {
	width: 20px;
	height: 20px;
	border: 0px;
	vertical-align: bottom;
	margin: 0px 6px 0px 6px;
}
#profilepics {
	overflow: hidden;
	position: relative;
	margin-top: 5px;
	width: 100%;
}
#profpic {
	width: 100%;
}
.cpic {
	width: 100%;
	margin-left: 0px;
}
.cpic_sl {
	width: 100%;
	margin-left: 100%;
	-webkit-transition: margin-left 0.25s;
	-moz-transition: margin-left 0.25s;
	-o-transition: margin-left 0.25s;
	transition: margin-left 0.25s;
}
.cpic_sr {
	width: 100%;
	margin-left: -100%;
	-webkit-transition: margin-left 0.25s;
	-moz-transition: margin-left 0.25s;
	-o-transition: margin-left 0.25s;
	transition: margin-left 0.25s;
}
.ppic1 {
	width: 100%;
	position: relative;
	top: 0px;
}
.imageBox {
	position: relative;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.imageBox .pic{
	width: 100%;
}
.imageBox .slideImageBox {
	position: absolute;
	width: 100%;
	top: 0px;
	font-size: 0px;
}
.paging-badge {
	padding: 2px 12px 5px 12px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -12px;
	font-size: 24px;
	color: white;
	opacity: 0.2;
	position: absolute;
	top: 50%;
	font-weight: bold;
	z-index: 400;
}
.paging-badge-old {
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 2px 12px 5px 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -12px;
	background-color: #333333;
	font-size: 24px;
	color: white;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	z-index: 2;
}
.paging-badge-left {
		position: absolute;
		top: 0px;
		bottom: 4px;
		width: 55px;
		opacity: 0.3;
		background-color: #333333;
		color: white;
		font-size: 24px;
		z-index: 400;
}
.paging-badge-right {
		position: absolute;
		top: 0px;
		bottom: 4px;
		right: 0px;
		width: 55px;
		opacity: 0.3;
		background-color: #333333;
		color: white;
		font-size: 24px;
		z-index: 400;
}
.premium-badge {
	position: absolute;
	width: 30px;
	top: 5px;
	right: 10px;
	z-index: 20;
}
.premium-badge_circle {
	position: absolute;
	width: 25px;
	top: -2px;
	right: -3px;
	z-index: 20;
}
.number-badge {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 8px 1px 8px;
	right: 10px;
	bottom: 10px;
	background-color: #333333;
	font-size: 12px;
	color: white;
	opacity: 0.6;
	position: absolute;
	z-index: 100;
}
.time-badge {
	padding: 2px 8px 1px 8px;
	background-color: #333333;
	font-size: 12px;
	color: white;
	opacity: 0.65;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.giftmembership {
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 8px 10px;
	left: 10px;
	bottom: 12px;
	background-color: #333333;
	color: white;
	opacity: 0.6;
	position: absolute;
	z-index: 100;
}
.giftmembership img {
	height: 20px;
}

/* --- BUTTON (ONE/TWO) --- */
.buttoncontainer {
	margin: 6px;
}
.buttonstyle {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	text-align: center;
	line-height: 30px;
}
.buttonstyle_mr {
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: white;
	text-align: center;
	line-height: 30px;
}

/* --- FOLDER --- */
.folder-header {
	margin: 6px;
	line-height: 30px;
}
.overview-folder-header {
	margin: 0px 0px 5px 0px;
	line-height: 50px;
}
.overview-folder-group {
	margin-left: 0px;
	margin-right: 0px;
}
.overview-message {
	border-bottom: 4px solid #f2f2f2;
	position: relative;
}
.overview-message .profpic {
	position: relative;
	vertical-align: top;
	margin-right: 0px;
	border: none;
	float: left;
	width: 39px;
	z-index: 2;
	min-height: 39px;
	padding: 7px 7px 7px 7px;
}
.overview-message .date-time {
	padding: 8px 6px 0px 0px;
	color: #808080;
	float: right;
	font-size: 15px;
}
.overview-message .sender {
	padding-top: 8px;
	font-weight: bold;
}
.overview-message .unread-add {
	padding: 3px 6px 0px 0px;
	float: right;
	color: red;
}
.overview-message .text {
	padding-top: 3px;
	margin-left: 0px;
	margin-bottom: 6px;
}

.overview-activity-group {
	margin-left: 0px;
	margin-right: 0px;
}
.overview-activity {
	border-bottom: 4px solid #f2f2f2;
	position: relative;
	padding: 6px;
}
.overview-activity img {
	width: 17px;
	vertical-align: -2px;
	margin-right: 5px;
}
.overview-activity .actdescr {
	color: grey;
	font-style: italic;
	padding: 7px 0 3px 0;
}

.overview-profedit-grid {
	color: #333333;
}
.overview-profedit-grid .left-cell {
	padding: 3px 6px 3px 6px;
	border-right: 4px solid #F6F6F7;
}
.overview-profedit-grid .right-cell {
	padding: 6px 6px 6px 6px;
	border-left: 4px solid #F6F6F7;
	text-align: center;
	height: 86px;
	
}
.overview-profedit-grid .outer-percent {
	background-color: #fafafa;
}
.overview-profedit-grid .percent {
	color: #D5D5D5;
	font-size: 34px;
	padding-top: 23px;
	padding-bottom: 23px;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}
.overview-profedit-grid .horizontal {
	border-bottom: 4px solid #F6F6F7;
}
.overview-profedit-grid .cell {
	padding: 6px 6px 6px 6px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	height: 86px;
}
.overview-profedit-pic {
	width: 88px;
	height: 88px;
}
.overview-profedit-mark {
	background-color: white;
	position: absolute;
	top: 4px;
	right: 7px;
	width: 25px;
	height: 25px;
}
.overview-profedit-mark2 {
	background-color: white;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
}
.overview-folder-header .nmbr { 
	top: 2px;
	position: relative;
	display: inline-block;
	margin-left: 6px;
	font-size: 22px;
	color: white;
	width: 35px;
}
.overview-folder-header .title {
	color: white;
}
.overview-folder-header .moreless {
	line-height: 32px;
	float: right;
}
.overview-folder-header .moreless img {
	width: 32px;
	height: 32px;
	margin: 11px 6px 0px 0px;
}
.overview-folder-header .nmbr img {
	width: 32px;
	height: 32px;
	position: relative;
	top: 8px;
}
.morecontent {
	line-height: 42px;
	margin-left: 6px;
}
.chatroom-title {
	margin: 12px 0px -3px 6px;
}
.folder-header .moreless {
	float: right;
}
.folder-header .title {
	font-size: 18px;
	font-weight:bold;
	padding-left: 6px;
}
.folder-header .subtitle {
	font-size: 14px;
	font-weight: normal;
}
.folder-group-header {
	border-bottom: 2px solid #cccccc;
}
.folder-group-header .title {
	color: #656563;
	font-weight: bold;
	padding: 0px 6px 6px 12px;
}
.folder-group-header .spacer {
	line-height: 30px;
}
.folder-group {
	margin: 6px;
}
.folder-group td {
	border-bottom: 1px solid #F6F6F7;
	text-align: left;
}
.folder-group .element {
	margin-top: 3px;
	padding-top: 3px;
	border-top: 3px solid #f2f2f2;
}
.folder-group .elementtop {
	margin-top: 3px;
	padding-top: 3px;
}
.folder-group .elementbottom {
	margin-top: 3px;
	padding-top: 3px;
	border-bottom: 3px solid #f2f2f2;
}
.folder-group .title {
	font-weight:bold;
	margin-left: 6px;
}
.folder-group .whole {
	line-height: 40px;
}
.folder-group .social-prof-icon {
	width: 33px;
	height: 33px;
}
.folder-group .text {
	margin-left: 6px;
	margin-bottom: 6px;
	color: #808080;
}
.folder-group .positions {
}
.folder-group .positions .circlepic {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 12px;
	width: 66px;
	height: 66px;
}
.folder-group .positions .oncircle {
	width: 88px;
	height: 88px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #9ecc3f;
	-moz-border-radius: 44px; 
	-webkit-border-radius: 44px; 
	border-radius: 44px;
}
.folder-group .positions .offcircle {
	width: 88px;
	height: 88px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #d6d5d4;
	-moz-border-radius: 44px; 
	-webkit-border-radius: 44px; 
	border-radius: 44px;
}
.folder-group .positions .ontext {
	color: #9ecc3f;
	text-align: center;
	margin-top: 6px;
}
.folder-group .positions .offtext {
	color: #d6d5d4;
	text-align: center;
	margin-top: 6px;
}

/* --- SOCIAL PROFILE --- */
.social-profile {
	text-align: center;
}
.social-profile .status {
    
}
.social-profile .circle {
	width: 64px;
	height: 64px;
	left: 0;
	right: 0;
	margin: auto;
	-moz-border-radius: 32px; 
	-webkit-border-radius: 32px; 
	border-radius: 32px;
}
.social-profile .circlepic {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 8px;
	width: 48px;
	height: 48px;
}

/* --- FEEDBACK MESSAGES --- */
.feedback-status {
	background-color: #f2f2f2;
	font-size: 10px;
	color: #808080;
	padding: 34px 0px 4px 60px;
}
.feedback-status img {
	width: 16px;
	vertical-align:middle;
	margin-top: -4px; 
	margin-right: 3px
}
.feedback-closed {
	opacity: 0.3;
}

/* --- PRIVATE MESSAGES --- */
#messages-frame {
}
#messages-frame .message {
	border-bottom: 2px solid #f2f2f2;
	position: relative;
}
#messages-frame .pm {
	position: absolute;
	background-color: #f2f2f2;
	top: 0px;
	width: 55px;
	bottom: 0px;
	z-index: 1;
}
#messages-frame .message .profpic {
	position: relative;
	vertical-align: top;
	margin-right: 8px;
	border: none;
	float: left;
	width: 55px;
	z-index: 2;
	min-height: 53px;
}
#messages-frame .message .readstatus {
	vertical-align: bottom;
	margin-right: 5px;
	border: none;
	float: right;
	width: 18px;
}
#messages-frame .readimg {
	margin: 7px 3px 0px 3px;
	border: none;
	float: left;
	width: 18px;
}
#messages-frame .message .sender {
	padding-top: 6px;
	font-weight: bold;
    
}
#messages-frame .message .date-time {
	padding: 8px 6px 0px 0px;
	color: #808080;
	float: right;
	font-size: 15px;
}
#messages-frame .message .unread-add {
	padding: 3px 6px 0px 0px;
	float: right;
	color: red;
}
#messages-frame .message .text {
	padding-top: 3px;
	padding-right: 3px;
	margin-left: 61px;
	margin-bottom: 6px;
}
#messages-frame .system-message {
	background-color: #f2f2f2;
	color: #808080;
	padding: 0px 0px 0px 4px;
	line-height: 33px;
}
#messages-frame .message .send-image {
	max-width: 50%;
	margin-left: 61px;
}
.system-message-allread {
	border-bottom: 3px solid #F6F6F7;
	color: #808080;
	padding: 0px 0px 0px 4px;
	line-height: 33px;
}
.system-message-allread .readimg {
	margin: 7px 3px 0px 3px;
	border: none;
	float: left;
	width: 18px;
}
.friend {
	display: inline;
	background-color: #FCC046;
	padding: 2px 2px 0px 2px;
	font-size: 13px;
	color: white;
}
.message-type {
	background-color: #f2f2f2;
	font-size: 15px;
	color: #808080;
	padding: 8px 0px 8px 6px;
}
#messages-frame .next-date {
	background-color: #f2f2f2;
	color: #808080;
	text-align: center;
	padding: 8px 0px 8px 6px;
}
#messages-frame .all-read-cont {
	background-color: #f2f2f2;
	text-align: center;
}
#messages-frame .all-read {
	font-size: 15px;
	color: #808080;
	display: inline-block;
	background-color: #DBDBDB;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 8px 30px 8px 30px;
	margin: 58px 0px 58px 0px;
}
.imageoption-badge {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-color: white;
	font-size: 20px;
	color: black;
	text-align: center;
	opacity: 0.3;
}
.image-optdropdown {
	background-color: white;
	position: absolute;
	right: 0px;
	top: 30px;
	min-width: 30%;
	visibility: hidden;
	z-index: 1500;
	color: #81C7EB;
	border: 1px solid #81C7EB;
	margin-top: -3px;
	line-height: normal;
}
.image-optdropdown li {
	padding: 9px 6px 8px 10px;
	text-align: right;
}
.linkedimg-badge {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	background-color: white;
	opacity: 0.8;
}


/* --- REGISTRATION FRAME --- */
#reglog-frame {
	background-color: #F6F6F7;
}
.avatar-cont {
	text-align: center;
}
.addavatar-img {
	display: inline-block;
	position: relative;
	border: 3px solid white;
	width: 100px;
}
.addavatar-badge {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-color: white;
	font-size: 25px;
	color: darkgrey;
	font-weight: lighter;
}
.addavatar-badge img {
	width: 26px;
	height: 26px;
}
.addavatar-fakecheck {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 46px;
	height: 46px;
	margin-right: -23px;
	margin-bottom: -17px;
	display: inline-block;
}
.addavatar-fakecheck img {
	width: 46px;
	height: 46px;
	display: inline-block;
}
.reg_preview_attr {
	padding-top: 8px;
	padding-left: 5px;
	font-size: 14px;
	color: darkgrey;
}
/* --- FAKECHECK FRAME --- */
#fakecheck-frame {
	background-color: #F6F6F7;
	padding: 0px 18px 0px 18px;
	font-size: 15px;
	text-align: center;
}
#fakecheck-frame .innerFrame {
	max-width: 350px;
	display: inline-block;
	margin-left: 0px auto;
	margin-right: 0px auto;
}
#fakecheck-frame .text {
	text-align: center;
	color: #515050;
}
#fakecheck-frame .left-text {
	position: absolute;
	text-align: right;
	color: #515050;
	width: 40%;
	margin-left: -10px;
}
#fakecheck-frame .right-text {
	position: absolute;
	text-align: left;
	color: #515050;
	width: 40%;
	right: 0px;
	margin-right: -10px;
}
#fakecheck-frame .light-text {
	text-align: center;
	color: #959393;
}
#fakecheck-frame .course-img {
	width: 58px;
	height: 58px;
}
#fakecheck-frame .help {
	font-size: 15px;
	color: #808080;
	display: inline-block;
	background-color: #DBDBDB;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5px 45px 5px 45px;
	margin: 58px 0px 58px 0px;
}

/* --- IMAGES GRID --- */
table.img-grid { 
	width: 100%;
	border-collapse: collapse;
	border-style: hidden;
	table-layout:fixed;
	margin-bottom: 2px;
	font-size: 0px;
}  
td.cell {
	border: 2px solid white;
	margin-bottom:  0px;
	padding-bottom:  0px;
}
img.img100 {
	width: 100%;
}
.img-link {
	position: relative;
	white-space: nowrap;
}
.img_footer {
	background-color: #333333;
	font-size: 14px;
	color: white;
	opacity: 0.6;
	position: absolute;
	bottom: 0px;
	width: 100%;
	line-height: 25px;
}
.img_icon {
	width: 18px;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: text-bottom;
}
.img-stub {
	width: 100%;
	height: 50px;
	position: relative;
	background-color: #F6F6F7;
	text-align: center;
}
.img-stub-text {
	position: absolute;
	top: 45%;
	left: 0px;
	right: 0px;
	text-align: center;
}
.img-stub-bubble {
	background-color: #F6F6F7;
	text-align: center;
	padding: 10px;
}
.premiumrated {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.evaluated {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=60)";
}
.denied {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FB4449;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=60)";
}
.img_premiumrated {
	margin-top: -20px;
	margin-left: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	opacity: 0.8;
}
.img_status {
	margin-top: -20px;
	margin-left: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
}
.img_status_small {
	margin-top: -13px;
	margin-left: -13px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
}
.img_edit_small {
	position: absolute;
	width: 22px;
	height: 22px;
	margin-left: -41px;
	top: 12px;
	left: 50%;
}

/* --- NEWS --- */
.newspost {
}

.refuseswitch {
	text-align: center;
	margin: -3px 0px 6px 0px;
}

/* --- PICTURE DETAIL --- */
.picdetail {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	background-color: black;
	font-size: 0px;
}
.picinfo {
	margin: 6px 6px 12px 6px;
}
.pictext {
	clear: both;
	margin-bottom: 5px;
}
.picdate {
	color: darkgray;
}

/* --- SHORT PROFILE --- */
.shortprofile-frame {
	margin: 6px 6px 0px 6px;
}
table.shortprofile {
	width: 100%;
	table-layout:fixed;
	border-collapse: collapse;
	border-style: hidden;
	margin-bottom: 6px;
}
table.shortprofile td.pic {
	width: 50px;
	vertical-align: top;
}
table.shortprofile img.pic {
	width: 40px;
}
table.shortprofile .quick {
	color: #AAAAAA;
}
table.shortprofile .text {
	display: inline;
	word-break: break-word;
	color: #666;
}
table.shortprofile .date {
	margin-top: 2px;
	color: #AAAAAA;
	font-size: 14px;
}
table.shortprofile .opt {
	float: right;
}

/* --- LINKLIST --- */
.linklist {
	line-height: 32px;
}
.linklist .link {
	padding: 6px;
	vertical-align: top;
}

/* --- LIST OF COMMENTS --- */
.allcomments {
	margin: 6px;
}
#commentlist .element {
	margin: 12px 6px 12px 6px;
}

/* --- IMAGE THUMBNAIL --- */
.imgthumbcontainer {
	background-color: #F6F6F7;
	text-align: center;
}
.imgthumb {
	width: 33%;
	border: 4px solid white;
	margin: 10px;
}
.uploadthumb {
	width: 100%;
}

/* --- EDIT ALBUM --- */
.delalbum {
	padding: 6px 6px 6px 12px;
    color:red;
}
.batchcheck {
	vertical-align: middle;

}
.batchthumb {
	width: 80px;
	height: 80px;
	vertical-align:middle;
}
.batcharea {
	vertical-align:middle;
	height: 80px;
}
.batchtext {
	vertical-align: top; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.batchtextempty {
	color: #999999;
	font-style:italic;
}

/* --- OPTIONS --- */

.options-header {
	border-bottom: solid 1px #e0e1e1;
	padding: 18px 6px 6px 12px;
}
.options-header .title {
	color: #7c7979;
	font-weight: bold;
}
.options-header .subtext {
	color: #7c7979;
	font-weight: normal;
	font-size: 15px;
	padding-top: 1px;
}
.options-line {
	border-bottom: solid 1px #e0e1e1;
	padding-left: 12px;
	line-height: 38px;
}
.options-line .subtext {
	color: #676565;
	margin-top: 1px;
	font-size: 15px;
}
.options-input-line {
	border-bottom: solid 1px #e0e1e1;
	padding-left: 12px;
	line-height: 58px;
}
.options-forward {
	width: 20px;
	height: 20px;
	padding-top: 9px;
	padding-right: 6px;
}
.options-info-line {
	border-bottom: solid 1px #e0e1e1;
	padding: 12px 6px 12px 12px;
}
.options-info-line .info {
	color: #9dca48;
}
.options-info-line .subtext {
	color: #676565;
	margin-top: 1px;
	font-size: 15px;
}
.upgrade-line {
	border-bottom: solid 1px #e0e1e1;
	padding-left: 9px;
	padding-right: 6px;
}
.upgrade-box {
	display: inline-block;
	background-color: black;
	font-size: 30px;
	color: white;
	padding: 6px 6px 6px 6px;
	margin: 6px 12px 6px 0px;
	font-weight: lighter;
}
.upgrade-box .cent {
	font-size: 18px;
	position: relative;
	left: 4px;
	top: -8px;
	padding-right: 6px;
}
.upgrade-box .perunit {
	font-size: 14px;
	text-align: center;
}
.upgrade-text {
	display: inline-block;
	position: relative;
	top: 4px;
}
.upgrade-textviv {
	display: inline-block;
	position: relative;
	top: 4px;
	vertical-align: top;
	margin-top: 12px;
	line-height: 1.3em;
}
.upgrade-text .timelimit {
	color: #676565;
}

.upgrade-line .popular {
	color: white;
	background-color: #81C7EB;
	padding: 0px 2px 0px 4px
}

.upgrade-link {
	position: relative;
	float: right;
	top: 19px;
}
.upgrade-line .addinfo {
	line-height: 38px;
}
.options-delete-line {
	border-bottom: solid 1px #e0e1e1;
	line-height: 52px;
	text-align: center;
	color: red;
}
.options-ok-cancel-line {
	border-bottom: solid 1px #e0e1e1;
	padding: 0px 12px 0px 12px;
	line-height: 58px;
	color: #676565;
}