[data-title]:hover:after {
	opacity: 1;
	transition: all 0.1s ease 0.5s;
	visibility: visible;
}

[data-title]:after {
	content: attr(data-title);
	background-color: #cfc;
	font-size: .9em;
	position: absolute;
    padding: 5px;
	width:350px;
    bottom: 0px;
    box-shadow: 5px 5px 5px #888;
    opacity: 0;
    border: 1px solid #373;
	border-radius:5px;
    z-index: 2;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

a.facebook{
	background-color:#4267d2;
	color: white;
	padding: 8px;
	text-decoration:none;
	border-radius:10px;
}

a.facebook:hover {opacity:0.8;}

.ialert {
	position:relative;
	top: -50px;
	right: -40px;
	padding: 0px 5px;
	border-radius: 50%;
	background: #f00;
	color: white;
	font-size:.8em;
}

.mainbox{
	padding:10px 15px ;
	background:#afa;
	border:2px solid #373;
}

.sub{
	padding:5px 15px;
	font-weight:bold;
	background:#373;
	color:#afa;
	border:2px solid #373;
	border-radius:10px 10px 0px 0px;
	margin:5px 5px 0px 5px;
}

.msg{
	padding:10px 15px ;
	background:#afa;
	color:#373;
	border:2px solid #373;
	border-radius:0px 0px 10px 10px;
	margin:0px 5px 0px 5px;
}

.ers{
	background:#922;
	color:#fee;
	border:2px solid #922;
}

.erm{
	background:#fdd;
	color:#c22;
	border:2px solid #922;
}

.timer{
	color: #f55; 
	background-color: #dfd;
	font-size: .9em;
	margin:2px 10px 2px 10px;
	padding-left:10px;
	border-top:2px solid #686;
	border-bottom:2px solid #686;
}

.epstat{
	bottom: 5px;
	right:15px;
	opacity:0;
	font-size:.7em;
	font-weight:bold;
	background:#efe;
	white-space:nowrap;
}

.epblock:hover .epstat{	opacity :1;}

.tophead a{	color:#7f7;	font-weight:bold;}

.colbox{margin:5px;padding:5px;}

.lcolmn,.rcolmn,.lcols,.rcols{
	padding:5px;
	width:100%;
	text-align:center;
}

.rcolmn,.rcols{text-align:left;margin-top:15px;}

.hrule,.hline{
	position: relative;
	left: 45%;
	transform: translate(-50%);
	border: 2px solid #373;
	width: 50%;
	margin:15px;
}

.itext {
	position: absolute;
	transform: translate(-50%, -50%);
	background-color: #efe;
	border: 2px solid #373;
	border-radius: 50%;
	padding: 4px 5px;
	color:#373;
}

.hor{left: 50%;}
.ver{top: 50%;}

.fbhint{
	background:#ffa;
	font-size:.8em;
	padding:5px;
	border-radius:10px;
	text-align:center;
}

.vrule{
	position: absolute;
	left: 48%;
	transform: translate(-50%);
	border: 2px solid #373;
	height: 45%;
	display:none;
}
/*
input[type=text],input[type=password],input[type=file] {
	width: 100%;
	padding: 10px;
	margin: 8px 0;
	display: inline-block;
	border: 2px solid #3d3;
	box-sizing: border-box;
	font-size:1.2em;
	background:#dfd;
}

select{
	width: 100%;
	padding: 10px;
	margin: 8px 0;
	display: inline-block;
	border: 2px solid #3d3;
	box-sizing: border-box;
	font-size:1.2em;
	background:#dfd;
}

input[type=text]:focus {	border: 2px solid #dd5;}

button{
	background-color: #4A5;
	color:#fff;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
	border-radius:10px;
	font-size:1.1em;
}

textarea{
	width: 100%;
	padding: 10px;
	margin: 8px 0px;
	display: inline-block;
	border: 2px solid #3d3;
	box-sizing: border-box;
	font-size:1.2em;
	background:#dfd;
}

*/
.hot{color:#f30;}

@media screen and (min-width: 800px){
	.lcols,.rcols{width:47%;float:left;}
	.rcols{float:right;}
	.hrule{display:none;}
	
	.vrule{	display:block;margin:20px;height:250px;}
}

.avatar{border-radius:20%;}


.special{
	padding:10px;
	border-radius:50px;
	background:#aea;
	color:#373;
	font-size:.8em;
	display:none;
}

@media screen and (min-width: 400px){
	.imp1{display: inline-block;}
}

@media screen and (min-width: 650px){
	.imp2{display: inline-block;}
}

@media screen and (min-width: 770px){
	.imp3{display: inline-block;}
}

@media screen and (min-width: 950px){
	.imp4{display: inline-block;}
}

.topicrow{
	padding:5px;
	background:#afa;
}

.topic{
	padding:10px;
	background-color: #afa;
	font-size: 1.2em;
	text-align:justify;
}

.bigadd{
	font-size:4em;
	color:#bbb;
	position: absolute; 
	top: 25%;
	left:32%;
}



.preview{
	float:right;
	margin:5px;
	max-width:300px;
	max-height:400px;
	margin-left:10px;
}

.chatico{	font-size:2em;color:#3c3;}

.ilinks{
	margin:5px;
	border:2px solid #373;
	background:#dfd;
	color:#373;
	padding:5px 10px;
	border-radius:15px 0px;
}

.fade{
	font-size:.6em;
	color:#9d9; 
	float:right;
}

.useavtar{
	float:left;
	margin:2px;
	margin-right:10px;
	width:auto;
}

a.sendpm{
	display:inline;
	font-size:.8em;
}

.serial{
	color:#afa;
	float:right;
	margin-right:10px;
}

@media screen and (min-width: 600px){
	.usrbox{
		width:25%;
		float:left;
		text-align:center;
		border-right:2px solid #373;
	}
	
	.useavtar{float:none;display:block;margin:auto;}
	
	a.sendpm{display:block;}
}

textarea.comment{
	width:100%;
	background:#dfd;
	font-size:1.2em;
	margin-left:5px;
}

.butnrow{margin:2px;}

button.mini{
	width:48%;
	margin:2px;
	padding:10px;
	font-weight:bold;
	font-size:1.1em;
}

.center{text-align:center;}

button.red{
	background-color: #FC5050;
}

.mgreen{color:#373;}

.imgbox{
	float:left;
	margin:2px;
	width:20%;
	height:260px;
	overflow: hidden;
}

img.round{border-radius:10px;}

.zoom {
	transition: transform .5s; 
	margin:auto;
}

.zoom:hover {transform: scale(1.2);}

.quote{
	background-color: #dfd;
	text-align:justify;
	font-style:italic;
	border:1px dashed #444;
	padding:5px;
	margin-left:10px;
}

@media screen and (min-width: 850px){
	.uimp,.bimp{
		display: inline-block;
		visibility:visible;
	}
}

.comdel{
	background:#feeeee; 
	color:#f00;
}

.ucon{	padding:5px;}

.utext{	display:none;}

@media screen and (min-width: 1200px){
	.utext{display:inline-block;}
}

.postdata{	padding:2px;}

.eprow{padding:10px;}

.ititle{
	background: #cfc;
	top: 0px;
	right:15px;opacity:1;
}

.epblock:hover .ititle{
	opacity :0;
}

.legnd{
	padding:2px 5px;
	background:#efe;
	border:1px solid black;
}

.comcontent {
	padding: 6px 12px;
	background:#dfd;
	border:1px solid #373;
	border-top:0px;
	margin-top:-1px;
}

.currrow{
	cursor:pointer;
	padding:5px;
	font-size:1.2em;
	width:100%;
}

.currrow:hover{
	background:#ff9;
}

.payrow{
	padding: 10px;
	width: 100%;
	cursor:pointer;
}

.payrow:hover{
	background:#ff9;
}



.explain{
	float: left;
	width: 100%;
	margin-top: 6px;
	font-size:.8em;
	color:#f44;
}

.read{
	font-family: arial, verdana, sans-serif;
	color: #555555; 
	border:1px dashed #888;
	font-size: 18px;
	margin:2px;
	padding:3px;
}

.unread{
	background: #afa;
	background-image: linear-gradient(#ffa, #aa8);
	color:#050;
}

.unread{
	background-color: #AED6F1;
}

.read{
	background-color: #CCD1D1;
}