@CHARSET "UTF-8";

/* Общий лайаут */

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family: Arial, Tahoma, sans-serif;
	font-size:75%;
	line-height:150%;
	color: #333;
	background-attachment: fixed;
}

#page {
	/* position: relative; */
	margin: auto;
	width: 999px;
	color: #333;
}

#page-top, #content {
	box-shadow: 0 0 4px 0 #ddd; -moz-box-shadow: 0 0 4px 0 #ddd; -webkit-box-shadow: 0 0 4px 0 #ddd;
	border: #ddd 1px solid;
	/* background-image: url('/img/bgr-patterns/transparent.png'); */
	background-color: white;
}

#page-top {
	position: relative;
	z-index: 1;
	
	padding: 20px 20px 10px 20px;
	border-top: 0px;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

#content {
	margin: 30px 0;
	padding: 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content .box, #sidebar .box {
	background-color: white;
}


#logo {
	position: relative;
	float: left;
	margin-top: -12px;
}

.nava {
	float: left;
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
.nava li {
	float: left;
	margin: 0 10px;
	list-style: none;
	font-size: 160%;
	line-height: 100%;
}
.nava li a {
}

#splash {
	position: relative;
	/* overflow: hidden; */
	margin: 10px 0;
	width: 100%;
	height: 145px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;		
	background-image: url('/img/splash/bgr.gif');
	background-position: center left;
}
#splash .crown {
	position: absolute;
	margin-top: 31px;
	margin-left: 40px;
	width: 86px;
	height: 81px;
	background-image: url('/img/splash/crown.png');
}
#splash .promo-text {
	position: relative;
	padding: 40px 40px 0 160px;
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
}
#splash a {
	text-decoration: none;
}
#splash span {
	background-color: #fff;
}
#splash .puzzle {
	position: absolute;
	z-index: 100;
	cursor: move;
	left: -500px;
}

#userblock {
	float: right;
}
#userblock .user {
	float: right;
	margin-left: 20px;
}
#userblock .userpic {
	margin-top: -2px;
}
#userblock .user .name a {
	font-size: 120%;
	line-height: 160%;
	font-weight: bold;
}

.entrance-link {
	font-size: 120%;
	line-height: 160%;
	float: right;
	margin-left: 20px;
}

#registration-link {
	margin-top: 10px;
	margin-left: 5px;
}
#login-form {
	margin-top: 13px;
}
#login-form div.email,
#login-form div.password,
#login-form div.submit {
	position: relative;
	margin-left: 5px;
	float: left;
}
#login-form div.email,
#login-form div.password {
	width: 130px;
}
#login-form .email .input input,
#login-form .password .input input {
	width: 130px;
	font-size: 115%;
	line-height:100%;
}
#login-form .label {
	position: absolute;
	margin-top: -20px;
	font-family: Tahoma;
	font-size: 90%;
	line-height: 150%;
}
#login-form .label input {
	float: left;
	margin-left: 0;
}

#page-bottom {
	position: relative;
	z-index: 1;
	
	padding: 20px;
	border-top: 0px;
	margin-bottom: 0 !important;
	
	background-color: #fff;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.copyrights {
	float: left;
}
.copyrights .sign {
	position: absolute;
	margin-left: -14px;
}
.project-authors {
	float: right;
	text-align: right;
}
ul#bottom-nava {
	float: right;
	margin: 0;
	padding: 0;
}
ul#bottom-nava li {
	float: left;
	margin-left: 10px;
	list-style-type: none;
}


/* Фирменные цвета */

.bgr-white, .bgr-color0 { background-color: #ffffff !important; }
.bgr-yellow, .bgr-color1 { background-color: #f0b600 !important; color:#fff !important; }
.bgr-orange, .bgr-color2 { background-color: #f08200 !important; color:#fff !important; }
.bgr-red, .bgr-color3 { background-color: #da251d !important; color:#fff !important; }
.bgr-lgreen, .bgr-color4 { background-color: #89ce22 !important; color:#fff !important; }
.bgr-green, .bgr-color5 { background-color: #39b41c !important; color:#fff !important; }
.bgr-dgreen, .bgr-color6 { background-color: #00923f !important; color:#fff !important; }
.bgr-lblue, .bgr-color7 { background-color: #3bb3c2 !important; color:#fff !important; }
.bgr-blue, .bgr-color8 { background-color: #208bb3 !important; color:#fff !important; }
.bgr-dblue, .bgr-color9 { background-color: #3a4a8f !important; color:#fff !important; }
.bgr-lmagenta, .bgr-color10 { background-color: #ee1584 !important; color:#fff !important; }
.bgr-magenta, .bgr-color11 { background-color: #ba196b !important; color:#fff !important; }
.bgr-dmagenta, .bgr-color12 { background-color: #6b236d !important; color:#fff !important; }

.bgr-gray { background-color: #DDD !important; }

.bgr-yellow a, .bgr-color1 a,
.bgr-orange a, .bgr-color2 a,
.bgr-red a, .bgr-color3 a,
.bgr-lgreen a, .bgr-color4 a,
.bgr-green a, .bgr-color5 a,
.bgr-dgreen a, .bgr-color6 a,
.bgr-lblue a, .bgr-color7 a,
.bgr-blue a, .bgr-color8 a,
.bgr-dblue a, .bgr-color9 a,
.bgr-lmagenta a, .bgr-color10 a,
.bgr-magenta a, .bgr-color11 a,
.bgr-dmagenta a, .bgr-color12 a {
	color:#fff !important;
}

.yellow, .yellow a, .color1, .color1 a { color: #f0b600 !important; }
.orange, .orange a, .color2, .color2 a { color: #f08200 !important; }
.red, .red a, .color3, .color3 a { color: #da251d !important; }
.lgreen, .lgreen a, .color4, .color4 a { color: #89ce22 !important; }
.green, .green a, .color5, .color5 a { color: #39b41c !important; }
.dgreen, .dgreen a, .color6, .color6 a { color: #00923f !important; }
.lblue, .lblue a, .color7, .color7 a { color: #3bb3c2 !important; }
.blue, .blue a, .color8, .color8 a { color: #208bb3 !important; }
.dblue, .dblue a, .color9, .color9 a { color: #3a4a8f !important; }
.lmagenta, .lmagenta a, .color10, .color10 a { color: #ee1584 !important; }
.magenta, .magenta a, .color11, .color11 a { color: #ba196b !important; }
.dmagenta, .dmagenta a, .color12, .color12 a { color: #6b236d !important; }

.black { color: #000; }
.dark { color: #333; }
.gray { color: #999; }
.white { color: white !important; }

/* Текстовые стили */

.x-small { font-family: Tahoma; font-size: 80%; line-height: 135%; }
.small { font-family: Tahoma; font-size: 90%; line-height: 150%; }
.large { font-size: 115%; line-height: 150%; }
.x-large { font-size: 140%; line-height: 140%; }
.xx-large { font-size: 170%; line-height: 130%; }

h1, .h1 { position: relative; color: #da251d; font-family: "Trebuchet MS", Tahoma; font-size: 220%; line-height: 110%; font-weight: normal; padding: 0; margin: -5px 0 20px 0; } 
h2, .h2 { position: relative; color: #da251d; font-family: "Trebuchet MS", Tahoma; font-size: 160%; line-height: 130%; font-weight: normal; padding: 0; margin: 0 0 15px 0; }
h3 { position: relative; color: #000000; font-family: "Trebuchet MS", Tahoma; font-size: 125%; line-height: 140%; font-weight: bold; padding: 0; margin: 0 0 0.5em 0; }
p { position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 1.2em 0px; }

h1 a, .h1 a, h2 a, .h2 a {
	text-decoration: none;
}

a { color: #0388c0; }

/* Отступы */

.mb_0  { margin-bottom:  0px !important; }
.mb_5  { margin-bottom:  5px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_30 { margin-bottom: 30px !important; }

.mt_0  { margin-top:  0px !important; }
.mt_5  { margin-top:  5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_30 { margin-top: 30px !important; }


/* Списки */

ul.none, ul.none li,
ol.none, ol.none li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.columns3 { position: relative; left: 0px; margin: 0; padding: 0; list-style-type: none; width: 104%; }
ul.columns3 li { position: relative; margin: 0; padding: 0; list-style-type: none; float: left; width: 30%;	margin-right: 3% !important; }		

ul.filters {
	margin: 0;
	padding: 0;
}
ul.filters li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 4px;
	list-style-type: none;
	font-size: 90%;
	line-height: 160%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #777;
}
ul.filters li a { color: #777; }
ul.filters li.active { color: #fff; background-color: #999; }
ul.filters li.active a { color: #fff; text-decoration: none; }

.backpath {
	margin-bottom: 0.2em;
	font-family: Tahoma;
	font-size: 90%;
	line-height: 150%;
	color: #999;
}
.backpath a {
	color: #999;
}

ul.tabs {
	padding: 0;
	margin: 0;
	border-bottom: #ddd 1px solid;
}
ul.tabs li {
	float: left;
	padding: 5px 10px;
	margin: 0;
	margin-right: 3px;
	margin-bottom: -1px;
	list-style-type: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: #ddd 1px solid;
	background-color: #f5f5f5;
}
ul.tabs li.active {
	border-bottom: #fff 1px solid;
	background-color: #ffffff;
}
ul.tabs li a {
	color: #333333;
	text-decoration: none;
}

/* Список действий с иконками */

ul.action-icons {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 5px 0 0 5px;
	z-index: 1;
	/*
	border: #ddd 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 0.3em gray;
	-moz-box-shadow: 2px 2px 0.3em gray;
	-webkit-box-shadow: 2px 2px 0.3em gray;
	*/
}
ul.action-icons li {
	position: relative;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

ul.actions {
	position: relative;
	display: block;
	margin: 5px 0;
	padding: 0;
	z-index: 1;
}
ul.actions li {
	position: relative;
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	list-style: none;
}
ul.actions li .icon {
	position: absolute;
	margin-left: -20px;
}


/* Формы */

input, select, textarea {
	font-family: Arial;
	font-size: 140%;
	color: #333;
	box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;
}
input, select, textarea {
	padding: 2px;
}
.input input, .input textarea, .input select {
	width: 100%;
}

 /* IE7 only */
*+html div.input {
	padding-right: 8px;
}

/* IE6 only */
* html div.input {
	width: 98% !important; /* TODO: UNHACK! Hack better! */ 
}

input.placeholder {
	color: #999;
}

/* Бокс с бордером */
.box,
.small-box {
	padding: 10px 15px;
	margin-bottom: 30px;
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 1px 1px 0.5em #ddd;
	-moz-box-shadow: 1px 1px 0.5em #ddd;
	-webkit-box-shadow: 1px 1px 0.5em #ddd;
}
.small-box {
	padding: 4px 10px 4px;
	margin: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.box span.closer {
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 10px;
	width: 9px;
	height: 9px;
	background-image: url('/img/icons/icon-close.gif');
	cursor: pointer;
}
.arrow-t-l, .arrow-t-r, .arrow-b-l, .arrow-b-r {
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url('/img/icons/box-arrows.gif');
}
.bubble {
	position: relative;
	padding: 10px 15px;
	margin-bottom: 30px;
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.bubble .arrow-t-l { left: -12px; top: 6px; background-position: 0 0; }


/* Боксы с формами */
.form-box {
	padding: 1px 15px;	
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.box { display: block; }
.box h2 {
	position: relative;
	margin-bottom: 10px;
}
.box .item {
	position: relative;
	margin: 10px 0;
}
.box .item:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.box .item {
	display:block;
}
.box .label {
	position: absolute;
	width: 20%;
	left: 0;
	margin-top: 5px;
	margin-left: 0;
	text-align: right;
}
.box .element {
	position: relative;
	left: 20%;
	width: 80%;
}
.box .element:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.box .element {
	display: block;
}
.box .label label {
	padding-right: 10px;
}
.box .major input {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 160%;
}
.box .major .label {
	margin-top: 8px;
	font-family: Arial;
	font-size: 120%;
}
.box .error .element {
	padding: 5px;
	margin-left: -5px;
	margin-right: -10px;
	background-color: #fce1d9;
}
.box .error .label {
	padding-top: 5px;
}
.box .error-message {
	clear: both;
	margin-top: 3px;
	font-family: Tahoma, sans-serif;
	line-height: 140%;
	padding: 2px 0px 2px 17px;
	background-image: url('/img/icons/error-notice.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.box .item .hint {
	position: absolute;
	left: 100%;
	top: 5px;
	margin-left: 30px;
	width: 300px;
	color: #999;
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 120%;
	line-height: 130%;
}

.form-box .user {
	padding-top: 4px;
	margin-left: 25px;
}
.form-box .userpic {
	margin-left: -25px;
}
.form-box .userpic img {
	width: 16px;
	height: 16px;
}
.form-box .crown {
	margin-left: 2px;
}

/* Представление пользователей */

.user {
	margin-left: 40px;
}
.userpic {
	position: absolute;
	margin-left: -40px;
	padding: 1px;
	background-color: #39b41c;
}
.userpic img {
	border: white 1px solid;
	width: 25px;
	height: 25px;
}

.user .name a {
	font-size: 120%;
	line-height: 140%;
	font-weight: bold;
}
.user .info {
	font-family: Tahoma;
	font-size: 90%;
	line-height: 150%;	
	color: #999;
}

.small-user {
	margin-left: 0;
}
.small-user .userpic {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: -10px;
	padding: 1px;
	background-color: #39b41c;
}
.small-user .userpic img {
	border: white 1px solid;
	width: 15px;
	height: 15px;
}

.small-user .name {
	position: relative;
	display: inline-block;
}
.small-user .name a {
	font-size: 100%;
	line-height: 140%;
	font-weight: normal;
}



/* Корона */
.crown {
	position: absolute;
	margin-top: -12px;
	margin-left: 6px;
	width: 14px;
	height: 15px;
	background-image: url('/img/icons/icon-crown.gif');
	z-index: 1;
}
.profile .crown {
	margin-top: -13px;
}
	

/* Список юзерпиков */
ul.userpics, ul.userpics li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.userpics li {
	float: left;
	margin: 0 10px 10px 0;
}
ul.userpics .userpic {
	position: relative;
	margin-left: 0;
}

/* Список пользователей */
ul.users-list, ul.users-list li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.users-list {
	margin: 20px 0;
}
ul.users-list li {
	margin: 0 40px 20px 0;	
}
.columns3 .user {
	margin-bottom: 10px;	
}


/* Рейтинг пользователей */
.users-rating {
}
.users-rating tr {
	vertical-align: top;
}
.users-rating th {
	font-weight: normal;
	text-align: left;
}
.users-rating th h2 {
	margin: 0 0 15px 0;
}
.users-rating th.num,
.users-rating th.time {
	padding: 6px 0 6px 10px;
	font-family: Tahoma;
	font-size: 80%;
	line-height: 135%;
	color: #999999;
	text-align: right;
	white-space: nowrap;
}
.users-rating th.num a,
.users-rating th.time a {
	color: #999999;
}
.users-rating td {
	padding-bottom: 20px;
}
.users-rating td.num,
.users-rating td.time {
	padding: 0 0 20px 10px;
	text-align: right;
	white-space: nowrap;
}
.users-rating td.num {
	padding-left: 20px;
	font-size: 160%;
	line-height: 120%;
}
.users-rating td.time {
	padding-left: 20px;
	font-size: 130%;
	line-height: 150%;
	font-weight: bold;
	color: #999;
	text-align: right;
}
.users-rating .user .userpic {
	margin-top: -4px;
}
.users-rating .user .name {
	border-bottom: #ccc 1px dashed;
}
.users-rating .user .name a {
	padding: 0 10px 0 0;
	background-color: #fff;
	font-size: 130%;
	line-height: 95%;
	font-weight: bold;
}
.users-rating .user .info {
	width: auto;
}
.users-rating td.icon {
	padding-left: 20px;
}
.users-rating td.icon .icon {
	margin-top: 2px;
}

/* оценка пазла */
.puzzle-vote h3 {
	margin: 0 10px 0 0;
	float: left;
}
.vote-control {
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: -1px;
}

/* рейтинг пазла */
.puzzle-rating {
	position: relative;
	width: 101px;
	height: 20px;
	margin-left: -3px;
	overflow: hidden;
}
.puzzle-rating img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.puzzle-rating div {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 0;
	height: 20px;
	background-color: #89ce22;
}
.puzzle-rating span {
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 5px;
	color: #777;
	line-height: 20px;
}


/* Профиль пользователя */

.profile {
	margin-bottom: 3em;
}
.profile .user {
	margin-left: 130px;
	min-height: 100px;
}
.profile .user .userpic {
	margin-left: -130px;
}
.profile .user .userpic img {
	width: auto;
	height: auto;
}
.profile .user .name {
	margin-bottom: 10px;
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
}
ul.profile-actions, ul.profile-actions li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.profile-actions {
	float: right;
}
ul.profile-actions li {
	float: left;
	margin-left: 10px;
}

/* Навигация по профилю */
.profile-nava {
	margin: 0;
	padding: 0;
}
.profile-nava li {
	padding: 0;
	margin: 5px 0 5px 15px;
	list-style-type: none;
}
.profile-nava li span.icon {
	position: absolute;
	margin-left: -22px;
}


/* Характеристики (профиля или пазла) */

table.characteristics {
	width: 100%;
}
table.characteristics td {
	vertical-align: top;
	white-space: nowrap;
}
table.characteristics td.label {
	width: 100%;
}
table.characteristics td.label div {
	height: 1em;
	border-bottom: #ccc 1px dashed;
	margin-bottom: 10px;
	margin-right: 8px;
}
table.characteristics td.label div span {
	position: absolute;
	color: #999;
	padding: 0 8px 0 0;
	background-color: #fff;	
}
table.characteristics td.value .large {
	line-height: 130%;
}


/* Сортировка */
ul.sorting,
a.sorting {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
	margin: 0 20px 0 0;
	list-style-type: none;
}
ul.sorting li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.sorting li {
	float: left;
}
ul.sorting li,
th.sorting,
a.sorting {
	padding: 5px 0 5px 10px;
	color: #999;
	font-family: Tahoma;
	font-size: 90%;
	line-height: 140%;
	white-space: nowrap;
}
th.sorting {
	text-align: right;
}
ul.sorting li a,
th.sorting a {
	color: #333;
	text-decoration: none;
}
ul.sorting li a.gray,
th.sorting a.gray,
a.sorting {
	color: #999;
	text-decoration: underline;
}
ul.sorting li a img,
th.sorting a img {
	background: transparent url(/img/icons/icon-order.gif) no-repeat scroll left top;
	width: 5px;
	height: 7px;
	margin-left: 2px;
}
ul.sorting li a img.desc,
th.sorting a img.desc {
	background-position: right top;
}

/* Облако тегов */
ul.cloud, ul.cloud li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.cloud {
	margin-left: -8px;
}
ul.cloud li {
	float: left;
	margin: 6px 8px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 14px;
}
ul.cloud li.current {
	margin: 3px 5px;
	padding: 3px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #89ce22;
}
ul.cloud li a {
	color: #333;
	text-decoration: none;
	line-height: 16px;
}
ul.cloud li.current a {
	font-weight: normal !important;
	color: #fff !important;
}
ul.cloud .w1 a { font-size: 14px; line-height: 34px; }
ul.cloud .w2 a { font-size: 16px; line-height: 34px; font-weight: bold; }
ul.cloud .w3 a { font-size: 22px; line-height: 34px; }
ul.cloud .w4 a { font-size: 26px; line-height: 34px; }
ul.cloud .w5 a { font-size: 26px; line-height: 34px; }
ul.cloud .w6 a { font-size: 26px; line-height: 34px; }
ul.cloud .w7 a { font-size: 30px; line-height: 34px; }
ul.cloud .w8 a { font-size: 30px; line-height: 34px; }
ul.cloud .w9 a { font-size: 34px; line-height: 34px; }
ul.cloud .w10 a { font-size: 34px; line-height: 34px; }

.box ul.cloud a {
	font-size: 100% !important;
	line-height: 130% !important;
	font-weight: normal !important;
	color: #333 !important;
}
.box ul.cloud .w1 a,
.box ul.cloud .w2 a {
		color: #999 !important;
}
.box ul.cloud .w7 a,
.box ul.cloud .w8 a,
.box ul.cloud .w9 a,
.box ul.cloud .w10 a {
	font-weight: bold !important;
}
.box ul.cloud li.current a {
	font-weight: normal !important;
	color: #fff !important;
}

ul.cloud li div.actions {
	position: absolute;
	z-index: 2;
	margin-top: -6px;
	margin-left: -6px;
	padding: 5px 2px 2px 5px;
	border: #ddd 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: white;
}


/* Список пазлов */
ul.puzzle-list, ul.puzzle-list li {
	padding: 0;
	margin: 0 10px 10px 0 !important;
	list-style-type: none;
}

ul.puzzle-list {
}
#mainpage ul.puzzle-list {
}
ul.puzzle-list li {
	position: relative;
	float: left;
	padding: 10px;
	margin: 0 20px 20px 0;	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul.puzzle-list li.inactive {
	opacity: 0.4 !important;
	-moz-opacity: 0.4 !important;
}
ul.puzzle-list li .reset {
	position: absolute;
	top: -10px;
	right: -10px;
	margin: 0;
	padding: 0;
}
ul.puzzle-list li .tadam span {
	font-weight: normal;
}
ul.puzzle-list .preview {
	position: relative;
	width: 122px;
	height: 122px;
	overflow: hidden;
}
ul.puzzle-list .preview img {
	border: white 1px solid;
	width: 120px;
	height: 120px;
}
ul.puzzle-list .info {
	margin-top: 5px;
	width: 120px;
	font-size: 90%;
	line-height: 140%;
	overflow: hidden;
}
ul.puzzle-list .info {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
}
ul.puzzle-list .info .author {
	margin-bottom: 3px;
	white-space: nowrap;
}
ul.puzzle-list .info .elements,
ul.puzzle-list .info .sessions {
	float: left;
	padding-left: 15px;
	z-index: 1;
}
ul.puzzle-list .info .elements {
	background: transparent url('/img/icons/icon-puzzle.png') center left no-repeat;
	padding-left: 12px;
	margin-right: 4px;
}
ul.puzzle-list .info .sessions {
	background: transparent url('/img/icons/icon-person.png') center left no-repeat;
	padding-left: 13px;
}
ul.puzzle-list .puzzle-rating {
	position: absolute;
	right: -2px;
	margin-left: 0;
	margin-top: 2px;
	width: 51px;
	height: 10px;
}
ul.puzzle-list .puzzle-rating div {
	height: 10px;
	background-color: #fff;
}

.bgr-yellow .puzzle-rating img, .bgr-color1 .puzzle-rating img { top: -10px; }
.bgr-orange .puzzle-rating img, .bgr-color2 .puzzle-rating img { top: -20px; }
.bgr-red .puzzle-rating img, .bgr-color3 .puzzle-rating img { top: -30px; }
.bgr-lgreen .puzzle-rating img, .bgr-color4 .puzzle-rating img { top: -40px; }
.bgr-green .puzzle-rating img, .bgr-color5 .puzzle-rating img { top: -50px; }
.bgr-dgreen .puzzle-rating img, .bgr-color6 .puzzle-rating img { top: -60px; }
.bgr-lblue .puzzle-rating img, .bgr-color7 .puzzle-rating img { top: -70px; }
.bgr-blue .puzzle-rating img, .bgr-color8 .puzzle-rating img { top: -80px; }
.bgr-dblue .puzzle-rating img, .bgr-color9 .puzzle-rating img { top: -90px; }
.bgr-lmagenta .puzzle-rating img, .bgr-color10 .puzzle-rating img { top: -100px; }
.bgr-magenta .puzzle-rating img, .bgr-color11 .puzzle-rating img { top: -110px; }
.bgr-dmagenta .puzzle-rating img, .bgr-color12 .puzzle-rating img { top: -120px; }

.empty-list {
	margin: 30px 0;
	text-align: center;
	font-size: 120%;
	line-height: 140%;
}


/* Предпросмотр пазла */
.puzzle-preview .preview {
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	width: 400px;
}
.puzzle-preview .info {
	float: left;
	width: 515px;
}
.puzzle-preview h1 {
	margin-bottom: 10px;
}
.puzzle-preview .description {
	margin: 15px 0;
	font-size: 120%;
	line-height: 140%;
}
.puzzle-preview .statistics {
	margin: 20px 0 30px 0;
}

/* Выделение платных пазлов */
div.tadam {
	position: absolute;
	top: -17px;
	right: -17px;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	background-image: url('/img/icons/icon-tadam.png');
	text-align: center;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 34px;
	color: #fff;
	
}
.puzzle-preview .preview .tadam {
	top: 10px;
	right: 10px;
	width: 65px;
	height: 50px;
	padding-top: 15px;
	background-image: url('/img/icons/icon-tadam-large.png');
	font-family: Tahoma;
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
}
.puzzle-preview .preview .tadam span {
	font-family: Tahoma;
	font-size: 9px;
	line-height: 120%;
	font-weight: normal;
}

/* Теги */
ul.tags, ul.tags li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.tags li {
	float: left;
	margin: 0 10px 5px 0;
	color: #999;
	font-size: 90%;
	line-height: 140%;
}
ul.tags li a {
	padding-left: 10px;
	background: url('/img/icons/icon-link.gif') center left no-repeat;
	text-decoration: none;
	color: #39b41c;
}

.box ul.tags li {
	margin: 5px 10px 0 0;
	padding-left: 12px;
	font-size: 100%;
	line-height: 140%;
}
.box ul.tags li .remove {
	position: absolute;
	margin-top: 4px;
	margin-left: -12px;
	width: 9px;
	height: 9px;
	background: url('/img/icons/icon-remove-small.gif') center center no-repeat;
	cursor: pointer;
}


/* Комментарии */

.comments {
}
.comments h2 {
	width: 50%;
}
.comment {
	position: relative;
}
.comment .comment {
	margin-left: 25px;
}
.comment .user {
	margin-left: 0;
	min-height: 0;
}
.comment .userpic {
	margin-left: -25px;
	margin-top: 4px;
}
.comment .userpic img {
	width: 15px;
	height: 15px;
}
.comment .crown {
	margin-left: 1px;
	margin-top: -13px;
}
.comment .user .name a {
	font-size: 100%;
	line-height: 140%;
	font-weight: normal;
}
.comment .comment-body {
	margin: 0 0 15px 25px;
}
.comment .message {
	margin-top: 3px;
	/*
	font-family: Tahoma;
	font-size: 90%;
	line-height: 150%;
	*/
}
.date {
	text-transform: lowercase;
}

/* Личные сообщения */

.messages .comment {
	margin-bottom: 1px;
	padding: 0;
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 0.3em gray;
	-moz-box-shadow: 2px 2px 0.3em gray;
	-webkit-box-shadow: 2px 2px 0.3em gray;
}
.messages .comment .comment-body {
	position: relative;
	padding: 10px 15px 10px 45px;
	margin-left: 0;
	margin-bottom: 0;
	min-height: 35px;
}
.messages .comment .closer {
	position: absolute;
	top: 5px;
	right: 3px;
	z-index: 2;
}
.messages .comment .closer { display: block; }
.messages .collapsed .closer { display: none; }
.messages .comment .fade-out { display: none; }
.messages .collapsed .fade-out { display: block; }
.messages .comment .crown { margin-left: 6px; }
.messages .collapsed .crown { margin-left: 2px; }

.messages .comment .content {
	margin-left: 0;
	font-size: 115%;
	line-height: 140%;
}
.messages .collapsed .content {
	font-size: 100%;
	font-style: italic;
	line-height: 140%;
}
.messages .collapsed .small {
	font-size: inherit;
	line-height: inherit;
}
.messages .collapsed .date {
	display: none;
}

.messages .comment .userpic {
	margin-left: -35px;
}
.messages .comment .userpic img {
	width: 25px;
	height: 25px;
}

.messages ul.actions { margin: 5px 0 0 20px; }
.messages .collapsed ul.actions { margin: 5px 0 0 30px; }
.messages .collapsed ul.actions li { float: none; }

.messages .collapsed {
	cursor: pointer;
}
.messages .collapsed .comment-body {
	padding-left: 35px;
	min-height: 0;
	overflow: hidden;
}
.messages .collapsed .comment-inner {
	width: 10000px;
}

.messages .collapsed .comment-body .user,
.messages .collapsed .comment-body .user .userpic,
.messages .collapsed .comment-body .user .name,
.messages .collapsed .comment-body .message,
.messages .collapsed .comment-body .actions,
.messages .collapsed .comment-body .actions *,
.messages .collapsed .comment-body .content,
.messages .collapsed .comment-body .content * {
	display: inline;
	white-space: nowrap;
}
.messages .collapsed .userpic {
	margin: 0 0 0 -25px;
	padding: 1px;
}
.messages .collapsed .userpic img {
	width: 16px;
	height: 16px;
}
.messages .collapsed br { display: none !important; }
.messages .collapsed .fade-out { height: 100px; }

.messages .comment .reply-form .input { margin: 5px 0; }
.messages .collapsed .reply-form { display: none; }

.messages .collapsed .content .quote {
	font-weight: bold;
}

.box .comment .actions {
	display: none;
}


/* Сервисные элементы */

div.autocomplete {
  position: absolute;
  margin: 0px;  
  padding: 0px;  
  width: 250px;
  background: #fff;
  border: 1px solid #888;
  z-index: 100;
}

div.autocomplete ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

div.autocomplete ul li.selected { 
  background-color: #ffb;
}

div.autocomplete ul li {
  margin: 0;
  padding: 4px;
  display: block;
  list-style-type: none;
  cursor: pointer;
}

.button,
.button-large {
	width: auto;
	padding: 4px 10px 4px;
	border: 0;
	margin: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 2px 2px 0.3em gray;
	-moz-box-shadow: 2px 2px 0.3em gray;
	-webkit-box-shadow: 2px 2px 0.3em gray;
	text-align: center;
	font-size: 90%;
	line-height: 140%;
	text-decoration: none;
	cursor: pointer;
}
.button-large {
	padding: 5px 15px 6px;
	font-size: 120%;
	line-height: 130%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.button a,
.button-large a {
	text-decoration: none;
}

#flashMessage, #errorMessage {
	position: fixed;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	padding: 5px 15px;
	
	background-color: #f5f599;
	color: #000;
}

#errorMessage {
	background-color: #fce1d9;
	color: #AA0000;
	font-weight: bold;
}

#flash {
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	z-index: 100;
	padding: 10px 20px;
	background-color: #d50012;
	color: #FFFFFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

a.arrow {
	text-decoration: none;
}

#ajaxLoader { position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; }

.fade-out {
	display: block;
	position: absolute;
	z-index: 1;
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;			
	background: url('/img/fade-out-white.png') top left repeat-y;
}


/* Постраничный вывод */
.paginator {
	margin: 1em 0 3em 0;
	color: #999;
}
.paginator .current,
.paginator .pagelist li {
	position: relative;
	padding: 2px 6px;
	margin: 0 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #89ce22;
	color:#fff;
}
.paginator .pagelist a {
	text-decoration: none;
	color:#fff;
}
.paginator li.current {
	font-weight: bold;
	font-size: 120%;
	background-color: #e5e5e5;
	color: #333;
}
.paginator .ctrl {
	margin-top: 5px;
}
.paginator .ctrl li {
	font-size: 120%;
}

/* Таблица с данными */
table.data {
}
table.data th,
table.data td {
	padding: 10px;
	border-bottom: #ccc 1px solid;
	text-align: left;
}
table.data th {
	border-bottom: #da251d 3px solid;
	font-family: "Tahoma", sans-serif;
	font-size: 90%;
	line-height: 140%;
	font-weight: normal;
	color: #999;
}

/* Блоги */
.post-item {
	margin-bottom: 30px;
}
.post-item h1 {
	margin-bottom: 10px;
}
.post-item h2 {
	margin-bottom: 8px;
}
.post-item ul.tags {
}
.post-item .lead {
	margin: 4px 0;
	font-size: 120%;
	line-height: 140%;
}
#mainpage .post-item .lead {
	margin-right: 20px;
}
.post-item .body {
	margin: 10px 0;
	font-size: 120%;
	line-height: 140%;
}

.post-item .info {
	margin-top: 10px;
	font-family: Tahoma;
	font-size: 90%;
	line-height: 150%;
}
.post-item .user {
	margin-left: 25px;
	margin-right: 10px;
	float: left;
}
.post-item .user .userpic {
	margin-left: -25px;
	margin-top: 0;
}
.post-item .user .userpic img {
	width: 15px;
	height: 15px;
}
.post-item .crown {
	margin-left: 1px;
	margin-top: -13px;
}
.post-item .user .name a {
	font-size: 100%;
	line-height: 140%;
	font-weight: normal;
}
.post-item .info .comments {
	margin-right: 10px;
	margin-bottom: 0;
	float: left;
}
.post-item .info .comments a {
	text-decoration: none;
	color: #333;
}
.post-item .info .puzzle-rating {
	margin-top: 1px;
	float: left;
	width: 70px;
	height: 14px;
}
.post-item .info .puzzle-rating div {
	height: 14px;
}
.post-item .info .puzzle-rating span {
	line-height: 14px;
}


/* Платежные системы */
ul.pay-systems {
	margin: 30px 0;
	padding: 0;
	list-style-type: none;
}
ul.pay-systems li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	min-width: 80px;
	position: relative;
	text-align: center;
	list-style-type: none;
}
ul.pay-systems li a,
ul.pay-systems li span {
	display: block;
	text-decoration: none;
}
ul.pay-systems li img {
	margin-bottom: 10px;
}


/* Подарочки */

.gifts {
}
.gifts .gift {
	position: relative;
	float: left;
	padding-bottom: 5px;
	margin: 0 10px 15px 0;
	border: #fff 1px solid;
	text-align: center;
}
.gifts .gift * {
	cursor: pointer;
}
.gifts .gift .preview {
	margin-bottom: 5px;
}
.gifts .original {
	position: absolute;
	z-index: 2;
	padding-bottom: 5px;
	margin-left: -70px;
	margin-top: -70px;
}
.gifts .gift-selected {
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 0.2em gray;
	-moz-box-shadow: 2px 2px 0.2em gray;
	-webkit-box-shadow: 2px 2px 0.2em gray;
}
.gifts .gift-selected {
	background-color: #eee;
}


/* Товары */

body.shop #content {
	margin-top: 0;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	-moz-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;

}

#goods_menu {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	
	background-color: #f2f2f2;
	padding: 0;
	margin-top: 30px;
}
ul#good_rubrics {
	margin-left: 0;
}
ul#good_rubrics li {
	padding: 8px 15px 6px 15px !important;
	border-left: #fff 2px solid;
	font-size: 160%;
	line-height: 140%;
	margin-right: 0 !important;
}
ul#good_rubrics li:first-child {
	border-left: 0;
}
ul#good_rubrics li.selected {
	background-color: #fff;
}
ul#good_rubrics li.selected:first-child {
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}
ul#good_rubrics li.selected:last-child {
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
ul#good_rubrics li.selected a {
	text-decoration: none;
}

ul.goods {
	padding: 0;
	margin: 0;
}
ul.goods li {
	list-style-type: none;
	position: relative;
	float: left;
	padding: 10px;
	margin: 0 10px 20px 0;
	border: #fff 1px solid;
	text-align: center;
}
ul.goods li * {
	cursor: pointer;
}
ul.goods li:hover {
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 0.2em gray;
	-moz-box-shadow: 2px 2px 0.2em gray;
	-webkit-box-shadow: 2px 2px 0.2em gray;
}
ul.goods li .title, ul.goods li .price {
	margin-top: 10px;
}
ul.goods li .rubric {
	color: #777;
	font-size: 90%;
}
ul.goods li .price {
	color: #777;
}
ul.goods li .price span {
	font-family: Tahoma;
	font-size: 200%;
	color: #000;
}
ul.goods li .order {
	display: none;
	margin-top: -15px;
}
ul.goods li:hover .order {
	display: block;
}

ul.super-goods {
	
}

ul.good-offers {
	margin: 0;
	padding: 0;
}
ul.good-offers li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 10px 15px 15px 15px;
	border: #ddd 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 2px 2px 0.3em gray;
	-moz-box-shadow: 2px 2px 0.3em gray;
	-webkit-box-shadow: 2px 2px 0.3em gray;
}
ul.good-offers li div.price {
	margin-bottom: 10px;
	color: #777;
}
ul.good-offers li div.price span {
	font-size: 200%;
	color: #da251d;
}