body {font:0.75em Tahoma, Helvetica, sans-serif; color:#333; background:#fff; padding:20px 0 150px 0; width:980px; margin: auto}
input, select, textarea {font:1em Tahoma, Helvetica, sans-serif}
a {color:#3399cc}
a:active {background:#ec297b; color:#FFF}
a img {border:none}
img {vertical-align:middle}
hr {clear:left;color:#ec297b;background:#ec297b;border:0px;height:2px;padding:0px;margin:35px 0 10px 0; width:65%; text-align:left}
h1 {font-weight:normal; font-size:2.2em}
h2 {clear:left; font-weight:normal; font-size:1.5em}
h2 img {margin-bottom:4px}
h3 {clear:left; font-weight:normal; font-size:1.3em}
h4 {margin:0; padding:0; font-weight:normal; color:#666; font-size:1em}
h6 {clear:left; margin:0; padding:0; font-weight:normal; color:#999; font-size:0.8em}
h2 span {font-size:0.55em; color:#999; padding-left:22px}
h2 label {display:block; float:left; width:120px; line-height:80px}
.pink {color:#ec297b}
.grey {color:#999}
a.hint {text-decoration:none; border-bottom:dotted 1px}
a.current {background:#ec297b; color:#FFF}
input.ok {font-size:1.2em; padding:5px}

table.price th {text-align:left; color:#fff; background:#aaa; padding:5px 10px; font-weight:normal}
table.price td {padding:5px 10px}

#preloader {display:none; padding-left:10px}
.error {padding-left:20px; margin-left:10px; color:#ec297b; background:url(img/sup.gif) no-repeat left top}

button {border:0px; padding:0; margin:0; cursor:pointer; background-color:transparent; color:#fff; font:10px Tahoma, Helvetica, sans-serif}
button b {display:inline-block; background:#3399cc url(img/button.gif) no-repeat left 0px; height:16px}
button b b {display:inline-block; background:url(img/button.gif) no-repeat right -16px; height:16px; line-height:14px; padding:0 8px}
button.big {border:0px; padding:0 5px; margin:0; cursor:pointer; background-color:transparent; color:#fff; font:14px Tahoma, Helvetica, sans-serif}
button.big b {display:inline-block; background:#3399cc url(img/buttonbig.gif) no-repeat left 0px; height:26px}
button.big b b {display:inline-block; background:url(img/buttonbig.gif) no-repeat right -26px; height:26px; line-height:24px; padding:0 14px; font-weight:normal}

#login {float:right; padding-top:25px}
#login span {padding:0; font-size:.8em; line-height:1.5em; margin-left:20px}
#login dt {float:left}
#login dd {margin:0 65px; padding:7px 0 2px 0}

#head img {float:left; padding:4px 35px 25px 35px}
#head h1 {margin:0; padding:15px 0 5px 0}
#head select {margin-top:15px}

#menu {clear:both; background:#727a7b url(img/menu-bg.gif); height:36px; margin:0 -10px; padding:0; text-align:center}
#menu span {background:url(img/menu-left.gif) no-repeat left; width:100%; display:inline-block}
#menu span span {background:url(img/menu-right.gif) no-repeat right}
#menu a {display:inline-block; vertical-align:middle; line-height:34px; margin:1px 0 1px 0; color:#fff; text-decoration:none; font-size:14px; white-space:nowrap; background:url(img/menu-left.png) no-repeat left}
#menu a h3 {margin:0; padding:0 24px; font-size:14px; font-weight:normal; background:url(img/menu-right.png) no-repeat right}
#menu .on {background-color:#fff; color:#727a7b}
#menu a:hover {background-color:#8a9394}
#menu a:active {background-color:#ec297b}
#menu .on:hover {background-color:#eee}
#menu .on:active {background-color:#ec297b}

#splash {width:57%; float:right; margin-top:10px; background:#eeeeef}
#splash div {background:url(img/splash-t-l.gif) no-repeat top left}
#splash div div {background:url(img/splash-t-r.gif) no-repeat top right}
#splash div div div {background:url(img/splash-b-r.gif) no-repeat bottom right}
#splash div div div div {background:url(img/splash-b-l.gif) no-repeat bottom left; height:370px}
#splash h1 {font:1.5em normal Tahoma, Helvetica, sans-serif; margin:0; padding:15px 0 0 0; text-align:center}
#splash h2 {font:1.3em normal Tahoma, Helvetica, sans-serif; margin:0; padding:175px 0 15px 30px; color:#717a7b; height:75px}
#splash p {text-align:center}
#splash p button {float:left; margin-left:30px}
#splash p span {padding-right:100px}
#splash p span a {display:inline-block; width:14px; height:14px; background:url(img/o.gif); margin-top:13px}
#splash p span a.on {background:url(img/oo.gif)}
#splash dt {margin:0; padding:0; margin-left:40px}
#splash dd {margin:0; padding:10px 0 0 0; text-align:center}
#splash dd a {display:inline-block; width:14px; height:14px; background:url(img/o.gif)}
#splash dd a.on {display:inline-block; width:14px; height:14px; background:url(img/oo.gif)}

#splash2 {width:57%; float:right; margin-top:10px; background:#eeeeef}
#splash2 .o {background:url(img/splash-t-l.gif) no-repeat top left}
#splash2 .o .o {background:url(img/splash-t-r.gif) no-repeat top right}
#splash2 .o .o .o {background:url(img/splash-b-r.gif) no-repeat bottom right}
#splash2 .o .o .o .o {background:url(img/splash-b-l.gif) no-repeat bottom left; height:370px}
#splash2 .head {background:#fff; height:40px}
#splash2 h1 {display:inline-block; width:40%; margin:0; padding:0; text-align:center; background:#eeeeef; cursor:pointer}
#splash2 h2 {display:inline-block; width:59%; margin:0 0 0 1%; padding:0; text-align:center; background:#eeeeef; cursor:pointer}
#splash2 h3 {font:1.3em normal Tahoma, Helvetica, sans-serif; margin:0; padding:175px 0 15px 30px; color:#717a7b; height:75px}
#splash2 button {padding:0 0 0 30px}
#splash2 .tabbed {background:url(img/splash-bg-tab.gif)}
#splash2 .c {background:url(img/splash-t-l.gif) no-repeat top left}
#splash2 .c .c {background:url(img/splash-t-r.gif) no-repeat top right; height:40px}
#splash2 .tabbed .c {background:url(img/splash-t-l-tab.gif) no-repeat top left}
#splash2 .tabbed .c .c {background:url(img/splash-t-r-tab.gif) no-repeat top right; height:40px}
#splash2 .main-sliders {width:64%; padding:0 3%; float:left}
#splash2 .secondary-sliders {width:25%; padding:20px 5% 0 0; float:left}
#splash2 button {padding-top:15px}

#rating {width:40%; float:left; padding-bottom:1.7em}
#rating p a {margin-right:20px}

#hot {width:740px; margin:0}
#hot dd {width:340px; height:120px; vertical-align:top; display:inline-block; margin:0; padding:0 20px 0 0; font-size:.9em}
#hot a {display:block; padding-bottom:5px; font-size:1.2em}
#hot img {float:left; padding:10px 10px 10px 0; width:64px; height:64px}
#hot span {font-size:.8em; color:#999; margin-left:5px; display:block; padding-top:5px}

#banner-right {clear:right; float:right; margin:20px 0}
#banner-stretch {margin:20px 0}

#news {width:240px; clear:right; float:right; margin:0}
#news dd {margin:0; padding:0 0 2em 20px}
#news span {font-size:.8em; color:#999; margin-left:5px}
#news img {margin:-2px 4px 0 -20px}

#changes {margin:0}
#changes dd {margin:0; padding:0 0 1em 20px}
#changes span {font-size:.8em; color:#999; margin-left:5px}
#changes img {margin:-2px 4px 0 -20px}

#userinfo {float:right; width:30%; padding-top:30px}

#example {float:right; width:30%; margin:20px -70px 0 30px}
#example img {margin-left:-30px}

#chart {margin-top:3em}
#chart .total {float:right; margin:20px 0 0 20px; padding:10px; border:1px solid #ec297b; color:#ec297b; text-align:center}
#chart .total p {font-size:1.6em; margin:5px}
#chart span {color:#ec297b; font-size:0.8em}
#chart table {height:160px; background:url(img/chart.gif) bottom right no-repeat; border-collapse:collapse}
#chart table td {vertical-align:bottom; color:#ec297b; font-size:0.8em; white-space:nowrap; width:35px}
#chart table td img {vertical-align:bottom}
#chart table th {font-weight:normal; font-size:0.8em; color:#999; line-height:35px; padding-bottom:19px}
#chart h6 {text-align:right; padding:1em 83px 0 0}

.uploads {margin:10px 0 0 0}
.uploads dt {margin:5px 0; padding:0; clear:left}
.uploads dt img {padding:0 10px 3px 15px}
.uploads dd.bill {float:left; width:35%; background:#eeeeef; padding:0; margin:0 0 10px 0}
.uploads dd.bill span {display:inline-block; background:url(img/splash-t-l.gif) no-repeat top left}
.uploads dd.bill span span {display:inline-block; background:url(img/splash-b-l.gif) no-repeat bottom left; height:70px; padding:10px 0 0 0}
.uploads dd.advice {float:left; width:30%; background:#eaf4db; padding:0; margin:0 5% 10px 0}
.uploads dd.advice span {display:inline-block; width:100%; background:url(img/splash-t-r.gif) no-repeat top right}
.uploads dd.advice span span {display:inline-block; width:100%; background:url(img/splash-b-r.gif) no-repeat bottom right; height:70px; padding:10px 0 0 0}
.uploads dd div {padding:0 0 0 15px}
.uploads dd div.light {padding:0 0 5px 15px; color:#999; font-size:.9em}
.uploads dd div.med {font-size:.9em}

.tarifs {margin:1.3em 0}
.tarifs dt {white-space:nowrap; padding:5px 0; clear:left}
.tarifs dt span {display:inline-block; vertical-align:top; height:16px; line-height:16px; padding:0 0 0 5px; background:#fff}
.tarifs dt .rate {font-size:0.8em}
.tarifs dt .rate img {vertical-align:bottom}
.tarifs dt .pre {font-size:.8em; margin-left:-70px; width:60px; text-align:right}
.tarifs dt .mts_line, .tarifs dt .mts_tgl {color:#fff; background:#ed1c24}
.tarifs dt .beeline_line, .tarifs dt .beeline_tgl {color:#000; background:#f6ca35}
.tarifs dt .megafon_line, .tarifs dt .megafon_tgl {color:#fff; background:#009900}
.tarifs dt .tele_line, .tarifs dt .tele_tgl {color:#fff; background:#18a8e7}
.tarifs dt .prosto_line, .tarifs dt .prosto_tgl {color:#333; background:#b69670}
.tarifs dt .mgmobile_line, .tarifs dt .mgmobile_tgl {color:#fff; background:#43b643}
.tarifs dt .matrix_line, .tarifs dt .matrix_tgl {color:#fff; background:#ff7700}
.tarifs dt .motiv_line, .tarifs dt .motiv_tgl {color:#fff; background:#f58220}
.tarifs dt .kstar_line, .tarifs dt .kstar_tgl {color:#fff; background:#0094df}
.tarifs dt .life_line, .tarifs dt .life_tgl {color:#fff; background:#EE5D74}
.tarifs dt .kodotel_line, .tarifs dt .kodotel_tgl {color:#000; background:#F6F581}


.tarifs dt .cur_line, .tarifs dt .cur_tgl {color:#fff; background:#333}
.tarifs dt .row_mts, .tarifs dt .row_beeline, .tarifs dt .row_megafon, .tarifs dt .row_tele, .tarifs dt .row_prosto, .tarifs dt .row_mgmobile, .tarifs dt .row_matrix, .tarifs dt .row_motiv {clear:both}
.tarifs dt.tgl {cursor:pointer}
.tarifs dd {clear:left; margin:0; padding:0.5em 0 2em 42px}
.tarifs dd .descr .start {font-size:.8em; color:#999}
.tarifs dd .descr img {margin:0 6px -8px -32px; width:26px; height:18px}
.tarifs dd .descr p {margin:.5em 0}
.bonus {margin:0; padding:0; border-collapse:collapse; font-size:0.9em}
.bonus th {padding:5px 0px 5px 15px; text-align:left; font-weight:normal; color:#999; vertical-align:bottom}
.bonus .economy {color:#ec297b}
.bonus td {padding:5px 0px 5px 15px; border-top:1px #EEE solid}
.bonus h3 {color:#333; font-size:1.5em; margin:10px 0 0 -15px; padding:0}
.cloud {float:right; font-size:12px; padding:15px 0 0 15px; margin-right:20%; background:url(img/cloud.gif) no-repeat; height:150px; width:167px; text-align:center}
.cloud b {font-size:larger}
.cloud a {font-size:.8em; color:#333}
.mt-checkboxes label {display:block; float:left; white-space:nowrap; padding-right:15px}
.mt-checkboxes .mt-text {padding-top:30px; padding-bottom:30px}

.help {clear:both}
.help li {display:list-item; height:200px; width:37%; vertical-align:top}
.help li img {position:absolute; left:45%}

.text {line-height:1.5em; width:65%; padding-right:4%}

.links {float:right; width:25%; padding-left:4%; font-size:1.6em; margin:0}
.links li {list-style:none; margin:.7em 0; padding:0 0 0 24px;}
.links li {background:url(img/li.gif) no-repeat left}
.links li.on a {background:#ec297b; color:#FFF; text-decoration:none}
.links li a {padding:5px}

.left {float:left; width:47%; padding-right:3%}
.right {float:right; width:47%; padding-left:3%}

.note {display:none; position:absolute; z-index:10; width:260px; padding:5px 5px 20px 10px; background:#fbfbe5; border:1px solid #ccc; font-size:0.9em; line-height:1.5em; color:#666}
.note .close {float:right}
.note p {clear:right; margin:.5em 0}
.note label img {vertical-align:baseline}
.note label {padding-right:10px; white-space:nowrap}

.popup {display:none; z-index:1000; position:fixed; _position:absolute; width:640px; margin-left:150px; top:20%; background:#eeeeef; font-size:1.4em}
.popup .close {float:right; margin:0}
.popup .close img {padding:5px}
.popup h1 {display:block; background-color:#727a7b; color:#fff; font-size:1.5em; margin:0; padding:15px 15px 15px 40px; border-bottom:1px solid #ec297b}
.popup h1 a {font-size:.6em; color:#cccccd; margin:0 35px}
.popup p {text-align:right; margin:1.5em 40px}
.popup div {margin:2em 40px}
.popup sub {display:block; margin:1em 0}
.popup span {display:inline-block; width:400px; text-align:left; padding-left:10px}
.popup span input {font-size:1.3em}
.popup span img {padding:0 5px 5px 15px}
.popup textarea {width:100%; font-size:1.3em}
.popup sup {position:absolute; right:10px; width:155px; padding-left:20px; color:#ec297b; background:url(img/sup.gif) no-repeat left top}
.popup em {font-style:normal; font-size:.8em; padding:0 0 0 10px}

.contalk_afterall {width:65%}
.contalk_rightside {width:300px; float:right; padding-left:50px}

#selcet ul { margin:0; padding:0}
#select li { float:left; list-style:none; padding:0 14px 0 0; margin:0}
#select li img {vertical-align:text-bottom}

.mt-checkboxes {clear:left}

#upload {margin-top:20px}

#period {padding:45px 0px 40px 40px}
#add {float:right}
#activate input {height:35px; background:#ec297b; color:#FFF; border:none}

#fade {display:none; position:fixed; top:0px; left:0px; width:100%;	height:100%; background-color:black; opacity:0; filter:alpha(opacity=0),progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
#backlinks {display:none}
#counters {visibility:hidden; float:right}

#editor .archive {color:#999}
#editor .edited_link {font-style:italic}
#editor .noted {color:#333}
#editor .warning {color:#f60}
#editor .pad {margin-left:40px}
#editor table {margin:0; padding:0; border:none; border-collapse:collapse}
#editor table.prices td {padding:0 5px; vertical-align:top}
#editor table.prices th {padding:10px 5px 5px 5px; text-align:left; font-weight:bold; font-size:1em; color:#666}
#editor table.six td {padding:5px; vertical-align:top}
#editor table.six th {padding:7px 5px 5px 5px; vertical-align:top; text-align:right; font-weight:normal; color:#666}
#editor table.six .wide {width:100%}
#editor h4 {border-bottom:1px dotted #999; color:#999; font-size:1.4em; margin:1em 0}
#editor h5 {color:#666; font-size:1em; margin:0; padding:0}
#editor .ok {padding:5px}
#editor .ehelp {float:right; color:#666; background:#FFFFCC; padding:10px; margin:2em 0; font-size:.8em; font-weight:normal; width:200px}

	i.sprite
	{
		background:url("/img/num/nums.png") no-repeat; 
		width:20px;
		height:20px;
		display:inline-block;
		vertical-align: middle;
		text-align:center;
	}
	i.logosprite
	{
		background:url("/logo/small_logos_sprite.png") no-repeat; 
		width:16px;
		height:16px;
		display:inline-block;
		vertical-align: bottom;
		text-align:center;
		padding-left:4px;
		text-decoration:none;
	}
	i.actionssprite
	{
		background:url("/img/sprite_actions.png") no-repeat; 
		width:26px;
		height:18px;
		display:inline-block;
		vertical-align: middle;
		text-align:center;
	}

	i.sprite b, i.logosprite b, i.actionssprite b
	{
		visibility:hidden;
	}
	i.n1 {background-position:-20px 0px;}
	i.n2 {background-position:-40px 0px;}
	i.n3 {background-position:-60px 0px;}
	i.n4 {background-position:-80px 0px;}
	i.n5 {background-position:-100px 0px;}
	i.n6 {background-position:-120px 0px;}
	i.n7 {background-position:-140px 0px;}
	i.n8 {background-position:-160px 0px;}
	i.n9 {background-position:-180px 0px;}
	i.n10 {background-position:-200px 0px;}
	i.n11 {background-position:-220px 0px;}

//	i.mts 		{background-position:-00px 0px;}
	i.beeline 	{background-position:-20px 0px;}
	i.megafon 	{background-position:-40px 0px;}
	i.tele 		{background-position:-60px 0px;}
	i.prosto 	{background-position:-80px 0px;}
	i.motiv 	{background-position:-100px 0px;}
	i.mgmobile 	{background-position:-120px 0px;}
	i.matrix 	{background-position:-140px 0px;}
	i.life 		{background-position:-160px 0px;}
	i.djuice 	{background-position:-180px 0px;}
	i.kstar 	{background-position:-200px 0px;}
	i.kodotel 	{background-position:-220px 0px;}
	i.1vo 		{background-position:-240px 0px;}
	i.utel 		{background-position:-260px 0px;}
	i.skylink 	{background-position:-280px 0px;}
	i.mytarif 	{background-position:-300px 0px;}
	i.star 		{background-position:-300px 0px;}
	i.cur 		{background-position:-320px 0px;}

//	i.call		{background-position:-00px 0px;}
	i.sms		{background-position:-30px 0px;}
	i.mms		{background-position:-60px 0px;}
	i.gprs		{background-position:-90px 0px;}
