@import url(reset.css) all;

@font-face {
 font-family: 'RockwellStdBold';
 src: url('/static/fonts/rockwellstd-bold-webfont.eot');
 src: local('?'), url('/static/fonts/rockwellstd-bold-webfont.woff')
  format('woff'), url('/static/fonts/rockwellstd-bold-webfont.ttf')
  format('truetype'),
  url('/static/fonts/rockwellstd-bold-webfont.svg#webfont')
  format('svg');
 font-weight: normal;
 font-style: normal;
}

html {
 height: 100%;
}

body {
 text-align: center;
 font-family: Helvetica, Arial, sans-serif;
 color: #1d1d1d;
 background: url(/static/images/banner-bg.png) repeat-x;
 height: 100%;
}

body.landing {
 background: url(/static/images/landing-page-bg.jpg) repeat-x top;
}

ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.nav,ul.nav ul {
 margin-left: 1em;
}

#wrapper {
 width: 980px;
 text-align: left;
 margin: 0 auto 0;
 /* min-height: 90%;
 height: auto !important;
 height: 90%; */
 position: relative;
}

#header {
 position: relative;
}

#utility {
 height: 24px;
 overflow: hidden;
}

#utility ul {
 float: right;
 margin: 4px 0 0 0;
}

#utility ul li {
 float: left;
 padding-left: 20px;
}

#utility ul li a {
 font-size: 0.9em;
 text-transform: uppercase;
 color: #fff;
 letter-spacing: 1px;
 font-weight: normal;
 text-decoration: none;
}

#utility ul li a:hover {
 color: #8bc000;
}

#utility ul.region li a {
 color: #666;
 font-size: 0.65em;
}

#utility ul.region li.selected a {
 color: #ccc;
}

#banner {
 background: url(/static/images/showreel-logo.png) no-repeat 0 10px;
 height: 96px;
 width: 365px;
 text-indent: -9999em;
}

#banner a {
 height: 90px;
 width: 365px;
 display: block;
}

.signup #banner {
 margin-top: 24px;
}

#show-nav {
 width: 585px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 padding: 10px 15px;
 background-color: #000000;
 background-image: -moz-linear-gradient(top, #000000, #333333);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000),
  color-stop(1, #333333) );
 filter: progid : DXImageTransform.Microsoft.gradient ( startColorStr =
  '#000000', EndColorStr = '#333333' );
 -ms-filter:
  "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#333333')";
 position: absolute;
 top: 41px;
 left: 375px;
 height: 35px;
}

#show-nav ul {
 margin-top: 5px;
}

#show-nav li {
 float: left;
 margin-right: 10px;
}

#show-nav li a {
 color: #fff;
 display: block;
 padding: 5px 10px 7px;
 text-decoration: none;
}

#show-nav li:hover a {
 color: #93c214;
}

#show-nav li.selected {
  background: #504e4f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#show-nav li #search-input {
 position: relative;
 margin-top: 2px;
}

#show-nav li .search-left {
 display: block;
 background: url(/static/images/search-left.png) no-repeat;
 width: 12px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
}

#show-nav li input.gsc-input {
 position: absolute;
 left: 12px;
 top: 0;
 height: 18px;
 border: none;
 width: 140px;
 background: url(/static/images/search-shadow.png) 0 0;
}

#show-nav li #search-button {
 position: absolute;
 left: 152px;
 top: 0;
}

#show-nav li .sub-nav {
 position: absolute;
 z-index: 1000;
 top: 40px;
 left: -9999em;
 background-color: #504e4f;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

#show-nav li .sub-nav {
 padding: 8px;
}

#show-nav li .sub-nav li {
 margin-right: 4px;
}

#show-nav li .sub-nav a {
 padding: 5px;
 text-transform: lowercase;
 color: #fff;
 text-shadow: none;
}

#show-nav li#awards li a {
 text-transform: uppercase; 
}

#show-nav li .sub-nav a:hover {
 color: #93c214;
}

#show-nav li:hover div.sub-nav {
 left: 15px !important;
}

#show-nav li:hover div.production-nav,#show-nav li:hover div.discipline-nav,#show-nav li:hover div.specialty-nav
 {
 left: -100px !important;
 width: 700px;
}

#show-nav li:hover div.services-nav {
 left: 0 !important;
 width: 300px;
 top: 26px;
}

.name-nav,.services-nav {
 border-top-left-radius: 0 !important;
 -moz-border-radius-topleft: 0 !important;
 -webkit-border-top-left-radius: 0 !important;
}

.sub-nav h4 {
 color: #fff;
 clear: both;
 margin: 10px 0 15px 5px;
}

.sub-nav .sub-nav-col {
 width: 220px;
 margin-left: 10px;
 float: left;
 padding-bottom: 15px;
}

.sub-nav .sub-nav-col ul {
 margin-top: 10px;
}

.sub-nav .sub-nav-col li {
 float: none !important;
}

#show-nav li:hover a {
 background: #504e4f;
  background: #504e4f;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
}

#content {
 padding: 20px 0 0 0;
 line-height: 1.4;
 margin-bottom: 50px;
}

.signup #content {
 padding: 30px 0 0 0;
}

#content h1 {
 font-size: 2.0em;
 font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
 margin-bottom: 30px;
 color: #000;
}

#content h1.white {
 color: #fff;
 font-weight: normal;
 line-height: 2em;
 margin-left: 30px;
 margin-bottom: 10px;
}

#content h2 {
 font-family: RockwellStdBold;
 margin: 5px 0 10px 0;
}

#content h4 {
 color: #8EBF00;
 font-size: 1.2em;
 clear: both;
 margin: 5px 0 10px 0;
}

#content h5 {
 font-family: RockwellStdBold;
 text-transform: uppercase;
 font-size: 1.4em;
 margin-bottom: 20px;
}

#content p {
  display: block;
  margin: 1em 0;
}

#content a {
 color: #660;
 text-decoration:none;
 font-weight:bold;
}

#contentWrapper-profile a:hover {
 color:white;
}

a.small-link {
 font-size:0.7em;
}

#contentBody {
 float: left;
 width: 620px;
}

/*  Home page */
    #home-intro {
     background: url(/static/images/home-bg.jpg);
     height: 280px;
     margin-top: 30px;
    }
    
    #home-intro-left {
     width: 640px;
     height: 360px;
     float: left;
    }
    
    #home-intro-left h1 {
        text-align: center;
        margin-top: 30px;
        font-size: 3.2em;
        color: #fff !important;
    }
    
    #home-intro-left h1 span {
     display: block;
     width: 241px;
     height: 78px;
     text-indent: -99999em;
     background: url(/static/images/24-7.png) no-repeat;
     margin: 0 auto;
    }
    
    #home-tagline {
     text-align: center;
     padding: 10px;
     margin-bottom: 20px;
     background: url(/static/images/watch-show-bg.png) no-repeat center 0;
    }
        #home-tagline h3 { font-size: 2.3em; }
        #home-tagline p { font-size: 17px; margin: 5px 0; }
    
    #home-intro-right {
        width: 270px;
        padding: 50px 35px 0 35px;
        float: right;
        text-align: center;
    }
        #home-intro-right p { font-weight: bold; font-size: 0.8em; }
    
    #home-intro-signup {
        border-bottom: 2px dashed #fff;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }
        #home-intro-signup p{ font-size: 1em; }
    
    #home-intro-right .facebookLarge, #home-intro-right .twitterLarge, #home-intro-right .rssLarge{
        float: left;
        margin-right: 15px; 
    }
    
    #home-intro-right .facebookLarge {
        margin-left: 20px;
    }

    #homepage-follow {


    }

    #homepage-share {


    }   

#homeFeature {
  overflow: auto;
  background: #ccc url(/static/images/white-px.png) 671px repeat-y;
  padding: 20px 0 10px 15px;
}
    
#homeFeature .homeLeft {
  float: left;
  width: 640px;
  marxgin-top: 10px;
  margin-bottom: 10px;
}
    
    #homeFeature .homeLeft p {
     margin: 0;
     margin-top: 5px;
     margin-left: 10px;
     line-height: auto;
     font-size: 1.2em;
    }
    
    #homeFeature .homeLeft .video {
     height: 360px;
     width: 640px;
     margin: 10px;
     margin-left: 0;
     clear: both;
     background-color: #333;
     vertical-align: middle;
     text-align: center;
     color: #fff;
    }
    
    #homeFeature .homeLeft #videoDetails {
     overflow: auto;
     background-color: #ebebeb;
     margin-top: 5px 10px;
     padding: 5px;
     font-size: 0.9em;
    }
    
    #homeFeature .homeLeft #videoDetails #viewProfile {
     float: right;
     display: block;
     background: #ebebeb url(/static/images/grey_arrow.png) right no-repeat;
     padding-right: 17px;
     margin-right: 10px;
     margin-top: 10px;
    }
    
    #homeFeature .homeLeft #videoDetails a {
     text-decoration: none;
     color: #000;
    }
    
    #homeFeature .homeLeft #videoDetails #ShareThis {
     margin-left: 140px;
    }
    
    #homeFeature h3 {
     background-color: #fff;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     padding: 3px 10px;
     margin-bottom: 15px; 
     float: left;
     font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
    }

#homeFeature .homeRight {
  float: left;
  width: 285px;
  margin-left: 33px;
}

    /* removed with Issue 633
    .Page-Profile #mainContent .filmList div.scrollable {
     /* required settings 
     position: relative;
     overflow: hidden;
     /* vertical scrollers have typically larger height than width 
     height: 255px;
     width: 100px;
    } */

    #showreel-thumbnail-grid  {
        position:relative;
        overflow:hidden;
        max-width: 640px;
        height:450px;
        margin-left: 10px;
    }

    #showreel-thumbnail-grid .items  {
        width:20000em;
        position:absolute;
        clear:both;
    }

    #showreel-thumbnail-grid .items div {
        float:left;
        width:645px;
        height:450px;
    }
    
    #showreel-thumbnail-grid .items a {
        background: #000;
        width: 205px;
        height: 110px;
        display: block;
        float: left;
        margin: 5px;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }

    /* highlight the active item */
    #showreel-thumbnail-grid .items a.is-active {
        opacity: 0.5;
    }
    
    #showreel-thumbnail-grid .items a img {
        display: block;
    }

    .Page-Profile #mainContent .filmList div.scrollable a {
     color: inherit;
     text-decoration: none;
    }
    
    /* root element for scrollable items */
    .Page-Profile #mainContent .filmList div.scrollable div.items {
     position: absolute;
     /* this time we have very large space for the height */
     height: 20000em;
    }
    
    .Page-Profile #mainContent .filmList .item {
     width: 100px;
     clear: both;
     margin-bottom: 10px;
    }
    
    .Page-Profile div.nextPage,.Page-Profile div.prevPage {
     margin: 10px 0 20px 35px;
     cursor: pointer;
     width: 35px;
    }
    
    .Page-Profile div.nextPage.disabled,.Page-Profile div.prevPage.disabled
     {
     opacity: 0.2; /* W3C */
     filter: alpha(opacity = 20); /* IE */
     -moz-opacity: 0.2; /* Mozilla */
     cursor: default;
    }

    
    #homePartners {
      overflow: auto;
    }
    
    #homePartners div#advertising {
      width: auto;
    }
    
    #homeNews {
     background: #ebebeb url(/static/images/home-news-bg.gif) 435px repeat-y;
     padding: 15px;
     overflow: auto;
    }
    
    #homeNews h3 {
     background-color: #CCC;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     padding: 3px 10px;
     margin-bottom: 30px;
     float: left;
     font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
    }
    
    #homeNews #homeNews-left {
     float: left;
     width: 430px;
    }
    
    #homeNews #homeNews-middle {
     float: left;
     width: 240px;
     margin: 0 30px 0 20px;
    }
    
    #homeNews #homeNews-right {
     float: left;
     width: 210px;
     margin: 0 0 0 20px;
    }

.newsItem h4 {
 font-size: 0.9em !important;
 color: #1D1D1D !important;
 margin-bottom: 2px !important;
}

.newsItem p {
 font-size: 0.9em;
}

.facebookLarge,.twitterLarge,.rssLarge {
 width: 31px;
 height: 30px;
 background-repeat: no-repeat;
 text-indent: -9999em;
}

.facebookLarge {
 background: url(/static/images/facebook.png)
}

.twitterLarge {
 background: url(/static/images/twitter.png)
}

.rssLarge {
 background: url(/static/images/rss.png)
}

/* Small Icons with text */
.facebookSmall,.twitterSmall {
 padding: 0 5px 0 20px;
 background-repeat: no-repeat;
}

.facebookSmall {
 background-image: url(/static/images/facebook-sml.png);
}

.twitterSmall {
 background-image: url(/static/images/twitter-sml.png);
}

#rightChannel {
 float: right;
 width: 267px;
}

#rightChannel .rightBox {
 padding: 6px;
 overflow: hidden;
 border: 2px dashed #ccc;
 margin-bottom: 20px;
}

#rightChannel h3 {
 font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
}

#rightChannel p {
 margin-bottom: 5px;
}

#rightChannel #newsletter p {
 text-align: center;
}

#rightChannel #newsletter div {
 background: #ccc;
 padding: 10px;
 margin-bottom: 10px;
}

#rightChannel #newsletter strong {
 display: block;
 padding-bottom: 5px;
}

#rightChannel #WhoShowreel {
 padding: 10px;
}

#rightChannel #WhoShowreel strong {
 font-size: 1.2em;
}

#rightChannel #Spots10000 {
 padding: 15px 40px;
}

#rightChannel #Spots10000 p {
 font-size: 1.4em;
 line-height: 1.2;
 margin-bottom: 15px;
}

#rightChannel #Spots10000 p strong {
 color: #7ab747;
 display: block;
}

#rightChannel #MediaKit {
 padding: 10px 20px;
 font-size: 1.2em;
}

#rightChannel #MediaKit a.DownloadMediaKit {
 display: block;
 float: right;
 margin-top: 100px;
 font-size: 0.7em;
 color: #000;
 width: 110px;
 text-decoration: none;
}

/* Featured Person */
#featuredPerson {
 overflow: auto;
 /*padding: 10px 0 0 0;*/
}

#featuredPerson .personContent {
 float: left;
 width: 385px;
}

#featuredPerson .personContent p {
 margin: 0 0 0 200px;
 font-size: 0.9em;
}

#featuredPerson .personContent .video {
 height: 220px;
 width: 385px;
 margin: 10px auto;
 clear: both;
 background-color: #333;
 vertical-align: middle;
 color: #fff;
 text-align: center;
}

#featuredPerson .personContent #videoDetails {
 overflow: auto;
 background-color: #fff;
 margin-top: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

#featuredPerson .personContent #videoDetails #viewProfile {
 background: #fff url(/static/images/grey_arrow.png) right no-repeat;
 float: left;
 padding-right: 17px;
 display: block;
}

#featuredPerson .personContent #videoDetails a {
 text-decoration: none;
 color: #000;
}

#featuredPerson .personContent #videoDetails #ShareThis {
 margin-left: 140px;
}

#featuredPerson h3 {
 background-color: #EBEBEB;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 padding: 3px 10px;
 float: left;
 font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
}

/* News Plugin */
#newsHelper {
 background: #ebebeb url(/static/images/home-news-bg.gif) 435px repeat-y;
}

.list-bottom-section #newsHelper {
  float:left;
}

#newsHelper h3 {
 background-color: #CCC;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 padding: 3px 10px;
 margin-bottom: 30px;
 float: left;
 font-family: RockwellStdBold, Helvetica, Arial, sans-serif;
}

#newsHelper #newsHelper-left {
 float: left;
 width: 430px;
}

#newsHelper #newsHelper-middle {
 float: left;
 width: 240px;
 margin: 0 30px 0 20px;
}

#newsHelper #newsHelper-right {
 float: left;
 width: 210px;
 margin: 0 0 0 20px;
}

.newsHelperItem h4 {
 font-size: 0.9em !important;
 color: #1D1D1D !important;
 margin-bottom: 2px !important;
}

.newsHelperItem p {
 font-size: 0.9em;
}

/*
      Sign Up Stuff

    */
h1#SignUp {
 position: absolute;
 color: #d2d0d1;
 top: 20px;
 right: 20px;
 font-size: 2.6em;
 font-weight: normal;
}

#join-intro {
 width: 950px;
 margin: 50px auto 30px auto;
 border: 10px solid #dad8d9;
 background: #fff;
 padding: 3px;
 -moz-box-shadow: 4px 4px 4px #666; /* FF3.5+ */
 -webkit-box-shadow: 4px 4px 4px #666; /* Saf3.0+, Chrome */
 box-shadow: 4px 4px 4px #666; /* Opera 10.5, IE 9.0 */
}

#join-intro-inner {
 background: url(/static/images/intro-inner-bg.png) bottom repeat-x;
 height: 280px;
 overflow: hidden;
}

#join-intro-inner.formPage {
 background-image: none;
 padding-top: 30px;
 height: auto;
}

#join-intro h2 {
 font-family: RockwellStdBold;
 text-align: center;
 letter-spacing: -0.02em;
 font-size: 3.5em;
 margin: 40px 0 20px 0;
}

#join-intro h2 span {
 color: #1d1d1d;
 padding-left: 30px;
 background: url(/static/images/grey-dot.png) 0 25px no-repeat;
}

#join-intro h3 {
 font-family: RockwellStdBold;
 margin: 0px;
 font-size: 1.6em;
 text-align: center;
}

#join-intro h4 {
 font-family: RockwellStdBold;
 margin: 0px;
 font-size: 1.5em !important;
 text-align: center;
}

#join-inner-text {
 width: 500px;
 padding: 30px 0 0 90px;
 font-size: 1.8em;
}

#join-inner-text p {
 font-family: RockwellStdBold;
 margin: 0 !important;
 font-size: 0.9em;
}

#join-inner-text p.small {
 font-size: 0.8em;
}

#join-inner-signup {
 float: right;
 position: relative;
 width: 300px;
 padding: 30px;
 height: 135px;
 background: #fff;
 overflow: hidden;
}

#join-intro-inner li {
 clear: both;
 margin-bottom: 20px;
}

#join-intro-inner label {
 width: 140px;
 float: left;
 padding-top: 3px;
}

#join-intro-inner input,#join-intro-inner select {
 width: 150px;
}

input#syndication_suggested, input#promo_code {
 width: 150px;
}

#join-intro-inner.formPage label {
 width: 200px;
 color: #4d8102;
 text-align: right;
 padding-right: 10px;
}

#join-intro-inner.formPage input,#join-intro-inner.formPage select {
 width: 150px;
}

/* Login Form */
#join-intro.login #join-intro-inner {
 height: 320px;
}

#join-intro.login #join-inner-signup {
 float: left;
 width: 400px;
 height: 260px;
}

.key-wrapper {
 float: left;
 padding-top: 15px;
}

#join-intro.login #join-inner-text {
 width: 325px;
 padding: 10px 0 0 30px;
 font-size: 1.1em;
 float: left;
}

#join-intro.login #join-inner-text p {
 font-family: Helvetica, Arial, sans-serif;
}

#join-intro.login #join-inner-text p.small {
 font-family: RockwellStdBold;
}

#join-intro.login fieldset {
 border: 0 none;
}

#join-intro.login legend {
 display: none;
}

#join-intro.login dt {
 clear: both;
 margin-bottom: 10px;
}

.checkboxes input {
 width: auto !important;
 margin-top: 6px;
}

.checkboxes li {
 margin-bottom: 10px !important;
}

.join-form-section {
 width: 400px;
 margin-left: 320px;
 margin-top: 20px;
}

.formPage h3 {
 clear: both;
}

.signup #content h4 {
 text-align: center;
 font-size: 2em;
 margin: 0;
}

.planColumn {
 margin-top: 10px;
 width: 210px;
 float: left;
 padding: 0 0 0 15px;
 margin-right: 5px;
 border-left: 2px dashed #dddcdc;
 position: relative;
 height: 19em;
}

.planColumnLarge {
 width: 220px;
 border-left: none;
 margin-left: 0;
 padding: 0;
}

.planColumn p {
 margin-bottom: 5px;
 line-height: 1.5;
}

.planColumn p.planPrice {
 color: #8EBF00;
 font-weight: bold;
 font-size: 1.5em;
 position: absolute;
 bottom: 0;
 margin-bottom: 0 !important;
 text-align: center;
}

.planColumn p.planSample {
 background: url(/static/images/i.png) no-repeat 0 3px;
 padding: 0 0 0 20px;
 font-size: 0.9em;
 position: absolute;
 bottom: 5px;
}

.benefitColumn {
 float: left;
}

.benefitColumn p.benefitItem {
 padding-left: 80px;
 margin-bottom: 20px;
 background-position: 0 5px;
 background-repeat: no-repeat;
}

.benefitColumn p.benefitItem strong {
 display: block;
}

.benefitColumn blockquote {
 margin: 50px 0 0 0;
 font-size: 1.5em;
 background: url(/static/images/quote-open.png) no-repeat;
 padding: 0 0 0 30px;
}

.benefitColumn blockquote span {
 display: block;
 background: url(/static/images/quote-close.png) bottom right no-repeat;
 padding: 0 30px 0 0;
}

.submitBtn {
 background-color: #d1f259;
 border: none;
 padding: 6px 12px;
 font-size: 0.8em;
 width: auto;
 color: #434240;
 font-weight: bold;
 font-family: RockwellStdBold;
 -moz-border-radius: 15px; /* FF1+ */
 -webkit-border-radius: 15px; /* Saf3+, Chrome */
 border-radius: 15px; /* Opera 10.5, IE 9 */
 background-image: -moz-linear-gradient(top, #d8f960, #a6c52a);
 /* FF3.6 */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8f960),
  color-stop(1, #a6c52a) ); /* Saf4+, Chrome */
 filter: progid : DXImageTransform.Microsoft.gradient ( startColorStr =
  '#d8f960', EndColorStr = '#a6c52a' ); /* IE6,IE7 */
 -ms-filter:
  "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8f960', EndColorStr='#a6c52a')";
 /* IE8 */
 text-decoration: none;
 cursor: pointer;
}

.bigSubmitBtn {
 font-size: 1.8em;
 padding: 8px 40px 12px;
 -moz-border-radius: 30px; /* FF1+ */
 -webkit-border-radius: 30px; /* Saf3+, Chrome */
 border-radius: 30px; /* Opera 10.5, IE 9 */
 -moz-box-shadow: 1px 4px 4px #666; /* FF3.5+ */
 -webkit-box-shadow: 1px 4px 4px #666; /* Saf3.0+, Chrome */
 box-shadow: 1px 4px 4px #666; /* Opera 10.5, IE 9.0 */
}

.greyButton {
 color: #ffffff !important;
 background-image: -moz-linear-gradient(top, #999999, #666666);
 /* FF3.6 */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),
  color-stop(1, #666666) ); /* Saf4+, Chrome */
 filter: progid : DXImageTransform.Microsoft.gradient ( startColorStr =
  '#999999', EndColorStr = '#666666' ); /* IE6,IE7 */
 -ms-filter:
  "progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999', EndColorStr='#666666')";
 /* IE8 */
}

#join-intro .submitBtn {
 font-size: 1em;
 padding: 3px 10px;
 margin: 0px;
}

.join-form-section .submitBtn {
 margin-left: 10px !important;
 font-size: 1.1em !important;
 width: 200px !important;
}

#newsletter input {
 padding: 4px;
 width: 130px;
}

#newsletter input.submitBtn {
 margin-left: 10px;
 padding: 4px 10px;
 font-size: 0.8em;
 width: auto;
}

#footer {
 clear: both;
 text-align: center;
 padding-top: 100px;
 height: 254px;
}

/*
  .push {
  	height: 254px;
  }
    */ /************

TABS

*************/
.Tabs #navigation {
  margin-bottom: 20px;
}

.Tabs #mainContent {
  background: transparent; 
  width: 690px;
  float: left;
  position: relative;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
}

.lists-wrapper #mainContent{
  background: rgba(255, 255, 255, 0.6)
}

.Tabs #mainContent #navigation {
  margin: 0 0 0 0;
  padding: 0;
  height: 54px;
}

.Tabs #mainContent #navigation ul {
  height: 3em;
  background: transparent;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
}

.Tabs #mainContent #navigation ul ul {
  border: 0;
}

.Tabs #mainContent #navigation li {
 margin: 0;
 overflow: hidden;
 vertical-align: middle;
 float: left;
 cursor: pointer;
 color: #fff;
 width: 163px;
 height: 3em;
 top: 0;
 background: #b4b2b3;
 background-image: url(/static/images/nav-shadow.png);
 background-position: top left;
 background-repeat: no-repeat;
  border-radius: 0;
  border: 0;
  padding: 0;
  padding-left: 17px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.Tabs #mainContent #navigation li.first { 
  background-image: none !important;
}

.Tabs #mainContent #navigation li a {
 display: block;
 padding: 0;
 font-size: 1.2em;
 line-height: 3em;
 font-family: RockwellStdBold;
 background: transparent;
 color: #fff;
 font-weight: normal;
 width: 100%;
}

.Tabs #mainContent #navigation li li {
 background: none;
 display: block;
 width: 23px;
 text-align: center;
 font-size: 1.2em;
 line-height: 3.0em;
 font-family: RockwellStdBold;
}

.ui-tabs {
  padding: 0;
}

.ui-state-hover {
  border: 0;
}

.Tabs #mainContent #navigation li.ui-state-active {
 background: none;
 color: #1d1d1d;
 widxth: 178px;
}

.Tabs #mainContent #navigation li.ui-state-active a {
  color: #000;
}

.Tabs #mainContent #navigation li.ui-state-active.first {
 background: url(/static/images/nav-shadow-left.png) left no-repeat;
 pxadding-left: 17px;
}

.Tabs #mainContent .contentSection {
 pxadding-left: 22px;
}

.profile-wrapper #mainContent .contentSection {
 paxdding-left: 14px;
}

.Tabs #mainContent .contentSection,.Page-Profile .rightSection {
 /*display: none;*/
}

/****************
   *  Showreel and Profile
   *    Pages
   *
   *
   **************/
.Page-Profile h1 {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-left: 20px;
  font-size: 2.5em !important;
}

.Page-Profile h1 span {
 font-size: 0.6em;
}

.Page-Profile #content h2 {
 font-family: Helvetica, Arial, sans-serif;
 text-transform: lowercase;
 font-weight: normal;
 margin: -5px 0 15px 20px;
 letter-spacing: 1px;
}

.Page-Profile #content:after,.Page-Profile #wrapper:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.Page-Profile #contentWrapper {
 min-height: 500px;
 background: url(/static/images/profile-background.png);
}

/*
  .Page-Profile #contentWrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;margin-bottom:20px; }
  */
.Page-Profile .contentBlock {
 clear: both;
 margin: 10px;
}

.Page-Profile .adsBlock {
 margin-left: -10px;
 margin-top: 50px;
}

.Page-Profile .borderBottom {
 padding-bottom: 25px;
}

.Page-Profile #mainContent .profileList {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.Page-Profile #mainContent .profileList li {
 padding: 10px;
 clear: both;
}

.Page-Profile #mainContent .profileList li.odd {
 background-color: #c1c1c1;
}

.Page-Profile #mainContent .profileList li:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.Page-Profile #mainContent .profileList li label {
 float: left;
 font-weight: bold;
}

.Page-Profile #mainContent .profileList li p {
 margin: 0 0 2px 175px;
}

.Page-Profile #mainContent p.profileDescription {
 margin-top: 25px;
 padding: 10px;
 clear: both;
}

/* .Page-Profile #rightChannel {
  background-image: url(/static/images/profile-rightchannel-bg.png);
  background-repeat: repeat-y;
  background-position: top left;
} */

.Page-Profile #rightChannel,.Tabs #rightChannel {
 float: right;
 margin-top: -30px;
}

.Page-Profile #rightChannel li,.publicTools li {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.Page-Profile h3 {
 -moz-border-radius: 10px; /* FF1+ */
 -webkit-border-radius: 10px; /* Saf3+, Chrome */
 border-radius: 10px; /* Opera 10.5, IE 9 */
 background-color: #ebebeb;
 font-family: RockwellStdBold;
 width: 100px;
 font-size: 0.9em;
 text-align: center;
 padding: 3px 20px;
 color: #1d1d1d !important;
 margin-bottom: 20px;
 text-transform: uppercase;
}

.Page-Profile #rightChannel h3 {
}

.Page-Profile #rightChannel .contentBlock {
 clear: both;
}

.Page-Profile #rightChannel .contentBlock:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.Page-Profile #rightChannel .shareThis,.publicTools .shareThis {
 float: left;
 padding: 2px 0 2px 20px;
 background-repeat: no-repeat;
 margin: 5px 10px 5px 0;
}

.publicTools .shareThis {
 float: none;
}

.Page-Profile #rightChannel .Facebook,.publicTools .Facebook {
 background-image: url(/static/images/facebook-sml.png);
}

.Page-Profile #rightChannel .Twitter,.publicTools .Twitter {
 background-image: url(/static/images/twitter-sml.png);
}

.Page-Profile #rightChannel .getRSS {
 clear: both;
 float: left;
 padding: 2px 20px 2px 20px;
 background-repeat: no-repeat;
 background-position: 0 4px;
 background-image: url(/static/images/rss-sml.png);
 text-transform: uppercase;
}

.Page-Profile #rightChannel .rssLeft {
 padding: 2px 2px 0px 10px;
 background-position: left 4px;
 width:260px;
}

.Page-Profile #rightChannel .embedCode {
 clear: both;
 float: left;
 text-transform: uppercase;
}

.Page-Profile #rightChannel a {
 text-decoration: none;
}

.Page-Profile #rightChannel a:hover {
 text-decoration: none;
 color: white;
}

.Page-Profile #mainContent .filmList {
 width: 110px;
 height: 340px;
 float: left;
}

/* .Page-Profile #mainContent .filmList div.scrollable {
 /* required settings 
 position: relative;
 overflow: hidden;
 /* vertical scrollers have typically larger height than width
 height: 296px;
 width: 100px;
}*/

.Page-Profile #mainContent .filmList div.scrollable a {
 color: inherit;
 text-decoration: none;
}

/* root element for scrollable items 
.Page-Profile #mainContent .filmList div.scrollable div.items {
 position: absolute;
 /* this time we have very large space for the height 
 height: 20000em;
}*/

.Page-Profile #mainContent .filmList .item {
 width: 100px;
 clear: both;
 margin-bottom: 10px;
 margin-top:5px;
}

.Page-Profile div.nextPage,
.Page-Profile div.prevPage,
.Page-Profile div.next,
.Page-Profile div.prev  {
 margin: 10px 0 10px 24px;
 cursor: pointer;
 width: 35px;
}

.Page-Profile div.nextPage.disabled,.Page-Profile div.prevPage.disabled
 {
 opacity: 0.2; /* W3C */
 filter: alpha(opacity = 20); /* IE */
 -moz-opacity: 0.2; /* Mozilla */
 cursor: default;
}


/**
   *   Public
   ***/
.publicTools {
 float: left;
 clear: none !important;
}

.publicTools li {
 font-size: 0.9em;
 color: #666600;
}

.publicTools a {
 color: #666600;
}

.Page-Public #rightChannel {
 padding-top: 30px;
}

/**
   *   Private pages
   ***/ /*
  .Page-Private h1{
    position:absolute;
    right:0px;
    top:45px;
    text-align:right;
  }
  .Page-Private h2{
    position:absolute;
    right:0px;
    top:100px;
    text-align:right;
  }  */
.Page-Private #contentWrapper {
  background: url(/static/images/profile-bg.png);
}

.minFooter {
 background: url(/static/images/minimal_footer_gradient-bg3.png) repeat-x
  bottom;
}

.minFooterInner {
 width: 990px;
 text-align: left;
 margin: 0 auto;
 background: url(/static/images/footer_minimal_logo.png) no-repeat top
  center;
 height: 254px;
 position: relative;
}

.minFooterInner .home {
 height: 250px;
 width: 280px;
 position: absolute;
 text-indent: -99999em;
 display: block;
 left: 350px
}

.footerCredits {
 position: absolute;
 bottom: 11px;
 left: 0;
 font-size: 0.7em;
}

.footerLinks {
 position: absolute;
 bottom: 11px;
 right: 0;
 text-align: right;
 font-size: 0.7em;
 text-transform: uppercase;
}

.footerCredits,.footerLinks,.footerCredits a,.footerLinks a {
 color: #1e1e1e;
 font-weight: bold;
 text-decoration: none;
}

.footerLeftContent, .footerRightContent{ padding: 35px 0 0 0; width: 257px; height: 165px; }
.footerLeftContent h2, .footerRightContent h2{ text-align: center; color: #FFFFFF; width: 257px; padding: 6px 0; *padding: 3px 0 3px 0; background: #FFFFFF url(/static/images/footer-title.png) no-repeat top center; }
.footerContentText{ color: #666666; width: 251px; padding: 15px 3px; font-weight: bold; text-align: left; font-size: 13px; line-height: 1.2; }
.footerLeftContent{ float: left; }
    .footerLeftContent h2{ float: left; }
    .footerLeftContent .footerContentText{ float: left; }
    .footerLeftContent form span input#thjluk-thjluk{ padding: 3px 2px; }
    .footerLeftContent form span.button input{ border: 0; background: #FFFFFF url(/static/images/footer-btn-subscribe.png) no-repeat top center; width: 89px; height: 25px; cursor: pointer; }
    @media screen and (-webkit-min-device-pixel-ratio:0){
        .footerLeftContent form{ margin: 1px 0 0 0; }
        .footerLeftContent form span.button input{ vertical-align: top; margin: 2px 0 0 0; }
    } 
.footerRightContent{ float: right; }
    .footerRightContent h2, .footerRightContent .footerContentText{ float: right; }
    .footerRightContent a.btnSignUp{ margin: 0 auto; display: block; height: 29px; width: 96px; background: #FFFFFF url(/static/images/footer-btn-signup.png) no-repeat top center; text-decoration: none; }

ul.error {
 margin: 5px 0;
 margin-left: 140px;
}

ul.error li {
 color: #cc3300;
 margin: 0 !important;;
 line-height: 1.2;
 font-size: 0.9em;
}

ul.spots {
 
}

ul.spots>li {
 float: left;
 margin: 5px 15px;
 width: 150px;
}

.dashedLine {
 border-bottom: 2px dashed #ccc;
 margin: 20px 0;
 height: 0;
 overflow: hidden;
 clear: both;
}

.clear {
 clear: both;
 height: 0;
 overflow: hidden;
 font-size: 0;
}

.bold {
 font-weight: bold;
}

.apple_overlay {
 -moz-border-radius: 5px;
}

.apple_overlay .close {
 top: -15px !important;
 right: -15px !important;
}

.login-nav {
 font-size: 28px;
 color: #CCCCCC;
 position: absolute;
 top: 50px;
 left: 800px;
}

.troublesend-result {
 text-align: center;
 font-size: 1.3em;
}

.news-item {
 border: 0;
 border-bottom: dashed 2px #ccc;
}

.items-list-wrapper{
 padding-top:20px;
}

.contentBlock .showreel-wrapper{
    width:180px;
    float:left;
    height: 185px;
    margin: 5px 15px;
 }

.contentBlock .showreel-wrapper a.thumbnail {
      background: #000;
      width: 205px;
      display: block;
      text-align: center;
}
.contentBlock .showreel-wrapper .caption{
    color: #666600; font-weight: bold;
 }

.break-dashed {
    width:100%; height:5px; border-bottom:4px dashed #CCCCCC; float:left;
    margin:15px 0px;
 }
 
.profile-wrapper .break-dashed {
  border-bottom: 2px dashed #999; float:left;
}
 
 .list-news{
    width:350px;
 }
 
.ads-header{
    color: #84BA31; font-weight: bold
}
 
.ads-text {
 margin-bottom:15px;
}
 
.ads-wrapper {
 float:left; width:250px; margin-right:10px;
}

.ads-wrapper div {
 margin-left: 10px;
}

.profile-wrapper{
  background-color: #d2d0d1;
  background: url(/static/images/profile-background.png);
  margin-right: 16px;
}

.filmPlayer{
    width:300px;
    float:left;
}

.showreelDescription, .profileDescription{
    float:left;
    background-color: #ebebeb;
    margin: 20px 8px 16px 0;
    padding:10px;
    width:380px;
}


/* danielr #633 add playing scrolling css */
/* Playlist navigation */

.playlistNav {
    float:left;
    width: 120px;
    margin: 20px 8px 0px 0;
    padding: 0px;
}

.fpPlayNext {
  cursor: pointer;
  color: #660;
  text-decoration: none;
  font-weight: 700;
}

.indexNav {
  width: 220px;
  padding: 8px; padding-left: 0;
  float: left;
  display: none;
}

.playlistNav .navi {
    float:right;
}

.playlistNav .navi a {
    float:left;
    display:block;
    padding: 8px;
     margin-top: -8px;
    cursor: pointer;
}


.playlistNav .navi a:hover {
    color: #000000;
}

.playlistNav .navi a.active {
    color: #FFFFFF;
    text-decoration: underline !important;
}

.profileDescription{
     width:580px;
}

.filmPlayerBorder{
 margin-top:20px;
}

.left{
    float:left;
 }
 
#showreels-right {
  padding-left: 20px;
}

 #showreels-right a, #showreels-right li {
    color:#666600;
 }
 
 #showreels-right h3 {
    background-color:#D2D0D1 ;
 }
 
.right-channel-private,
.right-channel-public {
  height: 520px; 
  /*background-color: #B4B2B3;*/
}

.header404-wrapper{
    float:left; margin-left:320px;
 }
 
h1#error404-h1 {
 padding-top:50px;
 font-size: 6em;
 color:#CCCCCC;
}

.error404-break{
    clear:both; width:100%;float:left;border-bottom: 3px dashed #ccc; padding:5px;
 }
 
h1#error404-header1 {
 margin:0;padding-left:100px;text-align:center;font-size: 3em; color: #999999;
}

h1#error404-header2 {
 margin:0 0 40px 0;padding-left:100px;text-align:center; font-size: 3em; color: #222222;
}

div.error404-small{
 font-weight:bold;padding-left:330px;margin:0;text-align:center;font-size: 1.2em; color: #222222;
}

.hand {
 cursor: pointer;
}

/* overlay dialog */
.apple_overlay_email {
     /* initially overlay is hidden */
     display:none;
                    
     border: none;
     /* growing background image */
     bxackground-image:url(/static/images/popup-white.png) !important;
     background: white;
     border-radius: 10px;
     border: 10px solid #51514c;
     width:550px;
                                
     /* some padding to layout nested elements nicely * */
     padding:35px;

     /* a little styling */
     font-size:12px;
     
     z-index:10000;
     
  }
  
.order-dvd-dialog {
    width:850px;
    padding-left: 40px;
}

/* default close button positioned on upper right corner */
.apple_overlay_email .close {
     background-image:url(/static/images/popup-close.png);
     position:absolute; right:5px; top:5px;
     cursor:pointer;
     height:35px;
     width:35px;
}
  
#email-dialog h1, #order-dvd-dialog h1, #email-friend-dialog h1 {
    height:35px;
}
  
.form-error{
    color:red;
    padding-left: 10px;
}




/* body content */
    div#body div#col1 {
        float: left;
        width: 320px;
        line-height: 140%;
    }
    
    div#body div#col1 ul,
    div#body div#col2 ul {
        marxgin-left: 15px;	
    }
    
    div#body div#col1 ul li,
    div#body div#col2 ul li {
        margin-top: 10px;
    }
    
    div#body div#col2 {
        float: left;
        width: 330px;
        margin-left: 20px;
        line-height: 140%;
    }

    div#body h1 {
        /*margin: 10px;*/
        padding: 0;
        /*margin-top: 30px;*/
        padding-left: 0px;
        /*margin-bottom: 25px;*/
        display: block;
    }
    
    div#body ul {
        padding-left: 30px;
        list-style: disc;
    }
    
    div#body h2,
    div#body h3,
    div#body p {
        padding-left: 10px !important;
    }
    
    
.break-white-solid {
      padding-top: 10px;
      border-bottom: 3px solid white;
      height: 5px;
      margin: 15px 0;
      width: 100%;
      float:left;
}
 
.signup-nav {
    color: #CCCCCC;
    font-size: 28px;
    left: 680px;
    position: absolute;
    top: 50px;
    width:270px;
}

.round6{
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.signup-step-active{
    padding:0 5px;background-color:#DDDDDD;
 }
 
 .signup-step-inactive{
    padding:0 5px;background-color:#AAAAAA; 
 }
 
 .signup-nav .noa{
     text-decoration: none; color:#444444;
 }

 .signup-annually{
    padding-top:12px; font-size:12px; font-weight:bold;
 }
 
 .signup-nav-wrapper{
 float:left; font-size:20px;
 }
 
 /* ads */
 div#advertising {
  float: left;
  margin-top: 0px;
  width: 287px;
}

div#advertising li {
  display: inline;
  float: left;
  margin-bottom: 10px;
  margin-left: 12px;
}

div#advertising img {
  border: 1px solid #6B5C54;
}

/* custom form  */
    div.formPage form ul li.security{ padding: 30px 0 10px 0; }
        div.formPage form ul li.security div.fld{ background: #EBEBEB; width: 140px; float: left; padding: 2px 8px; margin: 0 0 0 27px; *width: 160px; }
        div.formPage form ul li.security div.fld span.question{ }
            div.formPage form ul li.security div.fld span.question input{ width: 40px !important; font-weight: bold; text-align: left; border: 0; background: #EBEBEB; }
            div.formPage form ul li.security div.fld input#security_answer{ width: 80px !important; padding: 0; margin: 0; }
                div.formPage form ul li.security div.fld ul.error{ position: absolute; right: 214px; }

/* forgot page */
    div.formPage.forgotPage form ul li.security{ padding: 0 !important; }
    div.formPage.forgotPage form ul li.security div.fld{ margin: 0 0 0 2px; *width: 160px; }
    div.formPage.forgotPage form ul li.security div.fld ul.error{ position: absolute; left: 30px; right: auto; }

/* contact */
    div.page-contact{ }
        div.page-contact h4{ color: #9CB718; }
    form div.contact-send-email{ border: 8px solid #CCCCCC; margin: 50px 0 90px 0; padding: 40px 20px; }
        form div.contact-send-email ul{ }
            form div.contact-send-email ul li{ padding: 0 0 10px 0; }
                form div.contact-send-email ul li label{ display: block; width: 245px; text-align: right; float: left; color: #9CB718; font-size: 12px; padding: 3px 0 0 0; font-weight: bold; }
                form div.contact-send-email ul li div.fld{ float: right; width: 290px; }
                form div.contact-send-email ul li input, form div.contact-send-email ul li textarea{ width: 280px; }
                form div.contact-send-email ul li input.submitBtn{ width: auto; }
                
            form div.contact-send-email ul li.security{ padding: 30px 0 10px 0; }
                form div.contact-send-email ul li.security div.fld{ background: #EBEBEB; width: 140px; float: left; padding: 8px; margin: 0 0 0 27px; *width: 160px;  }
                form div.contact-send-email ul li.security label{ padding: 9px 0 0 0; }
                form div.contact-send-email ul li.security div.fld span.question{ }
                    form div.contact-send-email ul li.security div.fld span.question input{ width: 40px; font-weight: bold; text-align: center; border: 0; background: #EBEBEB; }
                    form div.contact-send-email ul li.security div.fld input#security_answer{ width: 80px; }
            form div.contact-send-email ul li.message label{ padding: 39px 0 0 0; }
    
            form div.contact-send-email ul li.form-button{ padding: 35px 0 0 0; }
     form div.contact-send-email ul.error{  }
     form div.contact-send-email ul.error li{ padding: 0 0 0 140px; }
        form div.contact-send-email ul li.security div ul.error{ position: absolute; margin: 10px 0 0 -8px; }
        form div.contact-send-email ul li.security div ul.error li{ padding: 0; }

/* Flowplayer video splash */
#playerSplash {

    cursor:pointer;

    margin: 0px auto;
    display: block;
    text-align:center;
    vertical-align: middle;

    /* Position background to the center */
    background-color: #000;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100%;

}

/* Flowplayer video splash play button */
#playerSplash img {
    margin-top:140px;
}

#player {
    margin: 0px auto;
    margin-top:auto;
    display: block;
    text-align:center;
    vertical-align: middle;
}


/* Use this player css from now on */

.playerContainer object{
    position:relative;
}


.playerContainer {

    cursor:pointer;

    margin: 0px auto;
    display: block;
    text-align:center;
    vertical-align: middle;

    /* Position background to the center */
    background-color: #333;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100%;

}

/* Flowplayer video splash play button */
.playerContainer img {
    margin-top:140px;
}

.playerContainer {
    margin: 0px auto;
    margin-top:auto;
    display: block;
    text-align:center;
    vertical-align: middle;
}


.video {
    vertical-align: bottom;
}

.facebook_large {
    background: url("../images/facebook_32.png");
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

.twitter_large {
    background: url("../images/twitter_32.png");
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

/**
 * Override Flowplayer Styles
 */

.flowplayer .fp-header {
    height: 100%;
}

.flowplayer .fp-fullscreen {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11;
}

.flowplayer .fp-elapsed {
    color: #8bc000;
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    right: 127px;
    background: #4c4c4c;
    margin-right: 0;
    padding-right: 0.25em;
    padding-left: 0.75em;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
}

.flowplayer .fp-duration {
    color: #a3a3a3;
    font-size: 0.8em;
    font-weight: bold;
    background: #4c4c4c;
    margin-left: 0;
    padding-left: 1em;
    padding-right: 0.75em;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

.flowplayer .fp-remaining {
    color: #a3a3a3;
    font-size: 0.8em;
    font-weight: bold;
    background: #4c4c4c;
    margin-left: 0;
    padding-left: 1em;
    padding-right: 0.75em;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

.flowplayer .fp-icon, .flowplayer .fp-ui a, .flowplayer .fp-ui strong {
  color: rgba(139, 192, 0, 0.9) !important;
}

.flowplayer .fp-selected, .fp-color  {
  background-color: rgba(139, 192, 40, 0.9) !important;
}

.flowplayer .fp-progress:after {
    content: '';
    height: 1em;
    width: 1em;
    background-color: rgba(119, 177, 20, 1);
    border-radius: 50%;
    position: absolute;
    right: -0.5em;
    top: -0.25em;
    border-left: 1px solid #666;
}

.flowplayer .fp-controls {
    background: #000 !important;
    height: 1.8em;
}

.flowplayer .fp-title {
    display: none;
}

.flowplayer .fp-icon:before {
    font-size: 1.3em;
}

.flowplayer .fp-bar {
    height: 0.5em !important;
    margin-right: 55px;
}

.flowplayer .fp-volume {
    display: none;
}

.flowplayer strong.fp-qsel {
    margin-right: 40px;
    /* color: #fff !important;
    font-style: italic !important; */
    font-size: 0.8em !important;
    letter-spacing: 0;
}

.flowplayer .fp-share {
    position: absolute;
    right: 0;
}

.flowplayer .fp-play {
    position: absolute;
    z-index: 10;
    width: 80%;
    height: 80%;
    top: 10%;
    right: 20%;
}

.flowplayer .fp-play svg {
    left: 25%;
}

/* .flowplayer .fp-pause {
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 90%;
}*/

.flowplayer .fp-context-menu {
    display: none;
}

.flowplayer .fp-qsel-menu {
    z-index: 20;
}

.flowplayer .fp-qsel-menu strong {
    display: none;
}

.flowplayer.is-fullscreen .fp-player {
    background-color: #000; 
} 

.dashboard-player .flowplayer .fp-bar {
    margin-right: 65px;
}

.dashboard-player .flowplayer .fp-duration {
    margin-right: 47px;
    padding-left: 0.5em;
}

.dashboard-player .flowplayer .fp-elapsed {
    right: 102px;
}