/* content */
div.post {
    font-size:17px;
    line-height:28px;
}
div.post p {
    font-size:inherit;
}
div.post .spotPackageContainer {
    line-height:normal;
}

/* fields */
.spotPackageContainer .plainForm .inputTd input[type="text"],
.spotPackageContainer .plainForm .inputTd input[type="password"] {
    background:#ffffff;
    border:1px solid #7d7d7d;
    border-radius:2px;
    box-shadow:inset 0px 2px 3px 0px rgba(1, 0, 0, 0.15);
    text-indent:5px;
    font-size:17px;
    color:#7b7b7b;
}
/* focus */
.spotPackageContainer .plainForm .inputTd input[readonly], .spotPackageContainer .plainForm .inputTd input[readonly],
.spotPackageContainer .plainForm .inputTd input[readonly], .spotPackageContainer .plainForm .inputTd input[readonly]:focus {
    background:#f4f4f4;
    border:1px solid #afafaf;
    box-shadow:inset 0px 2px 3px 0px rgba(2, 0, 0, 0.05);
    color:#a6a6a6;
}
.spotPackageContainer .plainForm .inputTd input[type="button"] {
    border:1px solid #7d7d7d;
    border-radius:2px;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae9e9',GradientType=0 );
    font-size:17px;
}

/* buttons */
.spotPackageContainer .plainForm input[type=submit] {
    background:url(/wp-content/themes/spotbase/images/common_sprite.png) no-repeat 0 -180px !important;
    color:#4d4d4d !important;
    font-weight:700;
}
.spotPackageContainer .plainForm input[type=submit].small {
    background:url(/wp-content/themes/spotbase/images/common_sprite.png) no-repeat 0 -307px !important;
}
.spotPackageContainer .plainForm input.cancelForm.small {
    background:url(/wp-content/themes/spotbase/images/common_sprite.png) no-repeat -126px -307px !important;
    color:#4d4d4d !important;
    font-weight:700;
}

/* ---------- VOD ---------- */

/* ---------- tabs.css ---------- */

div.tabcontent { 
    line-height:normal;
    /*border:1px solid #B7B7B7; padding: 15px;*/
    border:1px solid #cccccc;
    border-radius:5px;
    /*background-color:#ffffff;
    border-radius: 0 3px 3px 3px;
    overflow:auto;*/
}

#inner_tabs .tabcontent {
    width:98%;
    margin:0;
    padding:0;
}

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
#inner_tabs ul.tabs{
    margin-top:20px;
}

.rtl ul.tabs{text-align: right;}

ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}

ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0 ;
    border-radius: 3px 3px 0 0;
    outline:none;
}

ul.tabs li a:visited
{
    color: #000;
}

ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 ;
}

ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}


ul.tabs li.selected a:hover
{
    text-decoration: none;
}







/* ---------- vid.css ---------- */

#tabs{width:670px; margin: 0 auto;}

#inner_tabs{width:96%;margin: 0;border-width:0}
.vid_container h1{margin-top:0}


.vid_container{
    overflow: auto;

    margin:0 auto;
    padding:0;
}

.vid_container .crs_tit{
    display:block
}

.vid_container h1.tab_tit {
    /*margin:0px;
    background:#116B97;*/
    background:#4b4b4b;
    /*display:block;
    text-align:center;
    color:#ffffff;
    padding:3px;
    font-size:40px;
    box-shadow: inset 1px 1px 2px rgba(255,255,255,0.8);*/
    box-shadow:none !important;	
}

h1{margin:15px}

.vid_container ul.btns{

    margin-top: -5px;
    font-size:18px;
    color: transparent;
    text-shadow: 0px 1px 2px rgba(255,255,255,0.8);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    font-family: Arial, sans-serif;
}
.vid_container  li.play_gr:after{
    content: url(../images/lock1.png);
    position:absolute;
    top:24px;
    left:60px;
}

.vid_container.rtl  li.play_gr:after{
    content: url(../images/lock1.png);
    position:absolute;
    top:24px;
    left:60px;
}


.vid_container ul.btns li{
    /*position:relative;
    background:#A5BFD0;*/
    background:#f0f0f0;
    /*padding-left: 45px; 
    padding-top: 12px;
    padding-bottom:5px;
    height:100px; 
    font-size:14px;
    list-style-type: none;
    cursor: pointer;
    border-bottom:2px solid #fff;
    text-shadow:none;
    list-style:none;*/
}
.vid_container ul.btns li:last-child{
    border-bottom:0;
}

/*.vid_container ul.btns li:hover{ background-color:#E2E2E2;}*/
.vid_container ul.btns li:hover{ background-color:#ffffff;}



/*.vid_container.rtl  .lsn_inf{

font-size:15px;width:55%;
}*/
.vid_container .tmb{
    display:block;
    width:120px;
    height:80px;
    position:absolute;
    right:20px;
    border:2px solid #fff;
}

.vid_container .lsn_inf{
    display:block;
    float: left;
    padding:4px;
    text-align:left;
    width:45%;font-size:12px;
    /*margin-left:16px;*/
    /*position: relative;
    left: 160px;
            font-size:14px;
            /*text-align: justify;*/
    color: #444;
}

.vid_container .lsn_tit {
    /*display:block;
    width: 25%;
    text-align:left;
    font-size:15px;
    color:#116B97;
    font-weight:800;*/
    font-size:19px;
    color:#a48100;
    font-weight:400;
    margin-top:0;
    /*float: left;*/
    /*position:absolute;
    left:18px;*/
}

.vid_container .ply_icn{
    display:block;
    position:absolute;
    left:65px;
    top:40px;
}

.separator{
    display:none;
    /*
    height:1px;
    background:#DDDDDD;
    border-bottom:1px solid #FFFFFF;
    margin: 2px;
    position:absolute;
    top:-23px;
    right:20px;*/
}


.vid_container ul.btns li.play_gr{
    font-size: 14px;
    color: red;
    background-color: rgb(200, 200, 200);
}
.vid_container .play_gr .lsn_inf{
    color: grey;
}

.vid_container .play_gr .lsn_tit{
    color: grey;
}

/*.rtl{direction: RTL}*/

.ebk_container .ebk_img{cursor: pointer;  text-align:center}
.rtl.ebk_container{                                        
    float: none;
    padding: 10px;
    width: 100%;
    direction: RTL;
    margin: 0 auto;
    display: inline;
}
.vid_container.rtl .lsn_tit{float:right; text-align: right; margin:15px}
.vid_container.rtl .lsn_inf{float:right; text-align:right;}


.vid_container.rtl .tmb{
    left:20px;position:absolute;
}