@CHARSET "UTF-8";
* {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: middle;
	border: 0;
}

body {
	font: 16px Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #000;
	max-width: 350px;
	background: url(https://st.astrastudio.ru/race/img/site/background.png) #221e1f;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table td {
	border: 0px;
	vertical-align: middle;
}

textarea {
	width: 160px;
	height: 80px;
	margin: 0 36px;
}


/* STANDART */

.wdt {
	width: 100%;
}

.wdt td {
	padding: 5px;
	font-size: 10pt;
}

.wdt img {
	padding-right: 3px
}

.wdt a {
	font-size: 12pt;
}

.wdt b {
	font-size: 10pt;
}

.atd1 {
	padding: 5px;
	font-size: 10pt;
}

.atd2 {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10pt;
}

.grid_pnl {
	background: #232D37;
}

.grp_btm {
	background-repeat: repeat-x;
	background-position: 0 100%;
}

.grp_top {
	border-left: solid 8px #1D252C;
	border-right: solid 8px #1D252C;
	border-top: solid 8px #1D252C;
	background-color: #262626;
	background-image: url('/style/theme/bg-slanting-line.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}

.grid_pnl .defeat {
	height: 41px;
	background-image: url('/style/theme/bg-grid_pnl_defeat.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.grid_pnl .win {
	height: 41px;
	background-image: url('/style/theme/bg-grid_pnl_win.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.bg_flags {
	padding-top: 6px;
	height: 18px;
	text-align: center;
	font-size: 0;
	background-image: url('/style/theme/bg-flags.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.pb5 {
	padding-bottom: 5px;
}

.mt5 {
	margin-top: 9px;
}

.txt {
	color: #ffffff;
	font-weight: bold;
}

.black {
	background-color: #000
}

.yellow {
	color: #ffd224
}

.orange {
	color: #ff9600
}

.green {
	color: #92dd2f
}

.gray {
	color: #7e7d7e
}

.white {
	color: #fff
}

.red {
	color: #fd5959
}

.redmsg {
	color: #fd5959;
	font-size: 9pt;
}

.blue {
	color: #4f92f6
}

.cream {
	color: #ead9bb
}

.blackfont {
	color: #000000
}

.crimson {
	color: #DC143C
}

.DeepPink {
	color: #FF1493
}

.PaleVioletRed {
	color: #DB7093
}

.Tomato {
	color: #FF6347
}

.gold {
	color: #DAA520
}

.SteelBlue {
	color: #4682B4
}

.MediumSpringGreen {
	color: #00FA9A
}

.Purple {
	color: #800080
}

.Teal {
	color: #008080
}

.Lime {
	color: #00FF00
}

.DarkSlateGrey {
	color: #2F4F4F
}

.MediumSlateBlue {
	color: #7B68EE
}

.silver {
	color: #c0c0c0
}

.class-X {
	background-color: #B3EE3A;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}

.class-S {
	background-color: #6666cc;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}
.class-FS {
	background-color: #6666cc;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}
.class-A {
	background-color: #e9ab34;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}

.class-B {
	background-color: #c23435;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}

.class-C {
	background-color: #539c2f;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}



.class-E {
	background-color: #a13be1;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}

.class-F {
	background-color: #d55b1f;
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #555555;
	font-size: 9pt;
	font-weight: normal;
}

.class-text {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 9pt;
	font-weight: normal;
}


/* HEADERS */

.green-header {
	background-color: #058c07;
	height: 30px;
	border-top: 1px solid #005f01;
	border-bottom: 1px solid #005f01;
}

.brown-header {
	background-color: #8c3805;
	height: 30px;
	border-top: 1px solid #5d2401;
	border-bottom: 1px solid #5d2401;
}

.gray-header {
	background-color: #898989;
	height: 30px;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
}

.green-header td {
	background: url(/style/theme/green-st.png) no-repeat;
	background-position: top center;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}

.brown-header td {
	background: url(/style/theme/brown-st.png) no-repeat;
	background-position: top center;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}

.gray-header td {
	background: url(/style/theme/log-bg00.png) repeat-x;
	background-position: top;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}

.taxi-header {
	background-color: #ead900;
	height: 30px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.taxi-header {
	background: url(/style/theme/taxi-header.png) no-repeat;
	background-position: top right;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}

.taxi-header td {
	font-weight: bold;
}


/* TABLES */

.green-table {
	background: url(/style/theme/shop-bg0.png);
}

.gray-table {
	background: url(/style/theme/carbon-b.png);
}

.td-cell {
	border-top: 1px solid #000;
	height: 45px;
}

.chat-bg {
	background: url(/style/theme/chat-01.png) repeat-y
}

.zapravka-table {
	background: url(/style/theme/zapravka.png);
	width: 100%;
	background-repeat: repeat-x;
	background-color: #dadada
}

.home-table {
	background: url(/style/theme/garage-b.png);
	background-repeat: repeat-x;
	background-color: #dadada
}

.home-table td {
	padding: 0;
	font-size: 16px;
	padding-right: 5px;
	color: #fff
}


.zapravka-table td {
	padding: 0;
	font-size: 16px;
	padding-right: 5px;
	color: #fff
}

.msg-table {
	border: 10px solid #927556;
}

.msg-table td {
	background-color: #ffea00;
	padding: 5px;
}

.msg-table-win {
	border: 10px solid #8bc242;
}

.msg-table-win td {
	background-color: #d3e7c4;
	padding: 5px;
}

.msg-table-loose {
	border: 10px solid #c12424;
}

.msg-table-loose td {
	background-color: #e7dcc4;
	padding: 5px;
}

.msg-table-transit {
	border: 10px solid #4273c2;
}

.msg-table-transit td {
	background-color: #c5cce8;
	padding: 5px;
}

.taxi-table {
	background: url(/style/theme/taxi-back.png) repeat-x;
	background-position: top;
	background-color: #707070;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
}

.license-table {
	background: url(http://193.33.26.89/race/img/license-bg.png);
	border: 3px solid #eec2c1
}
.td-learned {
	border: 2px solid #868686;
	background-color: #fff;
	color: #fff;
	background: url(/style/theme/race-btn.png) repeat-x;
	background-position: top;
}

.td-cell-head {
	border-top: 1px solid #b5b5b4;
	height: 20px;
}

.td-cell {
	height: 60px;
}

.menu {
	background: url(https://st.astrastudio.ru/race/img/garaj_size-1px.png) repeat-x;
	border-bottom: 1px solid #767676;
}

.menu td {
	background: url(https://st.astrastudio.ru/race/img/L_razdel.png) right no-repeat, url(https://st.astrastudio.ru/race/img/R_razdel.png) left no-repeat;
}

a:link,
a:active,
a:visited {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

a:hover,
a:focus {
	color: rgb(246, 246, 246);
}


.bonus-table {
	background: url(/style/theme/menu-bg0.png);
	background-repeat: repeat-x;
	background-color: #dadada
}

.bonus-table td {
	padding: 0;
	font-size: 16px;
	padding-right: 5px;
	color: black
}

.map {
	background: url(/style/theme/map.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top center;
	height: 571px
}

.map_new {
	width: 100%;
	background: url(/style/theme/map.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top center
}

.map-cell {
	text-align: center;
	padding: 0
}

.map-td {
	text-align: center;
	padding: 0;
	padding-bottom: 5px
}

.btn-map {
	border: 0px solid #005f01;
	background-size: 4% 100%, 95% 100%, 4% 100%;
	cursor: pointer;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	height: 35px;
	width: 100%;
	background: url(/style/theme/maps_ver2.png) no-repeat;
	background-size: cover;
	width: 95px;
	font-size: 8pt;
}


/* BUTTONS */

.btn {
	height: 24px;
	width: 155px;
	background: url(http://193.33.26.89/race/img/btn-bg.png) repeat-x;
	border: 1px solid #005f01;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.race-btn {
	height: 35px;
	width: 100%;
	background-color: #058c07;
	background: url(/style/theme/race-btn.png) repeat-x;
	border: 1px solid #005f01;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.price-btn {
	height: 35px;
	width: 100%;
	background-color: #058c07;
	background: url(/style/theme/price-btn.png) repeat-x;
	border: 1px solid #005f01;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.bisines-btn {
	background-color: #064b92;
	height: 35px;
	width: 100%;
	background: url(/style/theme/button-bg.png) repeat-x;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.race-inactive-btn {
	height: 35px;
	background-color: #ccc;
	width: 100%;
	background: url(/style/theme/btn-inac.png) repeat-x;
	border: 1px solid #686868;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.upgrade-btn {
	height: 47px;
	width: 100%;
	background: url(/style/theme/upgrade.png) repeat-x;
	border: 1px solid #333;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.upgrade-inactive-btn {
	height: 47px;
	width: 100%;
	background: url(/style/theme/upgrade0.png) repeat-x;
	border: 1px solid #333;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.no-btn {
	height: 35px;
	width: 100%;
	background: url(/style/theme/no-btn-b.png) repeat-x;
	border: 1px solid #7c0000;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.yes-btn {
	height: 35px;
	width: 100%;
	background: url(/style/theme/race-btn.png) repeat-x;
	border: 1px solid #005f01;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}

.inactive-btn {
	height: 35px;
	width: 100%;
	background: url(/style/theme/btn_inactive.png) repeat-x;
	border: 1px solid #686868;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
}


/* TOP LINE */

.top-line {
	width: 100%;
	background-color: #d1fee9;
	padding-bottom: 3px;
}


/* OTHER */

.bold-symbol-td {
	font-weight: bold;
	font-size: 14pt;
	text-align: center
}

.race-award td {
	width: 50%;
	text-align: center;
	padding-top: 5px
}

.clear-cell {
	text-align: center;
	padding: 0
}


.top-cell-avatar {
	padding: 5px;
	text-align: center;
	width: 18%;
	padding-right: 5px;
}

.b-avatars-ceo {
	padding: 0px;
	width: 46px;
	border-radius: 23px;
	/* свойство для тех кто его поддерживает */
	-moz-border-radius: 23px;
	/* для firefox */
	-webkit-border-radius: 23px;
	/* для Safari и Chrome */
	-khtml-border-radius: 23px;
	z-index: 1;
	position: relative;
}

.top-cell-car {
	padding: 5px;
	text-align: center;
	width: 40%;
}

.top-cell-value {
	color: #ffffff;
	padding: 5px;
	font-size: 10pt;
	text-align: left;
}

.number-table {
	background: url("http://st.astrastudio.ru/race/img/number_reg.png") no-repeat center;
}

.head-send-table {
	background: url("http://st.astrastudio.ru/race/img/race_bg.png") no-repeat;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
}

.head-send-td {
	border-top: 1px solid #000;
	padding: 10px;
	height: 50px;
	width: 20%;
}

.head-send-wide-td {
	border-top: 1px solid #000;
	padding: 10px;
	height: 50px;
	width: 20%;
	width: 25%;
}

.head-send-td-img {
	border-top: 1px solid #000;
	padding: 10px;
	height: 50px;
	width: 20%;
	width: 5%;
}

.send-field {
	width: 100%;
	font-size: 16pt;
}

.head-send-field-td {
	background-color: #000000;
	width: 30%;
}

.send-td {
	vertical-align: middle;
	padding: 6px;
	height: 10px;
}

.letter-cell {
	border-top: 1px solid #000;
}

.send-edge-td {
	vertical-align: middle;
	padding: 6px;
	height: 10px;
	width: 10%;
}

.send-td-name {
	vertical-align: middle;
	padding: 6px;
	height: 10px;
	width: 35%;
}

.send-text-td {
	vertical-align: middle;
	padding: 6px;
	height: 10px;
	vertical-align: top;
}

.letter-garage-table {
	width: 100%;
	background: url("http://st.astrastudio.ru/race/img/garage/ic_mail.png");
	background-size: 100% 100%;
}

.letter-count-cell {
	background: url("http://st.astrastudio.ru/race/img/ico_push-grin.png") no-repeat;
	background-size: 100% 65%;
}

.letter-chat {
	color: #ffffff;
	text-align: left;
	background-color: #222222;
}

.point-continue {
	color: #ffffff;
	font-size: 14pt;
	background: url("http://st.astrastudio.ru/race/img/carbon-bg.png");
	height: 60px;
	border-bottom: 1px #252525 solid;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
}

.progress {
	padding: 0;
	background: url(https://st.astrastudio.ru/race/img/pb_05.png) no-repeat left, url(https://st.astrastudio.ru/race/img/pb_04.png) right
}

.progress tr {
	padding: 0;
	height: 17px
}

.progress td {
	padding: 1px;
	font-size: 9pt;
	color: #fff;
	vertical-align: middle;
	text-align: left
}

.exp {
	position: absolute;
	text-align: center;
	max-width: 350px;
	margin-top: -19px;
	font-size: 8pt;
	color: #fff
}

.exp__iframe {
	display: inline-block;
	position: absolute;
	max-width: 768px;
	text-align: left;
	margin-top: -28px;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}

.b-topline-table {
	width: 100%;
	background-color: #000
}

.b-topline-td {
	padding: 5px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 0;
	padding-top: 2px
}

.b-topline-td-fuel {
	padding: 5px;
	font-size: 10pt;
	text-align: center;
	padding-bottom: 0;
	padding-top: 2px;
	color: #ffd224;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 3px
}

.b-topline-td-hp {
	padding: 5px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 0;
	padding-top: 2px;
	color: #ff9600
}

.b-topline-td-money {
	padding: 5px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 0;
	padding-top: 2px;
	color: #fff
}

.b-topline-td-gold {
	padding: 5px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 0;
	padding-top: 2px;
	color: #92dd2f;
	text-align: right
}

.b-fuel-time {
	font-weight: 700;
	color: silver;
	font-size: 8pt
}

.iframe-topline-table {
	width: 100%;
	background: url(https://st.astrastudio.ru/race/img/iframe/background/bg_topline.png) repeat-x;
	background-size: 100% 100%
}

.iframe-topline-table-td {
	color: #fff;
	padding: 5px;
	font-style: italic;
	font-weight: 700;
	font-size: 16px
}

.iframe-topline-table-td-link {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	font-style: italic;
	text-decoration: none
}

.iframe-topline-img {
	width: 30px
}

.iframe-topline-table-td-plus {
	padding: 0 2px;
	text-align: right;
	width: 5%
}

.iframe-topline-progress-table {
	width: 100%;
	border-bottom: 2px solid #767676
}

.progbar-wide-table {
	width: 100%
}

.progbar-topline-td {
	padding: 0;
	text-align: center;
	vertical-align: middle
}

.progbar-level-topline-td {
	color: #fff;
	background: url(https://st.astrastudio.ru/race/img/progbar/xp_lv.png) no-repeat;
	background-size: 100% 100%;
	font-size: 8pt;
	text-align: center;
	height: 25px;
	width: 14%
}

.progbar-level-topline-td__iframe {
	color: #fff;
	background: url(https://st.astrastudio.ru/race/img/iframe/background/bg_level_topline.png) no-repeat;
	background-size: 100% 100%;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	height: 36px;
	width: 13%
}

.progbar-td {
	background-color: #000;
	border-color: #000;
	background: url(https://st.astrastudio.ru/race/img/progbar/xp_pr01.png) left no-repeat, url(https://st.astrastudio.ru/race/img/progbar/xp_pr02.png) center no-repeat, url(https://st.astrastudio.ru/race/img/progbar/xp_pr03.png) right;
	background-size: 3% 100%, 95% 100%, 3% 100%;
	padding: 0;
	text-align: center
}

.progbar-td__iframe {
	background-color: #000;
	border-color: #000;
	background: url(https://st.astrastudio.ru/race/img/iframe/background/bg_topline-progress_left.png) left no-repeat, url(https://st.astrastudio.ru/race/img/iframe/background/bg_topline-progress_center.png) center no-repeat, url(https://st.astrastudio.ru/race/img/iframe/background/bg_topline-progress_right.png) right;
	background-size: 3% 100%, 95% 100%, 3% 100%;
	padding: 10px 0;
	text-align: center
}

.progbar-edge-td {
	width: 1%
}

.progbar-edge-td-left__iframe {
	padding-left: 9px;
	width: 3%
}

.progbar-edge-td-right__iframe {
	padding-right: 9px;
	width: 3%
}

.progbar-img {
	height: 26px
}

.progbar-img__iframe {
	height: 24px
}

.progbar-img-wide {
	background: url(https://st.astrastudio.ru/race/img/progbar/xp_p2r02.png);
	background-size: 100% 100%;
	width: 100%
}

.progbar-img-wide__iframe {
	background: url(https://st.astrastudio.ru/race/img/iframe/topline-progress_center.png);
	background-size: 100% 100%;
	width: 100%
}

.table-privacy {
	width: 100%;
	background:url(https://st.astrastudio.ru/race/img/carbon-bg.png) .menu {
		background: url(https://st.astrastudio.ru/race/img/garaj_size-1px.png) repeat-x;
		border-bottom: 1px solid #767676;
	}
	.menu td {
		background: url(https://st.astrastudio.ru/race/img/L_razdel.png) right no-repeat, url(https://st.astrastudio.ru/race/img/R_razdel.png) left no-repeat;
	}
	a:link,
	a:active,
	a:visited {
		color: rgb(255, 255, 255);
		text-decoration: none;
	}
	a:hover,
	a:focus {
		color: rgb(246, 246, 246);
	}
	.b-message-new {
		background-image: url(https://st.astrastudio.ru/race/img/news_back.png);
		background-color: #FF0;
		background-size: 100% 100%;
	}
	.wide-table {
		width: 100%;
	}
	.b-message-award-left {
		text-align: left;
		vertical-align: top;
		width: 10%;
		font-size: 10pt;
		padding: 5px;
	}
	.b-message-award-right {
		text-align: left;
		vertical-align: top;
		font-size: 10pt;
		padding: 5px;
	}