/** COMMON **/

body {
    margin: 0;
    background:#fff;
    font: 12px/14px "Lucida Grande", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}


#Theater h1.ChannelLogo {
    margin:0px;
    height:auto;
    left:10px;
    top:0px !important;
    position:absolute;

}



#Theater {
    height:850px;
    color:#fff;
    margin:0px;
    position:relative;
    background: url('https://portal.lwcdn.com/images/gymnastikbakgrund.png');
}

#Theater #fw_BackgroundTile {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:850px;
}

#Theater #fw_BackgroundTile img, #Theater #fw_BackgroundTile span {
    width:100%;
    height:850px;
}

#Theater #fw_PageSkin {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
}

#Theater #fw_PageSkin span {
    position:absolute;
}

#Theater .Player {
    height: 900px;
    width: 940px;
    position: absolute;
    top: 80px;
    left: 0px;
    overflow: hidden;
    padding: 10px;
}
#Theater .VideoDiv {
    padding: 0px;
    float: left;
    width: 740px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
}
#Theater .VP {
    margin: auto 0px;
    height: 410px;
    margin-left: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
}
#Theater .VideoInfo {
    padding: 0px;
    float: left;
    width: 180px;
    color: white;
    font-family:Georgia, arial, sans-serif;
    margin-top: 18px
}

#Theater .VideoImage {
    padding: 0px;
    float: left;
    width: 300px;
    color: #323232;
    font-family:Georgia, arial, sans-serif;
}

#Theater .VideoInfo .head{
    font-weight: 300;
    font-size: 18px;
    line-height:18px;
    display: block;
    font-family: arial,sans-serif;
}
#Theater .VideoInfo .title{
    font-weight: 300;
    font-size: 14px;
    display: block;
    margin: inherit;
}
#Theater .VideoInfo .info{
    font-weight: 300;
    font-size: 13px;
    display: block;
    margin: inherit;
}

#Theater .VideoInfo .duration{
    font-weight: 300;
    font-size: 13px;
    display: block;
    margin: inherit;
}
#Theater .VideoInfo .created{
    font-weight: 300;
    font-size: 13px;
    display: block;
    margin: inherit;
}

#Theater .ChannelFrame {
    width:964px;
    margin:auto;
    position:relative;
    height:1000px;
    background-color:white;
    background-image:url('https://portal.lwcdn.com/images/gymnastikbakgrund.png');
/*background-color: #ffffff;*/

}
#Theater .Category ul {
    float: left;
    margin: 5px;
    height: 34px;

}

#Theater .Category li {
    float: left;
    margin: 3px 15px 0 0;
    padding: 4px 6px;
    text-decoration: none;
    z-index: 2;
    height: 16px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    display: block;
    cursor:pointer;
    font-family: Arial, sans-serif;
    border-radius: 8px;
    background-color: #5d616a;
}
#Theater .Category li a{
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, sans-serif;

}

#Theater .SubCategory ul {
    float: left;
    margin: 5px;
    height: 34px;

}

#Theater .SubCategory li {
    float: left;
    margin: 3px 15px 0 0;
    padding: 4px 6px;
    text-decoration: none;
    z-index: 2;
    height: 16px;
    color: #dddddd;
    font-weight: bold;
    font-size: 13px;
    display: block;
    cursor:pointer;
    font-family: Arial, sans-serif;
}

#Theater .SubCategory li a{
    color: #dddddd;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, sans-serif;
}

#Theater .SubCategory .subcategory {
    display:none;
}
#Theater .Category .active {
    display:block;
}#Theater .Category .pressed {
    color: white;
    background-color: #273e84;
}
#Theater .SubCategory .active {
    display:block;
}#Theater .SubCategory .pressed {
    color: #3728dd;
}
#Theater .NoResult{
    font-weight: 300;
    color: #333;
    font-size: 13px;
    margin-top: 3px;
    font-family: arvo, arial, sans-serif;
}

.Category div {
    color: #999;
    float: right;
}

.Category {
    float: left;
    height: 60px;
    margin-left: 10px;
    width: 730px;
    font-size: 11px;
    padding: 0;
    background-color:#111111;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius:4px;
    border-top-left-radius: 4px;
}

.SubCategory {
    float: left;
    height: 40px;
    margin-left: 10px;
    width: 930px;
    font-size: 11px;
    padding: 0;
    background-color:#111111;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius:4px;
    -moz-border-bottom-right-radius:4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.Category hr {
    margin-top: 0px;
}

.Category a {
}
.SubCategory hr {
    margin-top: 0px;
}

.SubCategory a {
}

/*** Search **/

#searchForm {
    float: left;
    height: 60px;
    width: 200px;
    font-size: 11px;
    padding: 0;
    background-color:#111111;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius:4px;
    border-top-right-radius: 4px;
}

#searchBox:focus{opacity:1.0;outline:none;}

form#searchform fieldset {
    margin-bottom: 1em;
    border: none;
}

#searchForm #searchSubmit {
    position: absolute;
    height: 27px;
    width: 27px;
    right: 24px;
}

#splashHeader #searchForm p {
    position: relative;
    width: 176px;
}

#searchForm #searchBox {
    float: left;
    display: block;
    width: 135px;
    margin: 8px 0 0 16px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 32px 3px 5px;
    font-size: 1.2em;
    color: #444;
    background-image: url(//portal.lwcdn.com/images/magnifying_glass.gif);
    background-position: 150px center;
    background-repeat: no-repeat;
    background-color: white;
    opacity: .4;
}

form#searchform fieldset input {
    margin-top: 4px;
    color: inherit;
    background-color: #111111;
    padding: 0.4em 0 0.3em 0.5em;
    outline: none;
    border: 1px solid #111111;
    border-radius: 4px;

}

div#primary form#searchform fieldset {
    width: 27em;
}

div#primary form#searchform input {
    width: 16em;
}


#bannerarea {
    padding: 10px 20px 10px 20px;
    background-color: white;
    border-top: solid 1px #CCC;
    margin-top: 5px;
}

.iframe_border{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
}