/*************************************************
 * Reset
 *************************************************/

html, body {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	background: #909089 url(../images/body.png) repeat-x center top;
	position: relative;
}

body.ny {
	background: #909089 url(../images/body_ny.png) repeat-x center top;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 0 0 10px;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 18px;
	color: #222;
	text-shadow: 1px 1px 0 #fee6ae;
	letter-spacing: -1px;
}

h3 {
	font-size: 16px;
	text-shadow: 1px 1px 0 #fdfbf7;
	letter-spacing: -1px;
}

h4 {
	font-size: 13px;
	letter-spacing: -1px;
	margin: 18px 0 0;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size: 120%;
}

a {
	outline: none;
	text-decoration: underline;
	color: #720823;
}

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

p, pre, fieldset, blockquote {
	margin: 0 0 20px;
}

p {
	text-overflow: ellipsis;
}

form {
	margin: 0;
	padding: 0;
}

form input[type=hidden] {
	display: none !important; /* Hiding of hidden fields (otherwise ugly spaces in Firefox) */
}

fieldset {
	border: 1px #ddd solid;
	background: #fafafa;
	padding: 9px;
	overflow: hidden;
	position: relative;
}

legend {
	font-size: 110%;
	font-weight: bold;
	color: #000;
	background: transparent;
	border: 0 none;
	padding: 0 4px;
}

img {
	border: 0 none;
}

ul, ol, dl {
	margin: 0 0 20px 20px;
}

ul, ol {
	padding: 0 0 0 20px;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

ul li {
	list-style-type: disc;
}

ul ul li {
	list-style-type: circle;
}

ol li {
	list-style-type: decimal;
}

ol ol li {
	list-style-type: lower-alpha;
}

ul li, ol li {
	list-style-position: outside;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 0 20px;
}

blockquote {
	font-size: 100%;
	padding-left: 18px;
	margin-left: 40px;
	border-left: 2px #ddd dotted;
}

pre, code {
	color: #800;
}

pre, code, kbd, tt, samp, var {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	font-size: 100%;
	white-space: normal;
}

address {
	color: #666;
	text-align: right;
}

hr {
	color: #eee;
	border-color: #eee;
	border-width: 0 0 1px;
	border-bottom-style: solid;
	margin: 0 0 19px;
	padding: 0;
	width: 100%;
}

/*************************************************
 * Commons
 *************************************************/

.container {
	background: url(../images/inside.jpg) no-repeat center top;
	min-height: 600px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

body.home .container {
	background: url(../images/home.jpg) no-repeat center top;
}

body.join-page .container {
	background: url(../images/inside_reg.jpg) no-repeat center top;
	height: 1030px;
}

.container-bottom {
	background: url(../images/bottom.png) no-repeat center top;
	height: 706px;
	position: relative;
}

/*************************************************
 * Sidebar
 *************************************************/

.header {
	background: url(../images/header.jpg) no-repeat left top;
	height: 159px;
	position: relative;
	margin-left: 350px;
}

.header-profile {
	font-size: 14px;
	color: #666;
	text-shadow: 1px 1px 0 #e6e4de;
	position: absolute;
	top: 3px;
	right: 54px;
}

body.home .header-profile {
	position: absolute;
	top: 13px;
	left: 20px;
}

.header-profile a {
	font-weight: bold;
	color: #9c0f1e;
	text-decoration: none;
}

.header-profile a:hover {
	text-decoration: underline;
}

/*************************************************
 * Sidebar
 *************************************************/

.sidebar {
	width: 320px;
	position: relative;
	margin-left: 20px;
	float: left;
	display: inline;
}

.sidebar_shadow {
	background: url(../images/sidebar.png) repeat-y 0 0;
}

.sidebar_top {
	background: url(../images/sidebar_top.png) no-repeat 0 0;
	margin: 0 10px;
	padding-bottom: 10px;
	min-height: 220px;
}

body.gold-user .sidebar_top {
	background: url(../images/sidebar_top.png) no-repeat -300px 0;
}

.sidebar_bottom {
	background: url(../images/sidebar.png) no-repeat -320px 0;
	height: 15px;
}

/*************************************************
 * Content
 *************************************************/

.content {
	width: 640px;
	float: left;
	display: inline;
	position: relative;
}

.content_shadow {
	background: url(../images/content.png) repeat-y 0 0;
}

.content_top {
	background: url(../images/content_top.png) no-repeat 0 0;
	margin: 0 10px;
	padding: 60px 20px 20px;
}

body.gold-user .content_top {
	background: url(../images/content_top.png) no-repeat -620px 0;
}

.content_bottom {
	background: url(../images/content.png) no-repeat -640px 0;
	height: 11px;
}

.content_back {
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	min-height: 310px;
	padding: 25px 0 20px;
	position: relative;
}

.content_pad {
	padding: 0 20px;
}

/* Gold Content */
.gold-content {
	background: transparent none;
}

body.gold-user .gold-content {
	background: url(../images/tr/gold_content.png) no-repeat left top;
	height: 58px;
	width: 111px;
	position: absolute;
	top: -6px;
	right: 28px;
}

body.platinum-user .gold-content {
	background: url(../images/tr/gold_content.png) no-repeat -111px 0;
	height: 58px;
	width: 111px;
	position: absolute;
	top: -6px;
	right: 28px;
}

/* Title Page */
.title-page {
	position: absolute;
	top: -50px;
	left: 20px;
	margin: 0;
}

/*************************************************
 * Logo
 *************************************************/

.logo,
.logo:hover {
	background: url(../images/logo.png) no-repeat left top;
	height: 64px;
	width: 304px;
	display: block;
	position: absolute;
	top: 88px;
	left: 33px;
	text-decoration: none;
	overflow: hidden;
}

/*************************************************
 * Action
 *************************************************/

.action,
.action:hover {
	position: absolute;
	top: 220px;
	left: 486px;
	text-decoration: none;
}

/*************************************************
 * Login
 *************************************************/

.login {
	position: absolute;
	top: 2px;
	right: 40px;
	width: 372px;
}

body.home .login {
	background: url(../images/login_box.png) no-repeat left top;
	top: 0;
	right: 30px;
	width: 300px;
}

.login .inner {
	height: 27px;
	overflow: hidden;
}

body.home .login .inner {
	height: 139px;
	width: 300px;
}

.login .title {
	position: relative;
	top: 2px;
	float: left;
	margin-left: 20px;
}

body.home .login .title {
	position: absolute;
	top: 14px;
	left: 20px;
	float: none;
	margin-left: 0;
}

.login form {
	background: url(../images/login_inside.png) no-repeat left top;
	width: 367px;
	*width: 375px;
	height: 27px;
	display: block;
	float: left;
	margin: 0 0 0 5px;
}

body.home .login form {
	background: url(../images/login.png) no-repeat left top;
	width: 260px;
	height: 61px;
	position: absolute;
	top: 60px;
	left: 20px;
	float: none;
}

.login a {
	color: #910024;
	text-decoration: underline;
}

.login a:hover {
	text-decoration: none;
}

.login a.lost {
	font-size: 12px;
	font-style: italic;
	position: static;
	float: left;
}

body.home .login a.lost {
	line-height: 14px;
	position: absolute;
	top: 15px;
	right: 22px;
	float: none;
}

/**/
.login input {
	position: relative;
}

.login .button {
	height: 24px;
	width: 27px;
	background: url(../images/button_login.png) no-repeat 0 -140px;
	cursor: pointer;
	border: 0 none;
	margin-left: 6px;
}

.login .button:hover {
	background: url(../images/button_login.png) no-repeat 0 -170px;
}

.login .username,
.login .password {
	background-color: transparent;
	width: 124px;
	height: 15px;
	border: 0 none;
	color: #43433a;
	margin-left: 31px;
	top: -2px;
	*top: -5px;
}

.login .password {
	margin-left: 42px;
}

/**/
body.home .login input {
	position: absolute;
}

body.home .login .button {
	right: 3px;
	top: 0;
	height: 61px;
	width: 54px;
	background: url(../images/button_login.png) no-repeat left top;
	cursor: pointer;
	border: 0 none;
	margin-left: 0;
}

body.home .login .button:hover {
	background: url(../images/button_login.png) no-repeat 0 -70px;
}

body.home .login .username,
body.home .login .password {
	background-color: transparent;
	width: 146px;
	height: 18px;
	border: 0 none;
	color: #43433a;
	left: 42px;
	margin-left: 0;
}

body.home .login .username {
	top: 3px;
}

body.home .login .password {
	top: 38px;
}

.login .maska-zorro {
	font-weight: bold;
	font-size: 13px;
	color: #bbb;
}

body.home .login .maska-zorro {
	color: #b18025;
}

/*************************************************
 * Registration
 *************************************************/

.registration {
	position: absolute;
	top: 159px;
	right: 30px;
}

.registration .inner {
	background: url(../images/registration_box.jpg) no-repeat left top;
	height: 380px;
	width: 300px;
}

.registration .title {
	position: absolute;
	top: 23px;
	left: 20px;
}

.registration .corner {
	position: absolute;
	top: -8px;
	left: 222px;
}

.registration form {
	width: 260px;
	display: block;
	position: absolute;
	top: 22px;
	left: 20px;
}

.registration label {
	width: 100px;
	position: absolute;
	left: 0;
	right: auto;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-shadow: 1px 1px 0 #e0bb27;
	color: #4f4f45;
	cursor: pointer;
	padding: 7px 0 0;
}

.registration .input,
.registration .input-tri {
	width: 175px;
	height: 24px;
	position: absolute;
	right: 0;
	left: auto;
	overflow: hidden;
	background: url(../images/input.png) no-repeat left top;
}

.registration .input-tri {
	background: url(../images/input_tri.png) no-repeat left top;
}

.registration .input input,
.registration .input select,
.registration .input-tri select {
	background-color: transparent;
	border: 0 none;
	color: #8a050f;
	padding: 0;
}

.registration .input option,
.registration .input-tri option {
	background-color: #fff;
	border: 0 none;
	color: #666;
}

.registration .input input {
	width: 165px;
	height: 20px;
	margin: 2px 0 0 5px;
}

.registration .input select {
	width: 170px;
	height: 20px;
	margin: 2px 0 0 3px;
}

.registration .input-tri select {
	width: 54px;
	height: 20px;
	margin: 2px 1px 0 0;
}

.registration .check {
	height: 20px;
	position: absolute;
	right: 0;
	left: 0;
	top: 262px;
	text-align: right;
}

.registration .check label {
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	width: 270px;
	position: relative;
	vertical-align: top;
	top: 4px;
	padding: 0;
}

.registration .row1 {top: 56px;}
.registration .row2 {top: 85px;}
.registration .row3 {top: 114px;}
.registration .row4 {top: 143px;}
.registration .row5 {top: 172px;}
.registration .row6 {top: 201px;}
.registration .row7 {top: 230px;}

.registration .button {
	background: url(../images/tr/button_reg.png) no-repeat 0 0;
	width: 143px;
	height: 56px;
	display: block;
	text-decoration: none;
	position: absolute;
	left: 62px;
	top: 290px;
}

.registration .button:hover {
	background: url(../images/tr/button_reg.png) no-repeat 0 -60px;
	text-decoration: none;
}

/**/
.reg-box {
	position: absolute;
	top: 20px;
	right: 30px;
}

.reg-box .inner {
	background: url(../images/reg_box.jpg) no-repeat left top;
	height: 521px;
	width: 377px;
}

.reg-box form {
	width: 353px;
	display: block;
	position: absolute;
	top: 100px;
	left: 0;
}

.reg-box .input,
.reg-box .input-tri {
	width: 175px;
	height: 24px;
	position: absolute;
	right: 0;
	left: auto;
	overflow: hidden;
}

.reg-box .input input,
.reg-box .input select,
.reg-box .input-tri select {
	background-color: transparent;
	border: 0 none;
	color: #8a050f;
	padding: 0;
}

.reg-box .input option,
.reg-box .input-tri option {
	background-color: #fff;
	border: 0 none;
	color: #666;
}

.reg-box .input input {
	width: 165px;
	height: 20px;
	margin: 2px 0 0 5px;
}

.reg-box .input select {
	width: 170px;
	height: 20px;
	margin: 2px 0 0 2px;
}

.reg-box .input-tri select {
	width: 54px;
	height: 20px;
	margin: 2px 1px 0 0;
}

.reg-box .check {
	height: 20px;
	position: absolute;
	right: 0;
	left: 0;
	top: 304px;
	text-align: right;
}

.reg-box .check label {
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	width: 270px;
	position: relative;
	vertical-align: top;
	top: 4px;
	padding: 0;
}

.reg-box .row1 {top: 0px;}
.reg-box .row2 {top: 45px;}
.reg-box .row3 {top: 89px;}
.reg-box .row4 {top: 134px;}
.reg-box .row5 {top: 179px;}
.reg-box .row6 {top: 223px;}
.reg-box .row7 {top: 268px;}

.reg-box .button {
	background: url(../images/tr/button_reg.png) no-repeat 0 0;
	width: 143px;
	height: 56px;
	display: block;
	text-decoration: none;
	position: absolute;
	left: 120px;
	top: 339px;
}

.reg-box .button:hover {
	background: url(../images/tr/button_reg.png) no-repeat 0 -60px;
	text-decoration: none;
}

/*************************************************
 * Search
 *************************************************/

.search {
	position: absolute;
	top: 159px;
	left: 30px;
}

.search .inner {
	background: url(../images/search_box.jpg) no-repeat left top;
	height: 220px;
	width: 300px;
}

body.ny .search .inner {
	background: url(../images/search_box_ny.jpg) no-repeat left top;
}

.search .title {
	position: absolute;
	top: 20px;
	left: 27px;
}

.search form {
	width: 250px;
	display: block;
	position: absolute;
	top: 30px;
	left: 27px;
}

.search label {
	width: 114px;
	position: absolute;
	top: 28px;
	left: 0;
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	text-shadow: 1px 1px 0 #670026;
	color: #f9f9f0;
	cursor: pointer;
	padding: 0 0 5px 3px;
}

.search .select {
	width: 118px;
	height: 24px;
	position: absolute;
	top: 44px;
	left: 0;
	overflow: hidden;
	background: url(../images/select.png) no-repeat left top;
}

.search .select select {
	background-color: transparent;
	border: 0 none;
	color: #8a050f;
	padding: 0;
	width: 114px;
	height: 20px;
	margin: 2px 0 0 2px;
}

.search .select option {
	background-color: #fff;
	border: 0 none;
	color: #666;
}

.search .check {
	height: 20px;
	width: 165px;
	position: absolute;
	left: 0;
	top: 128px;
}

.search .check label {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-shadow: 1px 1px 0 #670026;
	position: relative;
	vertical-align: top;
	top: 4px;
	padding: 0;
}

.search .button {
	position: absolute;
	right: 0;
	top: 124px;
	height: 46px;
	width: 81px;
	background: url(../images/tr/button_search.png) no-repeat left top;
	cursor: pointer;
	border: 0 none;
}

.search .button:hover {
	background: url(../images/tr/button_search.png) no-repeat 0 -50px;
}

.search .col {right: 0; left: auto;}
.search .row {top: 90px;}
.search label.row {top: 74px;}

/*************************************************
 * Users
 *************************************************/

.users {
	height: 160px;
	width: 640px;
	position: absolute;
	top: 400px;
	left: 30px;
}

.users .photo,
.users .photo:hover {
	background: #000 url(../images/no_photo.png) no-repeat left top;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	padding: 2px;
	margin: 0 20px 20px 0;
	overflow: hidden;
}

.users .photo img {
	max-height: 56px;
	max-width: 56px;
}

/**/
.users .user-photo_align {
	height: 60px;
	width: 60px;
	background: #000 url(../images/no_photo.png) no-repeat left top;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	table-layout: fixed;
	margin: 0 20px 20px 0;
	float: left;
	position: static;
}

/**/
.user-profile.online .user-photo_align,
.photo-list .user-photo_align {
	height: 60px;
	width: 60px;
	background-image: url(../images/no_photo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	table-layout: fixed;
	float: left;
	position: static;
	margin: 0 5px 5px 0;
}

.user-profile.online .user-photo_align {
	padding: 2px;
}

/*************************************************
 * User Title
 *************************************************/

.user-title,
.user-title:hover {
	display: block;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	text-shadow: 1px 1px 0 #f8f8ef;
}

.user-title strong {
	font-size: 14px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: -1px;
}

.user-title span {
	font-size: 11px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 5px;
}

.user-title img {
	position: relative;
	top: 3px;
}

/*************************************************
 * User Tool
 *************************************************/

.user-tool {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.user-tool,
.user-tool a,
.user-tool li {
	height: 60px;
}

.user-tool li {
	margin: 0 2px 0 0;
	padding: 0;
	list-style: none outside;
	overflow: hidden;
}

.user-tool a,
.user-tool li {
	float: left;
	display: block;
}

.user-tool .line {
	background: url(../images/tr/user_tool.png) no-repeat -300px 0;
	width: 2px;
	overflow: hidden;
}

.user-tool a,
.user-tool a:hover {
	background-image: url(../images/tr/user_tool.png);
	background-repeat: no-repeat;
	width: 50px;
	text-decoration: none;
}

.user-tool a.mail {background-position: 0 0;}
.user-tool a.mail:hover {background-position: 0 2px;}

.user-tool a.kiss {background-position: -50px 0;}
.user-tool a.kiss:hover {background-position: -50px 2px;}

.user-tool a.webcam {background-position: -100px 0;}
.user-tool a.webcam:hover {background-position: -100px 2px;}

.user-tool a.msn {background-position: -150px 0;}
.user-tool a.msn:hover {background-position: -150px 2px;}

.user-tool a.phone {background-position: -200px 0;}
.user-tool a.phone:hover {background-position: -200px 2px;}

.user-tool a.gift {background-position: -250px 0;}
.user-tool a.gift:hover {background-position: -250px 2px;}

/*************************************************
 * User List
 *************************************************/

.user-list {
	background: url(../images/user_list.png) no-repeat left top;
	height: 98px;
	width: 535px;
	margin: 0 0 0 24px;
	position: relative;
}

.user-list.gold,
.user-list.platinum {
	background: url(../images/user_list.png) no-repeat -535px 0;
}

.user-list .user-tool {
	top: 6px;
	right: 6px;
}

.user-list .user-title {
	width: 140px;
	line-height: 18px;
	margin: 0 0 0 75px;
	padding-top: 5px;
}

/*************************************************
 * User Close
 *************************************************/

.user-close {
	background: #89897c url(../images/user_close.png) no-repeat right center;
	height: 14px;
	display: block;
	position: absolute;
	bottom: 18px;
	left: 78px;
	text-decoration: none;
	overflow: hidden;
	padding: 0 13px 0 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #eaeae0;
	line-height: 14px;
	overflow: hidden;
}

.user-close:hover {
	text-decoration: none;
	color: #ffdf4b;
}

/*************************************************
 * User Thumbnail
 *************************************************/

.user-thumb {
	background: url(../images/user_thumb.png) no-repeat left top;
	height: 167px;
	width: 267px;
	margin: 0 0 0 17px;
	position: relative;
	float: left;
}

.user-thumb.gold,
.user-thumb.platinum {
	background: url(../images/user_thumb.png) no-repeat -267px 0;
}

.user-thumb .user-tool {
	bottom: 39px;
	right: 24px;
}

.user-thumb .user-tool li {
	margin: 0 0 0 5px;
}

.user-thumb .user-title {
	width: 130px;
	line-height: 18px;
	margin: 0 0 0 127px;
	padding-top: 5px;
	white-space: nowrap;
}

/*************************************************
 * User Message
 *************************************************/

.user-mail,
.user-mail_top,
.user-mail_bottom {
	background-image: url(../images/user_mail.png);
	background-repeat: no-repeat;
	width: 535px;
}

.user-mail.gold,
.user-mail.gold .user-mail_top,
.user-mail.gold .user-mail_bottom {
	background-image: url(../images/user_mail_gold.png);
}

.user-mail.outbox,
.user-mail.outbox .user-mail_top,
.user-mail.outbox .user-mail_bottom {
	background-image: url(../images/user_mail_out.png);
}

.user-mail.system,
.user-mail.system .user-mail_top,
.user-mail.system .user-mail_bottom {
	background-image: url(../images/user_mail_system.png);
}

.user-mail {
	margin: 0 0 15px 24px;
	position: relative;
	background-repeat: repeat-y;
	background-position: -1070px 0;
}

.user-mail_top {
	min-height: 94px;
	background-position: -535px 0;
	padding-bottom: 45px;
}

.user-mail_bottom {
	background-position: left bottom;
}

.user-mail .user-title {
	height: 36px;
	width: 438px;
	line-height: 34px;
	margin: 0 22px 0 75px;
}

.user-mail .user-title span {
	padding: 0;
}

.user-mail .time {
	font-size: 10px;
	color: #999;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	top: 11px;
	right: 12px;
	line-height: 12px;
}

.user-mail .message {
	font-size: 12px;
	color: #333;
	line-height: 18px;
	margin: 0 22px 0 85px;
	width: 423px;
	overflow: hidden;
}

.user-mail.webcam .message {
	background: url(../images/icon_webcam_64.png) no-repeat left top;
	padding-left: 80px;
	min-height: 70px;
	width:343px;
}


/* User Menu */
.user-menu {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.user-menu,
.user-menu a,
.user-menu li {
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 23px;
	float: left;
}

.user-menu li {
	list-style: none outside;
	display: inline;
	line-height: 22px;
	font-size: 11px;
	font-weight: bold;
	padding: 0 8px 0 0;
}

.user-menu a,
.user-menu a:hover {
	color: #4a4a3b;
	text-shadow: 1px 1px 0 #b6b6a8;
	text-decoration: none;
}

.user-menu a:hover {
	color: #9c0f1e;
}

.user-menu .line {
	background: url(../images/user_menu.png) no-repeat left top;
	width: 2px;
}

/*************************************************
 * User Profile
 *************************************************/

.user-profile {
	position: relative;
	padding: 20px 20px 0;
}

.user-full .user-tool,
.user-profile .user-tool {
	/*width: 540px;*/
	width: 452px;
	height: 64px;
	background: url(../images/user_nav.png) no-repeat left top;
	position: relative;
	padding: 5px 0 0 88px;
	margin-bottom: 26px;
}

.user-full .user-tool li,
.user-profile .user-tool li {
	margin: 0 0 0 10px;
}

.user-profile .user-title {
	width: 540px;
	margin: 0;
	padding-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
}

.profile-status {
	background: transparent;
	height: 24px;
	width: 63px;
	position: absolute;
	top: -25px;
	left: 0px;
}

.online .profile-status {
	background: url(../images/profile_online.gif) no-repeat left top;
}

.user-profile hr {margin:0 0 10px;}

/* User Bar */
.user-bar {
	background: url(../images/user_profile.png) no-repeat left top;
	height: 167px;
	width: 540px;
	margin: 0;
	position: relative;
}

.user-bar.gold,
.user-bar.platinum {
	background: url(../images/user_profile.png) no-repeat -540px 0;
}

.user-bar .user-tool li {
	margin: 0 0 0 5px;
}

.user-bar .user-title {
	width: 142px;
	line-height: 18px;
	margin: 0 0 0 127px;
	padding-top: 8px;
}

/*************************************************
 * User Photo
 *************************************************/
.user-photo_align {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 6px;
	left: 8px;
	background-image: url(../images/no_photo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	table-layout: fixed;
}

.user-photo_align a,
.user-photo_align a:hover {
	text-decoration: none;
}

.user-photo_align img {
	max-height: 56px;
	max-width: 56px;
}

/**/
/*.user-photo_big,
.user-photo_big:hover,
.online .user-bar .user-photo_big,*/
.user-photo_small,
.user-photo_small:hover,
.online .user-bar .user-photo_small {
	background-image: url(../images/no_photo.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 6px;
	left: 8px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 2px;
}

.user-photo_small,
.user-photo_small:hover,
.online .user-bar .user-photo_small {
	background-position: 0 0;
	height: 56px;
	width: 56px;
}

.user-photo_small img {
	max-height: 56px;
	max-width: 56px;
}

.gold .user-photo_align,
.gold .user-photo_small,
.user-bar.gold .user-photo_small,
.platinum  .user-photo_align,
.platinum .user-photo_small,
.user-bar.platinum  .user-photo_small {
	background: url(../images/no_photo.png) no-repeat -70px 0;
}

.online .user-photo_align,
.online .user-photo_small {
	background: url(../images/user_online.gif) no-repeat 0 0;
	padding: 13px 2px 2px;
	top: -5px;
}

.online .user-photo_align {
	height: 71px;
}

/*.user-photo_big,
.user-photo_big:hover,
.online .user-bar .user-photo_big {
	background-position: -140px 0;
	height: 121px;
	width: 109px;
}

.user-photo_big img {
	max-height: 121px;
	max-width: 109px;
}*/

.gold .user-photo_big,
.user-bar.gold .user-photo_big,
.platinum .user-photo_big,
.user-bar.platinum .user-photo_big {
	background: url(../images/no_photo.png) no-repeat -270px 0;
}

.online .user-photo_big {
	background: url(../images/user_online.gif) no-repeat -70px 0;
	padding: 13px 2px 2px;
	top: -5px;
	height: 136px;
}

.user-profile.online .user-photo_big {
	top: 0;
}

/**/
.user-profile.online .user-photo_big,
.user-photo_big {
	height: 125px;
	width: 113px;
	position: absolute;
	top: 6px;
	left: 8px;
	background-image: url(../images/no_photo.png);
	background-repeat: no-repeat;
	background-position: -140px 0;
	overflow: hidden;
	table-layout: fixed;
	padding: 2px;
}

.user-photo_big a,
.user-photo_big a:hover {
	text-decoration: none;
}

.user-photo_big img {
	max-height: 121px;
	max-width: 109px;
}

/*************************************************
 * Photo List
 *************************************************/

.photo-list {
	height: 125px;
	width: 260px;
	position: absolute;
	top: 6px;
	left: 274px;
	text-decoration: none;
	overflow: hidden;
}

.user-bar .photo-list .user-photo_small {
	position: static;
	margin: 0 5px 5px 0;
	float: left;
}

/*************************************************
 * Photo List
 *************************************************/

.photo-add {
	position: relative;
	*position: static;
}

.photo-add .case-photo {
	float: left;
	margin: 0 5px 20px 15px;
	font-size: 10px;
	font-weight: bold;
	width: 113px;
}

.photo-add .user-photo_big {
	position: static;
	margin: 0;
}

/*************************************************
 * Footer
 *************************************************/

.footer {
	position: relative;
	height: 140px;
}

/*************************************************
 * Footer Menu
 *************************************************/

.footer-menu,
.footer-menu ul,
.footer-menu li {
	height: 60px;
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.footer-menu,
.footer-menu ul {
	background-image: url(../images/footer.png);
}

.footer-menu {
	background-repeat: repeat-x;
	background-position: 0 -60px;
	margin-bottom: 12px;
}

.footer-menu ul {
	background-repeat: no-repeat;
	background-position: center top;
}

.footer-menu li {
	list-style: none outside;
	display: inline;
	line-height: 60px;
	font-size: 14px;
	padding: 0 18px;
}

.footer-menu a,
.footer-menu a:hover {
	color: #f0f0f0;
	text-shadow: 1px 1px 0 #000;
	text-decoration: none;
}

.footer-menu a:hover {
	color: #e5a22c;
}

/*************************************************
 * Copyright
 *************************************************/

.copyright,
.copyright a {
	font-size: 12px;
	color: #000;
	text-align: center;
	text-shadow: 1px 1px 0 #a19d99;
}

/*************************************************
 * Promo Box
 *************************************************/

.promo {
	background: url(../images/promo.png) no-repeat left top;
	height: 146px;
	width: 320px;
	display: block;
	position: absolute;
	top: 557px;
	left: 20px;
	text-decoration: none;
	overflow: hidden;
}

.promo:hover {
	text-decoration: none;
}

.promo img {
	height: 120px;
	width: 280px;
	margin: 13px 0 0 20px;
}

.promo.fantasy {
	left: 20px;
}

.promo.webcam {
	left: 340px;
}

.promo.friend {
	left: 660px;
}

/*************************************************
 * Information
 *************************************************/

.information {
	background: url(../images/info_line.png) no-repeat 0 -25px;
	color: #e6e6e6;
	text-shadow: 1px 1px 0 #5b5855;
	text-align: center;
	width: 860px;
	padding: 30px 40px 20px;
	margin: 0 auto;
}

/*************************************************
 * Main Menu
 *************************************************/

.main-menu {
	background: url(../images/menu.jpg) repeat-y -600px 0;
	margin: 0 10px;
}

.main-menu_top {
	background: url(../images/menu.jpg) no-repeat -300px 0;
}

.main-menu_bottom {
	background: url(../images/menu.jpg) no-repeat left bottom;
	width: 300px;
	padding-bottom: 10px;
}

.main-menu ul {
	margin: 0;
	padding: 20px 0 10px;
}

.main-menu li {
	margin: 0;
	padding: 0 34px;
	list-style: none outside;
	overflow: hidden;
	white-space: nowrap;
}

.main-menu li:hover {
	/*background: url(../images/menu_hover.png) no-repeat left center;*/
	cursor: pointer;
}

.main-menu .line,
.main-menu .line:hover {
	background: url(../images/menu_line.png) no-repeat left center;
	height: 18px;
}

.main-menu a,
.main-menu a:hover {
	font-size: 17px;
	font-weight: bold;
	color: #ffcd76;
	text-shadow: 1px 1px 0 #000;
	text-decoration: none;
	line-height: 26px;
	display: block;
}

.main-menu a:hover {
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

/*************************************************
 * My Menu
 *************************************************/

.my-menu {
	width: 565px;
	position: absolute;
	top: 37px;
	right: 57px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body.home .my-menu {
	width: 300px;
	position: absolute;
	top: 42px;
	right: 0;
}

.my-menu,
.my-menu a,
.my-menu li {
	height: 100px;
}

.my-menu li {
	margin: 0;
	padding: 0;
	list-style: none outside;
	overflow: hidden;
	white-space: nowrap;
}

.my-menu a,
.my-menu li {
	text-align: center;
	float: left;
	width: 113px;
	display: block;
}

body.home .my-menu a,
body.home .my-menu li {
	width: 100px;
}

.my-menu a,
.my-menu a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #6a4300;
	text-shadow: 1px 1px 0 #fee679;
	text-decoration: none;
	line-height: 12px;
	letter-spacing: -1px;
	cursor: pointer;
}

body.home .my-menu a,
body.home .my-menu a:hover {
	color: #F8C655;
	color: #ddd;
	text-shadow: 1px 1px 0 #6a4300;
}

.my-menu a:hover {color: #a83a42;}

.my-menu span {
	background-image: url(../images/my_menu.png);
	background-repeat: no-repeat;
	display: block;
	height: 64px;
	width: 64px;
	margin: 0 0 12px 24px;
}

body.home .my-menu span {
	margin: 0 0 -2px 17px;
}

.my-menu span.mail {background-position: 0 0;}
.my-menu a:hover span.mail {background-position: 0 2px;}

.my-menu span.kiss {background-position: -70px 0;}
.my-menu a:hover span.kiss {background-position: -70px 2px;}

.my-menu span.look {background-position: -140px 0;}
.my-menu a:hover span.look {background-position: -140px 2px;}

.my-menu span.profile {background-position: -210px 0;}
.my-menu a:hover span.profile {background-position: -210px 2px;}

.my-menu span.friends {background-position: -280px 0;}
.my-menu a:hover span.friends {background-position: -280px 2px;}

/*******************************************
 * Buy GOLD
 *******************************************/

.buy-gold,
.buy-gold a {
	height: 64px;
	width: 280px;
}

.buy-gold,
.buy-gold:hover {
	background: url(../images/button_gold.png) no-repeat left top;
	overflow: hidden;
	margin-left: 11px;
}

.buy-gold a {
	background: url(../images/tr/buy_gold.gif) no-repeat left top;
	display: block;
	text-decoration: none;
}

body.gold-user .buy-gold a {
	background: url(../images/tr/extend_gold.gif) no-repeat left top;
}

/*******************************************
 * Profile Area
 *******************************************/

.profile-area {
	position: relative;
	min-height: 80px;
	padding: 30px 20px 0;
}

.gold-ribbon {
	background: url(../images/tr/gold_ribbon.png) no-repeat left top;
	height: 64px;
	width: 131px;
	position: absolute;
	top: 0;
	right: 16px;
}

body.gold-user .gold-ribbon {
	background: url(../images/tr/gold_ribbon.png) no-repeat -140px 0;
	height: 64px;
	width: 71px;
}

body.platinum-user .gold-ribbon {
	background: url(../images/tr/gold_ribbon.png) no-repeat -220px 0;
	height: 64px;
	width: 71px;
}

/* Progress Bar */
.progress-bar {
	background-image: url(../images/progress_bar.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 260px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	color: #000;
	text-shadow: 1px 1px 0 #f0ede2;
	margin-bottom: 8px;
}

.progress-bar.pb_0 {background-position: 0 0;}
.progress-bar.pb_25 {background-position: 0 -30px;}
.progress-bar.pb_50 {background-position: 0 -60px;}
.progress-bar.pb_75 {background-position: 0 -90px;}
.progress-bar.pb_100 {background-position: 0 -120px;}

/*******************************************
 * List
 *******************************************/

.list-menu {
	padding: 0 0 20px;
	margin: 0;
}

.list-menu li {
	list-style: none outside;
	height: 24px;
	margin: 0;
	padding: 0 0 2px;
	overflow: hidden;
	white-space: nowrap;
}

.list-menu li:hover {
	background: url(../images/list_menu.png) repeat-y left top;
}

.list-menu a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 30px;
	line-height: 24px;
}

.list-menu a:hover {
	text-decoration: none;
}

/* Icons */
.list-menu .icon-check {background: url(../images/icon_check.png) no-repeat left center;}
.list-menu .icon-atention {background: url(../images/icon_atention.png) no-repeat left center;}

/*******************************************
 * Pager
 *******************************************/

.pager {
	padding: 8px 0 1px;
	margin: 0 20px;
	text-align: center;
	border-top: 1px dotted #ddd;
}

.top-pager .pager {
	padding: 0 0 8px;
	margin: 0 20px 15px;
	border-bottom: 1px dotted #ddd;
	border-top: 0 none;
}

.pager li {
	list-style: none outside;
	display: inline;
	padding: 2px 0px;
	margin: 0 2px;
	color: #8b8b83;
	text-shadow: 1px 1px 0 #bbb;
	font-weight: bold;
}

.pager li.selected {
	background-color: #a3a3a0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #96968a;
	padding: 0 0px;
	color: #fff;
}

.pager li.selected a {
	color: #fff;
	text-shadow: 1px 1px 0 #707063;
}

.pager a,
.pager a:hover {
	font-size: 15px;
	font-weight: bold;
	color: #7e0000;
	text-shadow: 1px 1px 0 #bbb;
	text-decoration: none;
	text-align: center;
}

.pager a:hover {
	color: #8b8b83;
}

/*******************************************
 * Form
 *******************************************/

.form {
	margin: 0 20px 20px;
	padding: 0 30px;
}

.form label {
	font-size: 11px;
	font-weight: bold;
	color: #595949;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height: 18px;
	cursor: pointer;
}

.form.column label {
	float: left;
	line-height: 24px;
}

.form .tri-element select,
.form .case-input input,
.form .case-input textarea,
.form .case-select select {
	background: #e2e2d6 url(../images/form_shad.png) repeat-x left top;
	border: 1px solid #c6c6ac;
	padding: 3px;
}

.form .case-input input {
	height: 18px;
}

.form .case-select select {
	height: 26px;
}

.form .case-check {
	padding-top: 5px;
	padding-bottom: 0;
}

.form .case-check label {
	display: inline;
	position: relative;
	top: 0px;
	float: left;
	padding-left: 3px;
}

.form .case-check input {
	display: inline;
	float: left;
}

.form .case-button {
	padding-top: 20px;
}

/* Grid */
.case_1,
.case_2,
.case_3,
.case_4 {
	float: left;
	display: inline;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 14px;
}

/* 1 */
.case_1 {width: 100px; overflow: hidden;}

/* 2 */
.case_2 {width: 220px; overflow: hidden;}
.form .case_2.case-input input,
.form .case_2 textarea {width: 212px;}
.form .case_2 select {width: 220px;}

.form.column .case_2 label,
.form.column .case_3 label,
.form.column .case_4 label {width: 100px;}
.form.column .case_2.case-input input,
.form.column .case_2 textarea {width: 112px;}
.form.column .case_2 select {width: 120px;}

/* 3 */
.case_3 {width: 340px; overflow: hidden;}
.form .case_3.case-input input,
.form .case_3 textarea {width: 340px;}
.form .case_3 select {width: 340px;}

.form.column .case_3.case-input input {width: 200px;}
.form.column .case_3 select {width: 320px;}
.form.column .case_3 textarea {width: 320px;}

/* 4 */
.case_4 {width: 460px; overflow: hidden;}
.form .case_4.case-input input,
.form .case_4 select,
.form .case_4 textarea {width: 452px;}

.form.column .case_4.case-input input {width: 112px;}
.form.column .case_4 select {width: 120px;}
.form.column .case_4 textarea {width: 352px;}

/* 3 element */
.form .tri-element select {
	width: 30%;
	margin-right: 3%;
}

.form.column .tri-element select {
	width: 27%;
	margin-right: 1%;
}

/* Alpha ~ First, Omega ~ Last */
.form .tri-element .alpha {margin-left: 0;}
.form .tri-element .omega {margin-right: 0;}

/*******************************************
 * Button Big
 *******************************************/

.button-form {
	height: 53px;
	width: 171px;
	background-color: transparent;
	background-image: url(../images/button_form.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0 none;
	font-size: 12px;
	font-weight: bold;
	color: #e7e7e7;
	text-shadow: 1px 1px 0 #ce4040;
	/*letter-spacing: -1px;*/
	padding-bottom: 7px;
}

.button-form:hover {
	background-position: 0 -60px;
}

/*******************************************
 * Table Data
 *******************************************/

.table-data {
	font-size: 12px;
	line-height: 14px;
	float: left;
	display: inline;
	padding: 10px 0;
	margin-bottom: 20px;
}

.table-data th,
.table-data td {
	text-align: left;
	padding: 4px 8px 4px 15px;
	overflow: hidden;
}

.table-data th {
	color: #fff;
	text-shadow: 1px 1px 0 #9b9b9b;
}

.table-data .title {
	color: #720823;
	text-shadow: 0 0 0 #720823;
}

.table-data td {
	color: #000;
}

.back-color_1 {
	background-color: #c7c3d5;
	width: 260px;
}

.back-color_2 {
	background-color: #e2b9b9;
	width: 540px;
}

.back-color_3 {
	background-color: #e2b9b9;
	width: 260px;
}

.back-color_4 {
	background-color: #c7c3d5;
	width: 540px;
}

/* */
.table-info {
	font-size: 12px;
	line-height: 14px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.table-info th,
.table-info td {
	text-align: left;
	padding: 4px 10px 4px 20px;
}

.table-info th {
	color: #666;
}

.table-info td {
	color: #333;
}

/*******************************************
 * Poetry
 *******************************************/



/*******************************************
 * Alphabet
 *******************************************/

.alphabet {
	background: url(../images/alphabet.png) no-repeat left bottom;
	width: 552px;
	height: 44px;
	padding: 0 0 0 8px;
	margin: 0 0 7px 20px;
}

.alphabet dt {
	font-size: 12px;
	font-weight: bold;
	color: #afaf9c;
	padding: 0;
	margin: 0;
	display: block;
	height: 19px;
	line-height: 19px;
}

.alphabet dd {
	padding: 0;
	margin: 0;
	display: inline;
	height: 25px;
	text-align: center;
}

.alphabet a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 0 #9b9b9b;
	line-height: 25px;
	text-decoration: none;
	padding: 0 2px;
}

.alphabet a:hover {
	background-color: #720823;
	color: #fff;
	text-decoration: none;
}

/*******************************************
 * Top Menu
 *******************************************/

.top-menu,
.top-menu ul {
	background-image: url(../images/top_menu.png);
	background-repeat: no-repeat;
	height: 26px;
	/*overflow: hidden;*/
}

.top-menu {
	background-position: right top;
	position: absolute;
	top: 0px;
	right: 20px;
	padding-right: 16px;
}

.top-menu ul {
	background-position: 0 -30px;
	padding: 0 0 0 16px;
	margin: 0;
}

.top-menu li {
	list-style: none outside;
	padding: 0 2px;
	margin: 0;
	display: inline;
	color: #fff;
}

.top-menu a {
	font-size: 12px;
	font-weight: bold;
	color: #720823;
	text-decoration: none;
	line-height: 27px;
}

.top-menu a:hover {
	color: #F10107;
	text-decoration: none;
}

.top-menu img {
	position: relative;
	top: 4px;
	margin-right: 3px;
}

/*******************************************
 * Commons
 *******************************************/

.inner {
	position: relative;
}

/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.clearfix {display: inline-block;}

/* Alpha ~ First, Omega ~ Last */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Images */
.img-left,
.img-right {
	display: inline;
	margin-bottom: .15em;
}

.img-right {
	margin-left: 1em;
	float: right;
}

.img-left {
	margin-right: 1em;
	float: left;
}

.center {
	text-align: center;
}

.img-caption strong {
	background: #eee none repeat scroll 0 0;
	display: block;
	font-size: 85%;
	font-weight: normal;
	margin-top: 2px;
	overflow: hidden;
	padding: .3em .5em;
}

.full {
	width: 100%;
}

/* Shift */
.shift_10 {margin-left: 10px;}
.shift_20 {margin-left: 20px;}
.shift_40 {margin-left: 40px;}

/*******************************************
 * Variables
 *******************************************/

/* text-align: center | justify | left | right */
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

/* float: left | none | right */
.float-right {
	float: right;
}

.float-left {
	float: left;
}

.float-none {
	float: none;
}

/*******************************************
 * Paragraphs
 *******************************************/

/* Colors */
.highlight {
	color: #f60;
}

.dimmed {
	color: #999;
}

.info {
	font-size: 100%;
	color: #666;
	background: #f5f5f5;
	padding: 9px;
	margin: 0 0 20px;
	border: 1px #eee solid;
}

.small {
	font-size: 11px;
}

.large {
	font-size: 16px;
}

/* Notice messages */
.message-notice {
	color: #514721;
	border: 1px #ffd324 solid;
	background: #fff6bf;
	padding: 9px;
	margin: 0 0 20px;
}

.back-gold {
	background: #fff6bf;
}

.message-notice a {
	color: #c89700;
	text-decoration: underline;
}

.message-notice a:hover {
	text-decoration: none;
}

/* Error messages */
.message-error {
	color: #8a1f11;
	border: 1px #fbc2c4 solid;
	background: #fbe3e4;
	padding: 9px;
	margin: 0 0 20px;
}

.message-error a {
	color: #8a1f11;
	text-decoration: underline;
}

.message-error a:hover {
	text-decoration: none;
}

/* Success messages */
.message-success {
	color: #264409;
	border: 1px #c6d880 solid;
	background: #e6efc2;
	padding: 9px;
	margin: 0 0 20px;
}

.message-success a {
	color: #264409;
	text-decoration: underline;
}

.message-success a:hover {
	text-decoration: none;
}

fieldset,
.info,
.message-error,
.message-notice,
.message-success {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.visitor,
.logged_in {display: none;}

/* Color */
.color-red {color: #c86161;}
.color-blue {color: #144287;}
.color-green {color: #148710;}

/* Data Table */
.data-table {
	width: 100%;
	background-color: #ccc;
	margin: 0 auto 15px;
}

.data-table thead td {
	font-weight: bold;
	color: #fff;
	background:;
	padding: 6px;
	background: #808285;
}

.data-table tbody td {
	padding: 4px 5px;
	color: #000;
}

.data-table tbody tr {
	background-color: #fff;
}

.data-table tbody tr.even {
	background-color: #fff4cb;
}

.data-table tbody a {
	font-size: 11px;
}

.data-table tbody a:hover {
	text-decoration: none;
}

/*******************************************
 * Paragraphs
 *******************************************/

.area-user {
	background: #fff url(../images/user_area.png) no-repeat left top;
	padding: 30px 0 5px;
	margin: 0 10px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.area-user.visitor {
	height: 309px;
	padding: 15px 0 5px;
}

.area-user .user-thumb {
	margin: 7px 0 0 8px;
	height: 150px;
	*position: relative;
	*left: 7px;
}

/**/
.form .ui-widget-header {
background:url("../images/form_shad.png") repeat-x scroll left top #E2E2D6;
border:1px solid #AAAAAA;
color:#222222;
font-weight:bold;
}

/**/
.membership {
	background: url(../images/button_membership.png) no-repeat 0 0;
	width: 165px;
	height: 27px;
	border: 0 none;
	cursor: pointer;
	margin: 0;
}

.membership:hover {
	background: url(../images/button_membership.png) no-repeat 0 -40px;
}


/**/
.header-package {
	position: relative;
	left: -20px;
	background: url(../images/header_package.png) no-repeat left bottom;
	width: 564px;
	height: 73px;
	margin-bottom: 15px;
}

.header-package h1 {
	letter-spacing: -1px;
	margin: 0;
	padding: 26px 0 0 15px;
	font-size: 23px;
	font-weight: bolder;
	color: #ffffd9;
	text-shadow: 1px 1px 0 #8c5900;
}

.header-package h1 span {
	color: #9c2f38;
	text-shadow: 1px 1px 0 #fdc75e;
}

.gold-user .package-standart {
	overflow: hidden;
	display: none;
}

.package-standart {
	padding: 7px 7px 7px 33px;
	font-size: 14px;
	line-height: 23px;
	display: block;
	margin-bottom: 10px;
	margin-right: 26px;
	letter-spacing: 0px;
	color: #fff;
	font-size: 17px;
	font-style: italic;
	background: #892B2C url(../images/standart_user.png) no-repeat 5px 6px;
	border: 1px dashed #e0666f;
	text-shadow: 1px 1px 0 #58070d;
}

/**/
.package-info {
	background: #eee url(../images/icon_accord.png) no-repeat 10px 8px;
	padding: 6px 10px 6px 30px;
	cursor: pointer;
	margin: 0 0 0px;
}

.package-info strong {
	font-size: 11px;
	color: #333;
}

.package-info span {
	font-size: 11px;
	color: #333;
}

/**/
.data {
    width: 70%;
    margin: 0 0 15px;
    /*border-left: solid 1px #ecdfd8;
    border-top: solid 1px #ecdfd8;*/
}
.data th {
    color: #f3dcdc;
    font-size: 18px;
    background-color: #ce8888;
    border-right: solid 1px #51090d;
    border-bottom: solid 1px #51090d;
		padding: 15px;
		text-shadow: 1px 1px 0 #430000;
}
.data td {
    font-size: 12px;
    padding: 8px 18px;
    border-right: solid 1px #e5c6c6;
    border-bottom: solid 1px #e5c6c6;
}
.data .data-title {
    font-weight: bold;
    font-size: 14px;
    background-color: #f3dcdc;
    text-align: right;
    padding-left: 30px;
}
.data .data-value {
    color: #933;
    background-color: #f0f0e8;
    padding-right: 30px;
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
		padding: 10px 30px 10px 10px;
		width:50%;
		text-shadow: 1px 1px 0 #fff;
}

.data .data-value strong {
		font-size:25px;
		font-weight:bold;
}

/**/
.package-gold {
	overflow: hidden;
	display: none;
}

.gold-user .package-gold {
	padding: 15px;
	font-size: 14px;
	line-height: 23px;
	display: block;
	margin-bottom: 30px;
	border: 1px dashed #FEC85F;
}

.package-gold h1 {
	line-height: 24px;
}

.package-gold big {
	color: #8e0d27;
	font-weight: bold;
}

.package-gold b {
	color: #A8780A;
	font-size: 15px;
}

/**/

.package-cash,
.package-card {
	padding: 10px 10px 10px 55px;
	font-size: 14px;
	margin-bottom: 5px;
  border-right: solid 1px #d3d3d3;
  border-bottom: solid 1px #d3d3d3;
}

.package-cash h2,
.package-card h2 {
	margin: 0;
	letter-spacing: 0;
}

.package-card {
	background: #F0F0E8 url(../images/credit_card.png) no-repeat 9px 4px;
}

.package-cash {
	background: #F0F0E8 url(../images/coins.png) no-repeat 9px 4px;
	margin-bottom: 30px;
}

.bank-accordion {
	background-color: #f9f9f3;
	padding: 10px 15px 5px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.bank-accordion .message-notice,
.bank-accordion .message-success,
.bank-accordion .message-error {
	margin-bottom: 10px;
}

.bank-accordion .message-notice p,
.bank-accordion .message-success p,
.bank-accordion .message-error p {
	margin: 0;
}


/**/
.base-list {
	padding: 0 0 20px 20px;
	margin: 0;
}

.base-list li {
	list-style: none outside;
	height: 24px;
	margin: 0;
	padding: 2px 0 0 30px;
	overflow: hidden;
	white-space: nowrap;
	background: url(../images/tick_16.png) no-repeat left center;
}

/**/
.main-menu_notlogin {
	padding-left: 10px;
}

/**/
.reg-cam {
	position: absolute;
	top: 430px;
	left: 51px;
}

.reg-msn {
	position: absolute;
	top: 338px;
	left: 345px;
}

.reg-fb {
	position: absolute;
	top: 170px;
	left: 347px;
}

/**/
.video-title {
	position: absolute;
	top: 354px;
	left: 60px;
	color: #fff;
}

.video-title b {
	color: #ff0000;
}

.reg-video {
	position: absolute;
	top: 167px;
	left: 51px;
}

/**/
.web-users {
	position: absolute;
	top: 571px;
	left: 26px;
	width: 950px;
	height: 410px;
	overflow: hidden;
}

.web-unite {
	background: url(../images/web_user.png) no-repeat left top;
	width: 158px;
	height: 205px;
	float: left;
	position: relative;
	overflow: hidden;
}

.web-unite.after-login {
	background: url(../images/login_user.png) no-repeat left top;
	height: 156px;
	margin: 0 10px 16px 8px;
}

.web-unite_name {
	position: absolute;
	top: 109px;
	left: 9px;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	width: 140px;
	text-align: center;
	white-space: nowrap;
	letter-spacing: -1px;
}
.web-unite_name a {
	text-decoration: none;
}

.after-login_info,
.user-web_info {
	width: 104px;
	position: absolute;
	top: 132px;
	left: 38px;
	font-size: 11px;
	line-height: 17px;
}

.after-login_info,
.user-web_info.after-login {
	width: 120px;
	left: 19px;
	top: 129px;
	text-align: center;
	color: #666;
}

.user-web_info th {
	color: #bfacaf;
	font-weight: normal;
	text-align: left;
}

.user-web_info td {
	color: #bf9331;
	text-align: right;
}

/**/
.user-web {
	width: 140px;
	height: 100px;
	margin: 8px 0 0 9px;
	overflow: hidden;
	table-layout: fixed;
}

.user-web a,
.user-web a:hover {
	text-decoration: none;
}

.user-web img {
	max-height: 100px;
	max-width: 140px;
}

/**/
.button-clear {
	background: url(../images/button_clear.png) no-repeat left top;
	width: 165px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.button-clear:hover {
	background: url(../images/button_clear.png) no-repeat 0 -40px;
	text-decoration: none;
}

/**/
.button-online {
	background: url(../images/button_online.png) no-repeat left top;
	width: 202px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	position: absolute;
	right: 30px;
	top: 985px;
}

.button-online:hover {
	background: url(../images/button_online.png) no-repeat 0 -40px;
	text-decoration: none;
}

/**/
.title-online {
	position: absolute;
	left: 30px;
	top: 550px;
}

/**/
.position-anchor {
	position: relative;
}
.popup {
	position: absolute;
	left: -330px;
	top: 0px;
	width: 300px;
}
.popup-buble {
	position: absolute;
	left: -11px;
	top: 27px;
}

/**/
.stats-case {
	width: 527px;
	height: 160px;
	position: relative;
	background: url(../images/stats.jpg) no-repeat left top;
}

.stats-case_title {
	position: absolute;
	top: 102px;
	width: 155px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}

.stats-case_number {
	position: absolute;
	top: 120px;
	width: 155px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
	letter-spacing: -1px;
}

.stats-case_number a {
	color: #000;
	text-decoration: none;
}

.stats-case_number a:hover {
	color: #720823;
	text-decoration: none;
}

.yok_who,
.stats-case_number small {
	font-size: 12px;
	color: #333;
	letter-spacing: 0;
}

.yok_who {
	position: absolute;
	top: 118px;
	left: 364px;
	width: 155px;
	height: 24px;
	background: url(../images/stats_who.png) no-repeat left top;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
}

.stats-case_text {
	position: absolute;
	top: 143px;
	width: 155px;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	color: #666;
}
.stats-case_text.message,
.stats-case_number.message,
.stats-case_title.message {
	left: 8px;
}
.stats-case_text.kisses,
.stats-case_number.kisses,
.stats-case_title.kisses {
	left: 186px;
}
.stats-case_text.wholook,
.stats-case_number.wholook,
.stats-case_title.wholook {
	left: 366px;
}

.stats-case_title.message {
	color: #c86b00;
}
.stats-case_title.kisses {
	color: #bd4f54;
}
.stats-case_title.wholook,
.stats-case_title.wholook_1,
.stats-case_title.wholook_2 {
	color: #519d40;
}

.stats-case_title.wholook_1,
.stats-case_number.wholook_1 {
	width: 70px;
	left: 366px;
}
.stats-case_title.wholook_2,
.stats-case_number.wholook_2 {
	width: 70px;
	left: 447px;
}

.sc_1,
.sc_2,
.sc_3 {
	width: 175px;
	height: 160px;
	float: left;
	display: inline-block;
	text-decoration: none;
	*float: none;
	*display: block;
	*position: absolute;
	*top: 0px;	
}

.sc_1:hover,
.sc_2:hover,
.sc_3:hover {
	text-decoration: none;
}

.sc_1 {*left: 0px;}
.sc_2 {*left: 175px;}
.sc_3 {*right: 0px;}

/**/
.title-pop-user {margin-bottom: 20px;}

/**/
.topVisited {
	background: url(../images/back_user_online.jpg) no-repeat 0 31px;
	
}

/**/
.label-new {
	position: absolute;
	top: -9px;
	right: -6px;
	width: 77px;
	height: 20px;
	background: url(../images/new_message.png) no-repeat;
	display: block;
}

/**/
.kissed {
	background: url(../images/kissed.png) no-repeat;
	width: 192px;
	height: 72px;
	position: absolute;
	left: 21px;
	top: 0;
	/*filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}

/**/
.crown {
  display: none;
}

.platinum .crown {
	background: url(../images/crown.png) no-repeat;
	width: 74px;
	height: 47px;
  display: block;
	position: absolute;
	left: 2px;
	top: -40px;
}

.user-thumb.platinum .crown,
.user-profile .platinum .crown {
	left: 28px;
	top: -40px;
}

/**/
.new-year_pay {
	background: url(../images/new_year_kolaygece.jpg) no-repeat left top;
	width: 540px;
	height: 143px;
	cursor: pointer;
	margin: 0 0 10px 21px;
	display: none;
	position: relative;
}

a.new-year_pay,
a.new-year_pay:hover {text-decoration: none;}

.new-year_pay .close {
	background-image: url(../images/icon_close.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 1px;
	position: absolute;
	top: 12px;
	right: 1px;
	cursor: pointer;
}

.new-year_pay .close:hover {
	background-position: -16px 0;
}

.new-year_pay .close:active {
	background-position: -32px 0;
}

.new-year_pay:hover .close {
	display: block;
}