/* некие правки от верстальщиков */

.inner .fixheadout, .home .fixheadout { 
    position:fixed;
    background: url(../images/bgtop3.jpg) 0 0 repeat-x;
    width: 100%;
    z-index: 100
}

.home_a .fixheadout, .inner2 .fixheadout { 
    position:fixed;
    background: url(../images/bgtop4.jpg) 0 0 repeat-x;
    width: 100%;
    z-index: 100
}

.headrelat { 
    /*width: 75%;*/
    /*min-width: 1250px;*/
    /*margin: 40px auto 0;*/
    margin: 0 auto;
    width: 1250px;
    height: 200px;
    position: relative;
}

.home .headrelat {
    /*margin-top: 0;*/
    height: 815px;
}

.fixheadin { 
    /*width: 75%;
    min-width: 1250px;*/
    margin: 0 auto;
    height: 40px;
    width: 1250px;
    position: relative;
}

.graf_today2 { 
    width:870px;
}
.languagebox .selectedSpan  { 
    background: url(../images/bgtop196.png) bottom left no-repeat !important;
}

.selectForm106 .selectedSpan  {background: url(../images/bgtop106.png) bottom left no-repeat !important;}
.selectForm106 .newList a.selpro, .selectHttp .selectbox .overview li.selpro {
    background: url(../images/checkboxpro.png) no-repeat scroll 90px 8px;
}
.selectForm.selectForm106 .newList li a:hover {background-color: rgb(190,213,229);background-image: none;}
.selectForm106 .newList li a.selpro:hover {background: url(../images/select_hover_pro.png) no-repeat;}
.selectHttp .selectbox .overview li.selpro:hover {background: url(../images/checkboxpro.png) no-repeat scroll 90px 8px #e9e9e9;}

.selectForm2 .selectedSpan {
    /*background: url(../images/bgtop415.png) bottom left no-repeat !important;*/
    background: url(../images/newlist1_415.png) bottom left no-repeat !important;
    width: 415px;
}
.jspContainer  {min-height:60px !important;/*background: url(../images/bgbottom.png) bottom left no-repeat;*/}
.jspPane {padding-top: 10px !important;}
.selectForm .newList.scroll-pane span  { background:none !important;}
.selectForm .newList.scroll-pane li { background:none !important;padding-left:2px}

.scroll-pane  {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    /*background: url(../images/bgform.png) repeat-y !important;*/
    min-height:60px !important;
    margin-top:2px !important;
    /*padding: 10px 0 !important;*/
}

.selectForm .newList.scroll-pane  { 
    margin-left:0px !important;
    margin-right:0px !important;
    margin-bottom:0px !important;
    border-top: 1px solid rgb(166,166,166);
    border-top-left-radius: 8px;
    border-top-right-radius: 10px;
}

.selectedSpan  { 
    /*border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;*/
    /*background: url(../images/bgtop.png) bottom left no-repeat;*/
    background: url(../images/newlist1.png) bottom left no-repeat;
    font-size:0px;
    width: 361px;
    height: 10px;/*49px;*/
    display: none;
    z-index:500;
    position: absolute;
}

.jspDrag  { 
    border-radius:10px;
    -webkit-border-radius:10px;
    background: linear-gradient(to bottom, #fff, #bbb) !important;
}

.jspVerticalBar  { width:13px !important; }

.jspTrack  { 
    background: #f1f1f1 url(../images/scrol.png) 0 0 repeat-y !important;
    width:13px;
}

.settings_page22 .margin20 .newList  { 
    height:153px !important;
    overflow-y: scroll;
}

body.home_a  { 
    background: #f1f1f1 url(../images/bgtop-2.png) 0 0 repeat-x !important;
}

/* TODO: возможно, исправил сам "параллельно" верстальщикам */
.pulsini_account_page .onOffSlider  { 
    top:0px !important;
}

.input415_beta:focus {background: url(../images/input415bf.PNG) 0 0 no-repeat !important;}
.input415_beta {
    background: url(../images/input415b.PNG) 0 0 no-repeat !important;
    width: 295px;
    padding-right: 55px;
}
.input0_beta:focus  { background: url(../images/input0bf.PNG) 0 0 no-repeat !important; }
.input0_beta  { 
    background: url(../images/input0b.PNG) 0 0 no-repeat !important;
    padding-left:65px !important;
    padding-right:60px !important;
    width:225px !important;
}

.input0_pro:focus  { background: url(../images/input0pf.PNG) 0 0 no-repeat !important;}
.input0_pro  { 
    background: url(../images/input0p.PNG) 0 0 no-repeat !important;
    padding-left:65px !important;
    width:265px !important;
}

.input0:focus  { background: url(../images/input0f.PNG) 0 0 no-repeat !important;}
.input0  { 
    background: url(../images/input0.PNG) 0 0 no-repeat !important;
    width:310px !important;
}

.textarea415_pro:focus  { background: url(../images/textareapro2.PNG) 0 0 no-repeat !important;}
.textarea415_pro  { 
    background: url(../images/textareapro.PNG) 0 0 no-repeat !important; border: 0; width: 375px; height: 135px;
    color: #252525; font: 18px Arial; padding: 10px 20px; resize: none;
}

.beta0  { background: url(../images/beta0.png) 0 0 no-repeat}
.pro0  { background: url(../images/pro0.png) 0 0 no-repeat }

/* CSS Document */

body {margin: 0; color: #3a3a3a; font: 14px Arial;background-color: rgb(240,240,240)}
body.home {background: #f1f1f1 url(../images/bgtop.jpg) 0 0 repeat-x;}
body.inner {}
body.inner2 {}

::-moz-selection { background: #777; color: #fff; text-shadow: none; }
::selection { background: #555; color: #fff; text-shadow: none; }

img {border: 0;}
ul, ol {margin: 0; padding: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
a, input, textarea {outline: none;}
a {color: #0085b9;}
a:hover {text-decoration: none;}


@font-face {
    font-family: 'MyriadPro';
    src: url('../font/myriadpro-regular.eot');
    src: url('../font/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-regular.woff') format('woff'),
         url('../font/myriadpro-regular.ttf') format('truetype'),
         url('../font/myriadpro-regular.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro_bold';
    src: url('../font/myriadpro-bold.eot');
    src: url('../font/myriadpro-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-bold.woff') format('woff'),
         url('../font/myriadpro-bold.ttf') format('truetype'),
         url('../font/myriadpro-bold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.shad5 {background: url(../images/shad5.jpg) center 806px no-repeat; width: 100%; float: left;}

/* Резиновый фон */
.bg_all {float: left; width: 100%; background: url(../images/bg.jpg) center 0 repeat-y; min-width: 1250px;}
.bg_all2 {float: left; width: 100%; background: url(../images/bg_all3.jpg) center 0 repeat-y; min-width: 1250px;}
.linecontent {float: left; width: 100%; background: url(../images/bg_all2.jpg) center 234px no-repeat; min-width: 1250px;}
.linecontent2 {float: left; width: 100%; background: url(../images/bg_all5.jpg) center 234px no-repeat; min-width: 1250px;}
.innerdiv2 {float: left; width: 100%; background: url(../images/bgtop3.jpg) 0 0 repeat-x; min-width: 1250px;}
.innerdiv3 {float: left; width: 100%; /*background: url(../images/bgtop4.jpg) 0 0 repeat-x;*/ min-width: 1250px;}
/* End Резиновый фон */


#wrapper {margin: 0 auto; width: 1250px;}



/* Header */
header {float: left; width: 100%/*1250px*/; position: relative; margin: 0 0 35px;}
body.home header {height: 810px; background: url(../images/clouds.png) right 277px no-repeat;}
body.inner header, body.inner2 header {height: 200px; /*margin: 0 0 35px;*/ margin: 0; padding-bottom: 35px;background-color: rgb(240,240,240);}

header .logo {position: relative; top: 90px; left: 10px;}
header .banner {position: absolute; top: 70px; right: 25px;}
header .banner img {width: 824px; height: 113px; border: 1px solid #cacaca;}
header .rightimg {position: absolute; top: 320px; right: 70px;}

/* Сервисные сообщения */
.service-message {padding: 4px 8px; min-height: 46px;}
.service-message-text {margin-right: 90px; padding: 10px;}
.service-message-buttons {float: right;}
.service-message-ok {
    margin: 20px 10px 10px 10px;
    padding: 3px;
    width: 40px;
    height: 24px;
    font-size: 13px;
    border: 1px solid black;
    background-color: rgb(192,128,128);
}
.service-message-close {
    display: inline-block;
    color: black;
    text-decoration: none;
    border: 1px solid silver;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    position: relative;
    top: -20px;
    padding: 0;
}

/* Регистрация /Вход */
header .autorizebox {float: left; margin: 1px 205px 0 420px; background: url(../images/arrow.jpg) left center no-repeat;}
header .autorizebox li {float: left; font: 12px Arial; background: url(../images/arrow.jpg) right center no-repeat;}
header .autorizebox li a {display: block; color: #fff; line-height: 35px; padding: 0 15px 0 13px;}
header .autorizebox li:hover {margin-left: -2px; border: 1px solid #6b6b6b;}
header .autorizebox li:hover a {padding: 0 14px; line-height: 33px; background: url(../images/hover1.jpg) 0 0 repeat-x;}
header .autorizebox li a:active {background: #777;}


/* Панель юзера */
.userpanelbox {float: left; margin: 1px 0 0; background: url(../images/separator2.jpg) right center no-repeat;}
.userpanelbox2 {background: 0; margin: 0 125px;}
.userpanelbox li {float: left; font: 12px Georgia; background: url(../images/separator2.jpg) right center no-repeat;
line-height: 35px; padding: 0 15px 0 10px; color: #fff; position: relative;}
.userpanelbox li a {color: #fff;}
.userpanelbox li.us a {font-weight: bold; background: url(../images/us.png) left center no-repeat; padding: 2px 0 2px 30px;}
.userpanelbox li.pro a {background: url(../images/pro.png) left 6px no-repeat; padding: 2px 0 2px 33px;}
.userpanelbox li.sms {background: url(../images/sms.png) left 14px no-repeat; padding: 0 33px; margin-left: 10px;}
.userpanelbox li.sms b {margin: 0 5px 0 0;}
.userpanelbox li.news {background: url(../images/news.png) left 11px no-repeat; padding-left: 33px;}
.userpanelbox li em {position: absolute !important; top: 0; right: -10px;}
.userpanelbox li.sms em {position: absolute !important; top: 0; right: 7px;}

.userpanelbox li em, .helpbox li.user em, .usersetbox li.my_sites em {
	background: url(../images/shape1.png) no-repeat; color: #fff;
	text-decoration: none; float: right; margin: 6px 0 0 5px;	
	display: block; text-align: center;	width: 22px; padding: 3px 0 4px;
	font: bold 12px 'Times New Roman';
}
.userpanelbox li.news em.news10 {
    font-size: 9px;
    padding-top: 5px;
}


.userpanelbox .t_tip {
	background: #fff;
	border: 1px solid #999;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(PIE.htc);
	box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999;
	color: #151515;
	font: 10px Arial;
	padding: 5px 12px;
	position: absolute;
	min-width: 130px;
	z-index: 1000;
	top: 42px;
}
.userpanelbox .t_tip p {margin: 0;}
.userpanelbox .t_tip b.ar {display: block; background: url(../images/modal/tooltip-arrow.png) no-repeat;
width: 9px; height: 7px; position: absolute; left: 50%; top: -7px; margin-left: -4px;}


/* Help */
header .helpbox {float: left; margin: 1px 0 0; background: url(../images/arrow.jpg) left center no-repeat;}
header .helpbox li {float: left; background: url(../images/arrow.jpg) right center no-repeat; height: 33px;}
header .helpbox li a {display: block; width: 50px; /*text-indent: -9999px;*/ height: 35px;}
header .helpbox li.help a { background: url(../images/help2.png) center center no-repeat }
header .helpbox li.help a:hover { background: url(../images/help2.png) center center no-repeat }
header .helpbox li.help a:active { background: url(../images/help2.png) center center no-repeat }
header .helpbox li.user a {
    background: url(../images/user2.png) center center no-repeat;
    margin-top: -0px;
    height: 33px;
}
header .helpbox li.user a:hover { background: url(../images/user2.png) center 0px no-repeat }
header .helpbox li.user a:active { background: url(../images/user2.png) center 0px no-repeat }
header .helpbox li:hover {
    background: url(../images/hover1.jpg) 0 0 repeat-x;
    border: 1px solid #6b6b6b;
    margin-left: -2px;
}
header .helpbox li a:hover { height: 33px }
header .helpbox li.exit a { background: url(../images/exit.png) center center no-repeat }
header .helpbox li.exit a:active { background: url(../images/exit.png) center center no-repeat }

/* Help inner */
body.home_a header .helpbox, body.inner2 header .helpbox {background: url(../images/separator2.jpg) left center no-repeat;}
body.home_a header .helpbox li, body.inner2 header .helpbox li {background: url(../images/separator2.jpg) right center no-repeat;}
body header .helpbox2 li:hover {border: 1px solid #00647e; /*border-left-width: 2px; border-right-width: 0;*/ background: #0396be !important;}
body header .helpbox li.help a:hover {background: url(../images/help2.png) center center no-repeat;}
body header .helpbox li.help a:active {background: #00647e url(../images/help2.png) center center no-repeat;}
/*body.inner2 header .helpbox li.user a {background: url(../images/user.png) center center no-repeat;}
body.inner2 header .helpbox li.user a:hover {background: url(../images/user2.png) center -4px no-repeat;}*/
body.inner2 header .helpbox li.user a:active {background: #00647e url(../images/user2.png) center -4px no-repeat;}
body header .helpbox li.user em {margin: 0;/* text-indent: 0;*/}
body.inner2 header .helpbox li.user:hover em {margin: 0;}


/* Язык */
header .languagebox {float: right; margin: 2px 0 0;}


#sliderhome {float: left; width: 840px; height: 375px; position: relative; top: 170px; left: 0;}
#sliderhome ul {float: left; width: 680px; height: 345px; display: block; overflow: hidden; margin: 0 0 0 80px;}
#sliderhome ul li {float: left; width: 680px; height: 345px; font: italic 18px Arial; color: #fff; text-shadow: 1px 1px 0 #5e5e5e;}
#sliderhome ul li .name2 {font: italic 48px Arial; margin-left: 20px; text-shadow: 2px 2px 0 #5e5e5e;}
#sliderhome ul li .name {font: italic 24px Arial; margin-left: 70px; text-shadow: 2px 2px 0 #5e5e5e;}
#sliderhome ul li .name em {font-size: 79px;}
#sliderhome ul li .name b {font-size: 135px; font-weight: normal;}
#sliderhome a#prev, #sliderhome a#next {display: block; position: absolute; width: 35px; height: 88px; top: 120px;}
#sliderhome a#prev {background: url(../images/slider_but2.png) no-repeat; left: 0;}
#sliderhome a#next {background: url(../images/slider_but2.png) -35px 0 no-repeat; right: 0;}
#sliderhome #navig {display: block; position: absolute; bottom: 0; left: 0;}
#sliderhome #navig a {display: block; float: left; background: url(../images/slider_but3.jpg) -12px 0 no-repeat; width: 12px; 
height: 14px; text-indent: -9999px; margin: 0 8px 0 0;}
#sliderhome #navig a.selected {background: url(../images/slider_but3.jpg) 0 0 no-repeat;}


/* Menu */
#menuhead {position: absolute; bottom: 10px; left: 30px;}
#menuhead li {float: left; font: 12px Arial; text-transform: uppercase; margin: 0 20px 10px 0;}
#menuhead li a {color: #2eb7e2; text-shadow: 2px 2px 2px #000; text-decoration: none; padding: 15px 0 0 50px; min-height: 46px; vertical-align: middle; width: 200px;
display: block;}
#menuhead li.item1 a {background: url(../images/icons/icon01.jpg) 0 0 no-repeat;}
#menuhead li.item1 a:hover {background: url(../images/icons/icon011.jpg) 0 1px no-repeat;}

#menuhead li.item2 a {background: url(../images/icons/icon02.jpg) 0 0 no-repeat;}
#menuhead li.item2 a:hover {background: url(../images/icons/icon022.jpg) 0 2px no-repeat;}

#menuhead li.item3 a {background: url(../images/icons/icon03.jpg) 0 0 no-repeat; width: 300px;}
#menuhead li.item3 a:hover {background: url(../images/icons/icon033.jpg) 0 2px no-repeat; width: 300px;}

#menuhead li.item4 a {background: url(../images/icons/icon04.jpg) 0 0 no-repeat;}
#menuhead li.item4 a:hover {background: url(../images/icons/icon044.jpg) 0 1px no-repeat;}

#menuhead li.item5 a {background: url(../images/icons/icon05.jpg) 0 0 no-repeat;}
#menuhead li.item5 a:hover {background: url(../images/icons/icon055.jpg) 0 0 no-repeat;}

#menuhead li.item6 a {background: url(../images/icons/icon06.jpg) 0 0 no-repeat;}
#menuhead li.item6 a:hover {background: url(../images/icons/icon066.jpg) 0 1px no-repeat;}

#menuhead li.item7 a {background: url(../images/icons/icon07.jpg) 0 0 no-repeat; width: 300px;}
#menuhead li.item7 a:hover {background: url(../images/icons/icon077.jpg) 0 1px no-repeat; width: 300px;}

#menuhead li.item8 a {background: url(../images/icons/icon08.jpg) 0 0 no-repeat;}
#menuhead li.item8 a:hover {background: url(../images/icons/icon088.jpg) 0 1px no-repeat;}
#menuhead li a:hover {text-decoration: underline;}





/* БОЛЬШОЕ МЕНЮ - Добавить сайт / Мои сайты / Настройки  */
.usersetbox, .usersetbox li {behavior: url(PIE.htc);}
.usersetbox {
	background: #6fd8fa url(../images/grad1.jpg) 0 bottom repeat-x;
	border: 5px solid #fff; float: left;
	border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; 
	box-shadow: 1px 1px 7px #333; -mox-box-shadow: 1px 1px 7px #333; -webkit-box-shadow: 1px 1px 7px #333;
	position: relative; left: 162px; top: 69px;
	width: 480px;
	height: 100px;
}
.usersetbox li {background: url(../images/separator3.png) right center no-repeat; float: left; height: 88px;
padding-top: 12px; width: 160px; position: relative;}
.usersetbox li a {color: #fff; text-decoration: none; font: bold 14px Arial; padding: 0 0 0; display: block;
text-align: center; line-height: 27px}
.usersetbox li.add a {background: url(../images/add.png) center 8px no-repeat;}
.usersetbox li.add a.active {background: url(../images/add2.png) center 3px no-repeat;}
/*.usersetbox li.my_sites a {background: url(../images/my_sites.png) center 8px no-repeat;}
.usersetbox li.my_sites a.active {background: url(../images/my_sites2.png) center 0 no-repeat;}*/
.usersetbox li.set {background: 0;}
/*.usersetbox li.set a {background: url(../images/set.png) center 8px no-repeat;}
.usersetbox li.set a.active {background: url(../images/set2.png) center 0 no-repeat;}*/
.usersetbox li.my_sites em {position: absolute; top: 8px; right: 30px;}
.usersetbox li span.pro {position: absolute; top: 16px; right: 25px; background: url(../images/pro2.png) no-repeat;
width: 32px; height: 17px;}

.usersetbox li {
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.usersetbox li.add {border-radius: 55px 0 0 55px; -moz-border-radius: 55px 0 0 55px; -webkit-border-radius: 55px 0 0 55px;}
.usersetbox li.set {border-radius: 0 55px 55px 0; -moz-border-radius: 0 55px 55px 0; -webkit-border-radius: 0 55px 55px 0;}
.usersetbox li:hover { background: #F1F1F1 url(../images/separator3.png) right center no-repeat }
.usersetbox li.set:hover { background: #F1F1F1 }
.usersetbox li a {
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    transition: all 0.75s ease;
}
.usersetbox li:hover a { color: #00313D }

.usersetbox li img {
    margin-left: 52px;
    cursor:pointer;
    margin-top: 3px;
}





/* Анонс в шапке */
header .head_anonse {
    background: #fbfbfb;
    border: 1px solid #fcfcfc;
    width: 205px;
    position: relative;
    right: 10px;
    top: 69px;
    color: #3a3a3a;
    font: 11px Arial;
    padding: 10px;
    line-height: 11px;
    float: right;
}
header .head_anonse .date {color: #888; font-size: 9px; margin: 0 0 5px;}
header .head_anonse .name {font-size: 12px; margin: 0 0 5px;}
header .head_anonse .name a {color: #0085b9;}
header .head_anonse .shad {background: url(../images/shad6.png) center 0 no-repeat; width: 225px; position: absolute;
left: 0; bottom: -14px; height: 14px;}









/* Sidebar */
.sidebar340 {float: right; width: 340px; margin: 0 20px 20px 0;}
.sidebar340 .module {float: left; width: 340px; margin: 0 0 20px; background: url(../images/uzor.png) 0 bottom repeat-x;
padding: 0 0 25px;}
.sidebar340 .module h3 {color: #222; font: 24px Arial; margin: 0 0 20px;}
.sidebar340 .module a {color: #00b2e2;}

/* Новости */
.sidebar340 .modulenews {color: #222; font: 12px Arial; line-height: 17px;}
.sidebar340 .modulenews span {font: 18px Arial; margin: 0 0 10px;}
.sidebar340 .modulenews a {color: #2fb7e1;}
.sidebar340 .modulenews p.date {float: left; margin: 10px 0 0; color: #828282;}
.sidebar340 .modulenews p.more {float: right; margin: 10px 0 0;}

/* Видео и картинки */
.sidebar340 .modulevideo h3 b {float: right; font: normal 12px Arial; margin: 7px 0 0;}
.sidebar340 .modulevideo span {float: left; width: 320px; background: url(../images/ramka.png) no-repeat; height: 195px;
margin: 0 0 0 -14px; padding: 17px 20px;}
.sidebar340 .modulevideo span img {width: 320px; height: 195px;}

/* Сферы применения */
.sidebar340 .module_ul {font: 14px Arial; color: #222;}
.sidebar340 .module_ul ul {margin: 0 10px;}
.sidebar340 .module_ul li {background: url(../images/uzor.png) left 6px no-repeat; padding-left: 15px; margin: 0 0 7px;}








/* Content */
section.content_left {float: left; width: 837px; margin: 0 0 20px;}
section h2 {color: #222; font: 24px Arial; text-shadow: 1px 1px 0 #5e5e5e; margin: 0 0 30px 40px;}

section.content_left .post {float: left; width: 717px; background: url(../images/shad1.png) 0 bottom no-repeat; padding: 0 60px 40px;
color: #222; font: 14px Arial; margin: 0 0 20px;}
section.content_left .post h1{color: #222; font: 32px Arial; text-shadow: 1px 1px 0 #5e5e5e;}
section.content_left .post p {margin: 15px;}
section.content_left .post p b {font-size: 18px; font-weight: normal;}



/* ================
	ТАРИФЫ
================== */
.tarifbox {float: left; position: relative; margin: 0 0 30px 20px;}
.tarifbox .moneyback {background: url(../images/moneyback.png) no-repeat; width: 100px; height: 94px; position: absolute;
right: 0; top: -70px;}

.tarif {float: left; position: relative; margin-right: -10px;}
.tarif1 {background: url(../images/tarif1.png) no-repeat; width: 140px; height: 235px; font: 9px Arial; z-index: 10;
margin-top: 60px;}
.tarif2 {background: url(../images/tarif2.png) no-repeat; width: 196px; height: 312px; font: 12px Arial; z-index: 50;
margin-top: 22px;}
.tarif3 {background: url(../images/tarif3.png) no-repeat; width: 207px; height: 350px; z-index: 99; margin: 0 -22px 0 -12px;}

/* Заголовок */
.tarif .name {text-shadow: 2px 2px 1px #1d1d1d; text-transform: uppercase; text-align: center; color: #fff;}
.tarif1 .name {background: url(../images/tarif_name.png) no-repeat; width: 98px; padding: 7px 0 9px;
font: 13px Arial; margin: -5px auto 10px;}
.tarif2 .name {background: url(../images/tarif_name2.png) no-repeat; width: 131px; padding: 9px 0 12px;
font: 18px Arial; margin: -8px auto 10px;}
.tarif3 .name {background: url(../images/tarif_name3.png) no-repeat; text-shadow: 2px 2px 1px #003340;}

/* Цена */
.tarif .cost {color: #818181; float: left;}
.tarif1 .cost {font: 13px Arial; margin: 0 0 10px 30px;}
.tarif2 .cost {font: 18px Arial; margin: 0 0 -10px 35px;}
.tarif3 .cost {color: #3491da;}
.tarif .cost span {float: left;}
.tarif1 .cost span {margin: 15px 0 0;}
.tarif2 .cost span {margin: 25px 0 0;}
.tarif .cost b {float: left; margin: 0 7px;}
.tarif1 .cost b {font: 40px Arial; line-height: 37px;}
.tarif1 .cost2 {margin: 0 0 22px 20px;}
.tarif1 .cost2 span {margin-top: 6px;}
.tarif1 .cost2 b {font: 20px Arial;}
.tarif2 .cost b {font: 54px Arial; line-height: 50px;}
.tarif .cost i {font-style: normal;}
.tarif2 .cost i.right {font-style: normal; margin-left: -20px;}
.tarif .cost em {font-style: normal; font-size: 12px;}

/* Список */
.tarif ul li {background: url(../images/line.jpg) bottom repeat-x; text-align: center; color: #7f7f7f;}
.tarif ul {margin: 0 10px 15px;}
.tarif1 li {padding: 4px 0 6px;}
.tarif2 ul {margin: 0 20px 15px;}
.tarif2 li {padding: 9px 0 11px;}

/* Тариф кнопка */
.tarif a.button {
	border: 2px solid #fff;
	box-shadow: 0 2px 3px #555;
	-moz-box-shadow: 0 2px 3px #555;
	-webkit-box-shadow: 0 2px 3px #555;
	behavior: url(PIE.htc);
	position: relative;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
}
.tarif1 a.button {background: url(../images/grad_grey.jpg) 0 -5px repeat-x; border-radius: 12px;	-moz-border-radius: 12px;
-webkit-border-radius: 12px; font: 12px Arial;	line-height: 20px; width: 112px;}
.tarif2 a.button {background: url(../images/grad_grey.jpg) 0 bottom repeat-x; border-radius: 15px; -moz-border-radius: 15px;
-webkit-border-radius: 15px; font: 14px Arial; line-height: 25px; width: 140px;}
.tarif a.button:hover {background: #00aedb;}




/* Возможности системы */
.vozm_system_box {float: left; width: 837px; color: #333; font: 12px Arial;}
.vozm_system_box .col {float: left; width: 365px; margin: 0 0 0 40px;}
.vozm_system_box .box {width: 365px; line-height: 17px; margin: 0 0 40px;}
.vozm_system_box .box h3 {color: #20aeda; font: 16px Arial; text-transform: uppercase; margin: 0 0 20px;}



.freebox {float: left; border: 1px solid #168baa; background: #49c0f0 url(../images/grad_blue.png) 0 bottom repeat-x;
width: 797px; color: #333; font: 20px Arial; padding: 12px 0 12px 40px; margin: 0 0 30px;}
.freebox a {color: #fff; text-transform: uppercase;}




/* =========================
	ВНУТРЕННИЕ СТРАНИЦЫ
========================== */
section.content {float: left; position: relative; width: 1073px; margin: 0 0 0 20px; padding: 42px 65px 50px; min-height: 600px;}
section.content .shad2 {background: url(../images/shad2.png) 0 0 no-repeat; width: 496px; height: 510px;
position: absolute; top: -18px; left: -19px; z-index: 1;}
section.content .shad22 {background: url(../images/shad22.png) right 0 no-repeat; width: 495px; height: 510px;
position: absolute; top: -18px; right: -19px; z-index: 1;}
section.content h1 {color: #222; font: bold 24px Arial; margin: 0 0 30px; text-shadow: 1px 1px 1px #b9b9b9;}

section.content .postbig {float: left; width: 1073px; color: #3a3a3a; font: 14px Arial; position: relative; z-index: 10;}
section.content .postbig .date {color: #888; font: 12px Arial; margin: 0 0 10px 40px;}
section.content .postbig article {margin: 0 40px;}



/* =========================
	Новости
========================== */
/*.news_item {float: left; width: 800px; margin: 0 0 40px 40px; color: #3a3a3a; font: 14px Arial; position: relative; z-index: 10;}*/
.news_item {margin: 0 0 40px 0; color: #3a3a3a; font: 14px Arial;}
.news_item span {display: block; margin: 0 0 15px; font: 18px Arial;}
.news_item .date {margin: 0 0 10px; color: #888888; font: 12px Arial;}
.news_item .more {text-align: right; margin-top: 12px;}

/* Постраничная навигация */
.pagenavi {margin: 0 0 0 40px; font: 18px Arial;}
.pagenavi2 {margin: 0;}
.pagenavi a {display: block; float: left; text-align: center; text-decoration: none; width: 50px; line-height: 50px;
background: url(../images/pagenavi.png) -43px 0 no-repeat; color: #343434;}
.pagenavi a:hover,
.pagenavi a[href=""] {background: url(../images/pagenavi.png) 0 0 no-repeat; width: 43px; margin: 0 4px 0 3px;}

.back_to_news {padding-top: 2em;}


/* =========================
	Регистрация и суппорт
========================== */
.reg_page {float: left; width: 1073px; position: relative; z-index: 10;}
.reg_page p {margin: 0 0 20px; float: left; width: 100%;}
.reg_page p .input362 {float: left;}
.reg_page .margin50 {margin: 0 0 50px; float: left;}
.reg_page .margin20 {margin: 0 0 20px; float: left;}
.reg_page label {color: #878787; font: 10px Arial; float: left; margin: 10px 0 0 15px;}
.reg_page label b {color: #d70033; font: bold 30px Arial; display: block; line-height: 14px;}
.reg_page form {float: left; display: block; width: 580px; margin: 0 0 0 20px;}
.reg_page .banner {border: 1px solid #cacaca; float: right; width: 410px; height: 320px;
background: url(../images/banner2.jpg) no-repeat;}
.reg_page .banner img {width: 410px; height: 320px;}


.support_page .leftcol {float: left; width: 510px; background: url(../images/line2.png) right 0 no-repeat; margin: 0 0 0 20px;}
.support_page .rightcol {float: left; margin: 0 0 0 100px; width: 370px;}
.support_page h3 {color: #545454; font: bold 18px Arial; text-transform: uppercase; margin: 0 0 25px 10px;}
.support_page p.error {color: red}
.support_page small {margin-left: 10px; color: grey;font-face: Arial;font-size:11px;}
.support_page .selectbox {float: left;}
.support_page .selectbox .select {max-width: 375px;}
.support_page .theSelect .note {
  margin: 0 0 0 7px;
  color: #ff2f74;
  width: auto;
  font-size: 18px;
}
.reg_page form {margin: 0;}

.feedback-ticket-list {margin-left: 10px;}
.feedback-ticket-list a {text-decoration: none;font-size:15px;}
.feedback-ticket-list a:hover {text-decoration: underline;}
.feedback-ticket-list li {margin-bottom: 4px;}



/* =========================
=========== FAQ ============
========================== */
.faq_page {float: left; width: 845px; position: relative; z-index: 10; margin: 0 0 0 45px;}
.faq_page .searchbox {float: left; width: 796px; color: #7c7c7c; font: 12px Arial; margin: 0 0 30px;}
.faq_page .searchbox .name {font: 14px Arial; margin: 0 0 15px 20px;}
.faq_page .searchbox .sr {float: left; width: 796px; position: relative; margin: 0 0 10px;}
.faq_page .searchbox .sr .inp {background: url(../images/input796.png) 0 0 no-repeat; border: 0; color: #252525;
font: 18px Arial; padding: 10px 20px 9px; width: 756px;height: 21px;}
/*@media all and (-webkit-min-device-pixel-ratio:0) { .faq_page .searchbox .sr .inp {padding-bottom: 10px;} }*/
.faq_page .searchbox .sr .inp:focus {background: url(../images/input796.png) 0 -39px no-repeat;}
.faq_page .searchbox .sr .submit {background: url(../images/submit1.png) 0 0 no-repeat; cursor: pointer;
border: 0; width: 32px; height: 30px; text-indent: -9999px; position: absolute; right: 12px; top: 7px;}
.faq_page .searchbox .sr .submit:active {background: url(../images/submit1.png) 0 -32px no-repeat;}
.faq_page .searchbox .ex {float: left; margin-left: 20px;}
.faq_page .searchbox .ex2 {float: right; margin-right: 20px;}
.faq_page .searchbox a {color: #7c7c7c;}

.faq_page h3 {font: 18px Arial; margin: 0 0 20px; color: #0085b9; outline: none;}
.faq_page div.txt {text-indent: 40px; margin: 0 0 20px;}
.faq_page .pagenavi {margin: 30px 0 0;}
.faq_page #accordion h3.answer-title {background: url(../images/plus.png) 0 6px no-repeat; padding-left: 15px;}
.faq_page #accordion h3.ui-state-active {background: url(../images/minus.png) 0 10px no-repeat; padding-left: 15px;}




/* =========================
====== Карта серверов ======
========================== */
.map_page {float: left; width: 845px; position: relative; z-index: 10; margin: 0 0 0 45px;}
.map_page .pagenavi {margin: 0;}
.map_page h2 {color: #545353; font: bold 18px Arial; margin: 0 0 30px 10px; text-transform: uppercase; text-shadow: none;}
.map_page h2 a.all {font: 14px Arial; margin: 0 0 0 300px; text-transform: none;}

/* Карта фрейм */
.map_page .mapframe {margin: 0 0 70px -20px; position: relative; width: 1059px; height: 489px;}
.map_page .mapframe .shadbox1 {width: 1049px; height: 5px; position: absolute; top: 0; left: 5px;
background: url(../images/shadbox1.png) 0 0 repeat-x;}
.map_page .mapframe .shadbox3 {width: 1049px; height: 5px; position: absolute; bottom: 0; left: 5px;
background: url(../images/shadbox3.png) 0 0 repeat-x;}
.map_page .mapframe .shadbox2 {width: 5px; height: 489px; position: absolute; top: 0; left: 0;
background: url(../images/shadbox2.png) no-repeat;}
.map_page .mapframe .shadbox4 {width: 5px; height: 489px; position: absolute; top: 0; right: 0;
background: url(../images/shadbox4.png) no-repeat;}



/* ===== ТАБЛИЦА ===== */
.tablebox {float: left; border: 1px solid #8a8a8a; border-radius: 5px; -moz-border-radius: 5px; behavior: url(PIE.htc);
-webkit-border-radius: 5px; position: relative; padding: 0 0 10px; background: #f1f1f1 url(../images/th.jpg) top repeat-x;
margin: 0 0 30px;}
.tablebox table {border-collapse: collapse; font: 12px Arial; color: #484848; width: 985px;}
.tablebox2 table {width: 825px;}
.tablebox2 table td {width: 825px;}
.tablebox table tr.row td {background: url(../images/tr.jpg) 0 0 repeat-x;}
.tablebox table th {height: 61px; font: bold 14px Arial !important; text-align: left; padding: 0;}
.tablebox table td {height: 35px; border-top: 1px solid #b2b2b2; padding: 0;}
@media all and (-webkit-min-device-pixel-ratio:0) { .tablebox table td {height: 34px;} }
:root .tablebox table td {height: 34px\9;}
.tablebox table .col1 {font-size: 14px; width: 170px;}
.tablebox table .col1 span {display: block; width: 125px; padding-left: 45px; position: relative;}
.tablebox table .col1 span b {display: block; width: 25px; height: 55px; position: absolute; left: -18px; top: -19px;
background: url(../images/555.png) no-repeat;}

.tablebox table .col2 {width: 120px; font-size: 14px;}
.tablebox table .col3 {width: 115px;}
.tablebox table .col4 {width: 100px;}
.tablebox table .col5 {width: 100px;}
.tablebox table .col6 {width: 110px;}
.tablebox table .col7 {width: 90px;}
.tablebox table .col8 {width: 100px;}
.tablebox table .col9 {width: 90px;}
.tablebox table .col9 span {display: block; width: 90px; position: relative;}
.tablebox table .col9 span b {display: block; width: 25px; height: 55px; position: absolute; right: -18px; top: -19px;
background: url(../images/777.png) no-repeat;}
.tablebox2 table .col9 span b { top: -16px; }

.tablebox a.metka {height: 22px; width: 17px; display: block; background: url(../images/metka.png) no-repeat;}
a.predl {float: right; margin: 10px 0 0;}

.tablebox3 table {width: 815px;}
.tablebox3 table .col1 {width: 130px;}
.tablebox3 table .col2 {width: 235px;}
.tablebox3 table .col3 {width: 185px; font-size: 14px;}
.tablebox3 table td.col3 {color: #63b000;}
.tablebox3 table td.col3 em {color: #b3001d; font-style: normal;}
.tablebox3 table .col9 {width: 265px; font-size: 14px;}
.tablebox3 table .col9 span {width: auto;}






/* ЛЕВЫЙ САЙДБАР */
.leftside {float: left; width: 337px; background: url(../images/grey_line.png) center bottom no-repeat; margin: 0 0 20px;}
.leftside2 {background: 0;}
section.content2 {float: left; width: 840px; min-height: 635px; position: relative; padding: 25px 0 50px 45px;}
section.content2 .shad2 {background: url(../images/shad2.png) 0 0 no-repeat; width: 496px; height: 510px;
position: absolute; top: -18px; left: -18px; z-index: 1;}
section.content2 h1 {color: #222; font: bold 24px Arial; margin: 0 0 30px; text-shadow: 1px 1px 1px #b9b9b9;}

ul.usermenu {font: 18px Arial; float: left; margin: 0 0 0 20px;}
ul.usermenu li {margin: 0 0 1px 30px;}
ul.usermenu li.emu a {color: #9c9c9c;}
ul.usermenu li a:hover {color: #0085b9;}
ul.usermenu li.pro {margin: 0 0 1px -10px;}
ul.usermenu li.pro em {color: #c5c5c5; font: bold 12px Arial; font-style: normal; text-transform: uppercase;
float: left; margin: 3px 15px 0 0;}
ul.usermenu li a {color: #484848; text-decoration: none; padding: 11px 22px 13px; display: block;}
ul.usermenu li.active {background: url(../images/button2.jpg) left 0 no-repeat;}
ul.usermenu li.active a {/*background: url(../images/button3.jpg) right 0 no-repeat; color: #fff;*/ color: rgb(36,191,233);}

.leftside .sitebox {background: url(../images/grey_line.png) center top no-repeat; float: left; width: 277px;
position: relative; padding: 30px; color: #4b4b4b; font: 14px Arial;
text-shadow: 1px 1px 1px #ececec; margin: 35px 0;}
.leftside .sitebox .name b {font-size: 24px; font-weight: normal;}
.leftside .sitebox small {font-size: 10px; display: block; margin: 0 0 15px;}
.leftside .sitebox a {color: #4b4b4b; text-decoration: none; background: url(../images/line3.jpg) bottom repeat-x;
padding: 0 0 1px;}
.leftside .sitebox a:hover {background: 0;}
.leftside .sitebox .stat {float: left;}
.leftside .sitebox .stat span, .leftside .sitebox .stat img {float: left;}
.leftside .sitebox .stat span {float: left; margin: 6px 7px 0 0;}
.leftside .sitebox a.quest {background: url(../images/quest.png) no-repeat; display: block; width: 31px; height: 32px;
position: absolute; right: 10px; bottom: 10px;}




.leftside .module {float: left; width: 325px; margin: 0 0 20px; background: url(../images/uzor.png) 0 bottom repeat-x;
padding: 0 0 25px;}
.leftside .module h3 {color: #222; font: 24px Arial; margin: 0 0 20px;}
.leftside .module a {color: #00b2e2;}

/* Новости */
.leftside .modulenews {color: #222; font: 12px Arial; line-height: 17px;}
.leftside .modulenews span {font: 18px Arial; margin: 0 0 10px;}
.leftside .modulenews a {color: #2fb7e1;}
.leftside .modulenews p.date {float: left; margin: 10px 0 0; color: #828282;}
.leftside .modulenews p.more {float: right; margin: 10px 0 0;}

/* Видео и картинки */
.leftside .modulevideo h3 b {float: right; font: normal 12px Arial; margin: 7px 0 0;}
.leftside .modulevideo span {float: left; width: 320px; background: url(../images/ramka.png) no-repeat; height: 195px;
margin: 0 0 0 -14px; padding: 17px 20px;}
.leftside .modulevideo span img {width: 320px; height: 195px;}

/* Сферы применения */
.leftside .module_ul {font: 14px Arial; color: #222;}
.leftside .module_ul ul {margin: 0 10px;}
.leftside .module_ul li {background: url(../images/uzor.png) left 6px no-repeat; padding-left: 15px; margin: 0 0 7px;}











/* =============================
====== Настройки аккаунта ======
============================= */
.settings_page {float: left; width: 790px; margin: 0 0 0 55px; position: relative; z-index: 10;}
.settings_page h3 {color: #484848; font: bold 18px Arial; text-transform: uppercase; margin: 0 0 25px;}
.settings_page .margin20 {margin: 0 0 20px; float: left;}
.settings_page .margin50 {margin: 0 0 50px; float: left;}
.settings_page .margin5010 {margin: 0 0 50px 15px; float: left; color: #767676; font: 14px Arial;}
.settings_page p {margin: 20px 0;}
.settings_page .submitbutton {float: left;}
.settings_page .proflink {float: left; margin: 14px 0 0 50px;}
.settings_page a.spr_link {position: absolute; left: 575px; top: -50px;}
/*.settings_page .tooltip {color: #2c2c2c; font: 12px Arial; width: 243px;
padding: 5px 10px; background: #fcfcfc; border: 1px solid #e8e8e8; float: right; margin: -5px 0 0 55px;}*/



/* =============================
======== ГЕО ПРОВЕРКА ==========
============================= */
/*.geopro_page {float: left; width: 790px; margin: 0 0 0 55px; position: relative; z-index: 10;}*/
.geopro_page h3 {color: #484848; font: bold 18px Arial; text-transform: uppercase; margin: 0 0 25px;}
.geopro_page h4 {color: #696969; font: 18px Arial; margin: 20px 0 20px 5px;}
.geopro_page h3 a.all {font: 14px Arial; float: right; text-transform: none; /*margin: 0 150px 0 0;*/}
.geopro_page .tooltip {color: #2c2c2c; font: 12px Arial; width: 243px;
padding: 5px 10px; background: #fcfcfc; border: 1px solid #e8e8e8;}
.geopro_page a.spr_link {position: absolute; left: 575px; top: -50px;}
.geopro_page .margbot70 {margin-bottom: 70px !important;}

.geopro_page .field .h4 {float: left; font: bold 14px Arial; color: #767676; text-transform: uppercase;}

.geopro_page .field {float: left; width: 100%; margin: 0 0 40px;}
.geopro_page .field_marg20 {margin: 0 0 20px;}
.geopro_page .width415 {width: 393px;}
.geopro_page .width200 {width: 180px; float: left;}
.geopro_page .selectForm2 {float: left; margin: 0 15px 15px 0;}
.geopro_page label {float: left; margin: 8px 0 0; color: #9a9a9a; font: bold 10px Arial;}
.geopro_page label b{display: block; color: #e90f00; font: bold 24px Arial; line-height: 14px;}

#hide_serverbox {display: none;}
.geopro_page a.showservers {margin: 25px 0; float: left; width: 100%; color: #484848; text-decoration: none;
font: bold 18px Arial; text-transform: uppercase; display: block;}
.geopro_page a.showservers:hover {text-decoration: underline;}

/* Крутилка */
.geopro_page .rotatebox {
    float: left;
    width: 200px;
    height: 166px;
    position: relative;
    margin: -50px 0 0 80px;
    background: url(../images/ui/rotate.png) 88% no-repeat;
}
.geopro_page .rotatebox2 {width: 167px; height: 166px; background: url(../images/ui/rotate2.png) no-repeat;}

/* On / Off */
.geopro_page .fieldcheck {font: 14px Arial; float: left; width: 100%; margin: 0 0 10px;}
.geopro_page .fieldcheck2 {width: auto !important; margin: 3px 0 0 30px;}
.geopro_page .fieldcheck3 {width: auto !important; margin: -9px 0 0 100px;}
.geopro_page .fieldcheck input, .modwin .modules-pro .fieldcheck input {display: none;}
.geopro_page .fieldcheck label, .modwin .modules-pro .fieldcheck label {display: block; background: url(../images/ui/checkbox.png) 0 -32px no-repeat; width: 60px;
height: 32px; float: left; cursor: pointer; text-indent: -9999px; margin: 0 30px 0 0;}
.geopro_page .fieldcheck label.ui-state-active, .modwin .modules-pro .fieldcheck label.ui-state-active {background: url(../images/ui/checkbox.png) 0 0 no-repeat;}
.geopro_page .fieldcheck .mid {color: #404040; width: 250px; display: block; float: left; margin: 5px 60px 0 0;}
.geopro_page .fieldcheck .mid b {font-size: 18px;}
.geopro_page .fieldcheck .right {float: right; margin: 8px 0 0;}
.geopro_page .fieldcheck .right a {color: #404040;}
.geopro_page .input415 {float: left; margin: 0 20px 15px 0;}
.geopro_page .rightlink {float: left; margin: 11px 0 0;}

.geopro_page .submitbutton, .geopro_page .submitbutton2 {float: left; margin: 0 30px 0 0;}
.geopro_page input.submitbutton[disabled], .geopro_page .submitbutton2[disabled] {opacity: 0.5;}
.geopro_page input.submitbutton[disabled]:hover {background: url(../images/button.png) -192px 0 no-repeat;}
.geopro_page input.submitbutton2[disabled]:hover {background: url(../images/button4.png) 0 0 no-repeat;}

.fieldcheck3 {font: bold 18px Arial; float: left; text-transform: uppercase; margin: 0 0 0 20px;}
.fieldcheck3 span {float: left; margin: 11px 20px 0 0;}
.fieldcheck3 a {color: #00aedc;}
.fieldcheck3 input {display: none;}
.fieldcheck3 label {display: block; background: url(../images/ui/checkbox2.png) 0 -42px no-repeat; width: 38px;
height: 40px; float: left; cursor: pointer; text-indent: -9999px; margin: -1px 0 0;}
.fieldcheck3 label.ui-state-active {background: url(../images/ui/checkbox2.png) 0 -1px no-repeat;}


/* =============================
======== ПРОВЕРКА КОНТЕНТА =====
============================= */
#account-content-check-page-field a.disabled,
#account-content-control-keywords-field a.disabled {
    text-decoration: none;
    color: silver;
}

/* =============================
======== МОДАЛЬНОЕ ОКНО ========
============================= */
.modwin {background: url(../images/modal/win1.png) no-repeat; width: 713px; height: 357px; position: absolute;
z-index: 1000; padding: 20px 20px 20px 30px; font: 14px Arial; color: #252525; top: 70px; left: 30px; display: none;}
.modwin p, .modwin2 p {margin: 12px 0;}
.modwin a.jqmClose {color: #252525; position: absolute; top: 20px; right: 30px; margin: 0;}
.modwin .name {background: url(../images/ok.png) 0 0 no-repeat; font: 18px Arial; padding: 5px 0 0 80px;
line-height: 50px; margin: 0 0 15px;}
.modwin .name2 {font: 24px Arial; padding: 5px 0 0; line-height: 50px; margin: 0 0 15px;}
.modwin .img {float: left; /*border: 1px solid #666666;*/ margin: 0 0 40px;}
.modwin .img img {width: 309px; height: 171px;}
.modwin .textarea380 {font: 14px Arial; float: right;}
.modwin h5 {font: 18px Arial; margin: 0 0 20px;}
.modwin a {color: #0282a2; margin: 0 30px 0 0;}
.modwin .p18, .modwin2 .p18 {font-size: 18px;}
.modwin .note a {margin: 0; color: black;}

#creditcards p {line-height: 35px; margin: 0 0 20px;}
#creditcards p.card {line-height: 40px;}
#creditcards p.card b {font-size: 18px; font-weight: normal; margin-right: 30px;}
#creditcards p.card span {font-size: 11px;}
#creditcards p.card a {margin: 0;}

.smswin p {font: 18px Arial; margin: 8px 0;}
.smswin span {display: block; margin: 0 0 20px;}
.smswin .input362 {float: left; margin: 0 30px 10px 0;}
.smswin .submitbutton {float: left; margin: 0 0 10px;}



.modwin2 {background: url(../images/modal/win3.png) no-repeat; width: 601px; height: 248px; position: absolute;
z-index: 1000; padding: 20px 20px 20px 30px; font: 14px Arial; color: #252525; top: 70px; left: 130px; display: none;}
.modwin3 {height: 356px; background: url(../images/modal/win2.png) no-repeat;}
.modwin4 {height: 778px; background: url(../images/modal/win4.png) no-repeat;}
.modwin6 {width: 715px; height: 634px; background: url(../images/modal/win6.png) no-repeat;}

.modwin2 a.jqmClose {color: #252525; position: absolute; top: 20px; right: 30px; margin: 0;}
.modwin2 .name {font: 18px Arial; padding: 3px 0 0; line-height: 63px; margin: 7px 0 15px; float: left;}
.modwin2 .name em {font-style: normal;}
.modwin2 .name em.st {color: #00a1cb;}
.modwin2 .name img.icon {float: right; margin: 15px 0 0 10px;}
.modwin2 .name_ok {background: url(../images/ok.png) 0 0 no-repeat; padding-left: 80px;}
.modwin2 .name_info {background: url(../images/info.png) 0 0 no-repeat; padding-left: 100px;}
.modwin2 .name_confirm {background: url(../images/question.png) 0 0 no-repeat; padding-left: 100px;}
.modwin2 .name_error {background: url(../images/close-big.png) 0 0 no-repeat; padding-left: 100px; color: #960210;}
.modwin2 .name_error b {font-weight: normal; color: #252525;}
.modwin2 .name_error em {float: left;}
.modwin2 .name_error i {float: left; font-style: normal; margin: 0 5px 0 0;}

#account-common-confirm-modal .submitbutton,
#account-common-confirm-modal .submitbutton2,
#account-paid-confirm-tarif-change .submitbutton,
#account-paid-confirm-tarif-change .submitbutton2,
#account-content-check-reset-modal .submitbutton,
#account-content-check-reset-modal .submitbutton2
{
    margin-right: 1em;
}

/* ERROR PRO */
.modwin2_errorpro {font: 12px Arial;}
.modwin2_errorpro .big {margin: 10px 0 20px; float: left; width: 100%; font-size: 18px;}
.modwin2_errorpro .big span, .modwin2_errorpro .big img {float: left;}
.modwin2_errorpro .big span {margin: 5px 30px 0 0;}
.modwin2_errorpro .big img {margin: 0 15px 0 0;}


.modwin3 .lft {background: url(../images/modal/line.png) right 0 no-repeat; float: left; width: 320px;
padding: 20px 40px 0 0; min-height: 138px; color: #252525; font: 14px Arial; margin: 0 20px 30px;}
.modwin3 .lft h3 {margin: -20px 0 20px; font: 18px Arial;}
.modwin3 .lft .h3 {margin: -20px 0 10px; font: 18px Arial;}
.modwin3 .lft .h3 b {font-weight: normal; color: #0085b9; display: block; margin: 5px 0 0;}
.modwin3 .lft small {font-size: 11px;font-weight: bold}
.modwin3 .lft .input300 {margin: 0 0 30px;}
.modwin3 .rht {float: left; width: 165px; padding: 20px 0 0; color: #626262; font: 12px Arial; margin: 0 0 30px 20px;}
.modwin3 .rht p {margin: 0 0 4px;}
.modwin3 .submitbutton, .modwin3 .submitbutton2 {margin: 0 25px; float: left;}
.modwin3 .fieldcheck3 {float: left; margin: 20px 0 0;}
.modwin3 .fieldcheck3 label {float: left; margin: 0 20px 0 0;}
.modwin3 .fieldcheck3 em {float: left; color: #252525; font: normal 14px Arial; text-transform: none; display: block;
width: 240px; margin: 12px 0 0;}
.modwin3 .fieldcheck3 em b {display: block; font-size: 18px; font-weight: normal; margin: 0 0 15px;}

#account-paid-tarif-modal .fieldcheck3 {float: none;}
#account-paid-tarif-modal .fieldcheck3 em {float: none; width: auto; cursor: pointer}
#account-paid-tarif-modal .fieldcheck3 label {margin-bottom: 20px;}

.modwin4 .lft {background: url(../images/modal/line2.png) right 0 no-repeat !important; min-height: 250px !important; 
margin: 0 20px 30px 10px !important; width: 290px !important;}
.modwin4 .lft .input300 {margin: 0 0 12px !important;}
.modwin4 .rht {margin: 90px 0 0 !important;}
.modwin4 .lft .lb {color: #929292; font: 12px Arial; margin: 0 0 4px 20px;}
.modwin4 .lft .lb2 {float: right; color: #929292; font: 12px Arial;}
.modwin4 .lft .lb2 span {margin: 7px 10px 0 0; float: left;}
.modwin4 .lft .datebox {float: left; margin: 0 0 25px; width: 100%;}
.modwin4 .lft .selectForm {float: left; margin: 0 20px 0 0;}
.modwin4 .fieldcheck3 {float: left; margin: 0 0 15px !important; width: 100%; color: #252525; font: normal 14px Arial; 
text-transform: none;}
.modwin4 .fieldcheck3 em {float: left; font-size: 18px; font-weight: normal; margin: 12px 0 5px; width: auto;}



/* Большое окно */
.modwin_res {background: url(../images/modal/win5_1.png) no-repeat; width: 844px; position: absolute;
z-index: 1000; padding: 20px 20px 20px 30px; font: 14px Arial; color: #252525; top: 70px; left: 30px; display: none;}
.modwin_res .bot {background: url(../images/modal/win5_2.png) no-repeat; width: 894px; position: absolute;
height: 22px; left: 0; bottom: -22px;}
.modwin_res a.jqmClose {color: #252525; position: absolute; top: 20px; right: 30px; margin: 0;}
.modwin_res .head3 {width: 600px; margin: 0 0 20px;}
.modwin_res .head3 b {text-transform: none; font-weight: normal;}
.modwin_res .head3 a {margin: 0 5px;}
.modwin_res .plat, .modwin_export .plat {float: right;}
#account-common-saved-popup .plat, #account-common-popup-simple .plat {position: absolute; bottom: 30px}
.modwin_res .plat h5, .modwin_export .plat h5 {font: 18px Arial; display: block; margin: 0 0 15px 25px;}
.modwin_res .plat a, .modwin_export .plat a {margin: 0 35px 0 0;}

.modwin_export .plat {float: left; margin: 0 0 0 20px;}
.modwin_export .plat h5 {margin-left: 0;}
.modwin_export .submitbutton {float: right; margin: 5px 30px 0 0;}
.modwin_export .lft {float: left; width: 195px; margin: 0 20px 0 0;
background: url(../images/modal/line.png) right 20px no-repeat;}
.modwin_export .rht {float: left; width: 310px; margin: 0; color: #515151;}
.modwin_export .rht h3 {color: #252525; font: 18px Arial; margin: -20px 0 20px;}
.modwin_export .lft .fieldcheck3 {float: left; width: 195px; margin: 0 0 10px !important;}
.modwin_export .lft .fieldcheck3 label {float: left;border: 0;}
.modwin_export .lft .fieldcheck3 em {float: left; color: #989898; font: bold 12px Arial; width: auto;}
.modwin_export .lft .fieldcheck3 em i {color: #0286a8; font: normal 18px Arial; margin: 0 10px 0 0; font-style: normal;}
.modwin_export .flds {float: left; margin: 15px 0; width: 100%;}
.modwin_export .flds em {float: left; margin: 13px 10px 0 0; font-style: normal;}
.modwin_export .flds .input105 {float: left; margin: 0 10px 0 0;}


/* Длинное окно */
.modwin_large {float: left; width: 1250px; position: absolute; left: 37px; top: 200px; z-index: 2000;
color: #fff; font: 12px Arial;}
.modwin_large2 {top: 279px;}
.modwin_large .tp {background: #4a4949; border: 1px solid #000; float: left; width: 1250px;
box-shadow: 2px 2px 4px #555; -moz-box-shadow: 2px 2px 4px #555; -webkit-box-shadow: 2px 2px 4px #555;}
.modwin_large .tp, .modwin_large .bd {position: relative; behavior: url(PIE.htc); padding: 10px 0 10px 10px;}
.modwin_large .tp {background: #4a4949; border: 1px solid #000; float: left; width: 1238px;}
.modwin_large .bd {background: #fff url(../images/shad8.jpg) left 0 repeat-y; border: 1px solid #cacaca; 
float: left; width: 1238px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; padding-bottom: 15px;
-webkit-border-radius: 0 0 5px 5px;}
.modwin_large .bd a {background: url(../images/disc.png) no-repeat; padding: 1px 0 3px 30px; margin: 0 17px 0 0;}
.modwin_large .tp ul li {float: left; margin: 0 10px 0 0;}
.modwin_large .tp ul li.col1 {width: 65px;}
.modwin_large .tp ul li.col2 {width: 135px;}
.modwin_large .tp ul li.col3 {width: 120px;}
.modwin_large .tp ul li.col4 {width: 70px;}
.modwin_large .tp ul li.col5 {width: 100px; color: #88c002;}
.modwin_large .tp ul li.col5 b {float: left; font-weight: normal;}
.modwin_large .tp ul li.col5 img {float: right; margin: -3px 20px 0 0;}
.modwin_large .tp ul li.red {color: #cc0000;}
.modwin_large .tp ul li.col6 {width: 110px;}
.modwin_large .tp ul li.col7 {width: 75px;}
.modwin_large .tp ul li.col8 {width: 90px;}
.modwin_large .tp ul li.col9 {width: 90px;}
.modwin_large .tp ul li.col10 {width: 140px;}
.modwin_large .tp ul li.col11 {width: 80px;}


/* Проверка доступности гео-сервера */
#accout-geo-server-is-available {
    margin-top: 20px;
    margin-left: 10px;
}

.account-geocheck-server-ip {
    padding-left: 30px;
    font-size: 90%;
}

#accout-geo-server-is-available .server-status {
    margin-top: 1em;
}

#accout-geo-server-is-available .server-status.available {
    color: #63B000;
}

#accout-geo-server-is-available .server-status.unavailable {
    color: #960210;
}

/* =============================
===== ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ =====
============================= */
.profile_box {float: left; width: 100%; margin: 0 0 40px; color: #404040; font: 18px Arial;}
.profile_box p {line-height: 32px; margin: 0 0 10px;}
.profile_box a {color: #00acd8;}
.profile_box .fl2 {margin: 0 0 20px;}
.profile_box .fl2 span {color: #404040 !important;}
.profile_box .fl span {font: 14px Arial; color: #a3a3a3;}
.profile_box .fl b {font: normal 14px Arial; color: #404040;}
.profile_box .status {line-height: 32px; margin: 0 0 10px; font: 14px Arial; float: left;}
.profile_box .status em {font-size: 18px; font-style: normal; float: left; margin: 4px 10px 0 0;}
.profile_box .status span.pro {float: left; margin: 0 15px 0 0;}
.profile_box .status span.pro b {float: left; font-weight: normal; margin: 8px 5px 0 0;}
.profile_box .status span.pro img {float: left; margin: 0;}
.profile_box .status span.standart {float: left; margin: 8px 5px 0 0; color: #a3a3a3; position: relative;}
.profile_box .status span.standart i {font-style: normal; color: #404040;}
.profile_box .status span.standart a {color: #404040; text-transform: uppercase;}
.profile_box .status span.standart a.pro_light {color: #6EC421;}
.profile_box .status span.standart a.pro_medium {color: #00acd8;}
.profile_box .status span.standart a.pro_hight {color: #cc0069;}
.profile_box .status span.standart em {position: absolute; top: -23px; right: 0; font-size: 8px;}
.profile_box .reflink a {font-size: 14px; color: #404040;}
.profile_box a.disabled {text-decoration: none; color: silver}
.profile_box .standart:last-of-type .profile_tarif_separator {display: none;}

#delete-customer {
    color: red;
}

/* ГИБКИЕ УВЕДОМЛЕНИЯ */
.geopro_page .field3 {float: left; width: 100%; margin: 0 0 20px;}
.geopro_page .field5 {float: left; width: 100%; margin: 0 0 40px;}
.geopro_page .field4 {margin: 0 0 40px;}
.geopro_page .field3 .input415 {margin: 0 10px 0 0;}
.geopro_page .field3 em {color: #2c2c2c; font: normal 18px Arial; float: left; width: 100px; text-align: right;
margin: 10px 10px 0 -110px; display: block;}
.geopro_page .field3 label {float: left; margin: 7px 0 0; color: #9a9a9a; font: 14px Arial; width: 160px;}
.geopro_page .field3 label b{display: block; color: #e90f00; font: bold 24px Arial; line-height: 14px;} 
.geopro_page .field3 .fieldcheck {margin: 0 -30px 0 0 !important;}
.geopro_page .field3 .rightlink {margin: 16px 0 0; float: left;}
.geopro_page .field3 .rightlink.add {margin-top: 12px;}
.geopro_page .field3 .selectTwit {width: 160px; float: left;}
.selectTwit .selectbox .select {width: 128px;}

.geopro_page .field5 .tooltip {float: left; width: 245px; margin: 0 0 0 30px;}
.geopro_page .field5 .tooltip a {color: #2c2c2c;}

.account-site-notifies-channel-item .fieldcheck label {width: 100px;}
.account-site-notifies-channel-item .rightlink a.unactive {color: rgb(36, 191, 233);}
.account-site-notifies-channel-item .rightlink b {color: #e90079;}
.additional-field-row.account-site-notifies-channel-item .rightlink b {color: #e90079;}


/* UI's */
.geopro_page .field5 .uibody {float: left; width: 425px; margin: 0 0 10px; padding-top: 45px;}
.geopro_page .field5 .uibody1 {background: url(../images/ui/shkala1.png) 0 0 no-repeat; padding-top: 0px; cursor: pointer;}
.geopro_page .field5 .uibody2 {background: url(../images/ui/shkala2_new.png) 0 0 no-repeat; padding-top: 0px;}
.geopro_page .field5 .uibody3 {background: url(../images/ui/shkala3.png) 0 0 no-repeat; padding-top: 0px; cursor: pointer;}
.geopro_page .field5 .uibox {background: url(../images/ui/ui2.png) 0 0 no-repeat; width: 426px; height: 45px;
position: relative; float: left; margin: 5px 0 0;}
.geopro_page .field5 .uibox3 {background: url(../images/ui/ui2-msg.png) 0 0 no-repeat; width: 426px; height: 45px;
position: relative; float: left; margin: 5px 0 0;}
.geopro_page .field5 .uibox2 {background: url(../images/ui/ui2-time.png) 0 0 no-repeat; width: 426px; height: 45px;
position: relative; float: left; margin: -10px 0 0;}

.geopro_page .field5 .uibox .ui-slider-handle {background: url(../images/ui/handle2.png) 0 0 no-repeat; top: 5px;
position: absolute;	z-index: 2; width: 31px; height: 31px; cursor: pointer; margin-left: -15px;}
.geopro_page .field5 .uibox3 .ui-slider-handle {background: url(../images/ui/handle2.png) 0 0 no-repeat; top: 5px;
position: absolute;	z-index: 2; width: 31px; height: 31px; cursor: pointer; margin-left: -15px;}

.geopro_page .field5 .uibox .ui-slider-range {background: url(../images/ui/ui1.png) 0 0 no-repeat; width: 426px;
height: 40px;}
.geopro_page .field5 .uibox3 .ui-slider-range {background: url(../images/ui/ui1.png) 0 0 no-repeat; width: 426px;
height: 40px;}

.geopro_page .uibox2 .ui-slider-handle {background: url(../images/ui/handle2.png) 0 0 no-repeat; top: 5px;
z-index: 2; width: 31px; height: 31px; cursor: pointer; left: 0; margin-left: -15px; position: absolute;}
.geopro_page .uibox3 .ui-slider-handle {background: url(../images/ui/handle2.png) 0 0 no-repeat; top: 5px;
z-index: 2; width: 31px; height: 31px; cursor: pointer; left: 0; margin-left: -15px; position: absolute;}
.geopro_page .uibox2 .ui-slider-range {background: url(../images/ui/ui2r-msg.png) 0 0 repeat-x !important; width: 426px;
height: 40px; display: block; border: 0; overflow: hidden; position: absolute;}
.geopro_page .uibody2 .time {float: left; margin: 20px 0 0; color: #767676;}
.geopro_page .uibody2 .time span {float: left;}
.geopro_page .uibody2 .time b {font-size: 12px; margin-left: 20px;}
.geopro_page .uibody2 .time a.edit {background: url(../images/edit.png) no-repeat; display: block; width: 11px;
height: 15px; float: left; margin: 1px 0 0 20px;}

.geopro_page .uibody2 .uibody2_from,
.geopro_page .uibody2 .uibody2_to {
    position: absolute;
    margin-top: 1em;
    color: #777;
}

.geopro_page .uibody2 .uibody2_to {
    margin-left: 408px;
}

.geopro_page .textarea415 {float: left; margin: 0 20px 0 0;}

.input300_float {float: left; margin: 0 5px 20px 15px;}

/* добавление, редактирование сайта */
.selectHttp .selectbox .select {width: 128px;}
.selectHttp label {display: inline-block; float: none;}

.pack_add_site {float: left; margin: 12px 0 0 30px;}
.pack_add_site b {/*float: right;*/ color: #9a9a9a; font: bold 10px Arial;}

.submit-with-ajax-loader {
    float: left;
    width: 230px;
}

.submit-with-ajax-loader .submitbutton {
    margin: 0;
}

.submit-with-ajax-loader #ajax-loader {
    margin-top: 6px;
    margin-left: 4px;
}

#account-site-add-edit-form {height: 630px;} /* модальное окно оказывалось под подвалом, растянул раздел по высоте */
#site-added-advanced hr {border: none; color: #bbb; background-color: #bbb; height: 1px; margin: 0 -5px 15px -15px;}
#site-added-advanced h3 {font-weight: normal; font-size: 18px; margin-left: 80px; margin-bottom: 20px;}
#site-added-advanced .mid {float: left;}
#site-added-advanced .mid a {font-size: 16px;}
#site-added-advanced .right {float: right;}
#site-added-advanced .right a {color: grey;}
#site-added-advanced .notifications {padding-top: 1px;}
#site-added-advanced .notifications a {margin-left: 0.25em; margin-right: 0.25em; font-size: 16px;}
#site-added-advanced .clr20 {color: red; font-size: 11px; margin-left: 90px;}
#site-added-advanced small {font-size: 12px;}

.paymenthistory_page .col3 { width: 96px !important; }


/* Footer */
.footbg {background: url(../images/foot.png) bottom repeat-x; float: left; width: 100%; min-width: 1250px;}
footer {float: left; width: 1250px; height: 200px; padding: 20px 0 0; color: #181818; font: 12px Arial;
text-shadow: 1px 1px 0 #727272; line-height: 24px;}
footer a {color: #181818; text-decoration: none; background: url(../images/line2.jpg) bottom repeat-x; padding: 0 0 1px;}
footer a:hover {background: 0;}
footer .copy {float: left; text-align: center; margin: 50px 60px 0 0;}
footer .copy img {display: block; margin: 0 0 10px;}
footer .sect {float: left; margin: 15px 0 0 30px; border-right: 1px solid #181818; padding-right: 20px;}
footer .sectlast {border: 0; padding-right: 0;}
footer .sect span {display: block; font: bold 14px Arial; margin: 0 0 10px -10px;}

footer .sect li.yt {background: url(../images/social.jpg) 0 5px no-repeat; padding-left: 35px;}
footer .sect li.fb {background: url(../images/social.jpg) 0 -18px no-repeat; padding-left: 35px;}
footer .sect li.tw {background: url(../images/social.jpg) 0 -42px no-repeat; padding-left: 35px;}
footer .sect li.vk {background: url(../images/social.jpg) 0 -65px no-repeat; padding-left: 35px;}
footer .sect li.gl {background: url(../images/social.jpg) 0 -91px no-repeat; padding-left: 35px;}

footer .sect li.apple {background: url(../images/os.jpg) 0 1px no-repeat; padding-left: 35px;}
footer .sect li.win {background: url(../images/os.jpg) 0 -23px no-repeat; padding-left: 35px;}
footer .sect li.android {background: url(../images/os.jpg) 0 -47px no-repeat; padding-left: 35px;}












/* ПЛАТНЫЕ УСЛУГИ */
.fieldpro {float: left; width: 100%; margin: 0 0 40px; position: relative;}
.fieldpro .fnm {color: #404040; font: 18px Arial; margin: 0 0 15px; width: 100%;}
.fieldpro .fieldcheck3 {float: left; margin: 0 0 12px; width: 100%;}
.fieldpro .fieldcheck3 label {margin: 0 35px 0 0;}
.fieldpro .fieldcheck3 span {float: left; color: #404040; font: 18px Arial; margin: 12px 0 0; text-transform: none;
display: block; width: 140px;}
.fieldpro .fieldcheck3 span em {font-style: normal;}
.fieldpro .fieldcheck3 span em.light {color: #6ec421;}
.fieldpro .fieldcheck3 span em.standart {color: #00a1cb;}
.fieldpro .fieldcheck3 span em.extend {color: #cc0069;}
.fieldpro .fieldcheck3 img {float: left; margin: 7px 50px 0 0;}
.fieldpro .fieldcheck3 p {float: left; margin: 14px 0 0; color: #5c5c5c; font: 14px Arial; text-transform: none;}
.fieldpro .fieldcheck3 span.discount_pro {color: #cc0069; font-size: 10px; display: inline; float: none}

.fieldpro .selectForm {margin: 0 0 35px; float: left;}
.fieldpro .itog {margin: 0 0 0 20px;}
.settings_page .paid .tooltip {color: #2c2c2c; font: 12px Arial; width: 243px;
padding: 5px 10px; background: #fcfcfc; border: 1px solid #e8e8e8; float: right; margin: -5px 0 0 55px;}
.fieldpro .tooltip_absolute_right {position: absolute; right: 50px; top: 40px;}
.fieldpro .tooltip_absolute_right a {color: #2c2c2c;}

.pay_icons {float: left; margin: 10px 0 0 40px;}
.autopaylink {float: left; margin: 5px 0 0 140px; color: #00aad6; font: 18px Arial; padding: 5px 40px 0 0;
background: url(../images/new.png) right 0 no-repeat;}

.fieldpro .recurring p {margin-top: 4px}
.fieldpro .recurring .autopaylink {margin: 0; float: none}

.paidregister_page h4 {text-transform: uppercase;}
.paidregister_page .itog .discount {font-style: italic; color: grey}

form.sms-unlimited {
    position: relative;
    display: block;
}

div.sms-unlimited {
    position: absolute;
    margin-left: -55px;
    margin-top: -25px;
    width: 1537px;
    /*width: 838px;*/
    height: 735px;
    background: rgba(255,255,255,0.6);
    z-index: 100;
}

div.sms-unlimited p {
    text-align: center;
    background: white;
    padding: 0.3em;
    margin: 0 0 0 125px;
    font-size: 18px;
    position: relative;
    top: 42%;
    border: 1px solid #f7f7f7;
    color: black;
    width: 575px;
    
}

/* Статистика */
.block2.geopro_page {z-index: 1;}
.statbox_left {float: left; width: 320px; font: 18px Arial; margin: 0 100px 50px 0;}
.statbox_left2 {margin: 0 0 50px 0;}
.statbox_left h3 {margin: 0 0 17px;}
.statbox_left .time {float: left; margin: 0;}
.statbox_left .time span {float: left;}
.statbox_left .time span small {font-size: 12px;}
.statbox_left .time b {font-size: 12px; margin-left: 20px;}
.statbox_left .time a.edit {background: url(../images/edit.png) no-repeat; display: block; width: 11px;
height: 15px; float: left; margin: 3px 0 0 20px;}

/* График */
div.head3 {color: #777; font: 14px Arial; margin: 0 0 5px 55px; width: 756px;}
div.head4 {margin: 0 0 30px 55px; width: 716px;}
div.head3 b {float: left; color: #484848; font: bold 18px Arial; text-transform: uppercase;}
div.head3 a.edit {background: url(../images/edit.png) no-repeat; display: block; width: 11px;
height: 15px; float: left; margin: 3px 0 0 20px;}
div.head3 span {float: right;}
div.head3 span a {margin: 0 12px;}

.graphicbox {float: left; width: 130%/*870px*/; background: #fff; text-align: center; padding: 40px 0;
border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin: 0 0 45px -45px;}
.graphicbox .graf_today {float: left; margin-top: 25px}

#journal_prov_page .geopro_page {
    float: none;
    margin: 0;
}





/* PULSINI АККАУНТ */
.pulsini_account_page {float: left; width: 790px; margin: 0 0 0 15px; position: relative; z-index: 10;}
.pulsini_account_page .sort {position: absolute; top: -51px; left: 26px; color: #717171;}
.pulsini_account_page .sort a {color: #717171;}
.pulsini_account_page .time {position: absolute; top: -51px; right: 20px; color: #717171; font-weight: bold; text-align: center;}
.pulsini_account_page .time .row-header {display: inline-block; width: 60px; font-weight: normal; text-align: center}

.pulsini_account_page .fieldcheck {float: left; margin: 3px 0 0;}
.pulsini_account_page .fieldcheck.active1 {display: none;}
.pulsini_account_page .fieldcheck input {display: none;}
.pulsini_account_page .fieldcheck label {display: block; background: url(../images/ui/checkbox.png) 0 -32px no-repeat; 
width: 60px; height: 32px; float: left; cursor: pointer; text-indent: -9999px; margin: 0;}
.pulsini_account_page .fieldcheck label.ui-state-active {background: url(../images/ui/checkbox.png) 0 0 no-repeat;}

.pulsini_account_page .pagenavi {margin: 0 0 30px;}

.pulsini_account_page .rowbox {float: left; width: 100%; font: 18px Arial; position: relative; margin: 0 0 30px; min-height: 210px;}

.pulsini_account_page .row {float: left; width: 100%; font: 18px Arial; position: relative; line-height: 40px;}
.pulsini_account_page .row p {float: left; margin: 0 30px 0 0; display: block; width: 250px; overflow: hidden;}
.pulsini_account_page .row p i {font-style: normal; color: #696969; font-size: 11px;}

.pulsini_account_page .row .uved {background: url(../images/kru.png) no-repeat; display: block;
color: #fff; text-align: center; text-decoration: none; width: 37px; padding: 4px 0 7px;
position: absolute; left: -45px; top: 4px; font: 18px Arial; z-index: 100;}
.pulsini_account_page .row .uved.disabled1 {display: none}

.pulsini_account_page .row .noprov {float: left; width: 245px;}
.pulsini_account_page .row .noprov a {color: #bd0062;}
.pulsini_account_page .row .noprov.disabled1 {display: none}

.pulsini_account_page .row .icons {float: left; margin: 0 65px 0 0; display: none;}
.pulsini_account_page .row .icons li {float: left; background: url(../images/arrow3.png) right 0 no-repeat;
padding: 0 3px;}
.pulsini_account_page .row .icons li a {display: block; height: 39px; width: 40px;}
.pulsini_account_page .row .icons li.ic1 a {background: url(../images/sprite.png) 6px 0 no-repeat;}
.pulsini_account_page .row .icons li.ic2 a {background: url(../images/sprite.png) -36px 0 no-repeat;}
.pulsini_account_page .row .icons li.ic3 a {background: url(../images/sprite.png) -87px 0 no-repeat;}
.pulsini_account_page .row .icons li.ic4 a {background: url(../images/sprite.png) -138px 0 no-repeat;}
.pulsini_account_page .row .icons li.ic4 {background: 0;}

.pulsini_account_page .row:hover {background: url(../images/line4.png) 0 bottom no-repeat;}
.pulsini_account_page .row:hover .icons.active1 {display: block;}
.pulsini_account_page .row:hover .fieldcheck {display: block;}

.pulsini_account_page .row .uptimebox {display: block; float: right; color: #afafaf; font: 12px Arial;
margin: 12px 20px 0 0;}
.pulsini_account_page .row .uptimebox em {font-style: normal; float: left;}
.pulsini_account_page .row .uptimebox em b {font-style: normal; color: #545454;}
.pulsini_account_page .row .uptimebox span {display: inline-block; width: 60px; text-align: center;}
.pulsini_account_page .row .uptimebox a.uptime_red {color: #bd0062;}
.pulsini_account_page .row .uptimebox a.uptime_green {color: #39b104;}
.pulsini_account_page .row .uptimebox a.uptime_yellow {color: #a48f01;}
.pulsini_account_page .row .uptimebox a.gray {color: #545454;}



.pulsini_account_page .tshad {float: left; width: 880px; background: url(../images/tshad3.png); position: absolute;
top: 0; bottom: 0; left: -60px; color: #dcdcdc; font: 12px Arial;}
.pulsini_account_page .tshad .tp {width: 100%; background: url(../images/tshad.png) repeat-x; 
position: absolute; height: 21px; top: -21px; left: 0;}
.pulsini_account_page .tshad .bt {width: 100%; background: url(../images/tshad2.png) repeat-x; 
position: absolute; height: 21px; bottom: -21px; left: 0;}
.pulsini_account_page .tshad .txt {width: 455px; float: right; margin: 27px;}
.pulsini_account_page .tshad h3 {color: #bd0062; font: 18px Arial; margin: 0 0 15px;}
.pulsini_account_page .tshad a {font-size: 14px; margin: 0 25px 0 0;}
.pulsini_account_page .tshad .in {background: url(../images/pro3.png) right bottom no-repeat; float: left; width: 880px;}



/* публичная статистика (раздел аккаунта) */
#account-public-stat-form {
    width: 415px;
}

.public_stat_page .fieldcheck3 {
    float: right;
    margin: 0;
}

#account-public-stat-clipboard-btn {
    margin-right: 8px;
    margin-top: -74px;
    float: right;
    cursor:pointer;
}

/* Окно авторизации */
body.inner .loginpanel {border: 1px solid #999;}
.loginpanel {
	background: #c7c7c7;
	border: 1px solid #4b8697;
	display: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 2px 5px #777;
	-moz-box-shadow: 1px 2px 5px #777;
	-webkit-box-shadow: 1px 2px 5px #777;
	behavior: url(PIE.htc);
	position: absolute;
	padding: 20px;
	top: 40px;
	left: 405px;
	width: 328px;
	z-index: 1000;
}
.loginpanel .arrow {background: url(../images/arrow2.png) no-repeat; width: 7px; height: 7px; position: absolute;
top: -7px; left: 39%;}
.loginpanel .jqmClose {color: #525252; font: 14px Arial; position: absolute; top: 8px; right: 12px; position: absolute;
text-decoration: none;}
.loginpanel .inp {background: url(../images/input1.png) no-repeat; border: 0; color: #252525; font: 14px Arial;
width: 257px; padding: 13px 20px; margin: 0 0 20px;}
.loginpanel .inp:focus {background: url(../images/input2.png) no-repeat;}
.loginpanel .inp.validation-invalid {border: 1px solid red}
.loginpanel .inp.validation-valid {border: 1px solid green}
.loginpanel .submitbutton {float: left; margin: 10px 0 0;}
.loginpanel .recall {color: #007390; font: 12px Arial; float: right; margin: 23px 0 0;}






.clr {clear: both;}
.clr10 {clear: both; height: 10px;}
.clr20 {clear: both; height: 20px;}
.clr30 {clear: both; height: 30px;}
.clr40 {clear: both; height: 40px;}
.clr50 {clear: both; height: 50px;}





/* =========================
	ФОРМЫ
========================== */

/* Поле 105 */
.input105 {background: url(../images/input105.png) no-repeat; width: 75px; border: 0; color: #252525;
font: 14px Arial; padding: 13px 15px;}
.input105:focus {background: url(../images/input105.png) 0 -41px no-repeat;}
.input105.validation-valid {background: url(../images/input105.png) 0 -82px no-repeat;}
.input105.validation-invalid {background: url(../images/input105.png) 0 -123px no-repeat;}

/* Поле 300 */
.input300 {background: url(../images/input1.png) no-repeat; width: 257px; border: 0; color: #252525;
font: 18px Arial; padding: 10px 20px;}
.input300:focus {background: url(../images/input2.png) no-repeat;}
.input300.validation-valid {border: 2px solid green}
.input300.validation-invalid {border: 2px solid red}


/* Поле 360 */
.input362 {background: url(../images/input360.png) 0 0 no-repeat; width: 322px; border: 0; color: #252525;
font: 18px Arial; padding: 10px 20px;}
.input362:focus {background: url(../images/input360.png) 0 -41px no-repeat;}
.input362.validation-valid {background: url(../images/input360.png) 0 -82px no-repeat;}
.input362.validation-invalid {background: url(../images/input360.png) 0 -123px no-repeat;}


/* Поле 415 */
.input415 {background: url(../images/input415.png) 0 0 no-repeat; width: 375px; border: 0; color: #252525;
font: 18px Arial; padding: 10px 20px;}
.input415:focus {background: url(../images/input415.png) 0 -41px no-repeat;}
.input415.validation-valid {background: url(../images/input415.png) 0 -82px no-repeat;}
.input415.validation-invalid {background: url(../images/input415.png) 0 -123px no-repeat;}
/*@media all and (-webkit-min-device-pixel-ratio:0) { .input362, .input415 {padding-bottom: 9px;} }*/

.input415_PRO {background: url(../images/input415_pro.png) no-repeat; width: 330px; border: 0; color: #252525;
font: 18px Arial; padding: 10px 20px 10px 65px;}
.input415_PRO:focus {background: url(../images/input415_pro2.png) 0 0 no-repeat;}
.input415_PRO.validation-valid {background: url(../images/input415.png) 0 -82px no-repeat;}
.input415_PRO.validation-invalid {background: url(../images/input415.png) 0 -123px no-repeat;}

.input0.validation-invalid,
.input0_pro.validation-invalid,
.input0_beta.validation-invalid,
.input415_beta.validation-invalid {color: #e90f00;}

.input0.validation-valid,
.input0_pro.validation-valid,
.input0_beta.validation-valid,
.input415_beta.validation-valid {color: green}

/* Текстовое поле */
.textarea380 {background: url(../images/textarea.png) 0 0 no-repeat; border: 0; width: 340px; height: 135px;
color: #252525; font: 18px Arial; padding: 10px 20px; resize: none;}
.textarea380:focus {background: url(../images/textarea.png) 0 -155px no-repeat;}
.textarea380_error, .textarea380.validation-invalid {background: url(../images/textarea.png) 0 -313px no-repeat;}
.textarea380_no {background: url(../images/textarea.png) 0 -468px no-repeat;}
.textarea380_yes, textarea380.validation-valid {background: url(../images/textarea.png) 0 -633px no-repeat;}

/* Текстовое поле 415 */
.textarea415 {background: url(../images/textarea415.png) 0 0 no-repeat; border: 0; width: 375px; height: 135px;
color: #252525; font: 18px Arial; padding: 10px 20px; resize: none;}
.textarea415:focus {background: url(../images/textarea415.png) 0 -155px no-repeat;}
.textarea415_error, .textarea415.validation-invalid {background: url(../images/textarea415.png) 0 -313px no-repeat;}
.textarea415_no {background: url(../images/textarea415.png) 0 -468px no-repeat;}
.textarea415_yes, .textarea415.validation-valid {background: url(../images/textarea415.png) 0 -633px no-repeat;}


/* Кнопка */
.submitbutton {background: url(../images/button.png) -192px 0 no-repeat; border: 0; color: #fff; cursor: pointer;
width: 192px; font: bold 18px Arial; text-transform: uppercase; padding: 12px 0 16px;}
.submitbutton:hover {background: url(../images/button.png) 0 0 no-repeat;}
.submitbutton:active {background: url(../images/button.png) -384px 1px no-repeat;}

.submitbutton2 {background: url(../images/button4.png) 0 0 no-repeat; border: 0; color: #fff; cursor: pointer;
width: 192px; font: bold 18px Arial; text-transform: uppercase; padding: 12px 0 16px;}
.submitbutton2:hover {background: url(../images/button4.png) -219px 0 no-repeat;}
.submitbutton2:active {background: url(../images/button4.png) -421px 1px no-repeat;}

input.invalid {
    color: red;
}

#errormessage {
    color: red;
}


/* Форма предложения гео-сервера */
#suggest-geo-server-form-wrapper h3 {
    float: left;
    width: 210px;
    padding-top: 8px;
}

#suggest-geo-server-form-wrapper .field {
    width: 580px;
    margin-bottom: 10px;
}

/*#suggest-geo-server-form-wrapper .submitbutton {
    float: right;
    margin-right: 162px;
}*/




/* OVERLAY */
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}




#wheel {
    margin-top:38px;
    margin-left:22px;
    background: url(../images/wheel.png);
    width: 108px;
    height: 108px;
}

.rotatebox div[value] {
    z-index:1;
    position:relative;
    width: 20px;
    height: 20px;
}

.rotatebox2 div[value] {
    z-index:1;
    position:relative;
    width: 20px;
    height: 20px;
}

.modal_bg {
    position: absolute;
    display: none;
    z-index: 1000;
    background-color: #A8A8A8;
}

.uibody1_active {
    height: 60px;
    width: 40px;
    background: url(../images/ui/shkala1_active.png) 0 0 no-repeat;
    padding-top: 45px;
}

.uibody2_active {
    height: 60px;
    width: 380px;
    background: url(../images/ui/shkala2_active.png) 0 0 no-repeat;
    padding-top: 0px;
}

.uibody3_active {
    height: 60px;
    width: 233px;
    background: url(../images/ui/shkala3_active.png) 0 0 no-repeat;
    padding-top: 45px;
}

.onOffSlider {
    position: relative;
    background: url(../images/ui/handle.png) 0 0 no-repeat;
    width: 31px;
    height: 31px;
    top: 8px;
    left: 2px;
}

.field .onOffSlider {
    top: 0;
}

.wheelShadow {
    background: url(../images/shadow.png) 15px -3px no-repeat;
    width: 145px;
    height: 130px;
}

.modwin2 .jqmClose, .autopaylink {
    cursor: pointer;
}

.padder {
    padding: 25px 0 50px 45px;
}

/*.newList  { 
    height: auto !important;
    border:0 !important;
}*/

.paidregister-register-block div.field-block {
    float: left;
    width: 380px;
    margin-right: 10px;
}

.paidregister-register-block b {color: #d70033; font: bold 30px Arial;margin-left: 4px;}
.paidregister-register-block label {color: #878787; font: 11px Arial;margin: 4px 0 6px 20px;display: block;height: 1em;}
.paidregister-register-block .input362 {padding-bottom: 10px;}
.paidregister-register-block .selectForm {margin-top: 2px;}