body {
	padding: 0;
	margin: 0;
	background-color: #fff;	
}

body, input, select, textarea {
	font: normal 10pt tahoma, sans-serif;
}

input, textarea {
	padding: 1px 3px 1px 3px;
}

dl, dt, dd
{
	padding: 0;
	margin: 0;
}

a {color: #144E9D;}
a:visited {color: #144E9D}
a:hover, .dashed:hover {color: #b20}

.dashed
{
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
}

form {padding: 0px; margin: 0px;}

h1 {margin: 0px;}

img {border: 0px;}

ins {text-decoration: none;}

.bitmore {font-size: 1.1em;}
.bitless {font-size: 0.9em;}
.bitless2 {font-size: 0.7em;}

.minwidth {min-width: 910px;}

input[type=submit].styled, input[type=button].styled, button.styled {
	border: medium none;    
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
}

.folder_up
{
	color: #144E9D;
	text-decoration: none;
	font-size: 10px;
}
.folder_up span
{
	text-decoration: underline;	
	font-size: 12px;
}

.r.tl 
{ 
	background: url(/img/r/tl.png) no-repeat 0% 0%; 
	-background-image: none;
}
.r .tr
{ 
	background: url(/img/r/tr.png) no-repeat 100% 0%;
	-background-image: none;
}
.r .bl
{ 
	background: url(/img/r/bl.png) no-repeat 0% 100%;
	-background-image: none;
}
.r .br
{ 
	background: url(/img/r/br.png) no-repeat 100% 100%;
	-background-image: none;
}
.r2.tl 
{ 
	background: url(/img/r2/tl.png) no-repeat 0% 0%; 
	-background-image: none;
}
.r2 .tr
{ 
	background: url(/img/r2/tr.png) no-repeat 100% 0%;
	-background-image: none;
}
.r2 .bl
{ 
	background: url(/img/r2/bl.png) no-repeat 0% 100%;
	-background-image: none;
}
.r2 .br
{ 
	background: url(/img/r2/br.png) no-repeat 100% 100%;
	-background-image: none;
}
.rc
{
	padding: 10px;	
}

h4 
{ 
	font-size: 22px; 
	text-align: center; 
	margin: 7px; 
	font-weight: normal;
	
}

h4 .rss
{
	margin-left: 5px;
	position: relative;
	top: 2px;
	
}
h4 .twitter
{
	margin-left: 0;
	position: relative;
	top: 2px;
}

h3,h4,h5,h6
{
	color: #444;
}

h5 {
	font-size: 16px;
	margin: 25px 0 5px 0;
}

h6 {
	font-size: 15px;
	margin: 10px 0 5px 0;
}

.indent
{
	margin-left: 15px;
}
	
#head {
	background: white url(/img/top_back_gray.gif) repeat-x 0% 0%;
}
#head.green-back
{
	background: white url(/img/top_back.gif) repeat-x 0% 0%;
}
.userpanel
{
	height: 28px;
	border-bottom: 1px solid #737373;
	width: 100%;
	background: #aaa url(/img/userpanel_back.gif) repeat-x;
	position: relative;	
	color: #333;
	min-width: 990px;	
	z-index: 110;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.userpanel.logged
{
	height: 45px;
}
.userpanel.pinned
{
	position: fixed;
}
.userpanel a
{
	color: white;
	font-weight: bold;
}

.userpanel .user-block
{
	position: absolute;
    top: 0;
	right: 25px;
}
.userpanel, .userpanel * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.userpanel .user-block > table {
    height: 44px;
    border-collapse: separate;
}

.userpanel .user-block .user-dropdown {
    border-left: 1px solid #8f8f8f;
    height: 44px;
    padding: 0;
    position: relative;
    font-family: arial, sans-serif;
    outline: 0;
}
.userpanel .user-block .user-dropdown .drop-btn:hover {
    background: transparent url(/img/ui/userpanel/userpanel_back_highlight.png) repeat-x;
}
.userpanel .user-block .user-dropdown .mail {
    float: left;
    width: 55px;
    height: 44px;
    position: relative;
    cursor: pointer;
}
.userpanel .user-block .user-dropdown .mail img {
    position: relative;
    top: 9px;
    left: 0;
}
.userpanel .user-block .user-dropdown .mail .cnt {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 18px;
    height: 17px;
    padding-top: 1px;
    border-radius: 5px;
    background-color: #cf3733;
    border: 1px solid #a40b05;
    color: white;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    font-family: arial, sans-serif;
}
.userpanel .user-block .user-dropdown .mail .new-mail-add {
    transition: opacity .5s, transform .5s;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    opacity: 0;
    -webkit-transform: scale(10) translateY(5px);
    transform: scale(10) translateY(5px);
}
.userpanel .user-block .user-dropdown .mail .new-mail-add-active {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
/*.userpanel .user-block .user-dropdown .mail:after {
    content: '';
    display: inline-block;
    background: transparent url(/img/userpanel_divider.gif) no-repeat 0 0;
    opacity: 0.3;
    width: 3px;
    height: 44px;
    position: absolute;
    right: -3px;
    top: 0;
}*/
.userpanel .user-block .user-dropdown .name {
    cursor: pointer;
    display: inline-block;
    height: 44px;
    padding-left: 20px;
    padding-top: 11px;
    padding-right: 10px;
    font-size: 18px;
    color: white;
    text-shadow: 1px 1px 0 #888;
    border-right: 1px solid transparent;
}

.userpanel .user-block .user-dropdown .active .name,
.userpanel .user-block .user-dropdown .active .mail {
    position: relative;
    background: white;
    color: #444;
    text-shadow: none;
    z-index: 111;
    height: 47px;
}
.userpanel .user-block .user-dropdown .active .name .caret {
    border-top-color: #999;
}
.userpanel .user-block .user-dropdown .active .name {
    border-right: 1px solid #ccc;
}
.userpanel .user-block .user-dropdown .dropmenu {
    z-index: 110;
    width: 300px;
    height: 250px;
    background: white;
    position: absolute;
    top: 46px;
    right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 1px 25px -5px rgba(0,0,0,.5);
}
.userpanel .user-block .user-dropdown .dropmenu a {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    color: #444;
}
.userpanel .user-block .user-dropdown .dropmenu a:hover {
    color: #b20;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 {
    float: left;
    width: 180px;
    height: 250px;
    padding: 10px 15px;
}
/* button */
.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #357ebd;
    border-radius: 3px;
    white-space: nowrap;
    color: #ffffff;
    background-color: #428bca;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    margin: 0 0 0 -5px;
}

.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn:hover,
.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn:focus,
.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn:active,
.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn.active {
    background-color: #3276b1;
    border-color: #285e8e;
}

.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn:active,
.userpanel .user-block .user-dropdown .dropmenu .col1 a.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* END of button */


.userpanel .user-block .user-dropdown .dropmenu .col2 {
    float: left;
    width: 118px;
    height: 250px;
    padding-top: 10px;
}
.userpanel .user-block .user-dropdown .dropmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}
.userpanel .user-block .user-dropdown .dropmenu ul li {
    text-align: left;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li {
    margin-bottom: 20px;
}

.userpanel .user-block .user-dropdown .dropmenu .col2 ul {
    border-left: 1px solid #eee;
}
.userpanel .user-block .user-dropdown .dropmenu .col2 ul li a {
    padding-left: 10px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 2;
}
.userpanel .user-block .user-dropdown .dropmenu .col2 ul li a:hover {
    background: #f0f0f0;
}

.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.logout {
    position: absolute;
    bottom: 0;
    margin-bottom: 5px;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.logout a,
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.unread_mail a {
    display: block;
    width: 160px;
    padding: 5px;
    font-size: 13px;
    text-decoration: none;
    margin-left: -5px;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.logout a:hover,
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.unread_mail a:hover {
    background-color: #f0f0f0;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.logout a {
    background: transparent url(/img/ui/userpanel/off.png) no-repeat 5px 6px;
    padding-left: 24px;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 ul li.unread_mail a {
    background: transparent url(/img/ui/userpanel/mail_small.png) no-repeat 5px 5px;
    padding-left: 26px;
}
.userpanel .user-block .user-dropdown .dropmenu .col1 .note {
    color: #888;
}
.userpanel .user-block .name img {
    margin-right: 4px;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.userpanel .user-block .name span {
    vertical-align: middle;
}
.userpanel .user-block .name .caret {
    display: inline-block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-top: 4px solid white;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: middle;
}
.userpanel .user-block td
{
    padding-top: 5px;
	vertical-align: top;
	padding-left: 15px;
	text-align: right;
}
.userpanel .user-block .divider
{
	background-position: 100% -2px;
}
.userpanel .user-options-block
{
	font-size: 10px;
	padding-top: 3px;
}
.userpanel .user-options-block a
{
	
}
.userpanel .user-options-block .logout
{
	padding-left: 14px;
	background: transparent url(/img/logout.gif) no-repeat 0% 3px;
}
.userpanel .user-options-block .newmail
{
	padding-left: 12px;
	background: transparent url(/img/mail_small.gif) no-repeat 0% 2px;
	margin-right: 15px;
}
.userpanel .user-options-block .profile
{
	margin-right: 15px;
}

.userpanel .divider
{
	background: transparent url(/img/userpanel_divider.gif) no-repeat 0% 0%;
	width: 3px;
}


.userpanel #stats-block
{
	position: absolute;
	left: 30px;
	top: 4px;
}
.userpanel .gametype
{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 0 10px 2px 0;
}
.userpanel .gametype a
{
	text-decoration: none;
	border-bottom: 1px dashed;
	cursor: pointer;	
}
.userpanel .gametype #gametype-loading 
{
	position: absolute;
	margin-left: -20px;
}
.userpanel #stats-block .value 
{
	color: white;
	font-weight: bold;	
}
.userpanel #stats-block td.title
{
	padding: 0 3px 0 5px;
	text-align: right;
	font-size: 11px;
}
.userpanel #stats-block td.value
{
	padding-right: 7px;
}
.userpanel .rating
{
	padding-right: 10px;
	font-size: 11px;
}
.userpanel .rating a
{
	font-size: 12px;
}
.userpanel #stats-block .divider
{
	
}

#userpanel-dummy
{
	height: 45px;
}

.userpanel #pin
{
	position: absolute;
	right: 1px;
	top: 1px;
	width: 18px;
	height: 18px;
	background: transparent url(/img/pin.png) no-repeat 1px 1px;
	display: block;
	border: 1px solid transparent !important;
	cursor: pointer;
}
.userpanel #pin.active
{
	background: #aaa url(/img/pin.png) no-repeat 1px 1px;
	border: 1px solid #888 !important;
	padding: 0;
}
#gametype-select
{
	z-index: 50000;	
}
.userpanel .scores-table
{
	border-collapse: collapse;
}
.userpanel .scores-table td
{
	padding: 0 5px 0 5px;
	vertical-align: baseline;
}
.userpanel #userpanel-scores-container a
{
	font-size: 10px;
	color: #cef8cb;
	position: relative;
	top: -2px;
}
.userpanel #userpanel-scores-container
{
	font-size: 14px;
	font-weight: bold;
	color: #b7ffb3;
	text-align: left;
}
.userpanel .scores-table .bonus-activate {
	vertical-align: middle;
}
.userpanel .bonus-activate-button {
	border: 2px solid #9cf2ff;
	border-radius: 15px;
	height: 19px;
	width: 19px;
	cursor: pointer;
	position: relative;
}
.userpanel .bonus-activate-button > div {
    position: absolute;
    background-color: #9cf2ff;
}
.userpanel .bonus-activate-button .vertical-line {
    width: 11px;
    height: 3px;
    top: 6px;
    left: 2px;
}
.userpanel .bonus-activate-button .horizontal-line {
    height: 11px;
    width: 3px;
    left: 6px;
    top: 2px;
}
.userpanel #userpanel-dailybonus {
	font-size: 9px;
	cursor: default;
	position: relative;
	top: -1px;
}
.userpanel #userpanel-level
{
	width: 55px;
	padding-left: 8px;
	padding-right: 15px;
	cursor: default;
    border-right: 1px solid #bebebe;
}
.userpanel #userpanel-level-container
{
	background: transparent url(/img/userpanel-level.png) no-repeat 0% 0%;
	height: 39px;
	width: 52px;
	overflow: hidden;
	text-align: left;
	top: -3px;
	position: relative;
}
.userpanel #userpanel-level-value,
.userpanel #userpanel-level-value-shadow
{
	width: 52px;
	color: #6c4300;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
	display: inline-block;
	position: absolute;
}
.userpanel #userpanel-level-value-shadow
{
	display: block;
	color: #feea77;
	margin: 1px 0 0 1px;
	position: absolute;
	top: 15px;
}
.userpanel #userpanel-level-progress
{
	position: absolute;
	top: 0px;
	background: transparent url(/img/userpanel-level/3.png) no-repeat 0% 0%;
	width: 52px;
	height: 39px;
}
.userpanel #userpanel-bonuses
{
	font-size: 14px;
	font-weight: bold;
	color: #9cf2ff;
	text-align: left;
	cursor: pointer;
}

.topbanner-back, .ownbanner-back
{
	background: white  url(/img/banner_landscape2.jpg) repeat-x;
	padding: 5px 13px 6px 13px;	
	position: relative;
	overflow: hidden;
	z-index: 108;
}
.ownbanner-back.fuel {
    background: white url(/img/fuel/banner-back.png) repeat-x;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
}
.banner-clouds
{
	z-index: -1;
	
}
.banner-cloud
{	
	position: absolute;
	display: block;
	//display: none;
}
.banner-airplane
{
	height: 90px;
	margin: 0 auto;
	padding: 2px 77px;
	z-index: 2;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.w728 .banner-airplane
{
	width: 728px;
	background: transparent url(/img/banner_airplane_728.png) no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_airplane_728.png', sizingMethod='crop');
}
.w768 .banner-airplane
{
	width: 768px;
	background: transparent url(/img/banner_airplane_768.png) no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_airplane_768.png', sizingMethod='crop');
}
.w600 .banner-airplane
{
	width: 600px;
	background: transparent url(/img/banner_airplane_600.png) no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_airplane_600.png', sizingMethod='crop');
}
.w800 .banner-airplane
{
	width: 800px;
	background: transparent url(/img/banner_airplane_800.png) no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_airplane_800.png', sizingMethod='crop');
}
.fuel .banner-airplane {
    background: transparent !important;
    padding: 0;
}
.banner-airplane .banner-content
{
	height: 90px;
	background: white;
	position: relative;
}
.fuel .banner-content {
    width: 960px;
    margin: 0 auto;
    background: transparent url(/img/fuel/banner.png);
    position: relative;
}
.fuel .banner-content .fuel-month {
    position: absolute;
    left: 350px;
    top: 60px;
    font-size: 15px;
    font-weight: bold;
    color: #4ee8ff;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
.fuel .banner-content .arrow {
    width: 46px;
    height: 46px;
    background: transparent url(/img/fuel/arrow-small.png);
    position: absolute;
    left: 565px;
    top: 30px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;

}
#topads_dummy {
	height: 90px;
	background: transparent;
}
.w728 .banner-airplane .banner-content
{
	width: 728px;
}
.w768 .banner-airplane .banner-content
{
	width: 768px;
}
.w600 .banner-airplane .banner-content
{
	width: 600px;
}
.w800 .banner-airplane .banner-content
{
	width: 800px;
}
#head
{
	position: relative;
}
#head #logo
{
	padding: 13px 0px 13px 30px;
	float: left;
}
#head .right
{	
	text-align: right;
	position: relative;
	padding: 20px 0 0 0;
}


#head .right .menu
{
	margin: 15px 10px 0 0;	
}
#head .right .menu a
{
	color: #46810b;
	font-size: 14px;
	float: right;
	position: relative;
	display: block;	
	width: 91px;
	height: 35px;
	text-align: center;
	margin-right: 0px;
}
#head .right .menu a:hover
{
	color: #b20;
}
#head .right .menu a.active
{
	color: white;
	background: white url(/img/menu_active.gif) no-repeat 0% 0%;	
	margin-top: -4px;
	padding-top: 4px;
	text-decoration: none;
}


#head .right .name
{
	font-size: 1.2em;
}

.login-block
{
	color: #888;
	padding: 0 33px 0 0;
}
.login-block a, .userpanel .login-block a:hover 
{	
	cursor: pointer;
	padding-left: 23px;
	background: transparent url(/img/key.png) no-repeat 0% 1px;
	-background-image: none;
	text-decoration: none;
}
.login-block a span
{
	border-bottom: 1px dotted;	
}
.login-block .error
{
	color: #b00;
	margin-right: 20px;
}


#logintable
{
	border-spacing: 0px;
}
#logintable td
{
	padding: 0px 1px 0px 1px;
}
#logintable th
{
	vertical-align: bottom;
	font-weight: normal;
	color: #aaa;
	padding-left: 3px;
	font-size: 0.9em;
}
#logintable .login_submit
{
	width: 30px;
	height: 30px;
}
#logintable .error { color: red; }
#loginform .text
{
	width: 150px;
	font-size: 18px;
}
#register_link
{
	text-align: right;
	font-size: 0.9em;
	padding: 5px 0px 0px 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.bar
{
	clear: both;
	width: 100%;
	background: transparent url(/img/graydots2.gif) repeat-x;
	height: 3px;
}



#content
{		
	padding: 15px 30px 0px 30px;
	min-height:500px;
}

* html #content {padding-left:940px}
* html .minwidth {height:0} /* holy hack для IE, что бы включить свойство hasLayout */
* html .minwidth_container {margin-left:-910px;position:relative; height:0}

#line
{
	clear: both;
	background: white url('/img/line.gif') repeat-x top;
	height: 19px;
}


	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		/*overflow:hidden;*/		/* This chops off any overhanging divs */
	}
	.col1,
	.col2,
	.col3,
	.col4 {
		float:left;
		position:relative;
		-overflow: hidden;
	}
	
	/* 3 Column settings 25-37-38 */
	.threecol233 .col1 {
		width:23%;			
		left:0;			
	}
	.threecol233 .col2 {
		width:33%;			
		left:4%;			
	}
	.threecol233 .col3 {
		width:36%;			
		left:8%;			
						
	}
	
	/* 3 Column settings 33-34-33 */
	.threecol333 .col1 {
		width:31%;			
		left:0;			
	}
	.threecol333 .col2 {
		width:30%;			
		left:4%;			
	}
	.threecol333 .col3 {
		width:31%;			
		left:8%;		
	}
	
	/* 2 Column settings 25-75 */
	.twocol13 .col1 {
		width:23%;	
		left:0;		
			
	}
	.twocol13 .col2 {
		width:73%;			
		left:4%;		
	}
	
	/* */
	
	.twocol11 .col1 {
		width:48%;	
		left:0;		
			
	}
	.twocol11 .col2 {
		width:48%;			
		left:4%;		
	}
	
	/* 4 Column settings 25-25-25-25 */
	.fourcol .col1 {
		width:23%;	
		left:0;					
	}
	.fourcol .col2 {
		width:21%;			
		left:4%;		
	}
	.fourcol .col3 {
		width:21%;			
		left:8%;		
	}
	.fourcol .col4 {
		width:23%;			
		left:12%;		
	}


#index h4
{
	text-align: left;
	margin: 0 0 15px 0;
	color: #d60;
	
}

#index .secondrow
{
	margin-top: -10px;
}



#newblog
{
	padding-top: 15px;
}

#newblog .post {
    padding: 4px 8px 6px 8px;
    position: relative;
    left: -8px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 8px;
}

#newblog .post.new {
    background: #fff5df;
}

#newblog .post.new a {
    color: #703b30;
}

#newblog .post.new .excl {
    color: #e4420a;
    font-size: 11px;
    margin-left: 5px;
}

#newblog .date
{
	color: #777777;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	vertical-align: baseline;
}
#newblog .title
{
	font-size: 15px;

	vertical-align: baseline;
}

#index
{
	font-size: 14px;
}

#index #info
{
	padding: 15px 15px 0px 0;
	font-size: 13px;
}

#index #info h4
{
	font-size: 18px;
	padding: 8px 0 0 48px;
	height: 38px;
	background: transparent url(/img/exclamation_big.gif) no-repeat 0% 0%;
	color: #d60;
	margin: 0;
}

#index #info p
{
	margin-top: 0;
}


#top
{
	background: #faf9ed;
	margin: 0px 0px 15px 0px;
	position: relative;
	font-size: 13px;
}
#top h4
{
	margin-bottom: 5px;
}
#top .rc
{
	padding: 15px 15px 40px 15px;
}

#top table { margin: 0; width: 100%; margin-top: 10px; }

#top td, #top th { vertical-align: baseline; text-align: left; padding: 2px 2px 2px 5px; white-space: nowrap; font-weight: normal; }
#top td { padding-right: 10px; padding-bottom: 5px;}
#top td.date { color: #777; text-align: right; font-size: 10px; }

#top .user:not(:hover) {
    text-decoration: none;
}



.switch a
{
	padding: 5px;
	margin: 0px 6px 0 0;
	color: #b20;
	
}
.switch span
{
	padding: 5px;
	background-color: #b20;
	color: white;
	margin: 0px 6px 0 0 ;
    border-radius: 3px;
}

#top a.link
{
	position: absolute;
	right: 15px;
	margin-top: 5px;
	margin-bottom: -5px;
}

#top .note {
	color: #555;
	font-size: 12px;
	margin-top: 8px;
}

#index #live
{
	padding: 15px 0 35px 15px;
	position: relative;
	overflow: hidden;
}
#index #live .subheader
{
	margin-top: 15px;
}
#index #live ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
}
#index #live li
{
	margin: 10px 0 0 0;	
	white-space: nowrap;
}
#index #live li .time
{
	color: #777;
	margin-right: 5px;
	font-size: 11px;
}
#index #live li .title
{
	color: black;
}
#index #live li .title2
{
	color: #777;
	font-size: 11px;
}
#index #live li .title:hover
{
	color: #b20;
}
#index #live li .comments_num
{
	margin-left: 5px;
	color: #b20;
	font-size: 11px;
}
#index #live li i
{
	color: #777;
	font-style: normal;
	font-size: 10px;
	position: relative;
	bottom: 1px;
}
#index #live .link
{
	position: absolute;
	left: 15px;
	bottom: 0;
}
#index #live .grad
{
	display: inline;
	width: 15px;
	height: 16px;
	position: absolute;
	right: 0;
	z-index: 10;
	background: transparent url(/img/white_grad.png) no-repeat 0% 0%;
}

#review
{
	margin-top: 40px;
	width: 227px;
	position: relative;
}
#review .ball .top
{
	background: transparent url(/img/review_backtop.gif) no-repeat 0% 0%;
	height: 22px;		
}
#review .ball .content
{
	font-size: 11px;
	background: transparent url(/img/review_backbot.gif) no-repeat 0% 100%;
	padding: 0 53px 5px 15px;
}
#review .portrait
{
	width: 227px;
	height: 121px;
	background: white url(/img/review.gif) no-repeat 0% 0%;
}
#review .desc
{
	color: #777;
	font-size: 10px;
}
#review .text
{
	margin-top: 10px;
}
#review .add
{
	position: absolute;
	left: 15px;
	bottom: 5px;
	color: #144E9D;
	font-size: 11px;
}
#review .refresh
{
	position: absolute;
	right: 0px;
	bottom: 5px;
	cursor: pointer;
}

.index-icon-container
{	
	width: 213px;
	text-align: left;
}
.index-icon-container p
{
	margin: 5px 0 0 0;
}
.index-icon-container a
{
	font-size: 22px;
	display:block
}
.index-icon-container a img
{
	border: 0;
}
.index-icon-container.quickstart a
{
	color: #429a03;	
}
.index-icon-container.gamelist a
{
	color: #ee771e;
}
.index-icon-container.create a
{
	color: #b20;
}
.index-icon-container.quickstart img
{
	margin-left: -20px;
}
.index-icon-container.quickstart a.title, .index-icon-container.quickstart p
{
	margin-left: 15px;
}
.index-icon-container.gamelist a.title, .index-icon-container.gamelist p
{
	margin-left: 30px;
}
.index-icon-container.create a.title, .index-icon-container.create p
{
	margin-left: 50px;
} 

#footer
{	
	clear: both;
	background-color: #fff;
	text-align: right;
    padding: 1px 10px;
}
#footer #copyright
{
	padding-right: 20px;
}
#footer #links
{
	color: #aaa;
}


#yad
{
	margin: 15px auto 15px auto;
	text-align: center;
	width: 468px;
}

#hello
{
	margin: 2px 2px;
}


.warning {
 color: #8D1818;
 background-color: #EEF9A4;
}

.play-wrapper
{
	margin: 0 -28px 0 -20px;
}
.play-overall-table
{
	border-collapse: collapse;
	margin: 0 auto 0 auto;
}
.play-overall-table td
{
	padding: 0;
	vertical-align: top;
}

#play-overall
{
	margin-left: 0px;
}
#play-right
{
	min-width: 200px;
	max-width: 300px;
	margin-left: 15px;
}
@media screen and (min-width: 1280px) {
    #play-right.with-ads {
        max-width: 336px;
    }
}
#play-right h4
{
	margin: 0;
	font-size: 18px;
}
#play-right #invite
{
	background: #F8F4E6;	
	margin-top: 10px;	
}
#play-right #invite #invite-link
{
	width: 90%;
}
#play-right #invite table
{
	width: 100%;
}
#play-right #invite #friends-list
{
	border: 1px solid #e8e4d6;
	padding: 5px;
	background: #FbF9f6;
	margin: 10px 0 0 0;
}
#play-right #invite #friends-list img {
    position: relative;
    top: -1px;
}
#play-right #invite #friends-list a
{
	color: #144E9D;
}
#play-right #invite #select-all
{
	border-bottom: 1px dashed #144E9D;
	cursor: pointer;
    text-decoration: none;
    margin-top: 3px;
    display: inline-block;
}
#play-right #invite .none
{
	color: #888;
}

#play-right .invite-btn {
    margin-top: 3px;
}

#params
{
	background: #F8F4E6;
	margin-bottom: 10px;
	line-height: 1.6em;
}
#params input
{
	position: relative;
	top: 1px;	
}
#params .left
{
	text-align: left;
}
#params label
{
	cursor: pointer;
    font-weight: normal;
    margin-left: 5px;
    margin-bottom: 0;
}
#params a
{
	text-decoration: none;
	border-bottom: 1px dashed;
}
#params .n
{
	color: #777;
	border-bottom: none;
}
#params a.nn, #params a.nn:hover
{
	color: #777;
	border-color: #777 !important;
}

#params .note {
	color: #777;
	font-size: 9px;
	line-height: 1em;
    margin-bottom: 4px;
}

#params .pro {
	color: #f00;
	font-size: 11px;
	line-height: 1em;
    margin-bottom: 4px;
}

#params table
{
	border-collapse: collapse;
}
#params table td
{
	vertical-align: bottom;
	white-space: nowrap;
}
#params table td select
{
	margin-left: 10px;
}
.slider
{
	background: transparent url(/img/slider_back_80.gif) no-repeat 0% 0%;
	position: relative;	
	height: 16px;	
	cursor: pointer;
}
.slider.slider-scalable
{
	background: white url(/img/slider_back_scalable_white.gif) no-repeat -4px 0%;
}
.slider.slider-scalable .slider-right
{
	background: white url(/img/slider_back_scalable_white.gif) no-repeat 0% 0%;
	height: 16px;
	width: 4px;
	position: absolute;
	right: 0;
	display: block;
}
.slider .handle
{
	background: transparent url(/img/slider_handle.gif) no-repeat 0% 0%;
	width: 15px;
	height: 16px;
	cursor: pointer;
	margin: 0 2px;
	position: absolute;
}

#params .slider
{
	width: 90px;
	margin: 0 10px;
	
}
#params .slider.off
{
	background: transparent url(/img/slider_back_80_off.gif) no-repeat 0% 0%;
}
	

#gameloading
{
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
	width: 230px;
}
#gameloading .rc
{
	padding: 20px;
}
#gameloading .gameloading-content
{
	font-size: 24px;
	color: #d60;
	background: transparent url('/img/loading.gif') no-repeat left;
	padding: 20px 60px;
}


.gameblock
{
	text-align: left;
	margin: 15px 0;
	width: 740px;
}

.gameblock .handle
{	
	width: 16px;
	height: 16px;
	position: absolute;
	left: 1px;
	top: 1px;	
	z-index: 100;
	cursor: move;
	background: transparent url('/img/dragdrop.gif') no-repeat 0% 0%;
}
.gameblock .rc .handle
{
	background: transparent url('/img/dragdrop2.gif') no-repeat 0% 0% !important;
}
.gameblock .people
{
	position: relative;
	height: 30px;
	z-index: 100;
	margin-left: 50px;
}
.gameblock .people img
{
	position: absolute;
}
#sortable.hover
{
	border: 2px dashed #777;
}

#gameinfo
{
	width: 740px;
	text-align: left;
}
#gameinfo #yad
{
	margin: 20px 100px 0px 100px;
}

#gamedesc
{
	text-align: left;
	color: black !important;
	font-size: 14px;
	margin-bottom: 10px;
}

#players-count-lbl {
	clear: both;
	font-size: 20px;
	float: left;
	position: relative;
	top: 15px;	
	z-index: 105;
}

#players-count-lbl b {
	margin-left: 10px;
	font-size: 11px;
	font-weight: bold;
	border-radius: 3px;	
	padding: 1px 5px;
	top: -2px;
	position: relative;
	cursor: default;
}
#players-count-lbl b.l0 {
	color: #999;
	background-color: #f3f3f3;
	position: relative;
	padding-right: 20px;
}
#players-count-lbl b.l0 i {
	position: absolute; 
	right: 4px; 
	top: 3px;
	background: url(/img/help_gray.gif) no-repeat 0% 0%;
	display: block;
	width: 10px;
	height: 10px;
}
#players-count-lbl b.l1 {
	color: #555;
	background-color: #f3f3f3;
}
#players-count-lbl b.l2 {
	color: #185a19;
	background-color: #edffed;
}
#players-count-lbl b.l3 {
	color: #0e6e10;
	background-color: #deffdf;
}
#players-count-lbl b.l4 {
	color: #056300;
	background-color: #b3ffb5;
}
#players-count-lbl b.l5 {
	color: #e1ffe1;
	background-color: #469642;
}

	
#info_private input
{
	width: 240px;
	margin-top: 2px;
}

#gameinfo #notlogged
{
	margin-bottom: 10px;
	color: #900;
}

 #status
{
	font-size: 14px;
	padding: 0 0px 0px 50px;
	height: 90px;
	text-align: left;
	background: transparent url('/img/semaphore.png') no-repeat 0px 0px;
}

#status table
{
	height: 90px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 400px;
}
#status table td
{
	height: 34px;
}
#status table .gametype-sign-wrapper {
    padding-right: 15px;    
    padding-left: 5px;
    vertical-align: middle;
}
#status table td#gamedesc
{
	vertical-align: bottom;
	padding-bottom: 4px;
}
#status table td#gamedesc a
{
	text-decoration: underline;
	border: 0;
}
#status table td#status-inner
{
	vertical-align: top;
	padding-top: 1px;
}

#status.ready {background-position: 0 -90px;}
#status.steady {background-position: 0 -180px;}
#status.go {background-position: 0 -270px;}

#status a { text-decoration: none; border-bottom: 1px dashed #144E9D; }

.gameblock#status-block .handle
{
	background: transparent;
	width: 40px;
	height: 100px;
}

#speedpanel
{
	background: white url('/img/panel800.gif') no-repeat 100% 0px;
	position: relative;
}
#speedpanel #speed-label
{
	position: absolute;
	width: 30px;
	right: 160px;
	top: 63px;
	color: white;
	font-size: 16px;
	text-align: center;
	z-index: 100;
}
#speedpanel #errors-label
{
	position: absolute;
	width: 47px;
	right: 47px;
	top: 40px;
	color: white;
	font-size: 24px;
	text-align: center;
}
#speedpanel-canvas
{
	position: absolute;
	right: 0;
	top: 0;
}

input.text
{
	font-size: 12px;
}

#typeblock
{
	margin: 0;
	width: 740px;
	position: relative;
}

#fontsize_cont
{
	font-size: 17px;
}

#typetext {
	text-decoration-skip-ink: none;
}

#typetext.preview
{
	/*color: #555;*/
	opacity: 0.5;
}
#typetext.line .highlight, #typetext.line .highlight_error
{
	font-weight: bold;	
}
#typetext .highlight, #typetext .highlight_error
{
	color: #33a;
}

#typetext.full .highlight, #typetext.full .highlight_error
{	
	text-decoration: underline;
}

.highlight_error
{
	color: red!important;
}

#typeblock a#param_keyboard
{
	border-bottom: 1px dashed;
	cursor: pointer;
	font-size: 1.1em;
}

#typeblock #hiddentext
{
	text-align: center;
	background-color: #aaa;
	color: white;
	padding: 15px;		
	font-weight: bold;
	text-shadow: 1px 1px 0 #888;
}

#typeblock a { 
	border-bottom: 1px dashed black;
	text-decoration: none;
}

#typeblock #bookinfo
{
	font-size: 15px;
	color: #777;
	padding: 0 10px;
	text-align: center;	
}
#typeblock #bookinfo a
{
	border: 0px;
	text-decoration: underline;
	position: relative;
	color: #144E9D;
}
#typeblock #bookinfo a:hover {
	color: #b20;
}
#typeblock #bookinfo i
{
	left: -35px;
	top: 0px;
	position: absolute;
	width: 30px;
	height: 20px;
}
#typeblock #bookinfo .name
{
	font-size: 23px;
	overflow: hidden;
	color: black;
}

#typeblock #bookinfo #book
{
	margin: 0 auto;
}
#typeblock #bookinfo #book th
{
	padding-right: 25px;	
}
#typeblock #bookinfo #book td
{
	text-align: left;	
	vertical-align: middle;
	font-size: 15px;
	color: #777;
}
#typeblock #bookinfo #book td .author
{
	color: black;
	margin: 20px 0 0 0;
}

#typeblock #bookinfo .voc_rating > div {
	display: inline-block;
	width: 80px;
}

#typeblock #bookinfo .bar
{
	margin-top: 10px;
}

#typeblock #bookinfo #again
{		
	margin-top: 5px;
	width: 100%;
}
#typeblock #bookinfo #again td
{
	vertical-align: top;
	width: 50%;
	padding: 0 10px;
}
#typeblock #bookinfo #again .hotkey
{
	font-size: 14px;
	margin: 0 10px;
	color: black;
}
#typeblock #bookinfo #again .hotkey.alone
{
	position: absolute;
	margin-top: 2px;
}
	
#typeblock #bookinfo #again .note,
#typeblock #bookinfo #again .bitless
{
	font-size: 12px;
}
#typeblock #bookinfo #again a
{
}
#typeblock #bookinfo #ozon
{
	margin: 10px auto;
	
}
#typeblock #bookinfo #ozon th, #typeblock #bookinfo #ozon td
{
	text-align: left!important;
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
}
#typeblock #bookinfo #book .book-border
{
	background: white;
	padding: 1px;
	border: 1px solid #888;
}
#typeblock #bookinfo #book img
{
	border: 0px;
}
#typeblock #replay
{
	font-size: 16px;
	margin-top: 5px;
	text-align: center;
}
#typeblock #replay a
{
	text-decoration: underline;
	border: 0px;
}
#typeblock .correct_errors_text {	
	background: #FAFAFA;
    border-radius: 10px;
    color: #555555;
    margin: 10px 0;
    padding: 10px;
    text-align: left;
    box-shadow: 0 0 15px #ccc; 
}


#fixtypo
{
	position: absolute; 
	top: 0;
	color: red; 
	font-size: 15px;
}

#inputtext
{
	clear: both;
	font-size: 25px;
	width: 710px;
	margin-top: 19px;
	border-width: 1px;
	background-color: white;
	box-shadow: 0 0 15px #fff;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

#inputtext.error {
 color: #fff;
 background-color: #a00;
}


#report
{
	text-align: left;
	padding: 5px 0 0 0;
	float: left;
}

#report a
{
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
	margin-right: 8px;
}

#errors_tab
{
	margin: 0 auto;
	width: 200px;
	height: 24px;
	background: #f9f5e9 url('/img/errors_tab.gif') no-repeat 0% 0%;
	color: #144E9D;
	padding: 3px 0 0 0;
	text-align: center;
}
#errors_tab a
{
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
	cursor: pointer;
}
#errorwork
{
	float: right;
	padding: 5px 0 0 0;
	text-align: right;
}
#errorwork a
{
	text-decoration: none;
	border-bottom: 1px dashed #2a0;
	color: #2a0;
}
#errors_text p
{
	background-color: #f9f5e9;
	padding: 14px;
	margin: 0 14px;
	position: relative;
	font-size: 17px;
}
.errors_text .error
{
	color: #a00;
	background: url(/img/wavyline.gif) repeat-x 100% 100%;
 	padding-bottom: 2px; 	
}
.errors_text s.error
{
	color: red !important;
}

#errors_text p.premium_abra_errors {
	padding-top: 0;
	font-size: 12px;
	color: #555;
	line-height: 1.4em;
}
#errors_text p.premium_abra_errors a {
	color: #555;
}
#errors_text p.premium_abra_errors span {
	background-color: #e3dcc8;
	padding: 1px 4px;
	border-radius: 3px;
	font-weight: bold;
}
#errors_text p.premium_abra_errors sup {
	font-size: 9px;
}

.disabled
{
	background-color: white;
	border: 1px solid #ccc;
	color: #ccc;
}

#players
{
	padding: 10px 0px 10px 0px;
	background-color: white;
	overflow: hidden;
}

.player
{	
	width: 740px;
	height: 72px;
	padding: 10px;
	position: relative;
	background: white url('/img/finish.gif') repeat-y right;	
}

.player .divider 
{
	background: #ca0 url('/img/divider.gif') repeat-x;
	width: 720px;
	height: 4px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
}

.player .rating
{
	position: absolute;
	left: 10px;
	bottom: 15px;
	font-size: 16px;
	font-weight: normal;
	z-index: 50;
}
.player .rating div
{
	display: inline;
	margin-right: 22px;
	white-space: nowrap;
}
.player .rating .stats
{
	position: absolute;
	left: 150px;
	bottom: 0px;
	white-space: nowrap;
	height: 25px;
	
}
.player .rating .place
{
	font-size: 1.5em;
}
.player .rating .place1
{
	color: #aa5;
}
.player .rating .place2
{
	color: #777;
}
.player .rating .place3
{
	color: #a55;
}

.player .rating .rating_gained
{
	background: white url(/img/rating_gain_back.gif) no-repeat 0% 0%;
	font-size: 10px;
	color: #a24e16;
	width: 30px;
	height: 15px;
	position: absolute;
	margin-left: 5px;
	top: 8px;
	padding-top: 1px;
	text-align: center;
}



.you { font-weight: bold; }
	

.car
{
	position: relative;
	left: 0px;
	border-spacing: 0px;
	
}
.car td, .car th
{
	padding: 0px;
	vertical-align: bottom;
}
.car .name
{
	width: 115px;
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}
.name_content {overflow: hidden; padding-bottom: 1px; width: 115px;}
.name_content table{width: 0%;margin:0px 0px 0px auto;}
.name_content a, .name_content a:visited
 {
 	text-decoration: none;
 	color: #144E9D !important; 
 	border-bottom: 1px dotted #144E9D !important;
 }
.name_content th { padding-right: 3px; }
.name_content td { padding-bottom: 1px; }

.player .name_content .top-award {
    position: relative;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 15px;
}

.player img.noerror-fail {
    position: absolute;
    z-index: 1;
}

.nick_content
{
	position: relative;
}


.car .imgcont
{
	overflow: hidden;
	width: 100px;
	height: 50px;
	position: relative;
    transition: opacity 0.5s;
}
.car .imgcont.leave {
    opacity: 0.3;
}
.car .img
{
	position: absolute;
    top: 0px;
    left: 0px;
	width: 100px;
	height: 50px;
	border: 0px;
}

.car .car_rating
{
	position: absolute;
	right: 0px;
	top: -2px;
	font-weight: normal;
	font-size: 11px;
}
.award
{
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0px;
	top: 1px;
	background: white url('/img/awards-5.gif') no-repeat 0% 0%;
}

.award1 { background-position: 0px; }
.award2 { background-position: -10px; }
.award3 { background-position: -20px; }
.award4 { background-position: -30px; }
.award5 { background-position: -40px; }
.award6 { background-position: -50px; }
.award7 { background-position: -60px; }
.award8 { background-position: -70px; }
.award1b { background-position: -80px; }
.award2b { background-position: -90px; }
.award3b { background-position: -100px; }

.car .car1 { background: white url('/img/cars/1-1.png') no-repeat; }
.car .car2 { background: white url('/img/cars/2-1.png') no-repeat; }
.car .car3 { background: white url('/img/cars/3-2.png') no-repeat; }
.car .car4 { background: white url('/img/cars/4-2.png') no-repeat; }
.car .car5 { background: white url('/img/cars/5-2.png') no-repeat; }
.car .car6 { background: white url('/img/cars/6-1.png') no-repeat; }
.car .car7 { background: white url('/img/cars/7-1.png') no-repeat; }
.car .car8 { background: white url('/img/cars/8-1.png') no-repeat; }
.car .car9 { background: white url('/img/cars/9-1.png') no-repeat; }
.car .car10 { background: white url('/img/cars/10-1.png') no-repeat; }
.car .car11 { background: white url('/img/cars/11-3.png') no-repeat; }
.car .car12 { background: white url('/img/cars/12-1.png') no-repeat; }
.car .car13 { background: white url('/img/cars/13-3.png') no-repeat; }
.car .car14 { background: white url('/img/cars/14-1.png') no-repeat; }
.car .car15 { background: white url('/img/cars/15-3.png') no-repeat; }
.car .car16 { background: white url('/img/cars/16-3.png') no-repeat; }
.car .car17 { background: white url('/img/cars/17-3.png') no-repeat; }
.car .car18 { background: white url('/img/cars/18-4.png') no-repeat; }
.car .car19 { background: white url('/img/cars/19-1.png') no-repeat; }
.car .car20 { background: white url('/img/cars/20-2.png') no-repeat; }
.car .car21 { background: white url('/img/cars/21-1.png') no-repeat; }
.car .car22 { background: white url('/img/cars/22-3.png') no-repeat; }
.car .car23 { background: white url('/img/cars/23.png') no-repeat; }
.car .car24 { background: white url('/img/cars/24-1.png') no-repeat; }
.car .car25 { background: white url('/img/cars/25-1.png') no-repeat; }
.car .car26 { background: white url('/img/cars/26-1.png') no-repeat; }
.car .car27 { background: white url('/img/cars/27.png') no-repeat; }
.car .car28 { background: white url('/img/cars/28.png') no-repeat; }
.car .car29 { background: white url('/img/cars/29.png') no-repeat; }
.car .car30 { background: white url('/img/cars/30-1.png') no-repeat; }
.car .car31 { background: white url('/img/cars/1005-1.png') no-repeat; }
.car .car32 { background: white url('/img/cars/1007-1.png') no-repeat; }
.car .car33 { background: white url('/img/cars/33.png') no-repeat; }
.car .car34 { background: white url('/img/cars/34.png') no-repeat; }
.car .car35 { background: white url('/img/cars/35-1.png') no-repeat; }
.car .car36 { background: white url('/img/cars/36.png') no-repeat; }
.car .car37 { background: white url('/img/cars/37.png') no-repeat; }
.car .car38 { background: white url('/img/cars/38-1.png') no-repeat; }
.car .car39 { background: white url('/img/cars/39-1.png') no-repeat; }
.car .car40 { background: white url('/img/cars/40-1.png') no-repeat; }
.car .car41 { background: white url('/img/cars/41-2.png') no-repeat; }
.car .car42 { background: white url('/img/cars/42.png') no-repeat; }
.car .car43 { background: white url('/img/cars/43-3.png') no-repeat; }
.car .car44 { background: white url('/img/cars/44-1.png') no-repeat; }
.car .car45 { background: white url('/img/cars/45.png') no-repeat; }

.car .car950 { background: white url('/img/cars/950.png') no-repeat; }
.car .car951 { background: white url('/img/cars/951.png') no-repeat; }
.car .car952 { background: white url('/img/cars/952.png') no-repeat; }
.car .car953 { background: white url('/img/cars/953.png') no-repeat; }
.car .car954 { background: white url('/img/cars/954.png') no-repeat; }
.car .car955 { background: white url('/img/cars/955.png') no-repeat; }

.car .car1000 { background: white url('/img/cars/1000-1.png') no-repeat; }
.car .car1001 { background: white url('/img/cars/1001-1.png') no-repeat; }
.car .car1002 { background: white url('/img/cars/1002-1.png') no-repeat; }
.car .car1003 { background: white url('/img/cars/1003-1.png') no-repeat; }
.car .car1004 { background: white url('/img/cars/1004-1.png') no-repeat; }
.car .car1005 { background: white url('/img/cars/1005-1.png') no-repeat; }
.car .car1006 { background: white url('/img/cars/1006-1.png') no-repeat; }
.car .car1007 { background: white url('/img/cars/1007-1.png') no-repeat; }
.car .car1008 { background: white url('/img/cars/1008-1.png') no-repeat; }
.car .car1009 { background: white url('/img/cars/1009-1.png') no-repeat; }
.car .car1010 { background: white url('/img/cars/1010-1.png') no-repeat; }
.car .car1011 { background: white url('/img/cars/1011-1.png') no-repeat; }
.car .car1012 { background: white url('/img/cars/1012-3.png') no-repeat; }
.car .car1013 { background: white url('/img/cars/1013-3.png') no-repeat; }
.car .car1014 { background: white url('/img/cars/1013-3.png') no-repeat; }
.car .car1015 { background: white url('/img/cars/1015-1.png') no-repeat; }
.car .car1016 { background: white url('/img/cars/1016-1.png') no-repeat; }
.car .car1017 { background: white url('/img/cars/1017.png') no-repeat; }
.car .car1018 { background: white url('/img/cars/1018.png') no-repeat; }
.car .car1019 { background: white url('/img/cars/1019.png') no-repeat; }
.car .car1020 { background: white url('/img/cars/1020.png') no-repeat; }
.car .car1021 { background: white url('/img/cars/1021-1.png') no-repeat; }
.car .car1022 { background: white url('/img/cars/1022.png') no-repeat; }
.car .car1023 { background: white url('/img/cars/1023-1.png') no-repeat; }
.car .car1024 { background: white url('/img/cars/1024.png') no-repeat; }

.car .car-tuning { background-color: transparent; }

/**
    var out = []
    for(var i=1; i<15; i++) {
      out.push(sprintf('.car .car-base_%s { background-position: %spx 0; }', i-1, -(i*100)));
      out.push(sprintf('.car .car-tuning%s_ { background: transparent; }', i));
      for(var j=1; j<15; j++) {
          out.push(sprintf('.car .car-tuning%s_%s { background-position: %spx %spx; }', i, j-1, -((j-1)*100), -(i*50)));
      }
      out.push('');
    }

    out = out.join('\r\n');
**/

.car .car-base_0 { background-position: -100px 0; }
.car .car-tuning1_ { background: transparent; }
.car .car-tuning1_0 { background-position: 0px -50px; }
.car .car-tuning1_1 { background-position: -100px -50px; }
.car .car-tuning1_2 { background-position: -200px -50px; }
.car .car-tuning1_3 { background-position: -300px -50px; }
.car .car-tuning1_4 { background-position: -400px -50px; }
.car .car-tuning1_5 { background-position: -500px -50px; }
.car .car-tuning1_6 { background-position: -600px -50px; }
.car .car-tuning1_7 { background-position: -700px -50px; }
.car .car-tuning1_8 { background-position: -800px -50px; }
.car .car-tuning1_9 { background-position: -900px -50px; }
.car .car-tuning1_10 { background-position: -1000px -50px; }
.car .car-tuning1_11 { background-position: -1100px -50px; }
.car .car-tuning1_12 { background-position: -1200px -50px; }
.car .car-tuning1_13 { background-position: -1300px -50px; }

.car .car-base_1 { background-position: -200px 0; }
.car .car-tuning2_ { background: transparent; }
.car .car-tuning2_0 { background-position: 0px -100px; }
.car .car-tuning2_1 { background-position: -100px -100px; }
.car .car-tuning2_2 { background-position: -200px -100px; }
.car .car-tuning2_3 { background-position: -300px -100px; }
.car .car-tuning2_4 { background-position: -400px -100px; }
.car .car-tuning2_5 { background-position: -500px -100px; }
.car .car-tuning2_6 { background-position: -600px -100px; }
.car .car-tuning2_7 { background-position: -700px -100px; }
.car .car-tuning2_8 { background-position: -800px -100px; }
.car .car-tuning2_9 { background-position: -900px -100px; }
.car .car-tuning2_10 { background-position: -1000px -100px; }
.car .car-tuning2_11 { background-position: -1100px -100px; }
.car .car-tuning2_12 { background-position: -1200px -100px; }
.car .car-tuning2_13 { background-position: -1300px -100px; }

.car .car-base_2 { background-position: -300px 0; }
.car .car-tuning3_ { background: transparent; }
.car .car-tuning3_0 { background-position: 0px -150px; }
.car .car-tuning3_1 { background-position: -100px -150px; }
.car .car-tuning3_2 { background-position: -200px -150px; }
.car .car-tuning3_3 { background-position: -300px -150px; }
.car .car-tuning3_4 { background-position: -400px -150px; }
.car .car-tuning3_5 { background-position: -500px -150px; }
.car .car-tuning3_6 { background-position: -600px -150px; }
.car .car-tuning3_7 { background-position: -700px -150px; }
.car .car-tuning3_8 { background-position: -800px -150px; }
.car .car-tuning3_9 { background-position: -900px -150px; }
.car .car-tuning3_10 { background-position: -1000px -150px; }
.car .car-tuning3_11 { background-position: -1100px -150px; }
.car .car-tuning3_12 { background-position: -1200px -150px; }
.car .car-tuning3_13 { background-position: -1300px -150px; }

.car .car-base_3 { background-position: -400px 0; }
.car .car-tuning4_ { background: transparent; }
.car .car-tuning4_0 { background-position: 0px -200px; }
.car .car-tuning4_1 { background-position: -100px -200px; }
.car .car-tuning4_2 { background-position: -200px -200px; }
.car .car-tuning4_3 { background-position: -300px -200px; }
.car .car-tuning4_4 { background-position: -400px -200px; }
.car .car-tuning4_5 { background-position: -500px -200px; }
.car .car-tuning4_6 { background-position: -600px -200px; }
.car .car-tuning4_7 { background-position: -700px -200px; }
.car .car-tuning4_8 { background-position: -800px -200px; }
.car .car-tuning4_9 { background-position: -900px -200px; }
.car .car-tuning4_10 { background-position: -1000px -200px; }
.car .car-tuning4_11 { background-position: -1100px -200px; }
.car .car-tuning4_12 { background-position: -1200px -200px; }
.car .car-tuning4_13 { background-position: -1300px -200px; }

.car .car-base_4 { background-position: -500px 0; }
.car .car-tuning5_ { background: transparent; }
.car .car-tuning5_0 { background-position: 0px -250px; }
.car .car-tuning5_1 { background-position: -100px -250px; }
.car .car-tuning5_2 { background-position: -200px -250px; }
.car .car-tuning5_3 { background-position: -300px -250px; }
.car .car-tuning5_4 { background-position: -400px -250px; }
.car .car-tuning5_5 { background-position: -500px -250px; }
.car .car-tuning5_6 { background-position: -600px -250px; }
.car .car-tuning5_7 { background-position: -700px -250px; }
.car .car-tuning5_8 { background-position: -800px -250px; }
.car .car-tuning5_9 { background-position: -900px -250px; }
.car .car-tuning5_10 { background-position: -1000px -250px; }
.car .car-tuning5_11 { background-position: -1100px -250px; }
.car .car-tuning5_12 { background-position: -1200px -250px; }
.car .car-tuning5_13 { background-position: -1300px -250px; }

.car .car-base_5 { background-position: -600px 0; }
.car .car-tuning6_ { background: transparent; }
.car .car-tuning6_0 { background-position: 0px -300px; }
.car .car-tuning6_1 { background-position: -100px -300px; }
.car .car-tuning6_2 { background-position: -200px -300px; }
.car .car-tuning6_3 { background-position: -300px -300px; }
.car .car-tuning6_4 { background-position: -400px -300px; }
.car .car-tuning6_5 { background-position: -500px -300px; }
.car .car-tuning6_6 { background-position: -600px -300px; }
.car .car-tuning6_7 { background-position: -700px -300px; }
.car .car-tuning6_8 { background-position: -800px -300px; }
.car .car-tuning6_9 { background-position: -900px -300px; }
.car .car-tuning6_10 { background-position: -1000px -300px; }
.car .car-tuning6_11 { background-position: -1100px -300px; }
.car .car-tuning6_12 { background-position: -1200px -300px; }
.car .car-tuning6_13 { background-position: -1300px -300px; }

.car .car-base_6 { background-position: -700px 0; }
.car .car-tuning7_ { background: transparent; }
.car .car-tuning7_0 { background-position: 0px -350px; }
.car .car-tuning7_1 { background-position: -100px -350px; }
.car .car-tuning7_2 { background-position: -200px -350px; }
.car .car-tuning7_3 { background-position: -300px -350px; }
.car .car-tuning7_4 { background-position: -400px -350px; }
.car .car-tuning7_5 { background-position: -500px -350px; }
.car .car-tuning7_6 { background-position: -600px -350px; }
.car .car-tuning7_7 { background-position: -700px -350px; }
.car .car-tuning7_8 { background-position: -800px -350px; }
.car .car-tuning7_9 { background-position: -900px -350px; }
.car .car-tuning7_10 { background-position: -1000px -350px; }
.car .car-tuning7_11 { background-position: -1100px -350px; }
.car .car-tuning7_12 { background-position: -1200px -350px; }
.car .car-tuning7_13 { background-position: -1300px -350px; }

.car .car-base_7 { background-position: -800px 0; }
.car .car-tuning8_ { background: transparent; }
.car .car-tuning8_0 { background-position: 0px -400px; }
.car .car-tuning8_1 { background-position: -100px -400px; }
.car .car-tuning8_2 { background-position: -200px -400px; }
.car .car-tuning8_3 { background-position: -300px -400px; }
.car .car-tuning8_4 { background-position: -400px -400px; }
.car .car-tuning8_5 { background-position: -500px -400px; }
.car .car-tuning8_6 { background-position: -600px -400px; }
.car .car-tuning8_7 { background-position: -700px -400px; }
.car .car-tuning8_8 { background-position: -800px -400px; }
.car .car-tuning8_9 { background-position: -900px -400px; }
.car .car-tuning8_10 { background-position: -1000px -400px; }
.car .car-tuning8_11 { background-position: -1100px -400px; }
.car .car-tuning8_12 { background-position: -1200px -400px; }
.car .car-tuning8_13 { background-position: -1300px -400px; }

.car .car-base_8 { background-position: -900px 0; }
.car .car-tuning9_ { background: transparent; }
.car .car-tuning9_0 { background-position: 0px -450px; }
.car .car-tuning9_1 { background-position: -100px -450px; }
.car .car-tuning9_2 { background-position: -200px -450px; }
.car .car-tuning9_3 { background-position: -300px -450px; }
.car .car-tuning9_4 { background-position: -400px -450px; }
.car .car-tuning9_5 { background-position: -500px -450px; }
.car .car-tuning9_6 { background-position: -600px -450px; }
.car .car-tuning9_7 { background-position: -700px -450px; }
.car .car-tuning9_8 { background-position: -800px -450px; }
.car .car-tuning9_9 { background-position: -900px -450px; }
.car .car-tuning9_10 { background-position: -1000px -450px; }
.car .car-tuning9_11 { background-position: -1100px -450px; }
.car .car-tuning9_12 { background-position: -1200px -450px; }
.car .car-tuning9_13 { background-position: -1300px -450px; }

.car .car-base_9 { background-position: -1000px 0; }
.car .car-tuning10_ { background: transparent; }
.car .car-tuning10_0 { background-position: 0px -500px; }
.car .car-tuning10_1 { background-position: -100px -500px; }
.car .car-tuning10_2 { background-position: -200px -500px; }
.car .car-tuning10_3 { background-position: -300px -500px; }
.car .car-tuning10_4 { background-position: -400px -500px; }
.car .car-tuning10_5 { background-position: -500px -500px; }
.car .car-tuning10_6 { background-position: -600px -500px; }
.car .car-tuning10_7 { background-position: -700px -500px; }
.car .car-tuning10_8 { background-position: -800px -500px; }
.car .car-tuning10_9 { background-position: -900px -500px; }
.car .car-tuning10_10 { background-position: -1000px -500px; }
.car .car-tuning10_11 { background-position: -1100px -500px; }
.car .car-tuning10_12 { background-position: -1200px -500px; }
.car .car-tuning10_13 { background-position: -1300px -500px; }

.car .car-base_10 { background-position: -1100px 0; }
.car .car-tuning11_ { background: transparent; }
.car .car-tuning11_0 { background-position: 0px -550px; }
.car .car-tuning11_1 { background-position: -100px -550px; }
.car .car-tuning11_2 { background-position: -200px -550px; }
.car .car-tuning11_3 { background-position: -300px -550px; }
.car .car-tuning11_4 { background-position: -400px -550px; }
.car .car-tuning11_5 { background-position: -500px -550px; }
.car .car-tuning11_6 { background-position: -600px -550px; }
.car .car-tuning11_7 { background-position: -700px -550px; }
.car .car-tuning11_8 { background-position: -800px -550px; }
.car .car-tuning11_9 { background-position: -900px -550px; }
.car .car-tuning11_10 { background-position: -1000px -550px; }
.car .car-tuning11_11 { background-position: -1100px -550px; }
.car .car-tuning11_12 { background-position: -1200px -550px; }
.car .car-tuning11_13 { background-position: -1300px -550px; }

.car .car-base_11 { background-position: -1200px 0; }
.car .car-tuning12_ { background: transparent; }
.car .car-tuning12_0 { background-position: 0px -600px; }
.car .car-tuning12_1 { background-position: -100px -600px; }
.car .car-tuning12_2 { background-position: -200px -600px; }
.car .car-tuning12_3 { background-position: -300px -600px; }
.car .car-tuning12_4 { background-position: -400px -600px; }
.car .car-tuning12_5 { background-position: -500px -600px; }
.car .car-tuning12_6 { background-position: -600px -600px; }
.car .car-tuning12_7 { background-position: -700px -600px; }
.car .car-tuning12_8 { background-position: -800px -600px; }
.car .car-tuning12_9 { background-position: -900px -600px; }
.car .car-tuning12_10 { background-position: -1000px -600px; }
.car .car-tuning12_11 { background-position: -1100px -600px; }
.car .car-tuning12_12 { background-position: -1200px -600px; }
.car .car-tuning12_13 { background-position: -1300px -600px; }

.car .car-base_12 { background-position: -1300px 0; }
.car .car-tuning13_ { background: transparent; }
.car .car-tuning13_0 { background-position: 0px -650px; }
.car .car-tuning13_1 { background-position: -100px -650px; }
.car .car-tuning13_2 { background-position: -200px -650px; }
.car .car-tuning13_3 { background-position: -300px -650px; }
.car .car-tuning13_4 { background-position: -400px -650px; }
.car .car-tuning13_5 { background-position: -500px -650px; }
.car .car-tuning13_6 { background-position: -600px -650px; }
.car .car-tuning13_7 { background-position: -700px -650px; }
.car .car-tuning13_8 { background-position: -800px -650px; }
.car .car-tuning13_9 { background-position: -900px -650px; }
.car .car-tuning13_10 { background-position: -1000px -650px; }
.car .car-tuning13_11 { background-position: -1100px -650px; }
.car .car-tuning13_12 { background-position: -1200px -650px; }
.car .car-tuning13_13 { background-position: -1300px -650px; }

.car .car-base_13 { background-position: -1400px 0; }
.car .car-tuning14_ { background: transparent; }
.car .car-tuning14_0 { background-position: 0px -700px; }
.car .car-tuning14_1 { background-position: -100px -700px; }
.car .car-tuning14_2 { background-position: -200px -700px; }
.car .car-tuning14_3 { background-position: -300px -700px; }
.car .car-tuning14_4 { background-position: -400px -700px; }
.car .car-tuning14_5 { background-position: -500px -700px; }
.car .car-tuning14_6 { background-position: -600px -700px; }
.car .car-tuning14_7 { background-position: -700px -700px; }
.car .car-tuning14_8 { background-position: -800px -700px; }
.car .car-tuning14_9 { background-position: -900px -700px; }
.car .car-tuning14_10 { background-position: -1000px -700px; }
.car .car-tuning14_11 { background-position: -1100px -700px; }
.car .car-tuning14_12 { background-position: -1200px -700px; }
.car .car-tuning14_13 { background-position: -1300px -700px; }

.block
{	
	margin: 0px;
	padding: 0px;	
	border-spacing: 0px;
	border-collapse: collapse;
}

.block td
{
	padding: 0px;
}


.block .tl {width: 9px; height: 9px; background: transparent url('/img/win_tl.gif') no-repeat top left;}
.block .t  {background: transparent url('/img/win_t.gif') repeat-x; }
.block .tr {width: 9px; height: 9px; background: transparent url('/img/win_tr.gif') no-repeat top right; }

.block .l {background: transparent url('/img/win_l.gif') repeat-y left;}
.block .c  {background-color: rgb(227,227,227);}
.block .r {background: transparent url('/img/win_r.gif') repeat-y right; }

.block .bl {width: 9px; height: 9px; background: transparent url('/img/win_bl.gif') no-repeat bottom left;}
.block .b  {background: transparent url('/img/win_b.gif') repeat-x 9px 0px; }
.block .br {width: 9px; height: 9px; background: transparent url('/img/win_br.gif') no-repeat bottom right; }



.block .content
{
	padding: 5px;
	margin: 0px;
	background: transparent url('/img/win_c.gif') no-repeat;
}

#race_rating
{
	background-color: white;	
	width: 300px;
	padding: 10px;	
	margin: 10px;	
	border: 4px solid #eee;
	text-align: left;
	padding: 10px;
}

#race_rating a
{ 
	text-decoration: none; 
	border-bottom: 1px dashed #144E9D; 
}
#race_rating .player_rating
{
	font-size: 18px; 
	font-weight: normal;
	padding: 10px 0px 10px 0px;
}
#race_rating .player_rating .place
{ 
	font-size: 20px;
}
#race_rating .player_rating .info 
{
	font-size: 12px;
	padding-top: 4px;
}
#race_rating .imgcont
{
	margin-left: 10px;
}


.orange {color: #144E9D;}

.popup_profile {}
.popup_profile .title.without-avatar { text-align: center; margin-bottom: 6px; }
.popup_profile .title th { padding-right: 10px; }
.popup_profile .title { font-size: 14px; font-weight: normal; text-align: left; }
.popup_profile .title td { vertical-align: middle; font-weight: normal; }
.popup_profile .title .name{ font-size: 17px; }
.popup_profile th {text-align: right; font-weight: normal; padding-right: 5px; vertical-align: baseline; color: #777; white-space: nowrap;}
.popup_profile td {text-align: left; font-weight: normal; vertical-align: baseline; white-space: nowrap;}
.popup_profile .gametype-title {padding-bottom: 5px; font-size: 11px; text-align: center;}
.popup_profile .bar { height: 16px; background-position: 0 50%;}


.msg
{
	background: #f0f0f0;
	border-radius: 15px;
	box-shadow: 0 0 15px #f0f0f0;
	width: 450px;
	padding: 20px;
	text-align: left;
	position: relative;
}

.msg h1 { text-align: center; font-weight: normal;}

.msg .note {
	color: #777;
	font-size: 0.8em;
}


.columns
{
	position: relative;	
	margin: 0;
	width: 100%;
	
}
.columns h3
{
	margin: 0 0 20px 15%;
	text-align: left;
	padding: 0 0 0 60px;
	font-size: 22px;
	font-weight: normal;
}
.columns .left-col
{
	float: left;
	width: 15%;
	padding: 30px 0 0 20px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.columns .left-col * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.columns ul.trimenu
{
	font-size: 14px;
}


.columns .right-col
{
	float: right;
	width: 20%;	
}

.columns .info
{
	background: #F8F4E6;
}
.columns .info .rc
{
	padding-top: 15px;
}

.columns .info p
{
	padding: 0 10px 15px 10px;
	margin: 0;
}

.columns .content-col
{
	margin-left: 15%;
	margin-right: 20%;
	padding-left: 60px;
	padding-right: 20px;
	position: relative;
}


/* TOP LIST */

/* Left Menu */

#toplist .left-col h4
{
	text-align: left;
	margin: 0 0 15px 0;
	font-size: 15px;
}

#toplist ul.mode
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0 0 30px 0;	
}
#toplist ul.mode li
{
	font-size: 13px;
	margin-bottom: 8px;
	width: 85%;	
}
#toplist ul.mode li.yeargroup
{
	font-weight: bold;
	margin-left: -10px;
}
#toplist ul.mode li.active
{
	background: #fce6af url('/img/arrow.png') repeat scroll -0.5em 50%;
	left: -40px;
	margin: 0 0 5px;
	padding: 0 40px;
	position: relative;
}
#toplist ul.mode li.active span
{
	background: transparent url('/img/arrow-front.png') no-repeat scroll 100% 50%;
	display: block;
	margin-right: -40px;
	padding: 6px 0;
	vertical-align: middle;
}
#toplist ul.mode li.gametype-voc
{
	font-size: 11px;
	margin-bottom: 3px;
}
#toplist ul.mode li.gametype-voc.active
{
	margin-top: 8px;
}
#toplist ul.mode li.gametype-voc span
{
	padding-bottom: 7px;
}
#toplist ul.mode li.gametype-voc img
{
	position: relative;
	top: 4px;
}

/* search position block */

.search-position {
	display: flex;
}

.search-self {
	margin: 0 0 0 auto;
	padding-right: 10px;
}

.search-self > a {
	color: gray;
}

.search
{
	position: display-block;
	margin: 0 0 0 auto;
	width: 140px;
	padding: 0 0 0 18px;
	background: white url('/img/magnifier_medium.png') no-repeat 0% 50%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-radius: 2px;
}

.search input
{
	width: 90%;	
	border: 0px;
}

.search.search-other {
	margin: 0px;
}

/* Content */

#toplist table
{
	margin-top: 5px;
	border-spacing: 0px;
	border-top: 0px;
	width: 97%;
}
#toplist table td
{	
	padding: 10px 0 10px 20px;
	background-color: white;
	text-align: left;
	font-size: 14px;
	vertical-align: bottom;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
}
#toplist table th
{
	font-size: 13px;
	color: #888;
	font-weight: normal;
	padding: 5px 0 0 20px;
}
#toplist table .competitions
{
    width: 120px;
    text-align: center;
}
#toplist table .highlight
{
	background: #f3f3f3;
}

#toplist td.name, #toplist td.pos {	font-size: 15px; }
#toplist .name
{
	width: 0;
}
#toplist table .pos
{
	padding-left: 0;
	width: 30px;
}
#toplist .name a
{
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;	
}

#toplist .head
{
	padding: 0px;
}

#toplist .car
{
	height: 41px;
	padding-top: 5px;
}
#toplist .car .imgcont
{	
}
#toplist th.offset 
{ 
	width: 1px;
}
#toplist td.offset_up 
{ 
	padding-left: 0;
	color: #2a0;
	font-size: 13px;
	padding-right: 8px;
}
#toplist td.offset_down 
{ 
	padding-left: 0;
	color: #d00;
	font-size: 13px;
	padding-right: 8px;
}

#toplist .progress
{
	width: 72px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
#toplist td.progress
{	
	color: #888;
	font-size: 11px;
}
#toplist .progress .progress60
{
	top: -2px;	
}
.pages 
{
	/*font-size: 1.1em;*/
	padding-top: 10px;
}
.pages .page
{
	/* padding: 5px; */
	font-size: 1.1em;
}

.pages .selected
{
	background-color: #eee;
	padding: 6px 12px;
}

.paginator
{	
	margin-bottom: 10px;
}
.paginator .ctrls
{
	margin: 0 13px;
	font-size: 1.1em;
}
.paginator .ctrl
{
	margin: 0 5px;
}
.paginator .ctrl.na
{
	color: #999;
}
.paginator .ctrl b
{
	font-weight: normal;
}
.paginator .ctrl i
{
	font-style: normal;
	font-size: 0.7em;
}
	


.popup_message
{
	position: absolute;
	left: 0;
	top: 0;

	width: 1;
	height: 100%;	
}

.popup_message .back
{
	z-index: 890;
	background: black;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
    bottom: 0;
}

#shadow {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 890;
}

.popup_message .content1
{
	position: fixed;
	right: 50%;
	float: right;
	top: 100px;
	z-index: 900;
	opacity: 1.0;
}
.popup_message .content2	
{
	position: relative;
	right: -50%;
	/*width: 550px;*/	
	min-width: 350px;
	font-size: 1.05em;	
}
.popup_message#captcha .content2
{
	/*width: 565px;*/
}
.popup_message .popup-box .c
{
	padding: 0px 15px;
}
.popup_message .btn
{
	width: 170px;
	height: 30px;
	font-size: 1.1em;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    margin-right: 10px;
    outline: 0;
}
.popup_message img
{
	border: 0px;
}
.popup_message label
{
	font-size: 12px;
	position: relative;
	top: -1px;
    font-weight: normal;
}
.stdpopup.popup_message .content1
{
	top: 200px !important;
}
.stdpopup.popup_message .content2
{
	/*width: 532px;*/
	font-size: 14px;
	position: relative;
}
.stdpopup.popup_message .stdpopup-content
{
	padding: 10px;
}
.stdpopup.popup_message .btn
{
	font-size: 14px;
	width: 100px;
}
.stdpopup.popup_message .stdpopup-content h4 {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}
.stdpopup.popup_message .stdpopup-content h5 {
    font-weight: bold;
}
.stdpopup div.a1
{
	position: relative;
	right: 50%;
	float: right;
}
.stdpopup div.a2
{
	position: relative;
	right: -50%;
}
.stdpopup.popup_message .content2 p
{
	clear: both;
	margin: 0;
}
.stdpopup .stdpopup-content ul li
{
	margin-top: 5px;
}




#drop_message
{
	text-align: left; 
	font-size: 13px;
	line-height: 1.3em;
	z-index: 900;
	
}
#drop_message .content1
{
	position: fixed;
	top: 80px;
	right: 50%;
	float: right;
	
}
#drop_message .content2	
{
	position: relative;
	right: -50%;	
	top: 0px;
}
#drop_message .content2.popup-box .c
{
	padding-top: 10px;
}
#drop_message .content2.popup-box .c h4
{
	margin-top: 0;
}


#captcha_input
{
	font-size: 18px;
}

.banner_right
{
	position: absolute;
	right: 5px;
	top: 5px;
}

ul.trimenu
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.trimenu li
{
	float: left;
	padding: 0.4em 0 1em;
	position: relative;
	margin-right: 1.5em;
}
ul.trimenu li.active
{
	background: #f7de9d url('/img/triangle.gif') no-repeat scroll 50% 100%;
	padding-left: 20px;
	padding-right: 20px;
}
ul.trimenu li.dummy
{
	float: none;
	width: 1px;
}
ul.trimenu sub
{
	font-size: 0.7em;
	position: relative;
	top: 0.3em;
	vertical-align: baseline;
}
table.trimenu
{
	margin: 0 auto;
	font-size: 15px;
}
table.trimenu td
{
	padding: 5px 20px 15px 20px;
	text-align: center;	
}
table.trimenu .active
{
	background: #f7de9d url('/img/triangle.gif') no-repeat scroll 50% 100%;

}




/* PROFILE */

ul.trimenu .write
{
	margin-left: 25px;
}

ul.trimenu .write a
{
	color: #b20;
}

#profile-block
{
	
}

#profile-block dl
{
	clear: left;
	margin: 0 32% 0 0;
	font-size: 13px;
}
#profile-block dt
{
	width: 12.9em;
	float: left;
	text-align: right;
	font-weight: normal;
	color: #777;
	font-size: 0.95em;
	vertical-align: baseline;
	margin-bottom: 1em;
}
#profile-block dd
{
	margin: 0 0 1em 13em;
	vertical-align: baseline;
}

#profile-block .user-title
{
	margin-bottom: 22px;
	margin-right: 0;
}
#profile-block .user-title td
{
	vertical-align: bottom;
}
#profile-block .user-title .other
{
	margin-left: 40px;
	margin-bottom: 5px;
}
#profile-block .user-title .name
{
	font-size: 27px;
}
#profile-block .user-title .title
{
	font-size: 16px;
}
#profile-block .user-title .links
{
	vertical-align: top;
	padding-top: 7px;
}
#profile-block .user-title .links td {
	vertical-align: top;	
}
#profile-block .user-title .links a
{
	color: #b20;
	margin: 7px 0 0 60px;
	font-size: 11px;
	display: block;
	cursor: pointer;	
	text-decoration: none; 
}
#profile-block .user-title .links a span
{
	border-bottom: 1px dotted #b20;
}
#profile-block .user-title .links a i
{
	position: absolute;
	margin-left: -22px;
	width: 16px;
	height: 16px;	
}
#profile-block .user-title .links a.send_email i
{
	background: transparent url('/img/mail.png') no-repeat 0% 0%;
}
#profile-block .user-title .links a.friend i
{
	background: transparent url('/img/user_plus.png') no-repeat 0% 0%;
}
#profile-block .user-title .links a.delete_friend i
{
	background: transparent url('/img/user_minus.png') no-repeat 0% 0%;
}

#profile-block .user-title .links a.vk-page
{
	color: #144e9d;
	margin-top: 29px;
}
#profile-block .user-title .links a.vk-page span
{
	border-color: #144e9d;
}
#profile-block .user-title .links a.vk-page i
{	
	background: transparent url(/img/vk_icon.gif) no-repeat 0% 0%;
}

#profile-block .menu 
{
	margin-right: 0;
}

#profile-block .menu li
{
	margin-bottom: 20px;
	/*border-top: 1px solid #f7de9d;
	background: white url('/img/triangle_grad.gif') repeat-x 0% 0%;
	height: 15px;*/
	
}
#profile-block .user-content
{
	clear: left;
}

#profile-block .user-content .userinfo-block a.buy
{
	color: #2a0;
	margin-left: 10px;
	font-size: 13px;
}
#profile-block .note
{
	font-size: 11px !important;
	color: #777;
	margin-left: 10px;
}
#profile-block .note a
{
	color: #777;
}
#profile-block .note a:hover, #profile-block a.note:hover
{
	color: #b20;
}
#profile-block #scores-dl.active dd, #profile-block #scores-dl.active dt, 
#profile-block #premium-dl.active dd, #profile-block #premium-dl.active dt,
#profile-block #bonuses-dl.active dd, #profile-block #bonuses-dl.active dt,
#profile-block #auth-dl.active dd, #profile-block #auth-dl.active dt
{
	margin-bottom: 0.3em;
}
#buy-scores-link.active, 
#give-scores-link.active, 
#activate-premium-link.active, 
#rating-history-link.active,
#auth-pass-link.active,
#auth-login-link.active
{
	background-color: #f9f5e9;
}
#profile-block #scores-dl #buy-scores-link, 
#profile-block #premium-dl #activate-premium-link
{
	cursor: pointer;
	margin-left: 10px;
	padding: 5px 10px 10px 10px;
	text-decoration: underline;
}
#profile-block #scores-dl #give-scores-link,
#profile-block #auth-dl #auth-login-link,
#profile-block #auth-dl #auth-pass-link
{
	cursor: pointer;
	margin-left: 0px;
	padding: 5px 10px 10px 10px;
	text-decoration: underline;
}
#profile-block #bonuses-dl #rating-history-link
{	
	cursor: pointer;
	padding: 5px 10px 10px 10px;
	text-decoration: underline;
	font-size: 13px;
	color: #2a0;
}
#profile-block #bonuses-dl #bonus-mode
{
	font-size: 13px;
	margin-left: 10px;
	font-weight: normal;
}
#profile-block #scores-actions-wrapper
{
}

#profile-block #scores-actions
{
	background-color: #f9f5e9; 
	width: 420px;
	margin-bottom: 1em;
	font-size: 13px;
}
#profile-block #buy-scores table
{	
	border-spacing: 0;
	border-collapse: collapse;
}
#profile-block #buy-scores input
{
	width: 90px;
}
#profile-block #buy-scores .methods ul
{
	padding: 0;
	margin: 0;
}
#profile-block #buy-scores .methods li
{
	display: block;
	padding: 2px 2px;
	margin: 0;
}
#profile-block #buy-scores .methods li i
{
	width: 19px;
	height: 19px;
	background: transparent url(/img/sms-icons.png);
	position: relative;
	top: 3px;
	display: inline-block;
}
#profile-block #buy-scores .methods li#wm-li i
{
	background-position: 0 -19px;
}
#profile-block #buy-scores .methods li#sms-li i
{
	background-position: 0 -38px;
}
#profile-block #buy-scores .methods li#qiwi-li i
{
	background-position: 0 -57px;
}
#profile-block #buy-scores .methods li#twopay-li i
{
	background: transparent;
}
#profile-block #buy-scores .methods a
{
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
	margin: 5px;	
	cursor: pointer;
	position: relative;
	top: -2px;
}
#profile-block #buy-scores .methods li.active
{
	background-color: #eee4c8;
}
#profile-block #buy-scores .methods li.active a
{
	text-decoration: none;
	border-bottom: 0;
	cursor: default;
	margin: 5px;	
	color: black;
}
#profile-block #buy-scores .methods
{
	width: 140px;
	vertical-align: top;
	text-align: left;
	padding: 0;
}
#profile-block #buy-scores .desc strong
{
	font-size: 15px;
}
#profile-block #buy-scores .desc
{
	background-color: #eee4c8;
	color: #877d60;
	padding: 5px 10px;
	vertical-align: top;
}
#profile-block #buy-scores .desc th
{
	font-weight: normal;	
	text-align: right;
	color: black;
}
#profile-block #buy-scores .desc #yamoney_block td, #profile-block #buy-scores .desc #wm_block td
{
	padding-bottom: 5px;
}
#profile-block #buy-scores .desc #sms_block
{
	color: black;	
}
#profile-block #buy-scores .desc #sms_block div
{
	margin-bottom: 10px;
}
#profile-block #buy-scores .desc #sms_block i
{
	display: block;
	margin-top: 5px;
	font-size: 10px;
	color: #877d60;
	font-style: normal;
}
#profile-block #buy-scores .desc #sms_block .sms-info
{
	width: 100%;
	margin-top: 10px;
}
#profile-block #buy-scores .desc #sms_block .sms-info td
{	
	text-align: center;
	padding: 2px 3px;
}
#profile-block #buy-scores .desc #sms_block .sms-info th
{
	text-align: center;
	color: #877d60;
	font-size: 10px;
	padding: 2px 3px;
}

#profile-block #buy-scores .desc #sms_block .sms-info th, #profile-block #buy-scores .desc #sms_block .sms-info td
{
	border-top: 1px solid #d6caa7;
	border-left: 1px solid #d6caa7;
	border-right: 1px solid #d6caa7;
}
#profile-block #buy-scores .desc #twopay_block
{
	color: black;
}
#profile-block #buy-scores .desc #twopay_block th
{
	width: 24px;
}
#profile-block #buy-scores .desc #twopay_block th, #profile-block #buy-scores .desc #twopay_block td
{
	padding-top: 2px;
}
#profile-block #buy-scores .desc #twopay_block table
{
	margin: 10px 0;
}

#profile-block #give-scores th,
#profile-block #auth-pass th,
#profile-block #auth-login th
{
	text-align: right;
	font-weight: normal;
	vertical-align: baseline;
	padding: 3px 5px 0 0;
	white-space: nowrap;
}
#profile-block #auth-login .note
{
	margin: 0 0 10px 0;
}
#profile-block #give-scores td input#give-scores-name, #profile-block #give-scores td textarea
{
	width: 230px;
}

#profile-block #activate-premium
{
	background-color: #f9f5e9; 
	width: 380px;
	margin-bottom: 1em;
	font-size: 13px;
	line-height: 20px;
}
#profile-block #activate-premium ins
{
	text-align: center;
	margin-top: 5px;
	display: block;
}
#profile-block #activate-premium i
{
	color: #877d60;
	font-style: normal;
	margin-top: 10px;
	display: block;
	font-size: 11px;
	line-height: 14px;
}


#profile-block #rating-history
{
	background-color: #f9f5e9; 
	width: 280px;
}
#profile-block #rating-history table
{
	width: 100%;
	font-size: 13px;
}
#profile-block #rating-history table th,
#profile-block #rating-history table td
{
	border-bottom: 1px solid #ddd;
}
#profile-block #rating-history table th
{
	color: #999;
	font-weight: normal;
}
#profile-block #rating-history table .month
{
	text-align: left;
}
#profile-block #rating-history table .rating,
#profile-block #rating-history table .place,
#profile-block #rating-history table .bonuses
{
	text-align: right;
}


#profile-block #auth-actions
{
	background-color: #f9f5e9; 
	width: 420px;
	margin-bottom: 1em;
	font-size: 13px;
}







#profile-block .user-content .friends-list
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0;
	line-height: 20px;	
}
	
#profile-block .user-content .friends-list li
{
	display: inline;
	font-size: 12px;	
	margin-right: 15px;
	white-space: nowrap;	
}
#profile-block .user-content .friends-list li a
{
	padding-top: 1px;
	padding-bottom: 1px;
}
#profile-block .user-content .friends-list li i
{
	width: 16px;
	height: 16px;
	position: absolute;
	white-space: nowrap;
}

#profile-block .user-content .comments .write textarea {
    width: 97%;
}

#profile-block input, #profile select, #profile-block select
{
	font-size: 14px;
}

#profile-block .userinfo-block .edit
{
	margin-left: 10px;
	position: absolute;
}
#profile-block .userinfo-block .blog p
{
	margin: 5px 0;
	font-size: 13px;
}
#profile-block .userinfo-block .blog .date
{
	font-size: 11px;
	color: #777;
	margin-left: 10px;
}
#profile-block .userinfo-block .rating
{

}
#profile-block .userinfo-block div.indent
{
	padding: 7px 0;
}
#profile-block .userinfo-block .prefs dd > div
{
	font-size: 13px;
}
#profile-block .userinfo-block .prefs .subheader
{
	color: #888;
	margin: 0 4px 4px 4px;
}
#profile-block .userinfo-block .prefs h4
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #888;
	font-size: inherit;
	text-align: left;
}
#profile-block .bar
{
	margin: 20px 32% 20px 30px;
	width: auto;	
	clear: none;
}
#profile-block .userbars a
{
	margin: 0 0 10px 0;
	display: inline-block;
}
#profile-block img
{
	border: 0px;
	max-width: 100%;
}
#chart
{
	background-color: white;
	margin-top: 20px;
	padding: 0 10px;
}
#chart .zoom, #errors-stats .zoom
{
	padding-left: 20px;
	font-size: 13px;
	color: #666;
	background: transparent url('/img/magnifier_medium.png') no-repeat 0% 0%;
}
#profile-block .error
{
	font-weight: normal;
	color: red;
	font-size: 0.8em;
}
#profile-block .stats-mode
{
	width: 610px;	
}
#profile-block .stats-mode dd, #profile-block .stats-mode dt
{
	padding-top: 5px;
	margin-bottom: 0;
}
	
#profile-block .stats-mode dd
{
	background: #f7de9d;	
	padding-bottom: 5px;	
	padding-left: 5px;
}
#profile-block .stats-mode dd a
{
	font-size: 13px;
	margin-left: 10px;
}	
#profile-block .stats-mode-tri
{
	width: 50px;
	height: 10px;
	background: #f7de9d url('/img/triangle2.gif') no-repeat scroll 50% 100%;
}
#profile-block .success
{
	color: #22AA00;
	font-size: 12px;
	margin-left: 2px;
}

#profile-block .blocked
{
	color: #888;
	font-size: 0.8em;
	margin-top: 5px;
}
#profile-block .blocked a
{
	cursor: pointer;
	border-bottom: 1px dashed;
}

#profile-block #errors-stats-dl.active dd, #profile-block #errors-stats-dl.active dt,
#profile-block #book-progress-dl.active dd, #profile-block #book-progress-dl.active dt
{
	margin-bottom: 0.3em;
}

#profile-block #errors-stats-dl #errors-stats-link,
#profile-block #book-progress-dl #book-progress-link
{
	cursor: pointer;
	margin-left: 10px;
	padding: 5px 10px 10px 10px;
}
#profile-block #errors-stats-dl #errors-stats-link a,
#profile-block #book-progress-dl #book-progress-link a
{
	border-bottom: 1px dashed #144E9D;
}
#profile-block #errors-stats-dl.active #errors-stats-link,
#profile-block #book-progress-dl.active #book-progress-link
{
	background-color: #f9f5e9;
}
#profile-block #errors-stats-wrapper
{	
	width: 670px;
}
#profile-block #errors-stats
{
	background-color: #f9f5e9; 
	text-align: center; 
	width: 650px;
	margin-bottom: 1em;
	font-size: 1.2em;
}
#profile-block #errors-stats #errors-map
{
	position:relative; 
	width: 546px; 
	height: 192px; 
	margin: 0 auto;
}

#profile-block #book-progress
{
	background-color: #f9f5e9; 
	text-align: center; 
	width: 650px;
	margin-bottom: 1em;
	font-size: 11px;
}
#profile-block #book-progress-content
{	
	max-height: 300px;
	overflow: auto;
}
#profile-block #book-progress table
{
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto;
}
#profile-block #book-progress table td, #profile-block #book-progress table th
{
	border-top: 1px solid #eae2c9;
	border-bottom: 1px solid #eae2c9;
	text-align: right;
}
#profile-block #book-progress table td
{
	padding: 3px 1px 3px 5px;
	border-left: 1px solid #eae2c9;
}
#profile-block #book-progress table th
{
	padding: 3px 5px 3px 1px;
	border-right: 1px solid #eae2c9;
}


#profile-block input.radio
{
	margin-left: 0px;
}
#profile-block #stats-block .note
{
	font-size: 0.8em !important;
	margin-left: 0;
	color: #888;
}

/* Right column */

#profile-block .right-col
{
	float: right;
	width: 30%;
	padding: 0 5px;
	
}
#profile-block .right-col .comments
{
	background: #F8F4E6;
	position: relative;	
	font-size: 12px;
}
#profile-block .right-col .comments .rc
{
	padding: 15px 15px 25px 15px;
}
#profile-block .right-col h4
{
	font-size: 16px !important;
	margin: 0 0 15px 0;
}
#profile-block .right-col .comments .empty
{
	color: #777;
	text-align: center;
	margin-bottom: 25px;
}
#profile-block .right-col .comments .comment
{
	margin: 0 0 15px 0;
}
#profile-block .right-col .comments .comment .info
{
	margin-bottom: 5px;
	font-size: 11px;
	color: #777;	
	min-height: 16px;
}
#profile-block .right-col .comments .comment .info .date
{	
	font-size: 10px;
	white-space: nowrap;
}

#profile-block .right-col .comments .comment .info a.name {
    font-weight: bold;
    text-decoration: none;
}

#profile-block .right-col .comments .comment .info a.name:not(:hover) {
    color: black;
}

#profile-block .right-col .comments .comment .info .author .post_subject
{
	color: black;
}
#profile-block .right-col .comments .comment .info .author .post_subject:hover
{
	color: #b20;
}
#profile-block .right-col .comments .linked-image
{
	max-width: 100%;
}

#profile-block .right-col .comments .link
{
	position: absolute;
	bottom: 10px;
	color: #B20 !important;
}
#profile-block .right-col .comments .link i
{
	position: absolute;
	margin-left: -20px;	
	width: 16px;
	height: 16px;
}
#profile-block .right-col .comments .write
{
	right: 10px;
}
#profile-block .right-col .comments .write i
{
	background: transparent url('/img/pencil.png') no-repeat 0% 50%;
}
#profile-block .right-col .comments .other
{
	left: 30px;
}
#profile-block .right-col .comments .other i
{
	background: transparent url('/img/balloons.png') no-repeat 0% 50%;
}


/* Comments */

#profile-block .user-content .comments h4
{
	text-align: left;
	font-size: 17px;
	margin: 40px 0 0 0;
}

#profile-block .user-content .comments .more {
	color: #777;
	margin-bottom: 30px;
	font-size: 13px;
	background: #f7f7f7;	
}

#profile-block .user-content .comments dl.comment
{
	margin-bottom: 30px;	
}

#profile-block .user-content .comments .title
{
	color: #777;
	font-size: 12px !important;
	margin-bottom: 10px;
	height: 16px;
	
}
#profile-block .user-content .comments .title .date
{
	margin-left: 15px;
	margin-right: 15px;
	font-size: 10px;
}
#profile-block .user-content .comments .title a.name {
    font-weight: bold;
    text-decoration: none;
}
#profile-block .user-content .comments .title a.name:not(:hover) {
    color: black;
}
#profile-block .user-content .comments .title .post_subject
{
	color: black;
}
#profile-block .user-content .comments .title .post_subject:hover
{
	color: #b20;
}

#profile-block .comments .delete
{	
	padding-left: 15px;
	color: #b20 !important;		
	margin-right: 20px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
#profile-block .comments .delete span
{	
	border-bottom: 1px dotted #b20;
} 
#profile-block .comments .delete i
{
	width: 16px;
	height: 16px;
	margin-left: -15px;
	position: absolute;	
	background: transparent url('/img/cross_small.png') no-repeat 0% 0%;
}
#profile-block .user-content .comments .text
{
	font-size: 13px;
}

#profile-block .user-content .comments .write
{	
	margin-top: 50px;
}
#profile-block .user-content .comments .write .up
{
	width: 150px;
	height: 10px;
	background: #f7de9d url('/img/triangle_up.gif') no-repeat 50% 0%;
}
#profile-block .user-content .comments .write dd
{
}
#profile-block .user-content .comments .write .form
{
	width: 100%;
}
.rte-buttonbar
{
	width: auto;
	margin-bottom: 3px;	
}
.rte-buttonbar img
{
	cursor: pointer;
}
#profile-block .user-content .comments .write textarea
{
	width: 99%;
}

#profile-block .user-content .comments .write .left
{
	margin-bottom: 5px;
	font-size: 17px;
}
#profile-block .user-content .comments .write p
{
	margin-top: 8px;
	margin-bottom: 0;
}

/* Mail */


#profile-block .user-content .mail dl ul
{
	font-size: 13px !important;	
}

#profile-block .user-content .mail dl.message
{
	margin-bottom: 30px;	
}

#profile-block .user-content .mail .title
{
	color: #777;
	font-size: 12px !important;
	margin-bottom: 5px;
	padding-top: 7px;
	height: 16px;	
}
#profile-block .user-content .mail .view .title
{
	padding-top: 0 !important;
}
#profile-block .user-content .mail .title .date
{
	margin-left: 15px;
	margin-right: 15px;
	font-size: 10px;
}

#profile-block .user-content .mail .title a.name {
    font-weight: bold;
    text-decoration: none;
}
#profile-block .user-content .mail .title a.name:not(:hover) {
    color: black;
}

#profile-block .user-content .mail .title .delete
{	
	padding-left: 16px;
	color: #b20 !important;		
	margin-right: 20px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
#profile-block .user-content .mail .title .delete i
{
	width: 16px;
	height: 16px;
	margin-left: -16px;
	position: absolute;	
	background: transparent url('/img/cross_small.png') no-repeat 0% 0%;	
}
#profile-block .user-content .mail .title .delete span
{
	border-bottom: 1px dotted #b20;
}
#profile-block .user-content .mail .text
{
	font-size: 13px;
	color: #777;
}
#profile-block .user-content .mail .view .text
{
	color: black !important;
}
#profile-block .user-content .mail .subject
{
	margin-bottom: 3px;
	font-size: 13px;	
	overflow: hidden;
	white-space: nowrap;
}
#profile-block .user-content .mail .preview_text
{
	color: #888;
	font-weight: normal;
}
#profile-block .user-content .mail .view .subject
{
	margin: 10px 0;
	font-size: 17px;
}
#profile-block .user-content .mail .unread
{
	font-weight: bold;
}
#profile-block .user-content .mail .subject a
{
	color: black;
}

#profile-block .user-content .mail .compose dd
{
}
#profile-block .user-content .mail .compose h4
{
	text-align: left;
	font-size: 15px;
	margin: 0;
}
#profile-block .user-content .mail .compose .write input
{
	height: 35px;
	width: 120px;
}

/* Blog */


#profile-block .user-content .blog dl ul.trimenu
{
	font-size: 13px !important;	
}

#profile-block .user-content .blog .archive dd
{
	text-align: right;
	font-size: 12px;
}
#profile-block .user-content .blog .archive dd a
{
	color: #777;
}

#profile-block .user-content .blog .filter
{
	font-size: 13px;
	margin-top: 30px;
}
#profile-block .user-content .blog .filter a,
#profile-block .user-content .blog .filter s
{
	margin-right: 7px;
}
#profile-block .user-content .blog .filter a
{
	color: black;
}
#profile-block .user-content .blog .filter s
{
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	background: #f6eacc;
}
#profile-block .user-content .blog .pages
{
	padding-top: 0;
}

#profile-block .user-content .blog dl.post
{
	/*margin-bottom: 30px;*/	
}

#profile-block .user-content .blog .post ul
{
	margin-top: 5px;
	padding-left: 23px;
}
#profile-block .user-content .blog .post ul li
{
	margin-top: 5px;
}
#profile-block .user-content .blog .title
{	
	font-size: 12px;
	margin-bottom: 5px;
	padding-top: 7px;
	vertical-align: middle;
}
#profile-block .user-content .blog .view .title
{
	padding-top: 15px;
}

#profile-block .user-content .blog .title .subject
{
	font-size: 18px;
	margin-right: 15px;
}

#profile-block .user-content .blog .title .date
{
	margin-right: 15px;
	color: #777;
	white-space: nowrap;
}

#profile-block .user-content .blog .title .act
{	
	padding-left: 16px;
	color: #b20 !important;		
	margin-right: 10px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
#profile-block .user-content .blog .title .act span
{
	border-bottom: 1px dotted #b20;
}
#profile-block .user-content .blog .title .delete
{
	background: transparent url('/img/cross_small.png') no-repeat 0% -1px;	
}
#profile-block .user-content .blog .title .edit
{
	background: transparent url('/img/pencil_small.png') no-repeat 0% -1px;	
}
#profile-block .user-content .blog .title a.name {
    font-weight: bold;
    text-decoration: none;
}
#profile-block .user-content .blog .title a.name:not(:hover) {
    color: black;
}

#profile-block .user-content .blog .post .text
{
	font-size: 13px;
	padding-top: 10px;
}

#profile-block .user-content .blog .subject
{
	margin-bottom: 3px;
	font-size: 15px;	
}

#profile-block .user-content .blog .links
{
	margin: 10px 0 20px 0;
	font-size: 13px;	
}
#profile-block .user-content .blog .links a.newcomment {
	float: left;
	margin-right: 15px;
}

#profile-block .user-content .blog .comments
{
	margin-top: 30px;
}

#profile-block .user-content .blog .view .addthis {
	
}
#profile-block .user-content .blog .view .addthis_toolbox {
	float: right;
	font-size: 13px;
}



.chat-content
{
	margin: 20px 0 0 0;
	position: relative;
}

.chat-content #messages_div
{
	background-color: white;
	border: 1px solid #c6c6c6;
	height: 100px;
	overflow: auto;
	font-size: 14px;
}
.chat-content #messages_ul
{
	padding: 3px;
	list-style: none;
	font-size: 12px;
	margin: 0px;
}
.chat-content #messages_ul li
{
	margin: 2px 0 2px 0;
}
.chat-content .message_time
{
	color: #aaa;
}
.chat-content .message_player
{
	margin-left: 5px;
}
.chat-content .message_text
{

}
	 
	
.chat-content #message
{
	margin: 4px 0 0 0;
}
.chat-content #message_text
{
	width: 530px;
	background-color: white;
	border: 1px solid #c6c6c6;
	font-size: 15px;
}
.chat-content #send input
{
	width: 150px;
	float: right;
	height: 23px;
}

#typeblock, .chat-content
{	
	background: #ebebeb;	
}


#games #normal #gamelist
{
	font-size: 16px!important;
	color: #144E9D!important;
	margin-left: 20px;
}
#games #normal #gamelist:hover
{
	color: black!important;
}

.gamelist-create
{
	background: #F8F4E6;
	margin-bottom: 20px;
}	


div#gamelist
{
	
}
div#gamelist .item table {
    border-spacing: 0;
}
div#gamelist .item td
{
	border-top: 1px solid #eee;
}
div#gamelist .item td table td {
    border-top: 0px !important;
}
div#gamelist .item:first-child td
{
	border-top: 0px;
}
div#gamelist .item:last-child td
{
    border-top: 1px solid #eee;
}
div#gamelist th
{
	padding: 10px;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
}
div#gamelist th select
{
	height: 22px;
}
#gamelist td.players
{
	padding: 10px;
	text-align: center;	
}
#gamelist td.ads
{
	padding-left: 15px !important;
}
#gamelist td.players td
{
	padding-right: 5px;	
}
#gamelist td.enter
{
	padding-right: 14px;
}
#gamelist td.enter a
{
	display: block;
	width: 60px;
	height: 60px;
	background: white url(/img/enter-btn2.gif) no-repeat 0% 0%;	
	text-decoration: none;
	position: relative;
	
}
#gamelist td.enter a:hover
{
	background-position: -60px 0;
}
#gamelist td.enter a.notallowed
{
	background-position: -120px 0;
}
#gamelist td.enter a.competition
{
	background-position: 0 -60px;
}
#gamelist td.enter a.competition:hover
{
	background-position: -60px -60px;
}
#gamelist td.enter a.competition.notallowed
{
	background-position: -120px -60px;
}
#gamelist td.sign {
	vertical-align: middle;
    padding-right: 4px;
}
div#gamelist .status
{
	min-width: 100px;
	font-size: 1.1em;	
	padding: 10px;
	text-align: center;
    margin-left: 5px;	
}
div#gamelist .players
{
	width: 100%;
	text-align: left;
}

#gamelist .item .status .gametype-voc span {
    white-space: pre-wrap !important;
}

div#gamelist .remain span, div#gamelist .gray_timer span
{
	font-size: 1.3em;
	padding: 0 20px;
	background: transparent url(/img/clock.gif) no-repeat 0% 4px;
}
div#gamelist .gray_timer
{	
	color: #999;
}
div#gamelist .custominfo
{
	margin-top: 2px;
	font-size: 0.9em;
}
#competition_remember {
    margin-right: 5px;
}
div#gamelist .regular-competition
{
	
	color: #d79802;
	font-size: 14px;
}
div#gamelist .enter
{
	font-size: 1.5em;
	margin-top: 8px;
}
div#gamelist .imgcont
{
	margin: 0 auto;
}
div#gamelist .name
{
	text-align: center;	
	margin-top: 4px;
	position: relative;
}
#gamelist td.players .reduced-display .name
{
	text-align: left !important;
	padding: 0 20px !important;
}
div#gamelist .name a
{
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
	white-space: nowrap;
}
div#gamelist .name i
{
	 position: absolute; 
	 left: 0px; 
	 top: 0px; 
	 width: 16px; 
	 height: 16px;
}

#nogames
{
	margin: 0px 0px 20px 20px;
	font-size: 16px;
}

#travian
{
	height: 90px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

#travian_468
{
	height: 60px;
}

#googlelinks
{
	background-color: #7f7f7f;
	padding: 1px;
	text-align: center;
	border-top: 1px solid white;
	
	white-space: nowrap;
	position: relative;
}
#playads, #playads_dummy
{
	text-align: center;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.h250 {
	height: 250px;
}

@media screen and (min-width: 1280px) {
    .h250 {
        height: 280px;
    }
}

.h400 {
	height: 400px;
}

#advertising
{
	width: 860px;
	margin: 0 auto;
	font-size: 1.1em;
}
#advertising #banners
{
	font-size: 14px;
	text-align: center;
	padding: 10px;
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
}
#advertising #banners table
{
	border-collapse: collapse;
} 
#advertising #banners .description td
{
	border: 1px solid #ddd;
	text-align: left;
	padding: 4px;
}

#rating_loading
{
	position: absolute;
	left: 20px;
	bottom: 15px;
	font-size: 20px;
	font-weight: normal;	
	padding: 5px 0px 5px 50px;
	background: transparent url('/img/gray_loading.gif') no-repeat 0% 50%;
	color: #aaa;
}

#register
{
	text-align: center;
	margin: 0 auto;
}

#register table
{
	width: 100%;	
}

#register table th, #register table td
{
	font-size: 16px;
	vertical-align: baseline;
}

#register table td
{
	text-align: left;
}

#register table th
{
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	width: 50%;
}
#register .note
{
	font-size: 13px;
	color: #666;
	width: 50%;
	vertical-align: middle;
	padding-left: 5px;
}
#register .big
{
	margin: 5px 0px 5px 0px; 
	background-color: white; 
	border: 1px solid #ccc;
	padding-right: 25px;
}
#register .big input 
{
	width: 250px; 
	font-size: 16px; 
	border: 0px;
}

#register .g-recaptcha {
    width: 302px;
}

#register #register_submit_button 
{ 
	width: 120px; 
	height: 40px;
	font-size: 16px; 
} 
#register .error 
{ 
	color: red; 
}

.tuning
{	
}
.tuning h4
{
	font-size: 16px;
	text-align: left;
}

.tuning table
{
	margin-bottom: 10px;
}

#profile-block .user-content .tuning dl ul.trimenu
{
	font-size: 13px !important;
}

.tuning .notifies
{
}

.tuning #avatar
{
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
	vertical-align: middle;
	padding: 10px;
	margin: 20px 0;
}

.tuning-save
{
	margin: 0;	
	width: 120px;
	text-align: center;
	padding: 10px;
	background: #f7de9d;
}
.tuning-save input
{
	width: 120px; 
	height: 35px; 
	font-size: 16px;
}
.tuning ul.leftmenu
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0 30px 30px 70px;	
}
.tuning ul.leftmenu li
{
	font-size: 13px;
	margin-bottom: 8px;
	width: 85%;	
	color: black;
	text-align: left;
}
.tuning ul.leftmenu li.active
{
	background: #fce6af url('/img/arrow.png') repeat scroll -0.5em 50%;
	left: -40px;
	margin: 0 0 5px;
	padding: 0 40px;
	position: relative;
}
.tuning ul.leftmenu li.active span
{
	background: transparent url('/img/arrow-front.png') no-repeat scroll 100% 50%;
	display: block;
	margin-right: -40px;
	padding: 6px 0;
	vertical-align: middle;
}

#profile-block .tuning dl.cars-block
{
	text-align: center;
	font-size: 13px;
	margin: 0;
}
.tuning .cars-block h4
{
	text-align: center;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}
#profile-block .tuning .cars-block .bar
{
	position: relative;
	top: -30px;
	width: 100%;
	margin: 0;
}
#profile-block .tuning dl
{
	margin-right: 0;
}
.tuning .cars-block .shop
{	
	clear: left;
	position: relative;
	top: -20px;
}
.tuning .cars-block .car
{
	float: left;
	width: 200px;
	margin: 0 0 60px 0;
}
.tuning .cars-block .car-img
{
	width: 100px;
	height: 50px;
	background-color: #888;
	margin: 5px 50px 8px 50px;
}
.tuning .cars-block .car-title
{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}
.tuning .cars-block .car-info
{
	color: #777;
}
.tuning .cars-block .car-info strong
{
	color: #a69762;
}
.tuning .cars-block .car-price
{
	color: #777;
}
.tuning .cars-block .car-price strong
{
	color: #4c8e50;
	background-color: #E1FAE2;
	border-radius: 4px;
	padding: 1px 5px;
}
.tuning .cars-block .car-price strong.bonuses {
	color: #3083ea;
	background-color: #d2f9ff;
}
.tuning .cars-block a.buy
{
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	background: white url(/img/buy-btn.gif) no-repeat 0% 0%;
	margin: 8px 55px 0 55px;
	cursor: pointer;
}
.tuning .cars-block a.buy:hover
{
	background-position: 0 -50px;
}
.tuning .cars-block a.buy.notallowed
{
	background-position: 0 -25px !important;
	cursor: default;
}
.tuning .cars-block .select
{
	display: block;
	width: 90px;
	height: 25px;
	overflow: hidden;
	background: white url(/img/car-select-btn.gif) no-repeat 0% 0%;
	margin: 8px 55px 0 55px;
	cursor: pointer;
	padding: 0;
    border: 0;
    outline: 0;
}
.tuning .cars-block .select:hover
{
	background-position: 0 -50px;
}
.tuning .cars-block .select.notallowed
{
	background-position: 0 -25px !important;
	cursor: default;
}
.tuning .cars-block #exclusive td
{
	text-align: left;
	vertical-align: top;
}
.tuning .cars-block #exclusive img
{
}
.tuning .cars-block #exclusive .prices
{
	white-space: nowrap;
	padding: 0 10px;
}
.tuning .cars-block #exclusive .prices td
{
	padding-right: 3px;
	text-align: right;	
}
.tuning .cars-block #exclusive .prices .next,
.tuning .cars-block #exclusive .prices .next th strong
{
	color: #999;
}
.tuning .cars-block #exclusive .prices th
{
	font-weight: normal;
}
.tuning .cars-block #exclusive .prices th strong {
	padding: 1px 5px;
}
.tuning .cars-block #exclusive .prices .cur th strong
{
	color: #4C8E50;
	background-color: #E1FAE2;
	border-radius: 4px;
		
}
.tuning .cars-block #exclusive .description p
{
	margin-top: 0;
}
.gray_header
{
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
	padding: 5px;
	width: 400px;
	margin: 0 auto 10px auto;
}
.gray_header .menu
{
	font-size: 16px;
	padding: 10px 0px 10px 0px;
}
.gray_header .menu table
{
	margin: 0 auto;
	width: 100%;
}
.gray_header .menu td
{
	text-align: center;
}
.menu .active span
{
	background-color: #aaa;
	color: white;
	padding: 5px;
}


#keyboard_cont
{
	margin-top: 10px;
	text-align: center;
}
#keyboard
{
	margin: 0 auto 0 auto;
	position: relative;
	width: 546px;
	clear: both;
}
#back_keyboard
{
	background: url('/img/back_keyboard.gif');
	position: relative;
	width: 546px;
	height: 202px;
}
.en #back_keyboard
{
	background: url(/img/back_keyboard_en.gif);
}
#fore_keyboard
{
	background: transparent url('/img/fore_keyboard.gif');
	position: absolute;
	left:115px;
	top: 8px;
	background-position:-115px -8px;
	width: 35px;
	height: 30px; 
}
.en #fore_keyboard
{
	background: transparent url(/img/fore_keyboard_en.gif);
}

#shift_keyboard
{
	position: absolute;
	background: transparent url('/img/shift_keyboard.gif');	
	width: 546px;
	height: 172px; 
}



#create
{

}
#create * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
#create dl
{
	margin-bottom: 30px;
	padding-left: 30px;
}
#create dt
{
	vertical-align: baseline;
	margin-right: 530px;
}
#create dd
{
	float: right;
	padding: 0 0 0 20px;	
	width: 480px;
}
#create h3
{
	font-size: 22px;
	text-align: left;
	margin: 0 0 15px 35px;
	font-weight: normal;
}

#create dd .params
{
	background-color: #F8F4E6;	
}
#create dd .params .rc
{
	padding: 0px 20px 20px 20px;
}
#create dd .params h4
{
	font-size: 14px;
	padding: 20px 0 5px 0;
	margin: 0;
	text-align: left;
}
#create dd .params #players_range
{
	white-space: nowrap;
}
#create dd .params .note
{
	color: #777;
}
#create dd .params #qual-block 
{
	padding-top: 20px;
}
#create dd .params #qual-block label
{
	font-size: 14px;
	color: #444;
	position: relative;
	top: -1px;
	margin-left: 5px;
    font-weight: normal;
}

#create dd .ads
{
	text-align: center;
	padding-top: 15px;
}

#create ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0;
}
#create ul.gametypes li
{
	margin-bottom: 15px;
}
#create ul.gametypes li input
{
	position: absolute;
	margin-top: 4px;
}
#create ul.gametypes li label
{
	font-size: 17px;
	cursor: pointer;
	margin-left: 25px;
}
#create ul.gametypes li .note
{
	margin-left: 25px;
}


#create table
{
	width: 100%;
}
#create .note
{
}
#create select
{
	margin-bottom: 2px;
}

#create td ul.note
{
	margin: 3px;
	padding: 0px 0 0 10px;
}
#create #vocs-block
{
	width: 600px;
	height: 300px;
	overflow: auto;
	background-color: white;
	border: 1px solid #ccc;
	margin: -15px 0 15px 145px;
	font-size: 13px;
	position: relative;
}
#create #vocs-block h4
{
	font-size: 16px;
	text-align: left;
	padding-left: 22px;
	margin: 10px 3px;
}
#create #vocs-block h4.favs
{
	background: white url('/img/star.gif') no-repeat 0% 0%;
}
#create #vocs-block li
{
	margin-bottom: 5px;
}
#create #vocs-block li input
{
	position: absolute;
}
#create #vocs-block li .name
{	
	margin-left: 25px;
}
#create #vocs-block li label
{
	color: #524CA7;
	cursor: pointer;
}
#create #vocs-block li .note
{
	color: black;
	margin-left: 25px;
	color: #777;
}
#create #vocs-block li .plus, #create #vocs-block li .minus
{
	margin-left: 5px;
}
#create #vocs-block li .plus
{
	color: #2a0;
}
#create #vocs-block li .minus
{
	color: #e00;
}

#create #vocs-block img
{
	border: 0px;
	position: relative;
	top: 4px;
}

#create .buttons
{
}
#create .buttons dt
{
	float: left;
	margin-right: 0;
	margin-left: 0;
}
#create .buttons dd
{
	padding: 0;
	width: auto;
	float: none;
	margin-left: 180px;
	padding-top: 7px;	
}

#create .buttons input.create_game {
	background: url(/img/ui/btn_create_game.png) no-repeat 0 0;
	width: 160px;
	height: 50px;
}
#create .buttons input.create_game:hover	{ background-position: 0 -50px; }

#create .buttons input.save_game {
	background: url(/img/ui/btn_save_game.png) no-repeat 0 0;
	width: 120px;
	height: 36px;
}
#create .buttons input.save_game:hover		{ background-position: 0 -36px; }
	


#myvocs
{
	width: 80%;
	font-size: 16px;
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;	
	padding: 10px;
	margin: 0 auto;
}
#myvocs table
{
	width: 100%;
}
#myvocs table th
{
	font-size: 14px;
	text-align: left;
}
#myvocs table td, #myvocs table th
{
	padding: 5px;
}
#myvocs tr.odd td
{
	background-color: #fafafa;
}
#myvocs a img
{
	border: 0px;
}

#vocview table th
{
	color: #888;
}
#vocview table th, #vocview table td
{
	padding-top: 8px;
}

.delresult
{
	position: absolute;
	left: 120px;
	bottom: 5px;
}
.delresult img
{
	border: 0px;
}	

#sape
{
	margin-top: 15px;	
	color: #888;
	padding: 5px;
	font-size: 0.8em;
	text-align: left;
}

#sape a
{
}



#inner_content
{
	padding: 10px;
}

#stats_title #divider
{
	background: #ca0 url('/img/divider.gif') repeat-x 0 0;
	height: 4px;
	margin: 10px 0;
}

.quotetop
{
	color: #777;
	margin: 5px 5px 0 5px;
	font-style: italic;
	font-size: 10px;
}
.quotemain
{
	color: #777;
	border: 1px dashed #ddd;
	border-left: 3px solid #ddd;	
	padding: 6px 10px;
	margin: 5px 5px 0 5px;
	background: #f5f5f5;
	font-size: 11px;
}
.hidetop
{
	color: #777;
	font-size: 0.85em;
	font-weight: bold;
	padding-left: 20px;
	background: transparent url(/img/toggle.png) no-repeat 0% 2px;
	cursor: pointer;
}
.hidetop.expanded
{
	background: transparent url(/img/toggle_collapse.png) no-repeat 0% 2px;
}
.hidemain
{
	border: 1px solid #ddd;
	border-left: 3px solid #ddd;	
	padding: 6px 10px;
	margin: 5px 5px 0 5px;	
	background: #f5f5f5;
	line-height: 18px;
}
.hidecont > div
{
	margin-top: 5px;
}
.codemain
{
	font-family: Courier New;
	padding: 6px;
	margin: 5px 5px 0 5px;
	border: 1px dashed #ddd;
	border-left: 3px solid #ddd;	
	color: #777;
}

.gametype-normal 		{ color:  #000 !important; }
a.gametype-normal 		{ border-color:  #000 !important; }

.gametype-quote			{ color:  #8f5cbf !important; }
a.gametype-quote		{ border-color:  #8f5cbf !important; }

.gametype-sprint 		{ color:  #833f3a !important; }
a.gametype-sprint 		{ border-color:  #833f3a !important; }

.gametype-marathon 		{ color:  #d43e68 !important; }
a.gametype-marathon 	{ border-color:  #d43e68 !important; }

.gametype-noerror 		{ color:  rgb(70, 146, 170) !important; }
a.gametype-noerror 		{ border-color:  rgb(70, 146, 170) !important; }

.gametype-noerrorcnt 	{ color:  rgb(70, 146, 170) !important; }
a.gametype-noerrorcnt 	{ border-color:  rgb(70, 146, 170) !important; }

.gametype-abra 			{ color:  rgb(61, 72, 86) !important; }
a.gametype-abra 		{ border-color:  rgb(61, 72, 86) !important; }

.gametype-abra-premium	{ color:  #BDA500 !important; }
a.gametype-abra-premium	{ border-color:  #BDA500 !important; }

.gametype-digits 		{ color:  #777 !important; }
a.gametype-digits 		{ border-color:  #777 !important; }

.gametype-referats 		{ color:  rgb(105, 135, 37) !important; }
a.gametype-referats 	{ border-color:  rgb(105, 135, 37) !important; }
	
.gametype-voc 			{ color:  #524ca7 !important; }
a.gametype-voc 			{ border-color:  #524ca7 !important; }

.gametype-chars 		{ color:  #b55900 !important; }
a.gametype-chars 		{ border-color:  #b55900 !important; }

.gametype-qual 			{ color:  #d31 !important; }
a.gametype-qual 		{ border-color:  #d31 !important; }


.premium-yellow, .premium-yellow a { color:  #BDA500 !important; }

.highlight-btn
{
}
.highlight-btn p
{		
	margin-top: 10px;
	display: inline;
	text-align: center;
	padding: 10px;
	background: #f7de9d;
}
.highlight-btn input
{
	width: 120px; 
	height: 30px;
	font-size: 13px !important; 
}


/* VOCLIST */
.voclist ul.trimenu li.add
{
	float: none; 
	text-align: right;
	margin-left: 400px;
	margin-right: 0;
}
.voclist ul.trimenu li.add a
{
	color: #2a0;
	padding-left: 20px;
	background: transparent url('/img/plus_circle.png') no-repeat 0% 70%;
	font-size: 13px;
}

.voclist .search {
	width: 100%;	
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	background: transparent;
}
.voclist .search input[type=text] {	
	height: 24px;
}

.voclist input[type=submit] {
	background: url("/img/btn_search.png") no-repeat 0 0;    
    float: right;
    width: 44px;
    height: 28px;    
}
.voclist input[type=submit]:hover {
	background-position: 0 -28px;
}
	
	
.voclist table
{
	margin-top: 10px;
	margin-left: 0;
	width: 100%;
}
.voclist td.popularity {
	background-color: #f6f6f6;	
	width: 44px;
	padding: 0;
}
.voclist td.popularity div {
	margin: 0 auto;
}
.voclist table td, .voclist table th
{
	padding: 11px 15px 11px 0;
}
.voclist table td
{
	border-bottom: 1px solid #e5e5e5;
}
.voclist table th
{
	text-align: left;
	font-size: 13px;
	color: #888;
	font-weight: normal;
}
.voclist table .title .btn80 {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
	margin-top: 8px;
} 
.voclist table .title a.name {
	font-weight: bold;
}
.voclist table .title .desc
{
	font-size: 12px;
	margin: 6px 0;
}
.voclist table .title .author {
	font-size: 11px;
	color: #777;
	margin-top: 6px;
}
.voclist table .title .author a {
	color: #777;
}
.voclist table .title a.url
{
	padding-right: 17px;
	background: transparent url('/img/rss.gif') no-repeat 100% 60%;
}
.voclist .remove {
	display: inline-block;
	background: url(/img/cross_small.png) no-repeat 0 -2px;
	padding-left: 14px;
	color: #a33;
	font-size: 10px;
	cursor: pointer;
}
.voclist table td.author
{
}
.voclist table th.author
{
}
.voclist table .author a
{
}
.voclist table .votes
{
	text-align: right;
	white-space: nowrap !important;
}
.voclist table .symbols
{
	font-size: 11px;
	white-space: nowrap !important;
}
.voclist table .symbols i
{
	font-style: normal;
	color: #888;
}
.voclist table .symbols strong {
	color: #333;
}

.voclist .plus, #voclist .minus
{
	font-size: 14px;
}
.voclist .plus, #vocview .plus
{
	color: #2a0;
}
.voclist .minus, #vocview .minus
{
	color: #e00;
}

.create_voc {
	background: url(/img/ui/btn_create_voc.png) no-repeat; 
	width: 150px; 
	height: 36px;
	display: block;
	margin-top: -34px;
	margin-bottom: 20px;
	cursor:pointer;
}
.voclist .create_voc:hover {
	background-position: 0 -36px;
}

.voclist .right-col {
	padding-top: 30px;
}

.voclist .right-col h4 {
	font-size: 15px;
	font-weight: normal;
}


/* VOC VIEW */

#profile-block.vocview-block .user-title td {
	vertical-align: middle;
}

#profile-block.vocview-block .user-title .title
{
	font-size: 19px !important;
}
#profile-block.vocview-block .user-title .title .rating-block {
	margin-top: 2px;
	color: #999;	
	font-size: 11px;
}
#profile-block.vocview-block .user-title .title .rating-block .rating_stars_big {
	position: relative;
	top: 0px;
}
#profile-block.vocview-block .user-title .links
{
	padding: 0;
}
#profile-block.vocview-block .user-title .btn_fav,
#profile-block.vocview-block .user-title .btn_play {
	background: url(/img/ui/btn_add_voc.png) no-repeat; 
	width: 111px; 
	height: 36px;
	display: inline-block;
	margin: 2px 0 0 20px;
	cursor:pointer;	
}
#profile-block.vocview-block .user-title .btn_fav:hover 	{ background-position: 0 -36px; }
#profile-block.vocview-block .user-title .btn_play 			{ background-position: 0 -72px; }
#profile-block.vocview-block .user-title .btn_play:hover 	{ background-position: 0 -108px; }

#profile-block.vocview-block .user-title .remove { 
	display: inline-block;
	background: url(/img/cross_small.png) no-repeat 0 -1px;
	padding-left: 15px;
	color: #a33;
	font-size: 11px;
	cursor: pointer;
	margin-left: 7px;
}


.vocview-block #toplist dt
{
	text-align: left;
	color: black;
}
.vocview-block #toplist dt ul.mode li.active
{
	padding: 0 20px 0 40px !important;
}
.vocview-block #toplist dt ul.mode li.active span
{
	margin-right: -20px;
}
.vocview-block #toplist table
{
	margin-top: 0;
}

.star {
	display: block;
	float: left;
	width: 16px;
	height: 14px;
	background: url(/img/star.png) no-repeat 0 0;
	cursor: pointer;
}
.star_off { background-position: 0 -14px; }
.star_over { background-position: 0 -28px; !important }


.vocview-block .words
{
	overflow: auto; 
	height: 400px; 
	width: 400px; 
	border: 1px solid #ddd; 
	margin-top: 3px;
}
.vocview-block .words table
{
	width: 100%;
}
.vocview-block .words tr td
{
	padding: 3px;
	font-size: 12px;
}
.vocview-block .words tr.even td
{
	background-color: #f0f0f0;	
}
.vocview-block .words tr td.num
{
	font-size: 8px;
	vertical-align: top;
	text-align: right;
	color: #777;
	padding-right: 0;
}
.vocview-block .words tr td.text
{
	width: 100%;
}
.vocview-block .plus
{
	color: #2a0;
}
.vocview-block .minus
{
	color: #e00;
}

.vocview-block .editfor-title
{	
	cursor: pointer;
}
.vocview-block .editfor-title i
{
	margin-left: -20px;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	position: absolute;
	background: transparent url('/img/toggle.png') no-repeat 0% 0%;
}
.vocview-block .editfor-title.collapse i
{
	background: transparent url('/img/toggle_collapse.png') no-repeat 0% 0%;
}
.vocview-block .editfor-title.loading i
{
	background: transparent url('/img/small_loading.gif') no-repeat 0% 0%;
}

.vocview-block .editfor-block
{
	margin-bottom: 30px;
}

.vocview-block .editfor-block .words
{
	height: 200px !important;
}

.vocview-block #vocadd input 
{
	width: 450px; 
}	
.vocview-block #vocadd textarea
{
	width: 100%;
}
.vocview-block #vocadd .error
{
	margin-top: 10px;
}
#profile-block.vocview-block .note
{
	margin-top: 2px;
	margin-left: 0;
}
.vocview-block #vocadd input#submit_button
{
	width: 150px;
}
.vocview-block #vocadd .type-block .radio-type
{
	width: auto;
	position: absolute;
	margin-top: 1px;
}
.vocview-block #vocadd .type-block label, .vocview-block #vocadd .type-block .note 
{
	margin-left: 26px;
}
.vocview-block #vocadd .type-block .note
{
	margin-bottom: 8px;
}
.vocview-block #vocadd .chk
{
	width: auto;
	margin: 0 5px 0 0;
}

#profile-block.vocview-block .difficulty-block .slider
{
	width: 200px;
}
#profile-block.vocview-block .difficulty-block table
{
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 5px;
}
#profile-block.vocview-block .difficulty-block th,
#profile-block.vocview-block .difficulty-block td
{
	padding-right: 10px;
}
#profile-block.vocview-block .difficulty-block th
{
	font-weight: normal;
	font-size: 10px;
	text-align: left;
}
#profile-block.vocview-block #book-block input
{
	 width: auto;
}
#profile-block.vocview-block #edit-part input
{
	width: auto;
}
#profile-block.vocview-block #edit-part #edit-part-block strong
{
	margin-right: 10px;
}
#profile-block.vocview-block #edit-part .edited-part-item
{
	padding-left: 20px;
	background: transparent url(/img/tick_small.png) no-repeat 0% 1px;
}

#top-popup
{
	position: fixed;
	top: -50px;
	left: 0;
	width: 100%;
	z-index: 1000000;
	background-color: #ffffe1;
	font-size: 11px;	
	border-bottom: 1px solid #a0a0a0;
}
#top-popup div.right
{
	float: right;
	padding: 2px 8px;
}
#top-popup div.right input
{
	height: 26px;
}
#top-popup div.right a
{
	cursor: pointer;
	margin-left: 10px;
}
#top-popup div.content
{
	padding: 8px 3px 8px 8px;
}

#live-block h4
{
	text-align: left;
	margin: 0 0 20px 117px;
}
#live-block dl
{
	clear: left;
	padding-top: 20px;
}
#live-block dt
{	
	float: left;
	padding-left: 47px;
}
#live-block dd
{
	margin: 0 0 0 117px;
}
#live-block .title
{
	color: black;
}
#live-block .link
{
	font-size: 11px;
	margin-left: 8px;
}
#live-block .comments_num
{
	color: #b20;
	font-size: 11px;
	margin-left: 8px;
}
#live-block .time
{
	font-size: 10px;
	margin-left: 15px;
	color: #777;
}
#live-block .text
{
	padding: 10px 0 10px 0;
}

#index #live ul {
    margin-top: 20px !important;
    margin-left: 5px !important;
}

#live .switch {
    font-size: 13px;
}

.discussing li {
    padding: 3px 0;
}
.discussing .comments-cnt {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    display: inline-block;
    float: left;
    width: 40px;
    height: 20px;
    padding: 5px 2px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 14px;
    color: #888;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    text-align: center;
    cursor: pointer;
    transition: background-color .2s;
    position: relative;
    top: 6px;
    text-decoration: none;
}

.discussing .comments-cnt:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background: transparent url(/img/balloon-white.png);
    margin-right: 3px;
    position: relative;
    top: 3px;
}

.discussing .comments-cnt:hover {
    background-color: #faf9ed;
}

.discussing .date {
    color: #777;
    font-size: 11px;
    margin-left: 10px;
}

#live .user-link:not(:hover) {
    text-decoration: none;
}

.discussing .post-content {
    margin-top: 6px;
}
.discussing .post-content a:not(:hover) {
    color: black;
}


.popup-box
{
	z-index: 5000;
}

.popup-box table
{
	border-collapse: collapse;
}
.popup-box table td
{
	padding: 0;
}
.popup-box .tl
{
	width: 17px;
	height: 17px;
	background: transparent url(/img/layout/tl.png) no-repeat 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/tl.png', sizingMethod='crop');
}
.popup-box .t
{
	background: transparent url(/img/layout/t.png) repeat-x 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/t.png', sizingMethod='scale');
}
.popup-box .tr
{
	width: 17px;
	background: transparent url(/img/layout/tr.png) no-repeat 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/tr.png', sizingMethod='crop');
}
.popup-box .l
{
	background: transparent url(/img/layout/l.png) repeat-y 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/l.png', sizingMethod='scale');
}
.popup-box .c
{
	background: white;
	padding: 5px;
}
.popup-box .r
{
	background: transparent url(/img/layout/r.png) repeat-y 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/r.png', sizingMethod='scale');
}
.popup-box .bl
{
	width: 17px;
	height: 17px;
	background: transparent url(/img/layout/bl.png) no-repeat 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/bl.png', sizingMethod='crop');
}
.popup-box .b
{
	background: transparent url(/img/layout/b.png) repeat-x 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/b.png', sizingMethod='scale');
}
.popup-box .br
{
	width: 17px;
	background: transparent url(/img/layout/br.png) no-repeat 0% 0%;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/br.png', sizingMethod='crop');
}

.popup-box .close
{
position: absolute;
z-index: 2;
zoom: 1;
top: 12px;
right: 12px;
width: 20px;
height: 20px;
background: #000000;
cursor: pointer;
}
.popup-box .close ins
{
position: absolute;
width: 20px;
height: 20px;
background: url('/img/layout/controls.png') 0 0 no-repeat;

-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/controls.png', sizingMethod='crop');
}
.popup-box .close:hover
{
background: #ff5223;
}









#login-form
{
	margin: 0 0 2em 0;
	font-size: 12px;
	position: absolute;
	z-index: 108;
	top: 150px;
	right: 20px;
}
#login-form .c
{
	padding: 15px 10px 5px 10px;
	font-size: 12px;
}
#login-form:after
{
	content: '';
	display: block;
	clear: left;
}
#login-form form
{
	padding-right: 1em;
}
#login-form dl
{
	position: relative;
	clear: left;
	margin: 0 0 1.2em 0;
	padding: 0;
	width: 18em;
}
#login-form dt
{
	float: left;
	width: 4.5em;
	margin: 0 -100% 0 0;
	padding: 0;
}
#login-form dd
{
	clear: none;
	margin: 0 0 0 5em;
}
#login-form #r_username input
, #login-form #r_password input
{
	width: 90%;
}
#login-form #remember_login
{
	float: left;
	position: relative;
	top: 0.6em;
	height: 14px;
	margin: -6px 5px 0 0;
	//margin: -6px 0 0 -3px;
}
#login-form .navigation
{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}
#login-form .navigation li
{
	margin-bottom: 5px;
}



.adlabs th
{
	width: 60px;
}
.adlabs td
{
	vertical-align: middle;
	text-align: left;
}






/** CHAT **/

#chat-wrapper * {
    box-sizing: content-box;
    white-space: normal;
    -moz-box-sizing: content-box;
}

#chat-inline-placeholder
{
	position: relative;
	margin: 10px 0;
	width: 740px;
}
#chat-inline-placeholder .handle
{
	background: url(/img/chat/dragdrop.gif) no-repeat 0% 0%;
	left: 2px;
	top: 2px;
}
#chat-wrapper.chat-hidden, #chat-inline-placeholder #chat-wrapper
{
	margin-top: 0px !important;
}
#chat-fixed-placeholder #chat-container, #chat-wrapper.chat-hidden #chat-container
{
	position: fixed;
    bottom: 0;
	z-index: 120;
    overflow: hidden;
}
#chat-wrapper.chat-hidden #chat-container {
    height: 15px !important;
}
#chat-inline-placeholder #chat-container
{
	position: static !important;
	top: 0;
}
#chat-fixed-placeholder #chat-content, #chat-wrapper.chat-hidden #chat-content
{
	padding: 0;
}

#chat-wrapper.chat-hidden .chat
{
	display: none;
}
#chat-place-eater.chat-hidden {
    display: none;
}

#chat-title
{
	font-size: 11px;
	color: #746652;
}
#chat-title table
{
	border-collapse: collapse;
	width: 100%;
}
#chat-title table td
{
	padding: 0;
}
#chat-title table .mostleft.l
{
	height: 17px;
	width: 13px;
	background: transparent url(/img/chat/l.gif) no-repeat 0% 0%;
}
#chat-title table .active.mostleft.l
{
	height: 17px;
	width: 13px;
	background: transparent url(/img/chat/alm.gif) no-repeat 0% 0%;
}
#chat-title table .active.l
{
	height: 17px;
	width: 13px;
	background: transparent url(/img/chat/al.gif) no-repeat 0% 0%;
}
#chat-title table .active.c
{
	height: 17px;
	white-space: nowrap;
	background: transparent url(/img/chat/ac.gif) repeat-x;	
}
#chat-title table .active.r
{
	height: 17px;
	width: 13px;
	background: transparent url(/img/chat/ar.gif) no-repeat 0% 0%;
}
#chat-title table .l
{
	height: 17px;
	width: 13px;
	background: #cec6ae;
}
#chat-title table .c
{
	height: 17px;
	width: 90px;
	white-space: nowrap;
	background: #cec6ae;
	text-align: center;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
}
#chat-title table .r
{
	height: 17px;
	width: 13px;
	background: #cec6ae;
}
#chat-title table .dummy
{
	height: 17px;
	background: #cec6ae;
	vertical-align: top;	
}
#chat-title table .dummy .resize-bar
{
	cursor: s-resize;
	height: 6px;
}
#chat-wrapper.chat-hidden #chat-title table .dummy .resize-bar, 
#chat-inline-placeholder #chat-title table .dummy .resize-bar
{
	cursor: default;
	display: none;
}
#chat-title table .dummy .hide-bar
{
	cursor: pointer;
	height: 11px;
    position: relative;
    top: 5px;
}
#chat-inline-placeholder #chat-title table .dummy .hide-bar
{
	cursor: default;
}



#chat-title table .height-btn
{
	height: 17px;
	width: 18px;
	background: transparent url(/img/chat/icons.gif) no-repeat 0% -85px;
	cursor: pointer;
}

#chat-title table .height-btn:hover
{
	background-position: -18px -85px;
}

#chat-title table .height-btn.height-btn-max {
    background: transparent url(/img/chat/icons.gif) no-repeat 0% -102px;
}

#chat-title table .height-btn.height-btn-max:hover {
    background: transparent url(/img/chat/icons.gif) no-repeat -18px -102px;
}

#chat-title table .mostright
{
	height: 17px;
	width: 18px;
	background: transparent url(/img/chat/icons.gif) no-repeat 0% 0%;
	cursor: pointer;
}

#chat-title table .mostright:hover
{
	background-position: -18px 0%;
}
#chat-title table .pin
{
	height: 17px;
	width: 18px;
	background: transparent url(/img/chat/icons.gif) no-repeat 0% -34px;
	cursor: pointer;
	overflow: hidden;
}
#chat-title table .pin:hover
{
	background-position: -18px -34px;
}
#chat-wrapper.chat-hidden #chat-title table .mostright
{
	background-position: 0% -17px;
}
#chat-wrapper.chat-hidden #chat-title table .mostright:hover
{
	background-position: -18px -17px;
}
#chat-inline-placeholder #chat-title table .mostright
{
	background-position: 0% -68px;
	cursor: default;
}
#chat-wrapper.chat-hidden #chat-title table .pin
{
	background-position: 0% -51px;
	cursor: default;
}

#chat-wrapper.chat-hidden #chat-title a
{
	background: transparent url(/img/toggle-small-expand.png) no-repeat 0% 2px;
}
#chat-title table .c span
{
	padding: 0 13px;
}
#chat-title table .c span.new
{
	background: transparent url(/img/balloon-small.png) no-repeat 100% 3px;	
}

.chat
{
	background-color: #e7e3d8;	
	font-size: 13px;
	//padding: 4px;
	border: 1px solid #cec6ae;
	border-top: 0;
}
.chat .rc
{
}

.chat table
{
	width: 100%;
	border-collapse: collapse;
}

.chat table td, .chat table th
{
	padding: 0;
	vertical-align: top;
}

.chat table th
{
	width: 100%;
	padding-right: 8px;
}

.chat input.text
{
	vertical-align: baseline;
	padding: 3px;
}

.chat .messages div
{
	overflow: auto;
	border: 3px solid white;
}
.chat .userlist .smile-content, .chat .userlist .userlist-content
{
	overflow: auto;
    padding: 0px 3px 3px 6px;
    margin: 3px 0px 0px 0px;
}

.chat .panel-btn {
    background-color: #f4f0e5;
    width: 8px;
    vertical-align: middle;
    padding-left: 3px;
    cursor: pointer;
}

.chat .panel-btn:hover {
    background-color: #fffbe4;
}

.chat .panel-btn i {
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid #CCC6B2;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.chat .panel-btn.active i {
    border-left: 5px solid #CCC6B2;
    border-right: 0;
}

.chat .messages
{
	background: #e7e3d8;
	padding: 3px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
    font-family: arial, sans-serif;
}

.chat .messages p
{
	margin: 2px 0;
}
.chat .messages p .smile
{
	position: relative;
	top: -3px;
	margin-top: 3px;
    vertical-align: middle;
}
.chat .messages .time
{
	color: #999;
	margin-right: 5px;
	font-size: 11px;
}
.chat .messages .room
{
	color: #999;
	margin-right: 7px;
	font-style: italic;
}
.chat .messages .room.private
{
	font-size: 11px;
	text-decoration: none;
}
.chat .messages .private
{
	color: #c54;
	font-weight: bold;
}
.chat .messages .room.private:hover
{
	text-decoration: underline;
}
.chat .messages .username
{
	margin-right: 5px;
}
.chat .messages .username span
{
	cursor: pointer;
}
.chat .messages .username span:hover
{
	text-decoration: underline;
}

.chat .messages .time span.clickable {
	cursor: pointer;
}
.chat .messages .time span.clickable:hover {
	text-decoration: underline;
}

.chat .messages .messages-border {
    background-color: white;
}

.chat .messages .chat-header
{
	color: #777;
	border-bottom: 1px dashed #aaa;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.chat .messages table
{
	width: 100%;
	bottom: 0px;
}
.chat .messages table input.send {
    margin: 2px;
}
.chat .messages table input.text
{
	width: 100%;
    margin: 2px 0;
}
.chat .messages table .chat-guest {
    background-color: #e7e3d8;
    padding: 3px;
    border: 1px solid #cec6ae;
}
.chat .messages table th, .chat .messages table td
{
	vertical-align: middle;
	white-space: nowrap;
}
.chat .messages table td .chat-opt-btn
{
	width: 21px;
	height: 21px;
	cursor: pointer; 
	margin-left: 2px;
	border: 1px solid white;
	float: right;
}
.chat .messages table td .chat-opt-btn.active
{
	background: #E7E3D8;
	border: 1px solid #CEC6AE;
}
.chat .messages table td .chat-opt-btn.filter-btn
{
	width: 20px;
}
.chat .messages table td .filter-btn img
{
	position: relative;
	top: 2px;
	left: 2px;
}
.chat .messages .system-message
{
	color: #777;
}

.chat .messages .private {
	cursor: pointer;
}

.chat .userlist
{
	width: 200px;
	//padding: 0px 0px 0px 6px;
	color: #746652;
    overflow: hidden;
}
.chat .userlist.ng-hide-add,
.chat .userlist.ng-hide-remove {
    transition: width .2s;
    display: block !important;
}
.chat .userlist.ng-hide-add,
.chat .userlist.ng-hide-remove.ng-hide-remove-active {
    width: 200px;
}
.chat .userlist.ng-hide-add.ng-hide-add-active,
.chat .userlist.ng-hide-remove {
    width: 0;
}
.chat .userlist .smile-tab .insert-smile-btn
{
    cursor: pointer;
}

.chat .userlist .smile-content {
    padding: 0px 3px 3px 6px;
    margin: 3px 0px 0px 0px;
}

.chat .userlist .smile-groups {
    background-color: #cec6ae;
}

.chat .userlist .smile-groups-action {
    display: inline-block;
    margin-right: 4px;
}

.chat .userlist .smile-groups-action {
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid;
    border-color: transparent;
    padding: 0px 8px 0px 8px;
}

.chat .userlist .smile-groups-action.active {
    background-color: #e7e3d8;
    border-color: #e7e3d8;
}
.chat ins
{
	display: block;
}

.chat .userlist ins
{
	margin: 0px 0;	
}
.chat .userlist a.room-name
{
	color: #746652;
	cursor: pointer;
}
.chat .userlist a.room-name:hover
{
	text-decoration: underline;
}
.chat .userlist ins a.name
{
	padding-left: 20px;
	cursor: pointer;
	text-decoration: underline;
}
.chat .userlist ins a.info
{
	margin-left: 1px;
}
.chat .userlist ins a.info img {
    vertical-align: middle;
}
.chat .userlist ins .moderator-tools
{
	display: inline;
	margin-right: 3px;
}
.chat .userlist ins .moderator-tools a
{
	cursor: pointer;
	text-decoration: underline;
}

.chat .userlist ins.revoked a.name {
	color: #999;
}
.chat .userlist p
{
	margin: 0;
}

.chat .messages .censored
{
	color: #999;
}

.indexstats-block
{
	background: #FAF9ED;	
	clear: both;
	margin-left: -30px;
	width: 23%;
	padding: 0 0 0 30px;
	font-size: 11px;
	position: relative;
	top: -42px;
	z-index: 50;
}
.indexstats-block .rc
{
	min-height: 30px;
	padding: 6px 6px 6px 0;
}
.indexstats-block p
{
	margin: 0;
	padding: 1px;
}
.indexstats-block strong
{
	color: #b20;
}




/** ABOUT **/


.about
{
	
	width: 60%;
	margin: 0px auto;
	font-size: 14px;
	padding: 0px 20px 20px 20px;
	line-height: 1.4em;
}

.about h4
{
	text-align: left;
	margin: 25px 0 10px 0;
}


#about li
{
	margin-top: 10px;
}

#about table.cars
{
	margin: auto;
	font-size: 1.2em;
	border-spacing: 0px;
	border: 20px solid white;
}
#about table.cars td
{
	background-color: white;
	vertical-align: bottom;
	text-align: center;
	padding: 3px 20px ;
}

#about #luck
{
	/*background-color: #eee;*/
	font-size: 1.3em;
	padding: 10px;
	margin: 30px auto;
	width: 200px;
	text-align: center;
}
#about h3
{
	font-weight: normal;
	color: #999;
	font-size: 20px;
}
#about table#regular
{
	margin: 0 auto;
	border-collapse: collapse;
}
#about table#regular th
{
	font-size: 12px;
	font-weight: normal;
	color: #777;
	padding: 0 8px;	
}
#about table#regular td
{
	text-align: center;
}
#about table#regular td.x3
{
	color: #990;
}
#about table#regular td.x5
{
	color: #b20;
}
#about table#regular .bordleft
{
	border-left: 1px solid #ddd;
}

#faq
{	
	
}

#faq .question
{
	margin: 18px 0;
}

#faq .question dt
{
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
}

#pro
{	
	
}
#pro li
{
	margin-top: 10px;
}

#pro #methods td
{
	padding: 0 10px 10px 0;
}

#buypro
{
	background: #FAF9ED; 
	margin-top: 20px;	
	
}
#account
{
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
	padding: 15px;
	font-size: 1.1em;
}
#account span
{
	font-weight: bold;
}
#sign
{
	margin-top: 20px;
	padding: 15px;
	background: #eee url('/img/gray_back.gif') no-repeat 0% 0%;
}
#pro #buypro h4
{
	margin-bottom: 15px;
	margin-top: 0;
}
#buypro table.inner
{
	width: 250px;
	margin-left: 20px;
}
#buypro td.desc
{
	padding-left: 20px;
}
#buypro ul
{
	padding-left: 14px;
}
#buypro strong
{
	white-space: nowrap;
}
#buypro p
{
}
#buypro .methods
{
	border-right: 1px solid #aaa;
	line-height: 2em;
	vertical-align: top;
	width: 120px;
}
#buypro a
{
	position: relative;
	text-decoration: none;
	border-bottom: 1px dashed #144E9D;
	margin: 5px;
}
#buypro span
{
	position: relative;
	background-color: #aaa;
	color: white;
	padding: 5px;	
}
#buypro span i
{
	margin-top: 5px;
}
#buypro i
{
	position: absolute;
	margin-left: -24px;
	width: 16px;
	height: 16px;
		
}
#buypro h5
{
	margin: 10px 0 0 0;
	color: #777;
	font-size: 1.0em;
	font-weight: normal;
}
#buypro select, #buypro input
{
	width: 120px;
}
#buypro th
{
	font-weight: normal;
	text-align: right;
}
#stats
{
	margin: 0px auto;
	width: 700px;
}

.stats-content h4
{
	font-size: 18px;
	margin-top: 40px;
}	

#learning ul#vocs li, #learning ol#vocs li
{
	margin: 5px 0;
}
#learning .hint
{
	float: right;
	width: 300px;
	font-size: 11px;
	background: #FAF9ED; 
	line-height: 1.3em;
}

#learning .hint h4
{
	font-size: 14px;
	margin: 0 0 5px 0;
}

#learning .note
{
	text-align: center;
	font-size: 13px;
	line-height: 1.1em;
	color: #666;
	margin-top: -5px;
}


/*********/
/* FORUM */
/*********/
#forums-list
{
	clear: both;
	padding-top: 8px;
}
#forums-list table
{
	width: 100%;
	border-collapse: collapse;	
}

#forums-list .header th
{
	text-align: left;
	color: #888;
	font-weight: normal;
	padding: 0 10px;
}
#forums-list .header th.title
{
	font-size: 22px;
	color: black;
	width: 100%;
}
#forums-list .topic-cnt, #forums-list .post-cnt
{
	text-align: center;
	white-space: nowrap;	
}
#forums-list .item
{
	font-size: 14px;
}
#forums-list .item td
{
	padding: 14px 10px;
	border-bottom: 1px solid #ddd;
}
#forums-list .item a.short-description
{
	font-size: 22px;
	color: #444;
}
#forums-list .item a.short-description:hover
{
	color: #b20
}
#forums-list .item .long-description
{
	color: #777;
	margin-top: 5px;
}
#forums-list .item td.last-post
{
	font-size: 13px;
	white-space: nowrap;
}
#forums-list .item td.last-post .date
{
	color: #777;
	font-size: 11px;
	margin: 0 1px 0 6px;
}

#forums-list .item td.last-post .go
{
	position: relative;
	top: 3px;
	text-decoration: none;
}
#forums-list .moderators
{
	font-size: 13px;
	color: #777;
	margin-top: 5px;
}

#forums-list .archive
{
	text-align: right;
	margin: 20px 10px 0 0;
}
#forums-list .archive a
{
	color: #999;
}

#forums-list .feed-link
{
	margin: 15px 10px;
}
#forums-list .feed-link a
{	
	color: #777;
}
#forums-list .feed-link a:hover
{
	color: #b20;
}





.forum-up
{
	font-size: 12px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.forum-up a
{
	text-decoration: none;
}
.forum-up a span
{
	text-decoration: underline;
}

#topics-list h4
{
	text-align: left;
}

#topics-list .warning-block {
    margin:  20px 0 10px 10px;
    padding: 20px 15px;
    border-left: 3px solid #bc6f0a;
    background-color: #fff6dc;
    color: #5e3d2a;
}

#topics-list table
{
	width: 100%;
	border-collapse: collapse;
}
#topics-list table.list
{
	margin-top: 15px;
}

#topics-list .header th
{
	text-align: left;
	color: #888;
	font-weight: normal;
	padding: 0 10px;
}
#topics-list .header th.title
{
	width: 100%;
}
#topics-list .post-cnt, #topics-list .author
{
	text-align: center !important;
}
#topics-list .item
{
	font-size: 13px;
}

#topics-list .item td
{
	padding: 7px 10px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;	
}

#topics-list .item.even td
{
	background: #faf9f2;
}
#topics-list .item td.title
{
	font-size: 13px;
}
#topics-list .item td.title .date
{
	/*margin-left: 15px;*/
	font-size: 11px;
	color: #888;
	padding-top: 1px;
}
#topics-list .item td.title img
{
	position: relative;
	top: 3px;
}
#topics-list .item td.title ._pages {
	color: #888;
	font-size: 11px;
	/*padding-top: 3px;*/
	margin-left: 15px;
}

#topics-list .item td.title ._pages a {
	color: #777;
}

#topics-list .item .title .topic-title {
	font-weight: bold;
}

#topics-list .item .title .edit-title img {
    cursor: pointer;
}

#topics-list .item .title .topic-title .et-actions {
    display: none;
}

#topics-list .item .title .topic-title.open-editor .et-actions {
    display: inline;
}

#topics-list .item .title .topic-title.open-editor img.et-pencil,
#topics-list .item .title .topic-title.open-editor a {
    display: none;
}

#topics-list .item td.last-post
{
	vertical-align: middle;
}

#topics-list .item td.last-post .date
{
	color: #777;
	font-size: 11px;
	margin: 0 1px 0 6px;
}

#topics-list .item td.last-post .go
{
	position: relative;
	top: 3px;
	text-decoration: none;
}

#topics-list .pages, #posts-list .pages
{
	padding-left: 10px;
}

#topics-list table.foot, #posts-list table.foot
{
	width: 100%;
	border-collapse: collapse;
}

#topics-list table.foot td, #posts-list table.foot td
{
	vertical-align: top;
}
#topics-list table.foot td.pages, #posts-list table.foot td.pages
{
	white-space: nowrap;
	text-align: right;
	padding-right: 10px;
}
#topics-list .write, #posts-list table.foot td.write
{
	padding: 10px 10px 0 10px;	
}

#topics-list .write-link, #posts-list table.foot td.write a#write-link
{
	font-size: 18px;
	color: #b20;
	text-decoration: none;
	border-bottom: 1px dashed #b20 !important;
	cursor: pointer;
}

#topics-list table.foot td.write p, #posts-list table.foot td.write p
{
	margin: 5px 0;
}

#topics-list .foot dl {
    display: block;
}

#topics-list .foot dl dt {
    color: gray;
    float: left;
    margin-right: 4px;
    padding-left: 10px;
}

#topics-list .foot .access-note {
    margin-top: 10px;
    font-style: italic;
}

#topics-list .topic-note
{
	font-size: 13px;
	margin-right: 5px;
}


#posts-list h4
{
	text-align: left;
}
#posts-list h4 i
{
	font-size: 15px;
	color: #777;
	font-style: normal;
	position: relative;
	bottom: 2px;
}
#posts-list table.list
{	
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}

#posts-list .write textarea {
    width: 100%;
}

#posts-list .post
{
	font-size: 13px;
}
#posts-list .post th
{
	width: 130px;
	vertical-align: top;
	text-align: center;
	padding: 10px 5px 10px 15px;
	border-bottom: 1px solid #ddd;
}
#posts-list .post th .avatar_big {
    margin-bottom: 0px;
    
}
#posts-list .post th .rang {
    font-size: 12px;
    cursor: help;
    margin: 0px 0px 6px 0px;
}
#posts-list .post td.chkbox
{
	width: 20px;
	padding: 0;
}
#posts-list .post td
{	
	border-bottom: 1px solid #ddd;
	padding: 10px 0px 10px 10px;
	vertical-align: top;
	
}
#posts-list .post td .post-container
{
	padding-right: 200px;
	line-height: 18px;
}

#posts-list .posth {
	background: #f8f4e7 ;
	color: #878069;
}
#posts-list .posth.admin {
	background: #efd;
}
#posts-list .posth.admin,
#posts-list .posth.admin a {
	color: #090;
}
#posts-list .posth th,
#posts-list .posth td {
	padding: 5px;
}
#posts-list .posth th {
	text-align: center;
}
#posts-list .posth td {
	font-size: 11px;
	padding-left: 10px;
}
#posts-list .posth a {
	color: #878069;
}

#posts-list .posth th,
#posts-list .post th {
	border-right: 1px dotted #e0e0e0;
}

#posts-list .posth .moved {
    color: black;
    margin-left: 15px;
}

#posts-list .posth .moved a {
    color: #144E9D;
}
#posts-list .post-moved td, #posts-list .post-moved th {
    border-bottom: 1px solid #ddd;
    background: transparent url(/img/white_stripe.png) repeat-x 0% 100%;
}

#posts-list .post .title
{
	margin-bottom: 10px;
	color: #777;
	font-size: 11px;
}

#posts-list .post .title .user
{
	font-size: 14px;
}
#posts-list .post .title a, #posts-list .post .title .topic-title
{
	margin-right: 15px;
}
#posts-list .post .title .topic-title a
{
	color: black;
	font-size: 13px;
	margin-right: 0;
}

#posts-list .post .text
{
	position: relative;
}
#posts-list .post .post-opts
{
	text-align: right;
}
#posts-list .post .post-opts table {
	margin: 0 0 0 auto;
}
#posts-list .post .post-opts table td {
	padding: 0;
	border: 0;
}
#posts-list .post .post-opts table td.addthis {
	padding-left: 15px;
	color: #999;
}
#posts-list .post .post-opts table td .addthis_toolbox a {
	border-bottom: 0 !important;
	margin-left: 0;
}
#posts-list .post .post-opts table td .addthis_toolbox a.addthis_button_compact {
	border-bottom: 1px dotted #999 !important;
}
	
#posts-list .post .post-opts a
{
	color: #777;
	text-decoration: none;
	border-bottom: 1px dotted #999 !important;
	cursor: pointer;
	margin-left: 15px;
}

#posts-list .post-container .text img
{
    max-width: 100%;
    max-height: 800px;
}
#posts-list .post-container .text .hidecont img
{
	max-height: none !important;
}
#posts-list .post-container .text .modified
{
	font: italic 0.8em verdana;
	color: #777;
	margin-top: 15px;
}

#posts-list .post .edit-block .rte-buttonbar td
{
	padding: 0;
	border: 0;
}

#add-topic dl
{
	clear: left;
	margin: 0 0 0 0;
	font-size: 14px;
}
#add-topic dt
{
	width: 110px;
	float: left;
	text-align: right;
	font-weight: normal;
	color: #777;
	font-size: 0.95em;
	vertical-align: baseline;
	margin-bottom: 1em;
}
#add-topic dd
{
	margin: 0 0 1em 120px;
	vertical-align: baseline;
}
#add-topic h4
{
	text-align: left;
	margin: 20px 0;
}

.rang1, a.rang1, a.rang1:visited
{
	color: #8d8d8d !important;
	border-color: #8d8d8d !important;
}
.rang2, a.rang2, a.rang2:visited 
{ 
	color: #4f9a97 !important;
	border-color: #4f9a97 !important;
}
.rang3, a.rang3, a.rang3:visited
{
	color: #187818 !important;
	border-color: #187818 !important;
}

.rang4, a.rang4, a.rang4:visited
{
	color: #8c8100 !important;
	border-color: #8c8100 !important;
}
.rang5, a.rang5, a.rang5:visited
{
	color: #ba5800 !important;
	border-color: #ba5800 !important;
}
.rang6, a.rang6, a.rang6:visited
{
	color: #bc0143 !important;
	border-color: #bc0143 !important;
}
.rang7, a.rang7, a.rang7:visited
{
	color: #5e0b9e !important;
	border-color: #5e0b9e !important;
}
.rang8, a.rang8, a.rang8:visited
{
	color: #2e32ce !important;
	border-color: #2e32ce !important;
}
.rang9, a.rang9, a.rang9:visited
{
	color: #061956 !important;
	border-color: #061956 !important;
	
}
.status-icon
{
	height: 16px;
	vertical-align: bottom;
}
.profile-header .status-icon, .avatar_big .status-icon
{
	margin-right: 5px;
}




#login-page
{
	text-align: center;
}

#login-page table
{
	margin: 0 auto;	
}
#login-page table h4
{
	text-align: left;
	padding: 0;
	margin: 0;
}
#login-page table th, #login-page table td
{
	font-size: 16px;
	vertical-align: baseline;
}

#login-page table td
{
	text-align: left;
}

#login-page table th
{
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
}
#login-page .big
{
	margin: 5px 0px 5px 0px; 
	background-color: white; 
	border: 1px solid #ccc;
}
#login-page .big input 
{
	font-size: 16px; 
	border: 0px;
}

#login-page .g-recaptcha {
    width: 302px;
}

#login-page #submit_login 
{ 
	width: 100px; 
	height: 35px;
	font-size: 16px; 
	margin-top: 15px;
}
#login-page .links
{
	font-size: 13px;
	padding-top: 15px;
	line-height: 1.7em;
}
#login-page .error 
{ 
	color: red; 
}

#book * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

#book td .imobilco-link
{
	margin-top: 20px;
} 
#book td .imobilco-link a
{
	color: #2a0 !important;
}
#book td .imobilco-link a.marathon_this
{
	color: #d43e68 !important;
	font-size: 13px;
	margin-left: 20px;
}

.imobilco-container
{
	height: 168px;
	margin: 5px 0;
	float: left;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.imobilco-container * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.imobilco-book
{
	position: relative;
	height: 168px;
}


.imobilco-book .imobilco-cover
{
	margin: 0 0 0 -16px;
	padding: 0 10px 11px 16px;
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;	
	z-index: 3;
}


.imobilco-book .imobilco-cover .co {
	background-repeat:no-repeat;
	display:block;
	font-size:0;
	overflow:hidden;
	position:absolute;
	background-image:url("/img/imobilco-book-small2.png");
}
.imobilco-book .imobilco-cover .co.itl {
	height:100%;
	width:100%;
	left:-24px;
	top:-61px;
}
.imobilco-book .imobilco-cover .co.itr {
	height:100%;
	width:24px;
	right: 0;
	top: -61px;
}
.imobilco-book .imobilco-cover .co.ibl {
	height:61px;
	width:100%;
	bottom: 0;
	left: -24px;
}
.imobilco-book .imobilco-cover .co.ibr {
	height: 61px;
	width: 24px;
	bottom: 0;
	right: 0;
}

.progress60
{
	display: inline-block;
	width: 62px;
	height: 8px;
	background: transparent url(/img/progress60.png) no-repeat 0% 0%;
	position: relative;
	top: -1px;
	text-align: left !important;
}
.progress60 i
{
	display: inline-block;
	width: 0;
	height: 8px;
	position: relative;
	left: 1px;
	background: transparent url(/img/progress60.png) no-repeat -1px -8px;
}
.progress60_dark, .progress60_dark i {
	background-image: url(/img/progress60_dark.png);
}

.mix-tovar-container > table
{
	margin: 0 auto;
}
.mix-tovar
{
	width: 240px;
	text-align: left;
}
.mix-tovar td
{
	vertical-align: middle;
}
.mix-tovar .mix-pic
{
	float: left;
	margin: 0 5px 5px 0;	
}
.mix-tovar .mix-pic img
{
}
.mix-tovar .mix-name
{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.mix-tovar .mix-merch
{
	color: black;
}
.mix-tovar .mix-priceblock
{
	margin-bottom: 15px;
	white-space: nowrap;
}
.mix-tovar .mix-desc
{
	display: block;
	color: #777;
}

.tuning-block .tuning-category .dummy
{
	height: 90px;
}	
.tuning-block .tuning-category .tuning-item
{
	float: left;
	margin: 0 5px;	
	height: 80px;
	cursor: pointer;
	padding: 5px;
}
.tuning-block .tuning-category .tuning-item.active
{
	
	background: transparent url(/img/car-highlight.png) no-repeat 0% 0%;
}
.tuning-block .tuning-category .tuning-item .price
{
	text-align: center;
	font-size: 11px;
	margin-top: 2px;
	color: #555;
}
#profile-block .tuning-block .bar
{
	margin: 10px 0 10px 5px;
}
#profile-block .tuning-block #preview
{
	padding-left: 10px;
}
#profile-block .tuning-block td.price
{
	padding-left: 20px;
}


.bonuses, a.bonuses
{
	color: #008cc7;
	font-weight: bold;
}

.avatar_big
{
	position: relative;
	margin-right: 10px;
	margin-bottom: 15px;
}
.avatar_big .level_icon
{
	position: absolute;
	bottom: -6px;
    right: -3px;
	width: 22px;
	height: 22px;
	background: transparent url(/img/level_avatar_icon.png) no-repeat 0% 0%;	
	text-align: center;
	vertical-align: middle;
    padding-top: 1px;
}
.avatar_big .level_icon i
{
	position: relative;
	top: 4px;
	font: normal bold 11px arial;
	color: #b56015;
}

.addthis_button_compact {
	padding: 0 2px;
}
.addthis_button_compact span {
	background: none !important;
	width: 0;
	margin: 0 !important;
}


.popup_message h5 {
	margin-bottom: 3px;
}

.premium_digramms_used {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.5em;
}
.premium_digramms_used strong {
    background-color: #e0e0e0;
    padding: 1px 4px;
    border-radius: 3px;
}
.premium_digramms_used strong span {
    font-weight: normal;
    color: #999;
    margin-left: 1px;
    font-size: 11px;
}




.voc_popularity {
	background: url(/img/popularity.png) no-repeat 0 0;
	width: 24px;
	height: 24px;
	display: block;	
}
.popularity0 { background-position: 0px -96px; }
.popularity1 { background-position: 0px -72px; }
.popularity2 { background-position: 0px -48px; }
.popularity3 { background-position: 0px -25px; }
.popularity4 { background-position: 0px 0px; }


.btn80 {	
	width: 80px; 
	height: 17px; 
	display: inline-block; 
	background: url(/img/btn80_green.png) no-repeat; 
	padding-top: 3px; 
	text-align: center; 
	font-size: 11px; 
	font-weight: normal;
	cursor: pointer;
}
.btn80_gray {
	background-position: 0px 0px; 	
	color: #333; 
	/*text-shadow: 1px 1px #86e24d;*/
}
.btn80_gray:hover {
	background-position: 0px -20px;
	color: black;
}
.btn80_green {
	background-position: 0px -40px; 	
	color: #143a00; 
	text-shadow: 1px 1px #a8e574;
}
.btn80_green:hover {
	background-position: 0px -60px;
}





/* Left col standard menu */


.left-col h4
{
	text-align: left;
	margin: 0 0 15px 0;
	font-size: 15px;
}

.left-col ul.left-menu
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0 0 30px 0;	
}
.left-col ul.left-menu li
{
	font-size: 13px;
	margin-bottom: 8px;
	width: 85%;	
}
.left-col ul.left-menu li.active
{
	background: #fce6af url('/img/arrow.png') repeat scroll -0.5em 50%;
	left: -40px;
	margin: 0 0 5px;
	padding: 0 40px;
	position: relative;
}
.left-col ul.left-menu li.active span
{
	background: transparent url('/img/arrow-front.png') no-repeat scroll 100% 50%;
	display: block;
	margin-right: -40px;
	padding: 6px 0;
	vertical-align: middle;
}

.left-col ul.left-menu li a {
	cursor: pointer;
	text-decoration: underline;
}



.rating_stars {
	width: 49px;
	height: 9px;
	display: inline-block;
	background: url(/img/rating_stars.png) no-repeat 0 0;
}
.rating_stars0 { background-position: 0 0px; }
.rating_stars2 { background-position: 0 -9px; }
.rating_stars3 { background-position: 0 -18px; }
.rating_stars4 { background-position: 0 -27px; }
.rating_stars5 { background-position: 0 -36px; }
.rating_stars6 { background-position: 0 -45px; }
.rating_stars7 { background-position: 0 -54px; }
.rating_stars8 { background-position: 0 -63px; }
.rating_stars9 { background-position: 0 -72px; }
.rating_stars10 { background-position: 0 -81px; }

.rating_stars_big {
	width: 80px;
	height: 15px;
	display: inline-block;
	background: url(/img/rating_stars_big.png) no-repeat 0 0;
}
.rating_stars_big0 { background-position: 0 0px; }
.rating_stars_big2 { background-position: 0 -15px; }
.rating_stars_big3 { background-position: 0 -30px; }
.rating_stars_big4 { background-position: 0 -45px; }
.rating_stars_big5 { background-position: 0 -60px; }
.rating_stars_big6 { background-position: 0 -75px; }
.rating_stars_big7 { background-position: 0 -90px; }
.rating_stars_big8 { background-position: 0 -105px; }
.rating_stars_big9 { background-position: 0 -120px; }
.rating_stars_big10 { background-position: 0 -135px; }


input.blur {
	color: #999; 
}



.gametype-sign {
	display: block;
	width: 48px;
	height: 48px;
	background: url(/img/gametype_signs.png) no-repeat 0 0;
	margin: 0 auto;
    position: relative;
}

.gametype-sign .gametype-sign.qual {
    background-size: 304px;
    position: absolute;
    top: 8px;
    right: -11px;
    height: 30px;
    width: 30px;
    background-position: -274px -29px;
}


.sign-abra 		{ background-position: -48px 0; }
.sign-referats 	{ background-position: -96px 0; }
.sign-noerror 	{ background-position: -144px 0; }
.sign-marathon 	{ background-position: -192px 0; }
.sign-chars 	{ background-position: -240px 0; }
.sign-digits 	{ background-position: -288px 0; }
.sign-sprint 	{ background-position: -336px 0; }
.sign-voc 		{ background-position: -384px 0; }
.sign-qual 		{ background-position: -432px 0; }

.sign-normal.active 	{ background-position: 0 -48px; }
.sign-abra.active 		{ background-position: -48px -48px; }
.sign-referats.active 	{ background-position: -96px -48px; }
.sign-noerror.active 	{ background-position: -144px -48px; }
.sign-marathon.active 	{ background-position: -192px -48px; }
.sign-chars.active 		{ background-position: -240px -48px; }
.sign-digits.active 	{ background-position: -288px -48px; }
.sign-sprint.active 	{ background-position: -336px -48px; }
.sign-voc.active 		{ background-position: -384px -48px; }
.sign-qual.active 		{ background-position: -432px -48px; }

#switch_with_icons {
	margin: 10px 0 0 0;
}

#switch_with_icons a {
    outline: none;
}

.swtop {
	display: inline-block;
	margin: 0px 3px 0 3px;
}

.swtop a {
	color: #b20;
}

.on {
	padding: 6px;
	background-color: #b20;
    border-radius: 3px;
}

.on a {
	color: white;
	text-decoration: none;
}

.tops-sign {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 -3px 0;
	background: url(/img/tops_signs.png) no-repeat 0 0;
}

.sign-today		{ background-position: -16px 0; }
.sign-week		{ background-position: -32px 0; }
.swtop .sign-noerror	{ background-position: -48px 0; }
.sign-success 	{ background-position: -64px 0; }

.sign-rating.active		{ background-position: 0 -16px; }
.sign-today.active		{ background-position: -16px -16px; }
.sign-week.active		{ background-position: -32px -16px; }
.swtop .sign-noerror.active	{ background-position: -48px -16px; }
.sign-success.active	{ background-position: -64px -16px; }



.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 140px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  
    .tipsy-w .tipsy-inner { text-align: left; }

  
  .rating img.skiptrackerror { 
  	position: relative; 
  	left: 2px; 
  	top: 2px;
  }
  
  
  
  #racing_time, #waiting_timeout {
  	font-family: Helvetica;
  	font-size: 1.4em;
  }
  
  
.quoteleft, .quoteright {
  width: 21px;
  height: 20px;
  display: inline-block;
  background: url(/img/quotes.png);
  position: absolute;
  margin-top: 2px;
}

.quoteleft {
	margin-left: -28px;
}

.quoteright {
	margin-left: 7px;
	background-position: -21px 0;
}

#howtoplay .gametype-sign {
	float: right;
	margin: 0 0 5px 5px;
}

.voc_desc {
	color: #777; 
	line-height: 22px; 
	font-family: serif;
	padding: 0 28px 0 40px;
	font-size: 18px;
	text-align: center;
}


.wavyline
{
 background: url(/img/wavyline.gif) repeat-x 100% 100%;
 padding-bottom: 2px;
 text-decoration: none; 
 white-space: nowrap;
}


.btn_qual {
	background: url(/img/ui/btn_qual.png) no-repeat 0% 0%;
	width: 232px;
	height: 50px;
	display: block;
	cursor: pointer;
}

.btn_qual:hover {
	background-position: 0 -50px;	
}

.btn_buy_premium {
	background: url(/img/ui/btn_buy_premium.png) no-repeat 0% 0%;
	width: 250px;
	height: 70px;
	display: block;
	cursor: pointer;
	margin: 8px auto 8px auto;
}

.btn_buy_premium:hover {
	background-position: 0 -70px;	
}

.btn_paymethod {
	background:url(/img/ui/btn_paymethods.png) no-repeat 0% 0%;
	height: 62px;
	cursor: pointer;	
}
.btn_paymethod_yandex {
	width: 129px;
}
.btn_paymethod_yandex:hover {
	background-position: 0 -62px;
}
.btn_paymethod_yandex.focused {
	background-position: 0 -124px;
}
.btn_paymethod_webmoney {
	width: 139px;
	background-position: -129px 0;
}
.btn_paymethod_webmoney:hover {
	background-position: -129px -62px;
}
.btn_paymethod_webmoney.focused {
	background-position: -129px -124px;
}
.btn_paymethod_other {
	width: 174px;
	background-position: -268px 0;
}
.btn_paymethod_other:hover {
	background-position: -268px -62px;
}
.btn_paymethod_other.focused {
	background-position: -268px -124px;
}


.ng-cloak {
  display: none;
}

#loading-box {
    	
}

.test-warning {
    background-color: #f9f9cf;
    padding: 8px 30px;
    border-bottom: 1px solid #d1c7a7;
    position: relative;
    z-index: 108;
}


.test-warning a {
    color: #144E9D;
    font-weight: bold;
}


.comments b {
    opacity: 0.7;
}

.feedback {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10002;
}

.feedback .feedback-btn {
    padding: 5px 8px;
    color: white;
    font-weight: bold;
    background: linear-gradient(to bottom, #555,#333);
    border: 1px solid #333;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px 0px 0px 0px;
    font-family: Arial;
}

.feedback .feedback-btn:hover {
    background: #333;
}

.feedback .feedback-container {
    max-width: 0px;
    max-height: 0px;
    transition: max-width .1s linear, max-height .1s linear;
    background: white;
}

.feedback .feedback-container.active {
    max-width: 600px;
    max-height: 800px;
    box-shadow: 0px 0px 60px -15px black;
}

.feedback .feedback-container.active i.feedback-close {
    display: block;
    width: 9px;
    height: 3px;
    background: transparent url(/img/minus_white.png);
    position: absolute;
    right: 8px;
    top: 18px;
    pointer-events: none;
}

.feedback .feedback-form {
    padding: 0 10px 10px 10px;
    border: 1px solid #eee;
    min-width: 400px;
}

.feedback .feedback-form h4 {
    margin: 10px 0 2px 0;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
}

.feedback .feedback-form input, .feedback .feedback-form textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: content-box;
}

.feedback .feedback-form label {
    font-weight: normal !important;
}

.feedback .feedback-form .publish input {
    width: 20px;
    margin: 0;
    vertical-align: middle;
}

.feedback .feedback-form .publish {
    font-size: 11px;

}

.feedback .feedback-form .attach {
    display: none;
    margin-top: 5px;
    padding: 6px;
    cursor: pointer;
    font-weight: bold;
    margin-left: -5px;
}

.feedback .feedback-form .attach:hover {
    background: #f0f0f0;
}

.feedback .feedback-form .attach:hover a {
    color: #b20;
}

.feedback .feedback-form .attach a {
    vertical-align: middle;
    text-decoration: none;
}

.feedback .feedback-form .attach i {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin: 0 5px 0 0;
    background: transparent url(/img/glyph_camera.png);
    vertical-align: middle;
}

.feedback .feedback-form .attach i.loading {
    background: transparent url(/img/small_loading.gif) no-repeat 5px 3px;
}

.feedback .feedback-form button {
    margin-top: 10px;
    height: 30px;
    font-weight: bold;
}

.feedback .feedback-form .attach-img {
    padding-top: 5px;
    display: none;
}
.feedback .feedback-form .attach-img > div {
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    max-width: 150px;
    max-height: 150px;
    box-sizing: border-box;
    -moz-box-sizing: content-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.feedback .feedback-form .attach-img img {
    max-width: 150px;
    max-height: 150px;
}

.feedback .feedback-form .attach-img a {
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.feedback .attach-form {
    display: none;
    width: 200px;
    padding: 5px;
}

.feedback .attach-form .attach-mode {
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 3px;
}

.feedback .attach-form .attach-mode div {
    margin-top: 2px;
}

.feedback .attach-form .attach-mode:hover {
    background: #f0f0f0;
}

.feedback .attach-form .attach-mode.active {
    background: linear-gradient(#555,#666) !important;
    color: white;
}

.feedback .attach-form .attach-mode.active div {
    color: #ccc;
}

.feedback .attach-form button {
    width: 90px;
    height: 30px;
    font-weight: bold;
    margin: 10px 0 0 5px;
}

.feedback .attach-form a {
    margin-left: 10px;
    cursor: pointer;
}

.feedback-canvas {
    z-index:10000;
    position: fixed;
    left: 0;
    top: 0;
}

.feedback-regions {
    z-index: 10001;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}

.feedback-regions.wait {
    cursor: wait;
}

.feedback-region {
    z-index: 10001;
    position: fixed;
    cursor: default;
}

.feedback-region-highlight {
    border: 1px solid white;
    box-shadow: 0 0 18px -3px black;
}

.feedback-region-blackout {
    background: black;
}

.feedback-region i {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: white url(/img/yellow_cross.gif) no-repeat 3px 4px;
    border-radius: 15px;
    border: 1px solid black;
    display: none;
    cursor: pointer;
    opacity: 0.7;
    box-shadow: -1px 1px 1px black;
}

.feedback-region i:hover {
    opacity: 1.0;
}

.feedback-region:hover i {
    display: block;
}

.feedback .sent {
    margin-top: 10px;
    font-weight: bold;
}