time {
    float: right;
    color: #B2B2B2;
    font-weight: bold;
    font-size: .75em;
}

.left-side {
    width: 425px;
    padding-left: .5em;
    margin-left: 1.5em;
    padding-top: 0.5em;
    display: inline-block;
}

.view-container {
    /*position: absolute;
    top: 120px;
    left: 500px;*/
    display: inline-block;
    vertical-align: top;
    margin: 1em 3em;
}

.no-left-side {
    left: 2em;
    position: relative;
    width: 500px;
    float: left;
    top: 60px;
    margin-left: 5%;
}

.no-left-side .video-desc h2 {
    margin-bottom: 0;
}

.hd-v-desc {
    float: left;
    width: 80%;
}

.hd-v-desc p {
    margin-top: 1em;
    font-size: .89em;
    line-height: 1.4;
}

.helpdesk-list {
    margin-top: 4em;
}

.annotation {
    font-size: .89em;
    margin-top: 1em;
    margin-left: 1em;
    line-height: 1.4;
}

.grad {
    /* IE10 */
    background-image: -ms-linear-gradient(top, #ECECF9 0%, #FFFFFF 20%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #ECECF9 0%, #FFFFFF 20%);

    /* Opera */
    background-image: -o-linear-gradient(top, #ECECF9 0%, #FFFFFF 20%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECF9), color-stop(.2, #FFFFFF));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #ECECF9 0%, #FFFFFF 20%);

    /* Proposed W3C Markup */
    background-image: linear-gradient(top, #ECECF9 0%, #FFFFFF 20%);
}

.grad-darkblue {
    /* IE10 */
    background-image: -ms-linear-gradient(top, #1A3143 0%, #20557B 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #1A3143 0%, #20557B 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #1A3143 0%, #20557B 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A3143), color-stop(1, #20557B));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #1A3143 0%, #20557B 100%);

    /* Proposed W3C Markup */
    background-image: linear-gradient(top, #1A3143 0%, #20557B 100%);

}

a.nobrd {
    border: none;
}

.top-container {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -22px;
    padding-bottom: 3em;
    min-height: 800px;
}

ul.tv-menu {
    margin: 0 auto;
}

ul.tv-menu li {
    display: inline;

}

ul.tv-menu li + li {
    margin-left: 1em;
}

ul.tv-menu li a {
    text-decoration: none;
    border: none;
    color: white;
    font-size: .89em;
    font-weight: bold;
}

table.t-sub-menu {
    width: 100%;
    margin: 0 auto;

}

table.t-sub-menu td {
    padding: 1em 0;
}

table.t-sub-menu a {
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 0 #102B3E;
    line-height: 18px;
    font-size: .89em;
}

table.t-sub-menu td.active {

}

td.m-item {
    padding: 0 .5em;
    text-align: center;
}

td.m-item:hover a {
    color: #A6BBCA;
}

td.brd {
    background: url(../images/v-border-s.png) no-repeat;
    width: 2px;
}

td.brd:first-child, td.brd:last-child {
    background: none;
}

.sub-header {
    background: #20557B;
   /* padding: 0 1em; */
    width: 29em;
    margin: 0 auto;
    z-index: 220;
    position: relative;
    border-radius: 0 0 1em 1em;

}

li.li-pr + li {
    margin-top: 1em;
    border-top: 1px solid silver;
    padding-top: 1.5em;
    display: block;
    width: 100%;
    float: left;
}

li.li-pr a {
    display: inline;
}

a.a-pr {
    height: 56px;

}

a.play-book img {
    position: relative;
    top: 5px;
}

.li-level label {
    float: right;
    font-weight: normal;
    font-size: .75em;
    color: gray;
}

ul.v-levels {
    margin-top: 1em;
}

.empty-level a.a-lv {
    color: gray !important;
    background: url(../images/lesson-empty.png) left no-repeat;
    cursor: default;
}

a.a-lv {
    background: url(../images/lesson.png) left no-repeat;
    width: 100%;
    height: 51px;
    line-height: 51px;
    font-weight: bold;
    color: #333;
    padding: .5em 0;
    padding-left: 2.5em;
}

a.a-lv:hover {
    color: black;
    background: url(../images/lesson-hover.png) no-repeat 0 2px;

}

.empty-level a.a-lv:hover {
    color: black;
    background: url(../images/lesson-empty.png) left no-repeat;
    cursor: default;

}

.level-playing a.a-lv {
    /*background: url(../images/lesson-opened.png) no-repeat 4px 0;*/
    background: url(../images/lesson-playing.png) no-repeat 4px 0;
    padding-left: 2.75em;
    margin-left: -.25em;
}

ol.v-items {
    background: url(../images/back-swhite.png) repeat-y #F5F5F5;
    background-size: 100% 100%;
}

ol.v-items li:first-child {
    background: url(../images/shdw-top-s.png) left top no-repeat;
    /* height: 2px; */
}

ol.v-items li:last-child {
    background: url(../images/shdw-bottom-s.png) left bottom no-repeat;

}

ol.v-items li + li {
    border-top: 1px #E6E3E3 solid;
}

ol.v-items li.playing + li {
    border-top: 1px white solid;
}

ol.v-items li + li.playing {
    border-top: 1px #A1A1A1 solid;
}

ol.v-items li {
  /*  text-indent: 2.75em;  */
    padding-right: 1em;
    font-size: .89em;
    overflow: hidden;
    width: 30em;
    height: 2em;
}
ol.v-items li.v_list{
    margin-top: -10px;
    height: 1.8em;
}
ol.v-items li:hover {
    background: #CAE3FC url(../images/but-play-s.png) no-repeat 6px 2px;
    cursor: pointer;

}

ol.v-items li.playing {
    /* background: #B6B6CE url(../images/but-playing-s.png) no-repeat 6px 0px; */
    border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #009ae8 !important;
    /* box-shadow: inset 0 0 4px #333; */
    /*
-o-box-shadow: inset 0 0 4px #333;
    -webkit-box-shadow: inset 0 0 4px #333;
    -moz-box-shadow: inset 0 0 4px #333;
*/
    /*
font-weight: bold;


*/
    border: none;

    /* IE10 */
    background-image: -ms-linear-gradient(bottom, #F0F0F0 0%, #B5C0C7 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #F0F0F0 0%, #B5C0C7 100%);

    /* Opera */
    background-image: -o-linear-gradient(bottom, #F0F0F0 0%, #B5C0C7 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F0F0), color-stop(1, #B5C0C7));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #F0F0F0 0%, #B5C0C7 100%);

    /* Proposed W3C Markup */
    background-image: linear-gradient(bottom, #F0F0F0 0%, #B5C0C7 100%);

}

ol.v-items li a time {
    position: relative;
    float: right;
    width: 70px;
    background: url(../images/bg-grad-white.png) no-repeat !important;
    top: -28px;
    right: -14px;
    text-align: right;
    height: 28px;
    padding-right: 10px;
}

ol.v-items li.played a {
    /* background: url(../images/but-played-s.png) no-repeat left; */
    padding: .75em 0;
    /* padding-left: 2.5em; */
    /* margin-left: -2.5em; */
}

ol.v-items li.played:hover a {
    background: none;
}

ol.v-items li.playing a {
   /*  color: black; */
    color: #fff;

}

ol.v-items li.playing time {
    /*color: black;*/
    color: #fff;
    background: #009ae8 !important;
    /* background:linear-gradient(to right, rgba(255,0,0,0), #009ae8) !important; */
    height: 27px;
}

ol.v-items li.playing:hover, ol.v-items li.paused {
    background: #ccc url(../images/but-pause-s.png) no-repeat 6px 1px;
    cursor: pointer;
}

ol.v-items li.paused:hover {
    background: #ccc url(../images/but-play-s.png) no-repeat 6px 1px;
    cursor: pointer;
}

a.a-it {
    line-height: 2em;
    border: none;

}

span.vt {
    /* width: 50em !important; */
    /* width: 320px !important; */
    width: 400px;
    float: left;
    height: 2em;
    overflow: hidden;
   /* text-indent: 4em; */
    padding-left: 50px;
}

ol.v-items li.played a span.vt {
    background: url(../images/but-played-s.png) no-repeat left;
}

ol.v-items li.played a:hover span.vt {
    background: none;
}

/* solutions list */

li.sl-title {
    /* height: 4em !important;
    line-height: 4em; */
    padding-left: 35px;
    margin-bottom: 7px;
    margin-top: 10px;
}

li.sl-title img {
    position: relative;
    left: -3em;
    top: .5em;
    margin-right: 3px;
    width: 32px;
    height: 32px;
}

li.sl-title h4 {
    font-weight: bold;
    color: #7B7C7C;
    display: inline;
    margin-left: -2.5em !important;
}

li.sl-title:hover {
    background: none !important;
    cursor: default !important;
}

/*==================================== video-player */

.video-player {
    width: 640px;
    height: 360px;
}

.video-desc {
    margin-top: 1.5em;
    font-size: .89em;
    line-height: 1.4;
    /* width: 85%; */
    width: 650px;
    float: left;
}

.video-desc h2 {
    font-size: 1.25em;
    /* width: 100%; */
    width: 450px;
    float: left;
    padding-right: 200px;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid silver;
}

.video-desc h3 {
    margin-top: 1em;
}

.vd-text {
    float: left;
    width: 60%;
    margin-right: 3%;
    margin-bottom: 2em;
}

.vd-lnks {
    float: left;
    min-width: 300px;
}

.v-link {
    width: 80%;
    float: left;
    font-weight: bold;
    margin-bottom: .5em;

}

.shdw-bottom-l {
    float: left;
    width: 100%;
    height: 80px;
}

.knee-2 {
    border-top: none !important;
}

/*==================================== ie */

.white-back {
    background: url(../images/wb-pixel.png);
    /* float: left; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ie-msg {
    background: white;
    width: 25em;
    padding: 1.5em;
    margin: 20em 40%;
    border: 1px solid silver;
    text-align: center;
}

.view-container #playbg, .view-container #playbg #ytapiplayer {
    width: 640px;
    height: 360px;
    background-color: #666;
    border: 1px solid #000;
}

table.vdesc {
    line-height: 1.4;
}

table.vdesc td {
    vertical-align: top;
    padding: 0 0 2em 0;
}

table.vdesc td:first-child {
    width: 60%;

}

table.vdesc td:nth-child(2) {
    text-align: right;
}

table.vdesc a.v-link {
    width: auto !important;
    float: none !important;
    text-align: right;
    margin-bottom: 2em;
}

table.vdesc a.try {
    float: right;
}

span.trigger {
    float: right;
    width: 110px;
    font-weight: normal;
    font-size: .75em;
    position: relative;
    margin-top: -55px;

}

span.tr-in {
    height: 20px;
    width: 50px;
    background: url(../images/trigger-back.png) repeat-x;
    border-radius: 10px;
    float: left;
    box-shadow: inset 0 1px 0px #525252;
    border: 2px solid white;
    transition: border-color .5s;
    -moz-transition: border-color .5s; /* Firefox 4 */
    -webkit-transition: border-color .5s; /* Safari and Chrome */
    -o-transition: border-color .5s; /* Opera */
    margin: 0 .5em;
    margin-top: -.25em;
}

span.tr-in:hover {
    cursor: pointer;
    border-color: #3b81fe;

}

span.tr-in img {
    position: relative;
    left: 2px;
    top: 2px;
}

span.os {
    float: left;
}

/*
span.tr-in:after{
	content: "PC";
	position: relative;
	left: 2.5em;

}

span.tr-in:before{
	content: "Mac";
	position: relative;
	left: -2.5em;
}
*/