﻿/* unused? */
.iconspan
{
    padding-top: 2px;
}
#playerDetail p
{
    color: #4d4d4d;
}
.grid3 li
{
    float: left;
    margin: 0 40px 20px 0;
    width: 170px;
}
.grid4 li
{
    float: left;
    margin: 0 5.2% 0 0;
    margin-right: 4%;
    width: 136px;
}



#playerContainer
{
    background: url(/img/playerTop.gif) no-repeat top;
}
#playerTop
{
    background: url(/img/playerBg.gif) repeat-y top left;
}
#playerBtm
{
    background-image: url(/img/playerBgBtm.gif);
}
#playlistContainer
{
    width: 720px;
    margin: 10px 0 0 0;
    background: url(/img/playlistBgTop.gif) no-repeat top left;
}
#playlistMid
{
    float: left;
    margin: 0;
    padding: 0;
    clear: both;
    background-image: url(/img/playlistBg.gif);
    background-repeat: repeat-y;
    width: 720px;
}
#playlistBtm
{
    margin: 0;
    padding: 0;
    background-image: url(/img/playlistBgBtm.gif);
    background-repeat: no-repeat;
    height: 10px;
}
/* end unused? */

.cs_video_player, .cs_video_form
{
    width: 100%;
}
.cs_video_div
{
    padding: 0px 35px 00px;
}
.cs_asset_playlist, .cs_asset_rating, .cs_asset_problems
{
    padding: 0px 35px 20px;
}
#assetLeft
{
    /* width: 400px;          padding: 30px;float: left;*/
    width: 100%;
}


#assetRight
{
    /* width: 490px; float: right;          margin-bottom: 30px;*/
    width: 100%;
    margin-top: 30px;
}

#assetTitle
{
    padding: 20px 0px 0px 35px;
}

#assetTitle td
{
    font-size: 14px;
    color: #4E422A;
    line-height: 20px;
}


#assetDisplay
{
    /*width: 400px;min-height: 370px;*/
    width: 100%;
    margin-top: 30px;
    margin: 20px 0px;
}
#assetTabs
{
    /* width: 460px;margin-right: 30px;float: right;*/
    padding: 0px 35px;
    height: 360px;
    margin-bottom: 30px;
}
/*.assetTabsMultiPage
{
    background-color: #D6D6C0;
    border-radius: 15px;
    padding: 10px;
}
.assetPage
{
    background-color: White;
    border-radius: 5px;
    width: 440px;
    height: 300px;
}
.assetPageInner
{
    background-color: transparent;
    margin: 15px;
    width: 410px;
    height: 270px;
    overflow: auto;
    float: left;
}*/

.assetPageInner
{
    background-color: transparent;
    padding: 0px 15px;
    margin-top: 15px;
    height: 300px;
    overflow: auto;
}

@media screen and (min-width: 1024px)
{
    #assetLeft, #assetRight
    {
        width: 50%;
        float: left;
    }
}
div.RadTabStrip_Metro.rtsTop .rtsLevel1
{
    border: none;
}
div.RadTabStrip_Metro .rtsLevel1 .rtsLink, div.RadTabStrip_Metro.rtsTop .rtsLevel1 span.rtsLink
{
    /*min-width: 67px;*/
    background-color: white;
    border: 0px;
    border-bottom: 10px solid #25A0DA;
    color: #808285;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0px 0px;
    font-weight: bold;
    padding-top: 15px;
    line-height: 22px;
    text-align: center;
}
div.RadTabStrip_Metro .rtsLevel1 .rtsSelected span.rtsLink
{
    background-color: white;
    border: 0px;
    border-bottom: 10px solid #FFB000;
    color: #383948;
}
div.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, div.RadTabStrip_Metro.rtsTop .rtsLevel1 .rtsHovered .rtsLink
{
    background-color: #DBDBDB;
    border: 0px;
    border-bottom: 10px solid #FFB000;
    color: #383948;
}

div.RadTabStrip_Metro .rtsLevel1 .rtsLink.tabDisabled, div.RadTabStrip_Metro .rtsLevel1 .tabDisabled span.rtsLink
{
    background-color: white;
    border: 0px;
    border-bottom: 10px solid #DBDBDB;
    color: #DBDBDB;
}
@media screen and (max-width: 467px)
{
    div.RadTabStrip_Metro .rtsLevel1 .rtsLink, div.RadTabStrip_Metro.rtsTop .rtsLevel1 span.rtsLink
    {
        font-size: 9px;
    }
}
.downloadArea
{
    margin-top: 10px;
    line-height: 22px;
    font-weight: bold;
}
#myRating
{
    margin-top: 10px;
    font-weight: bold;
}
.myRating
{
    width: 250px;
    float: left;
}

#addToMedia
{
    margin-top: 10px;
    float: right;
    padding-bottom: 100px;
}


#downloadArea
{
    margin-top: 10px;
}
div.RadTabStripTop_Metro .rtsLevel1, div.RadTabStrip_Metro .rtsLevel1 .rtsUL, div.RadTabStrip_Metro.rtsTop .rtsLevel1, div.RadTabStrip_Metro.rtsTop .rtsLevel1 .rtsUL
{
    background-color: White;
    padding: 0px;
    width: 100%;
}

div.RadTabStrip_Metro .rtsUL .rtsLI
{
    padding: 0px 0px 0px 2px;
    width: 20%;
    box-sizing: border-box;
}



.dl-box
{
    width: 100%;
    line-height: 1.42857143;
    color: #333;
}
.dl-item
{
}
.row::before
{
    content: " ";
    display: table;
}
.row
{
    clear: both;
    position: relative;
}
.row::after
{
    content: "";
    display: table;
    clear: both;
}
.row
{
}

.dl-item
{
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
}
.dl-item: first-child
{
    padding-bottom: 15px;
}

.permColumn
{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    border: 0;
    margin: 0;
    position: relative;
}

.permColumn.permColumn8
{
    /*width: 280px;*/
}
.permColumn.permColumn4
{
    float: right;
}

.dl-title
{
    font-size: 1.3em;
}

.dl-item .download, #dl-request-box .download
{
    background-color: #25A0DA;
}
.dl-item .download
{
    width: 22px;
}
.cs_embed_div 
{
    margin-top: 15px;
}
.cs_asset_image {
    height: 505px;
    background-color: #333;
}
@media screen and (max-width: 467px)
{
    .cs_asset_image {
    height: 350px;
    }
}