@import 'reset.css';

/* @group basic styles */
body,
button {font: 0.75em Arial, sans-serif; color: #000;}
h1 {font: 2.0833333em Arial, sans-serif;}
h2 {margin: 0 0 0.25em; font: 2.6923077em Arial, sans-serif;}
h2 span {color: #ea4f24;}
h2 span span {color: #6a6a6a;}
h3 {font: 1.5em Arial, sans-serif; color: #ea4e22;}
h3, h3 a {color: #6a6a6a;}
a {color: #ea5024;}
big {font-size: 1.2em;}
.clear {clear: both;}

object,
embed {display: block;}

/* @group basic classes */
.info {overflow: hidden; color: #aeafb3;}
.avatar {float: left; margin: 0 8px 8px 0; width: 52px; height: 52px; background: url(/i/no-avatar.gif);}
button {overflow: visible; border: 0; padding: 0 0.25em; width: auto; background: none; vertical-align: middle; cursor: pointer; font-size: 1em;}
a.ajax {text-decoration: none; background: url(/i/dashed.png) repeat-x 0 100%;}
/* @end */


/* @group cols */
.cols-outer {width: 50%;}
.cols-outer .cols {width: 200%;}

.cols {overflow: hidden;}
body .cols .col {float: left; clear: right; width: auto;}
body .col-inner {float: none;}
.two .col,
#video-outer .two .col {width: 50%;}
.three .col {width: 33.3%;}
.four .col {width: 25%;}
/* @end */

/* @group button */
.show {width: 83px; height: 35px;}
/* @end */
/* @end */


/* @group basic page */
html, body {height: 100%;}
#outer {margin: 0 auto -60px; min-width: 980px; min-height: 100%; height: auto !important; height: 100%;}
#outer-man {padding: 0 0 105px; min-width: 980px;}

/* @group header */
#header {position: relative; padding: 1px 5px 2px 25px; height: 47px; background: #696969 url(/i/bg-header.gif); color: #aeafb3;}
#header a {color: #cecece;}
#header p {float: left; margin: 7px 0; padding: 3px 0 3px 9px; border-left: 1px dotted #929191; font: bold 1.0833333em/27px Arial, sans-serif;}
#header p a {font-weight: bold; color: #fff;}
#header p span,
#header p strong {display: block; position: relative; float: left; margin: 0 -1px 0 0; padding: 0 8px;}
#header p strong {background: #424242;}
#header p strong a {float: none; margin: 0; padding: 0; background: none;}

/* @group logo */
#header .logo {float: left; margin: 0 22px 0 0;}
#header .logo a {display: block; line-height: 46px; text-decoration: none;}
#header .logo strong {color: white;}
/* @end */

/* @group header menu */
#header .menu {position: absolute; top: 2	px; right: 0; overflow: hidden; float: right; margin: 9px 0; font: bold 1.0833333em/27px Arial, sans-serif;}
#header .menu li {float: left;}
#header .menu li a,
#header .menu li strong {display: block; position: relative; float: left; margin: 0 -1px 0 0; padding: 0 1em; background: url(/i/spacer-menu.png) no-repeat 100% 60%;}
#header .menu .buy,
#header .menu .buy a {color: white;}
#header .menu li strong {background: #424242;}
#header .menu li strong a {display: inline; float: none; margin: 0; padding: 0; background: none;}
/* @end */
/* @end */


/* @group content */
.content p {margin-bottom: 1em;}
.content ul {margin: 0 0 1em;}
.content ul li {margin: 0 0 0.5em 1.5em; list-style: disc;}
.content ol[type='a'] {margin: 0 0 1.5em;}
.content ol[type='a'] li {margin: 0 0 0.5em 3em; list-style: lower-latin;}
.content ul ul {margin: 0.5em 0 0;}
.content ul ul li {list-style: circle;}
.content .intro {font-size: 1.25em; color: #6a6a6a;}
.content .addition {margin: 1.5em 0 0; padding: 1em 2em; border-top: 1px dashed #cdcdcd; font: bold 1.1666667em Arial, sans-serif; color: #767676;}

.content table {margin: 0 0 1em;}
.content th,
.content td {padding: 5px 10px; border: 1px solid #ccc;}
 
/* @group content menu */
.content .menu {overflow: hidden; font: bold 1.1666667em/20px Arial, sans-serif;}
.content .menu li {float: left; margin: 2em 0 0 -21px; border-left: 1px solid #cecece; padding: 0 41px 0 20px; list-style: none;}
/* @end */
 
/* @group rightside menu */
#rightside .menu {margin: 0 0 -0.5em; font: 1.25em Arial, sans-serif;}
#rightside .menu li {margin: 0 0 0.5em;}
#rightside .menu a {color: #ea4e22;}
/* @end */

/* @group screenshorts */
.screenshorts {margin: 0 0 -7px;}
.screenshorts li {margin: 0 0 30px;}
.screenshorts img {display: block;}
/* @end */

/* @group player */
#player {padding: 19px 32px; background: #444; text-align: center;}
/* @end */

/* @group message to support */
.add-comment p,
#message-to-support p {padding-right: 2px;}
#message-to-support p input,
#message-to-support p textarea {position: relative;}
.add-comment .col-inner,
#message-to-support .col-inner {padding-right: 0;}
.add-comment .first .col-inner,
#message-to-support .first .col-inner {margin-right: 7px; margin-left: 0;}
.add-comment .second,
#message-to-support .second {float: right;}
 
.add-comment .second .col-inner,
#message-to-support .second .col-inner {margin-left: 7px; margin-right: 0;}
.add-comment .col input,
#message-to-support .col input {display: inline;}
#message-to-support select {padding: 4px 0; width: 100%;}
#message-to-support textarea {height: 200px;}
#message-to-support .button {float: right;}

#message-to-support .two .col {width: 50%;}
/* @end */


/* @group box */
.box {margin: 0 0 30px; border: 1px solid #cecece; padding: 2px;}
.box-inner {background: #ebebeb;}
.stripes {background: white;}
.stripes .box-inner {background: url(/i/bg-stripes.gif);}
.box-inner {overflow: hidden; padding: 20px 25px;}
.box h3 {margin-bottom: 0.5em;}

/* @group contacts */
#contacts {color: #6a6a6a;}
#contacts h3 {color: #505050;}
#contacts p {font-size: 1.1666667em;}

/* @group persons */
.persons {color: #1c1c1c;}
.vcard {overflow: hidden;}
.vcard h4 {color: #6a6a6a;}
.vcard h5 {display: none;}
#outer .vcard p {margin: 0; font-size: 0.91666667em;}
.vcard .avatar {margin-bottom: 0;}

/* @group persons in content */
#content .persons {margin: 0 0 1em; border-bottom: 1px dashed #cecece;}
#content .persons .cols {position: relative; margin: 0 -18px; padding: 0 0 17px;}
#content .persons .vcard {width: 210px; padding: 13px 18px; cursor: pointer;}
#content .persons .active {background: #ebebeb;}
#content .persons .active a {font-weight: bold; text-decoration: none;}
/* @end */

/* @group persons in contacts */
#contacts .persons {margin: 20px -25px -5px; border-top: 1px solid #cecece;}
#contacts .persons ul {overflow: hidden; margin: -1px 0 0;}
#contacts .vcard {margin: 1px 0 -1px; border-top: 1px solid #fff; border-bottom: 1px solid #cecece; padding: 12px 25px;}
/* @end */
/* @end */

/* @group most recent in blogs */
#most-recent h4 {font: 2.0833333em Arial, sans-serif; color: #ea5024;}
#most-recent ul {margin: 1em 0 0;}
#most-recent .post {padding: 0 0 2em; border: none;}
/* @end */
/* @end */

/* @group message */
.message {color: #767676;}
.message h3 span {color: #ea5024;}
.message p {overflow: hidden; margin: 0 0 1.5em; padding-right: 2px;}
.message label {display: block; padding: 0 0 0.25em;}
#comments input.text,
.message input.text,
.message select,
.message textarea {display: block; width: 100%; border: 1px solid #aeafb2;}
#message textarea {_width: 99%; *width: 99%;}
#comments input.text,
.message input.text {padding: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *padding: 4px 0; _padding: 4px 0;}
.message .button {margin-left: -6px;}
/* @end */
/* @end */


/* @group index page */
#middle-outer {position: absolute; top: 50%; width: 100%; min-width: 980px; border-top: 1px solid #e1e1e1;}
#middle-outer .cols {position: relative; overflow: visible; margin: -173px auto 0; width: 640px;}
#middle-outer .cols .second {float: none; margin-left: 430px;}
 
#middle-outer .cols .cols {overflow: hidden; margin: 10px 0; width: auto;}
#middle-outer .cols .cols .col {float: left; margin: 0; width: 50%;}
#middle-outer .cols .cols .col input {width: 119px;}
#middle-outer .cols #registration-form .cols .col input {width: 250px;}

/* @group forms */
#middle-outer label {display: block; color: #8f8f8f;}
input.text,
.search select {/*display: block;*/ border: 1px solid #aeafb3; padding: 4px 14px; width: 174px; font-size: 1em; color: #505050;}
#middle-outer h2 {margin: 0; font: 2.0833333em Arial, sans-serif; color: #292929;}

/* @group login form */
#login-form {position: relative; /*overflow: hidden; width: 405px;*/}
#login-form form {height: 253px;}
#login-form h2 {margin: 0; font: 2.0833333em Arial, sans-serif; color: #292929;}
#login-form label {display: block; padding: 1.25em 0 0.25em; font: bold 1.25em Arial, sans-serif;}
#login-form input.text {width: 327px; font-size: 1.5em;}
#login-form .button {float: right; margin: 2em -6px 0 0;}
/* @end */

/* @group registration form */
#registration-form .button {float: right; margin: -5px -6px 0 0;}
#registration-form .cols .first label,
#registration-form .cols .first input {margin-right: 12px;}
#registration-form .cols .second label,
#registration-form .cols .second input {margin-left: 12px;}
#registration-form #agreement-outer {margin: 1em 0; font-size: 1.2em;}
#registration-form #agreement-outer label {color: #333;}
#registration-form .checkbox {vertical-align: middle; margin-left: -1px; margin-top: 0;}
body:first-of-type #registration-form .checkbox {margin-top: -1px;}
/* @end */
 
 
/* @group second col */
#middle-outer .second form {position: relative; z-index: 2; overflow: hidden; margin-right: -120px; padding-left: 6px;}
#index-outer form h3,
#middle-outer form h3 {padding: 0 0 1px; color: #ea4e22; cursor: pointer;}
#index-outer form h3 b,
#middle-outer form h3 b {font-weight: normal; border-bottom: 1px dashed #ea4e22;}
#middle-outer .second label {margin: 0 0 2px;}
#middle-outer .second p {overflow: hidden; margin: 10px 0; width: 320px;}
/* @end */

/* @group captcha */
#outer .captcha {float: left;}
#outer .i-am-blind {display: block; clear: both; width: 80px; text-align: center;}
#outer label.captcha {float: none; display: block;}
#outer img.captcha {clear: left; margin: 0 12px 0 0; border: 1px solid #afb0b3;}
#outer input.captcha {margin: 4px 6px 4px 0; width: 80px;}
#outer input.captcha {text-align: center;}
/* @end */

/* @group remind form */
#remind-form h3 {position: relative; z-index: 1; margin-top: -33px; float: left;}
#middle-outer #remind-form fieldset {height: 106px;}
/* @end */

/* @group submit application */
#submit-application {padding-top: 10px;}
input.submit-application {position: relative; left: -4px;}
/* @end */
/* @end */
 
/* @group index */
#index-outer {clear: both; margin: 33px auto; width: 928px;}
#index-outer #rightside {width: 240px;}
#index-outer #content {margin-left: 0;}
#index-outer h2 {font: 25px/60px Arial, sans-serif;}
#index-outer h2 b {float: left; width: 87px; font: 60px Arial, sans-serif; color: #165cac; text-align: center;}
#index-outer h2 span {color: #ea4e22;}
#index-outer .steps li {height: auto !important; min-height: 85px; height: 85px;}
#index-outer .steps li {padding-left: 87px; background: no-repeat 21px 0; color: #7b7b7b;}
#index-outer .steps h3 {padding: 0 0 2px; font: 20px Arial, sans-serif; color: #ea4e22;}
#index-outer .steps .first {background-image: url(/i/first-step.png);}
#index-outer .steps .second {background-image: url(/i/second-step.png);}
#index-outer .steps .third {background-image: url(/i/third-step.png);}
 
/* @group index intro */
#index-outer .intro {overflow: hidden; margin: 0 0 25px; font-size: 16px; color: #5d5d5d; zoom: 1;}
#index-outer .intro h2 {margin: 0 0 1em; /* padding: 4px 0 0 87px; height: auto !important; min-height: 63px; height: 63px; background: url(/i/play.png) no-repeat 9px 0; */ line-height: 1em; color: #292929;}
/* #index-outer .intro p {margin-left: 87px;} */
#index-outer .intro .line {margin: 1.25em 0 0; height: 4px; background: url(/i/bg-stripes2.png); border: none;}
#index-outer .intro .line hr {display: none;}
/* @end */
 
/* @group index login */
#index-outer #login-form form {height: auto;}
#index-outer #login-form h2 {margin: 0; padding: 0; width: auto; height: auto; min-height: 0; font: 25px Arial, sans-serif; color: #9c9ea0;}
#index-outer #login-form label {color: #9c9ea0;}
#index-outer #login-form input.text {width: 155px;}
/* @end */
 
/* @group index remind */
#index-outer #remind-form {padding-top: 10px; margin-right: -6px;}
#index-outer #remind-form h3 {float: none; margin-top: 0; text-align: center;}
#index-outer #remind-form input.text {width: 155px;}
#index-outer #remind-form input.captcha {margin-right: 0; width: 61px;}
#index-outer #remind-form .i-am-blind {float: left;}
#index-outer #remind-form .remind {float: right;}
/* @end */
/* @end */
/* @end */

/* @group blog page */
#content-outer {overflow: hidden; margin: 60px 30px 0 0;}
#content {float: none; clear: none; margin-right: 312px;}
#content-inner {overflow: hidden; padding: 0 30px;}
body #rightside {float: right; width: 312px;}


/* @group blog posts */
#posts {overflow: hidden; border: solid #c4c4c4; border-width: 1px 0; color: #1c1c1c;}
#posts li {list-style: none;}
.post {position: relative; top: -1px; padding: 22px 0; border-top: 1px dashed #cecece;}
.post .comments {margin: 0.75em 0 0;}
.post .info {margin: 0 0 0.5em; font-size: 0.91666667em; color: #cecece;}
.post .author {text-decoration: none;}
.post .title {margin: 0 0 0.5em; font: bold 1.1666667em Arial, sans-serif;}
.post .date,
.post .title,
.post .title a {color: #6a6a6a;}
.post .comments {clear: both; padding-left: 31px; min-height: 17px; background: url(/i/icon-comments.gif) no-repeat 0 50%; line-height: 17px; color: #767676;}
.post .comments a {padding: 0 0.25em; font-weight: bold;}
/* @end */

/* @group blog pages */
.pages {padding: 7px 0; line-height: 22px; color: #aeafb3;}
.pages p {margin: 0;}
.pages div {float: right; border: 0; font-weight: bold;}
.pages div * {display: block; float: left; margin: 0 0 0 6px; border: 1px solid #d0d0d0; width: 22px; height: 22px; background: #fff; text-align: center; color: #000;}
.pages .all {width: auto; border: 0; padding: 0 6px; height: 24px; border-right: 1px dotted #d3d4d5;}
.pages .all * {width: auto; padding: 0 5px; font-weight: normal;}
.pages div a {color: #fa6918;}
.pages div strong {background: #f0f1f1;}
/* @end */

/* @group blog archive */
#archive {border-color: #8e8e8e; color: #fff;}
#archive form {background: #8e8e8e;}
#archive h3 {color: #fff;}
#archive select {width: 168px;}
#archive label {display: block;}
#archive input {vertical-align: middle;}
/* @end */
/* @end */

/* @group blog post page */
#post .info {margin: 0 0 0.5em; font: 1.3333333em/1.375em Arial, sans-serif;}
#post .info a {font: bold 0.875em Arial, sans-serif; text-decoration: none;}
#post h3 {font: 2.0833333em Arial, sans-serif; color: #ea5024;}

/* @group blog post comments */
#post h3 {margin: 0 0 0.25em;}
#post #comments {margin: 1em 0 0; border-top: 1px dashed #cecece;}

/* @group add commment */
.add-comment {color: #767676;}
.add-comment-outer {clear: both; overflow: hidden;}
.add-comment-outer .add-comment {margin: 1em 0 0;}
.add-comment h5 {margin: 0 0 0.75em; font-size: 1.5em; color: #767676;}
.add-comment label {display: block; margin: 0 0 0.25em;}
.add-comment p.captcha,
.add-comment .button {margin: 22px 0 0;}
.add-comment .button {float: right; margin-right: -6px;}
/* @end */

#post #comments .info {font: 0.91666667em Arial, sans-serif;}
#post #comments .date {color: #6a6a6a;}
#post #comments .info a {font: 1em Arial, sans-serif;}
#post #comments h4 {margin: 0.75em 0; font: 2.0833333em Arial, sans-serif; color: #000;}
#post #comments h4 span {color: #ea5024;}
#post #comments ul {border: solid #c4c4c4; border-width: 1px 0;}
#post #comments textarea {border: 1px solid #aeafb2; width: 100%; height: 127px;}
#post li.comment {overflow: hidden; position: relative; bottom: -1px; margin: 0; padding: 22px 0 11px; border-bottom: 1px dashed #cecece; list-style: none;}
#post .comment .answer {clear: both; float: right; padding: 0 0 0 19px; min-height: 16px; background: url(/i/icon-answer.gif) no-repeat; font: 0.91666667em/16px Arial, sans-serif;}

/* @group comments levels */
#post #comments .level1 {margin-left: 0;}
#post #comments .level2 {margin-left: 32px;}
#post #comments .level3 {margin-left: 64px;}
#post #comments .level4 {margin-left: 96px;}
#post #comments .level5 {margin-left: 128px;}
#post #comments .level6 {margin-left: 160px;}
#post #comments .level7 {margin-left: 192px;}
#post #comments .level8 {margin-left: 224px;}
#post #comments .level9 {margin-left: 256px;}
#post #comments .level10 {margin-left: 288px;}
/* @end */
/* @end */
/* @end */
/* @end */
/* @end */
/* @group video page */
/* @modified 10.06.2009 */
body.video {background: url(/i/bg-stripes.gif);}

/* @group tabs */
#tabs-outer {position: relative; margin: 0 14px;}
#tabs {margin: 0 -14px; padding: 24px 14px 0; height: 34px; border-bottom: 1px solid #6a6a6a; background: #fff; font-size: 1.5em;}
html:not([lang*=""]) #tabs {height: 35px;}
body:first-of-type #tabs {height: 34px;}
#tabs li {float: left; margin: 5px 1px 0 0; border: 1px solid #aeafb2; border-bottom: 0; padding: 4px 14px 3px; background: #aaa; list-style: none;}
#tabs a {text-decoration: none; color: white;}

/* @group active */
#tabs li.active {position: relative; bottom: -1px; margin-top: 0; padding-top: 9px; border-color: #6a6a6a; background: #fff url(/i/bg-stripes.gif); text-decoration: none;}
#tabs li.active a {color: black;}
/* @end */

/* @group help link */
/* Ссылка, разворачивающая подсказку */
p.help {overflow: hidden; position: absolute; right: 14px; margin: 30px 0 0; padding: 8px 0; /*height: 15px;*/ text-align: right;}
p.help a {font-weight: bold; text-decoration: none; background: url(/i/dashed.png) repeat-x 0 100%;}
p.help i {padding-right: 5px; height: 1em; background: url(/i/bullet.png) no-repeat 100% 60%; /*font: 0/0 none;*/}
p.opened i {background-image: url(/i/bullet2.png);}
/* @end */
/* @end */

/* @group help */
#help-outer {margin: 14px 14px 0; border: 1px dashed #cecece; padding: 1em; font-size: 1.1em; background: white;}
#help-outer h4 {font-size: 1.2em; margin-bottom: 1em;}
#help-outer ul {margin-bottom: 1em;}
#help-outer li {margin-left: 1.25em; list-style: disc;}
/* @end */

/* @group video */
#video-outer {margin: 24px 14px 0; clear: both;}
#video-outer .first {width: 186px; margin-right: -186px;}
#video-outer .second {position: relative; margin-right: -218px; border-right: 1px solid #aeafb3; width: 217px;}
#video-outer .third {float: none; margin-left: 217px; border-left: 1px solid #aeafb3;}
#video-outer .fourth {float: none; margin-left: 186px; border: solid #aeafb3; border-width: 0 1px 1px; background: #fff;}
#video-outer .col-inner {padding: 0 12px;}

/* @group two trees columns */
#video-outer .two {margin-bottom: 1em;}
#video-outer .two .col {margin: 0;}
#video-outer .two .col-inner {padding: 0;}
#video-outer .two .first .col-inner {margin-right: 10px;}
#video-outer .two .last .col-inner {margin-left: 10px;}
/* @end */

/* @group search */
#video-outer .third .search {float: left;}
#video-outer .search select,
#video-outer .search input.text {display: inline; margin-right: 15px; border: 1px solid #afb0b3; padding: 4px 6px; width: 130px; font: 12px Arial, sans-serif;}
#video-outer .search select {height: 23px;}
#video-outer .search button {position: relative; margin: -2px -15px 0 -3px; padding: 0;}
/* @end */

#video-outer h2 {position: relative; margin-left: -1px; padding: 5px 13px 5px 27px; height: 25px; background: #aeafb2; font-size: 20px; line-height: 25px; color: #fff;}
#video-outer h2 .masked {display: block; position: relative; overflow: hidden; white-space: nowrap; color: #fff;}
#video-outer h2 .mask {position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url(/i/title-gradient-mask.png);}
#video-outer h2 i,
#video-outer h2 b {padding: 2px 8px; border: 1px solid #bdbdbd; vertical-align: bottom; background: #ea5024; font-size: 15px; color: #fff; text-decoration: none; font-weight: normal; font-style: normal;}
#video-outer h2 i a,
#video-outer h2 b a {text-decoration: none;}
#video-outer h2 a {color: #fff;}
#video-outer h2 i {background: #898a8b;}
#video-outer .darkgray h2 {padding-left: 13px; background: #6a6a6a;}
#video-outer .gray h2 {background: #898a8b url(/i/bg-title-arrow-darkgray.png) no-repeat;}
#video-outer .lightgray h2 {background: #aeafb2 url(/i/bg-title-arrow-gray.png) no-repeat;}

#video-outer h3 {margin: 0 -14px 16px 0; font-size: 20px; color: #aeafb3;}

/* @group first column */
#video-outer .source {overflow: hidden; border-bottom: 1px dashed #d3d4d5; padding: 8px 0;}
#video-outer .source a {font-weight: bold; color: #8f8f8f;}
#video-outer .available a {color: #e95026;}
#video-outer .source ul {margin-top: 2px; margin-bottom: 20px; font-size: 1.2em;}
#video-outer .source .col-inner {padding-right: 0;}
#video-outer .source li a {
	display: block; margin-bottom: 8px; padding: 0 0 0 25px; cursor: pointer;
	height: auto !important;
	background: url(/i/icon-add2.png) no-repeat;
}
#video-outer .source li span {display: block; padding-left: 3px; /*height: 19px;*/ line-height: 20px;}
body #video-outer .source li.opened span {background: #ea5024;}
body #video-outer .source li.opened a {text-decoration: none; color: white;}
#video-outer .source li.list a {background-image: url(/i/icon-list2.png);}
#video-outer .available li a {background-image: url(/i/icon-add.png);}
#video-outer .available li.list a {background-image: url(/i/icon-list.png);}
#video-outer .available li.lock a {background-image: url(/i/icon-lock.png);}
/* @end */

/* @group second column */
.second label {font-weight: bold;}
#video-outer .second h3 {margin-bottom: 10px;}

/* @group tree */
/* @group all active */
.tree .all {margin-left: -2px; padding: 2px;}
.tree .all-active {background: #ea5024;}
.tree .all-active a {color: white; text-decoration: none;}
/* @end */

#video-outer .tree {font: bold 11px Arial, sans-serif;}
#video-outer .second .tree {padding-top: 2em; padding-left: 14px; padding-right: 0;}
.tree p {margin-bottom: 1em;}
.tree p a {color: #ea5024;}
.tree a {color: #6a6a6a;}

/* @group level 1 */
/* @group icon */
.tree i {float: left; margin-top: 4px; width: 11px; height: 11px; cursor: pointer;}
.tree i.plus {background: url(/i/icon-plus.png) no-repeat;}
.tree i.minus {background: url(/i/icon-minus.png) no-repeat;}
/* @end */

.tree li {padding-bottom: 10px; zoom: 1;}
.tree div {margin-left: 16px; padding: 2px;}
.tree li ul {display: none; padding-left: 18px;}
.tree .opened {background: #ea5024;}
.tree .opened a {text-decoration: none; color: white;}
/* @end */

/* @group level 2 */
.tree li ul {margin-bottom: -4px; padding-top: 7px;}
.tree li li {padding-bottom: 9px; padding-left: 2px; font-weight: normal;}
.tree .opened li a {text-decoration: underline;}
/* @end */

/* @group level 3 */
.tree li li ul {margin-bottom: 0; padding-top: 5px; padding-bottom: 0; font-size: 10px;}
.tree li li li ul {margin: 0; padding: 0;}
.tree li li li {margin-bottom: 2px; padding-bottom: 0;}
.tree li li li i {margin-top: 2px;}
.tree li li .opened {background: #ea5024;}
.tree li li .opened a {text-decoration: none;}
/* @end */

/* @group empty tree */
.tree .empty-tree {/*padding: 100px 12px 185px 0;*/ padding: 50px 12px 135px 0; line-height: 1.5em; text-align: center; font-weight: normal; background: none;}
.empty-tree a.help {color: #e95026; text-decoration: none; background: url(/i/dashed.png) repeat-x 0 100%;}
.empty-tree #help01 {line-height: 1.25em; color: #333;}
.empty-tree .add-catalog {color: #e95026; line-height: 1.7em;}
/* @end */
/* @end */
/* @end */

/* @group third column */
#video-outer .empty h3 {padding: 5px 13px 5px 27px;}
#video-outer .col-inner2 {position: relative; overflow: hidden; padding: 15px 25px; height: auto !important; min-height: 730px;}

/* @group catalog-control */
#search-catalog,
#catalog-control {padding: 10px 0 6px; height: 32px; font-size: 11px; font-weight: bold; color: #ea5024;}
#catalog-control {text-align: right;}
#catalog-control a {font-weight: normal;}
#catalog-control img {vertical-align: middle; margin-top: -5px;}
#catalog-control .code {float: left; font-size: 12px;}
/* @end */

/* @group table */
/* @group pages */
#video-outer .pages {overflow: hidden; padding: 8px 12px;}
#video-outer .pages p {color: #838383;}
#video-outer .pages a {color: #6a6a6a;}
/* @end */

#video-outer .table-outer {padding: 1px 0; border: solid #c4c4c4; border-width: 1px 0;}
#video-outer table {width: 100%; color: #6f6f6f;}
#video-outer td,
#video-outer th,
#video-outer table img {vertical-align: middle;}

#video-outer table strong {color: #505050;}
#video-outer table th a {display: block; margin: -5px -10px; padding: 5px 10px;}
#video-outer table th span {font-size: 11px;}
#video-outer table th.order {background: #888}

#video-outer td,
#video-outer th {padding: 5px 10px; border-bottom: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; border-right: 1px dashed #c2c2c2; text-align: center;}
#video-outer thead th,
#video-outer tfoot th {background: #aeafb2; border-style: solid; border-color: white #c2c2c2;}
#video-outer tfoot th {font-size: 1.2em;}
#video-outer thead th,
#video-outer thead th a,
#video-outer tfoot th,
#video-outer tfoot th a {color: white; text-decoration: none;}
#video-outer thead th {border-top: none;}
#video-outer tfoot th {border-bottom: none;}

#video-outer .preview img {border: 1px solid #afb0b4; width: 120px; height: 90px;}
#video-outer .name {text-align: left;}
#catalog-control a,
#video-outer a.code {text-decoration: none;}
#catalog-control a img {margin-right: 4px;}
#video-outer table .code img {vertical-align: -30%; margin-right: 4px;}
#catalog-control a span,
#video-outer .code span {text-decoration: underline;}
#video-outer .actions div {overflow: hidden; width: 100px; margin: 0 auto 1em;}
#video-outer .actions div a {float: left; margin-right: -1px; width: 50px; border-right: 1px dotted #d3d4d5;}

#video-outer .first td {border-top: none;}
#video-outer .even td {border-top: 1px solid #f9f9f9; background: #e4e4e4;}
#video-outer .last {border-right: none;}

/* @group report table */
#video-outer table.report th,
#video-outer table.report td {width: 20%;}
#video-outer table.report .name {width: 60%;}
/* @end */

/* @group empty videos */
#video-outer .empty-videos {padding: 200px 0; text-align: center;}
/* @end */
/* @end */
/* @end */
/* @end */


/* @group uploading video */
#uploading-video h3 {margin: 15px 0 6px 25px;}

/* @group steps */
#video-outer .steps li {position: relative; margin: 0 0 -1px; background: #f2f2f2; border: dashed #b5b5b5; border-width: 1px 0;}
#video-outer .steps div {border: solid white; border-width: 1px 0; padding: 7px 0 7px 25px;}
#video-outer .steps b {float: left; margin-right: 6px; border: 1px solid #c4c4c4; width: 1.25em; height: 1.25em; background: #ededed; text-align: center; line-height: 1.35em; color: #6a6a6a;}
#video-outer .steps a {padding-right: 23px; background: no-repeat 100% 70%; font: bold 15px Arial, sans-serif; text-decoration: none; color: #474747;}
#video-outer .steps span {display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}

/* @group active */
#video-outer .steps li.active {position: relative; border-style: solid; border-color: #b5b5b5; background: #aeafb3;}
#video-outer .steps li.active b {border-color: white; background: #e03922; color: white;}
#video-outer .steps li.active a {background-image: url(/i/icon-arrow.png); color: white;}
/* @end */

/* @group done */
#video-outer .steps li.done {background: url(/i/bg-stripes2.png);}
#video-outer .steps li.done a {background-image: url(/i/icon-done.png);}
/* @end */

/* @group disabled */
#video-outer .steps li.disabled b,
#video-outer .steps li.disabled a {color: #bbb;}
#video-outer .steps li.disabled span {display: block;}
/* @end */
/* @end */

/* @group actions */
#uploading-video .actions {margin-left: 25px; margin-bottom: 2.5em;}
#uploading-video .actions li {margin-top: 8px;}
#uploading-video .actions img {margin-right: 8px; vertical-align: middle;}
#uploading-video .actions a {text-decoration: none;}
#uploading-video .actions button {margin: 0; padding: 0;}
#uploading-video #step_play {margin-top: 16px;}

/* unactive */
#uploading-video .actions a,
#uploading-video .actions button {cursor: default;}

#uploading-video .actions a span,
#uploading-video .actions button span {font-weight: normal; text-decoration: none; color: #505050;}

#uploading-video .actions .active_link img,
#uploading-video .actions .active img,
#uploading-video .actions button img {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

/* changed + active */
#uploading-video .actions .active_link a,
#uploading-video .actions .active a,
.changed #uploading-video .actions button {cursor: pointer;}

#uploading-video .actions .active_link a span,
#uploading-video .actions .active a span,
.changed #uploading-video .actions button span {font-weight: bold; text-decoration: underline; color: black;}

#uploading-video .actions .active_link img,
#uploading-video .actions .active img,
.changed #uploading-video .actions button img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
/* @end */
/* @end */
/* @end */


/* @group footer */
#push,
#footer {height: 60px;}
#footer {font: 1.0833333em/60px Arial, sans-serif; color: #767676; white-space: nowrap;}
#footer .logo {float: left; margin: 8px 8px 8px 24px;}
#footer span {margin: 0 0.75em;}
#footer span,
#footer strong {color: #b5b5b5;}
#footer b {color: #fff;}
/* @end */

.forname {display: none;}


/* @group forms */
.forms {color: #303030;}
.forms fieldset {margin-bottom: 1em;}
.forms fieldset h4 {margin-bottom: 0.25em; font: bold 1.25em Arial, sans-serif; color: #898a8b;}
/* @group input outers */
.forms fieldset .text-outer {margin-right: 14px;}
.forms fieldset .date-outer {position: relative; margin-right: 72px; width: 150px;}
.date-outer {position: relative;}
/* @end */
.forms fieldset.value label,
.forms fieldset input.text,
.forms fieldset input.number,
.forms fieldset select,
.forms fieldset option,
.forms fieldset textarea {font: 1em Arial, sans-serif; color: #303030;}
.forms fieldset input.text,
.forms fieldset input.number,
.forms fieldset textarea {padding: 4px 6px 5px;}
.forms fieldset .flexible input.text,
.forms fieldset .flexible select,
.forms fieldset .flexible textarea {border: 1px solid #aeafb2; width: 100%;}
.forms fieldset span {color: #6f6f6f;}
.forms fieldset input.number {border: 1px solid #aeafb2;}
.forms fieldset input.checkbox {margin-left: -0.05em;}

#video-outer .third .flash {margin-left: -4px;}

/* @group datepicker */
.forms .time {white-space: nowrap;}
.forms .time input {border: 1px solid #aeafb2; padding: 4px; width: 2em; text-align: center;}
.ui-datepicker-trigger {position: absolute; top: -3px; right: -80px;}
.ui-datepicker {position: absolute; left: 0; top: 0; margin-top: -1px;}
.ui-datepicker-current {display: none;}

/* @group small date */
input.smalldate {padding: 4px 10px; width: 80px;}
.smalldate-outer {height: 32px;}
.smalldate-outer label {float: left; width: 22px; line-height: 25px;}
.smalldate-outer input {float: left;}
.smalldate-outer .ui-datepicker-trigger {top: -4px; left: 134px; right: auto;}
/* @end */

/* @group number date */
input.number,
.number-outer {width: 32px;}
.number-outer .number {text-align: right;}
/* @end */
/* @end */


.forms #geozones li {margin-top: 0.5em;}
.forms fieldset textarea {display: block; height: 168px; resize: none;}
.forms .save {margin-left: -3px;}
/* @end */

/* @group helper */
.helper-for {margin-right: 250px;}

.helper {position: relative; float: right; width: 222px;}
body .helper h4 {margin: 0; padding: 6px 18px; background: #afb0b3; font: bold 1.25em Arial, sans-serif; color: white;}
.helper .line {overflow: hidden; margin: 1px 0; height: 1px; background: #c5c5c5;}
.helper .body {padding: 12px 18px; background: #ececec; color: #898a8b;}
.helper .body p {margin-bottom: 0;}
.helper .corner {position: absolute; background: url(/i/helper-corner.png); font: 0/0 none;}
.corner-left .corner {left: -7px; top: 8px; width: 7px; height: 13px; background-position: 0 100%;}
.corner-top {margin-top: 1.5em;}
.corner-top .corner {left: 50%; margin-left: -7px; top: -7px; width: 13px; height: 7px; background-position: 0 0;}

/* @group uploader helper */
.corner-top-uploader {position: absolute; top: 120px; left: 25px;}
.corner-top-uploader {margin-top: 7px;}
/*#uploader_swf {margin-bottom: 200px;}*/
/* @end */
.corner-has-uploader {margin-top: 80px;}

#stop_cadr {margin-bottom: 150px;}
.helper-description {position: absolute; top: 95px; right: 25px;}
.helper-freezframe {position: absolute; top: 204px; left: 25px; width: 640px;}
/* @end */


/* @group tree dest */
.tree .left {margin-right: 0.5em;}
.tree .right {margin-left: 0.5em;}
.tree .up,
.tree .down {margin-left: 0.5em;}
/* @end */



/* @group foreign */
.freeze-frames {overflow: hidden;}
.freeze-frames img {margin: 0 16px 17px 0; border: 1px solid #aeafb3; background: #e6e6e6;}
.edit fieldset {display: block;}

/* @group save button */
/* form unchanged */
.edit .save {
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    cursor: default;
}
/* form changed */
body .changed .save {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    cursor: default;
}
/* @end */
/* @end */

/* @group loader */
#loader img {vertical-align: middle;}
/* @end */

/* @group big loader */
#loader_big {vertical-align: middle;}
#loader_big img {margin: 0 0 10px -10px;}
#loader_big p {overflow: hidden; padding: 200px 0; text-align: center;}
/* @end */

/* @group export */
.export {font-size: 14px;}
.export a {text-decoration: none;}
.export a span {text-decoration: underline;}
.export img {vertical-align: middle; margin-top: -2px;}
/* @end */

/* @group sortable list */
#play_catalog .sortable-list {overflow-y: scroll; border: 1px solid gray; padding: 10px; height: 300px;}
#play_catalog .sortable-list li,
#play_catalog .sortable-list li li {padding-bottom: 5px;}
#play_catalog .sortable-list i {margin-top: 7px;}
#play_catalog .sortable-list div {padding: 5px 2px; border: 1px solid #dfdfdf; background: #fffaee;}
.sortable-list #loader {border: none; background: none;}
/*#dest i {display: none;}*/
/* @end */

#jQueryAddress {position: absolute; top: -100px;}
.new-vp td {
    text-align: left !important;
    vertical-align: top !important;
    border:none !important;
    padding-right: 0 !important;
    padding-top: 19px!important;
}
.new-vp .catalog-column {
    border-right: 1px solid #AEAFB3 !important;
    margin: 0;

}

.catalog-column-content
{
width:217px;
}
    .catalog-column input.text {
        width: 121px;
        margin:20px 0 33px -2px;
    }
    .catalog-column .col-inner {
        padding-right: 0 !important;
        height: 100%;
    }
    .list-of-items li {
        float: left;
        width: 150px;
        height: 177px;
        border: 1px solid #DDDDDD;
        border-collapse: collapse;
        margin:0 0 5px 5px;
        float: left;
        background: #FFFAEE;
        position: relative;
    }
    .list-of-items li .item-wrap {
        padding: 5px;
    }
    .list-of-items li .item-wrap .item-name {
        font: bold 11px Arial, sans-serif;
        display: inline-block;
        padding: 8px 0 3px;
    }
    .list-of-items li .item-wrap .item-date {
        font: 11px Arial, sans-serif;
        display: block;
    }
    .list-of-items li .item-wrap .add-remove-btn {
        background: #EB4E13;
        height: 18px;
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        padding-right: 2px;
        margin-top: 6px;
        /*text-decoration-style: dotted;*/
        font: bold 12px Arial, sans-serif;
        position: absolute;
        bottom: 5px;
        left: 6px;
    }
    .list-of-items li .item-wrap .add-remove-btn span {
        border-bottom: 1px dotted #fff;
    }
    .list-of-items li .item-wrap .added {
        background: #F2F2F2;
        color: #000;
        font-weight: normal;
    }
    .list-of-items li .item-wrap .added span {
        border-bottom: 1px dotted #000;
    }

.category-content-column {
    /*float: left;*/
    width: 100%;
}
.current-playlist {
    border-top: 1px solid #AEAFB3;
    width: 100%;
    padding-top: 5px;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
}
.current-playlist ul {
    height: 177px;
    overflow-y: hidden;
}
.col-inner2-new {
    padding: 0 !important;
    margin-top: -5px;
}
.video-type {
    background: url(/i/icon-list.png) no-repeat 0 0;
    color: #ea5024;
    padding-left: 30px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    display: block;
    height: 20px;
    margin-bottom: 13px;
    margin-left: 10px;
}
.video-type span {
    display: block;
    /*width: 100%;*/
}
.video-type.selected span {
    background: #ea5024;
    color: #fff;
    height: 19px;
    padding: 1px 0 0 3px;
}#frm_1 {
    padding: 15px 0 0 20px;
}