﻿.title
{
	font-size:16px; font-weight:bold;
}

.spacer {  
	height: 20px;  
}
 
.top_banner
{
	text-align: right;
}

.error
{
	font-weight:bold;
	color: red;
}


.right_boxes
{
	text-align: center;
}

.tr-join td
{
	padding: 5px;
}


.menu
{
	text-align:center;
	font-size: 11px;
}

.menu ul
{
	list-style: none;
	margin-bottom: 3px;
}

.menu ul li
{
	display: inline;
	margin-left: 28px;
	margin-right: 28px;
}

.menu a 
{
	color:#000;
	text-decoration:none;
}


.thumb
{
	position:absolute;
	top: 0px;
	left: 0px;
	clip: rect(0px 218px 218px 0px);
}

.cell
{
	cursor: pointer;
}

.big
{
	position:relative;
	width: 218px; 
	height: 218px;
	border-style: solid;
	border-color: #000;
	border-width: 1px;
}

.small
{
	position:relative;
	width: 110px;
	height: 140px;
	float:left;
	text-align:center;
	padding-bottom: 10px;
}

.profile_link
{
	display:block;
	height: 1px;
	width: 1px;
	text-indent: -1999px;
	overflow: hidden;
}

.status
{
	position:absolute;
	top: 190px;
	left: 0px;
	width:218px;
	height: 28px;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;

}


.offline .status,
.offline .status_small,
.chat_icons_holder .offline
{
	background-color: #333;
}
.online .status,
.online .status_small,
.chat_icons_holder .online
{
	background-color: #32d800;
}
.busy .status,
.busy .status_small,
.chat_icons_holder .busy
{
	background-color: #F00;
}

.status_text
{
	position:absolute;
	left: 5px;
	top: 195px;
	font-size:16px;
	font-weight: bold;
	color: #FFF;
}

.overlay
{
	position:absolute;
	top: 140px;
	left: 0px;
	width:218px;
	height: 50px;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;

	background-color:#333;
	
	display:none
}

.icon_holder
{
	position:absolute;
	top: 130px; 
	left: 0px;
	width:218px;
	height: 60px;
	
	display:none;
}

.webcam_chat a
{
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.im_chat a
{
	padding-left: 180px;
	padding-right: 180px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.chat_icons_holder
{
	width:100%;
	height: 40px;
	position:relative;
}

.chat_icons_holder a
{
	color:#FFF;
	text-decoration:none;
}

.chat_icons_holder a:hover
{
	color:#FFF;
	text-decoration:underline;
}

.overlay_chat
{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
	font-size:16px;
	font-weight: bold;

	color:#FFF;
	text-align:center;
	background-color:#333;
	top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;

	background-repeat: no-repeat;
}

.webcam_chat
{
	width: 230px;
	position:absolute;
	left: 0px;
}

.im_chat
{
	width: 480px;
	position:absolute;
	left: 230px;
}

.phone_chat
{
	width: 230px;
	position:absolute;
	right: 0px;
}

.phone
{
	left: 150px;
}

.phone_offline
{
	background-image:url(../images/phone-offline.gif);
}
.phone_online
{
	background-image:url(../images/phone-online.gif);
}
.phone_busy
{
	background-image:url(../images/phone-busy.gif);
}

.im
{
	left: 80px;
}

.im_offline
{
	background-image:url(../images/im-offline.gif);
}
.im_online
{
	background-image:url(../images/im-online.gif);
}
.im_busy
{
	background-image:url(../images/im-busy.gif);
}

.webcam
{
	left: 10px;

}

.webcam_offline
{
	background-image:url(../images/webcam-offline.gif);
}
.webcam_online
{
	background-image:url(../images/webcam-online.gif);
}
.webcam_busy
{
	background-image:url(../images/webcam-busy.gif);
}

.icon
{
	position: absolute;
	top: 0px;
	width: 60px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: 12px 18px;
	text-align:center;
	color:#FFF;
	font-weight: bolder;
}

h1
{
	margin-bottom: 0px;
}

.flag
{
	font-size:18px;
	vertical-align: middle;
	padding: 2px;
}

.flag img
{
	margin-right: 10px;
}

.bio_profile
{
	width: 218px;
	margin-bottom: 0px;
/*	*margin-bottom: -3px;
*/
	float: none;
}


.bio_status
{
	height: 60px;
	width: 218px;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;

	background-color:#333;
	position: relative;
	border-top: none;
	border-left: solid;
	border-right: solid;
	border-bottom: solid;
	border-width: 1px;

}

.disclaimer
{
	font-size:xx-small;
	text-align: left;
}

.tag
{
/*	background-color: #6af;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
	padding-right: 7px;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;*/
}

.tag a 
{
/*color: #FFFFFF;
	text-decoration: none;*/
}

.tag a:hover
{
	text-decoration: underline;
}

.profiles_holder_small
{
	text-align:center;
	padding-left: 30px;
}

.pics_holder
{
	/*text-align:center;
	*/
}

.thumb_small
{
	width: 110px;
	height: 100px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.thumb_small img
{
	width: 100px;
}

.status_small
{
	color:#FFF;
	width: 100px;
	height: 20px;
	position: absolute;
	top: 100px;
	left: 0px;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
	
	filter:alpha(opacity=85);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	
}

.status_text_small
{
	width: 100px;
	padding-top: 2px;
}



.header
{
	width: 100%;
	height: 142px;
/*	background-image:url(../images/headers/121me.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	text-align:center;
	background-color:#FFF;
}

.footer
{
	font-size:10px;
	font-weight:100;
	color:#666666;
	text-align: center;
}

.canvas
{
	/*background-color:#DDD;*/
}

/* RATER PLUGIN */
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {margin-left:.8em}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(../images/stars.png) repeat-x 0 0px; text-align:left;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}
.stat { text-align: center; padding-top: 10px;}

