﻿div.playerContainer {
}

.flowPlayerContainer {
    text-decoration:none;
    cursor:pointer;
}

.splashBgImage {
    display: block; 
    position: relative; 
}

.partSelector 
{
    padding:10px;
    position: absolute;
    z-index:2;
    overflow:auto;
}

.floatingBanner 
{
    position: absolute;
    z-index:2;
    margin-left: 0 !important;
}

.playImage {
    display: block; 
    position: relative; 
    z-index:3;
}

.splashInfoContainer {
    /*position: relative; 
    z-index:5;*/
    position: absolute;
    z-index: 5;
    bottom: 0;
    width: 100%;
    z-index:13;
}

.functional .paddedInfo {
    padding: 10px 15px;
}
.infoPanel a,
.infoPanel a:hover {
    font-weight: 500;
    color: #fff;
    text-decoration: underline;
}

.logo_watermark {
    display: inline;
    border:0;
}

.mouseAsPointer 
{
    cursor:pointer;
}

.absolute_floater 
{
    position: absolute;
    z-index:2;
}

.infoPanel 
{
    position: absolute;
    z-index: 9;
}

.shareImage
{
    padding: 2px;
}

.extraCloseButton 
{
    display:inline;
    float:right;
    margin:5px;
}

.canvasColumn
{
    float: left;
    position:relative;
    top:-10px;
    overflow:auto;
    width: 40%
}

.leftPadded10 
{
    padding: 0px 0px 10px 10px;
}

.searchBox 
{
    background-color:#fff;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;              
	border-radius: 5px; 
}

div.searchResultsBox {
    float: left;
    overflow-x: hidden;
    overflow-y:auto;
    height:80%;
    margin-bottom: 10px;
}

.searchPlayerHit {
    display: inline-block;
    float:left;
    padding: 0 10px 5px 10px;
    cursor: pointer;
}

.searchPlayerHit p 
{
    margin: 0;
    padding: 0;
}

#synapsePlayerInfoPanel a:link, #synapsePlayerInfoPanel a:visited
{
	font-weight: bold;
	text-decoration: none;
}

#synapsePlayerInfoPanel a:hover,#synapsePlayerInfoPanel a:visited:hover
{
    font-weight: bold;
	text-decoration: underline;
}
.scrollable
{
	overflow:hidden;
	height: 100%;
}

.playerAlertBox 
{
	z-index:10;
	background-color:white; 
	position:absolute;
	border-bottom: 3px solid rgba(82, 82, 82, 0.7);
	border-left: 3px solid rgba(82, 82, 82, 0.7);
	border-right: 3px solid rgba(82, 82, 82, 0.7);
	
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	
	/*css3*/
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	/*mozilla*/
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	
	/*webkit*/
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.playerAlertBoxMessage 
{
    padding: 3px 10px;
}

.playerAlertBoxMessage a:hover,.playerAlertBoxMessage a:visited:hover
{
    font-weight: bold;
	text-decoration: underline;
}

.playerAlertBoxMessage a:link, .playerAlertBoxMessage a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #333333;
}
.vscrollerbar {
width: 10px;
/*background-color: #8B8B8B;*/
background-image: url('../img/scroller.png');
/* following is the bit that allows us fixed height scrollbars */
height: 83px !important;
}

.vscrollerbar, .hscrollerbar 
{
padding: 0px;
z-index: 2;   
}

.scrollerjogbox {
width: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


.playerYLink
{
    color: #FFCD00;
    text-decoration: none;
}

.ratingStar {
    height: 22px;
    width: 22px;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    position: relative;
    left: 68px;
    top: 5px;
}

.ratingStyle
{
    display: inline-block;
    float: left;
    width: 208px;
    height: 30px;
    background: url('../img/base_votacao.png') -14px center no-repeat;
}

.savedRatingStar 
{
    background-image: url('../img/star-filled_canalcurta2.png');
    background-size: 22px;
}

.emptyRatingStar 
{
    background-image: url('../img/star-empty_canalcurta2.png');
    background-size: 22px;
}

.waitingRatingStar 
{
    background-image: url('../img/star-waiting.png');
}


.comment
{
	display:block;
}

.comment_list
{
    overflow:auto;
    height:80%;
    margin-bottom: 10px;
}



/*NOVO PLAYER*/
.panelBg {
    background-color: rgba(0, 0, 0, 0.75) !important;
        overflow-x: hidden;
}
.panelBg span, .panelBg p, .panelBg label {
    color: #fff;
}
.extraCloseButton img {
    width: 15px;
}
.titulo-player {
    color: #fff !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
}
.label-player {
    font-weight: bold;
    background-color: #c00;
    padding: 4px 5px;
    border-radius: 5px;
    font-size: 11px;
    text-decoration: inherit !important;
            margin: 2px;
    display: inline-block;
}
.canvasColumn {
    width: 100% !important;
     margin-bottom: 20px;
}
.canvasColumn:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    padding-bottom: 15px;
}
.col-player .savedRatingStar {
    background-size: 14px;
}
.col-player .ratingStar {
    height: 14px;
    width: 14px;
        left: 0;
}
.col-player .emptyRatingStar {
    background-size: 15px;
}
.col-player .ratingStyle {
    background-image: none;
    background-color: #fff;
        width: 130px;
            height: 26px;
        border-radius:5px;    
        margin-right: 15px;
}
.col-player .ratingStyle::before{
        content: "Vote";
    color: #c00;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin: 6px 10px;
}
.col-player {
    width:49%;
    float: left;
}
.canvasColumn {
    overflow: hidden;
        padding: 0 10px;
}
.extras_container {
    position: absolute;
}
.player-footer #shareHeader {
    bottom: 0;
    width: 100%;
    background: #e0e0e0;
    position: absolute;
    padding:0 20px;
        box-sizing: border-box;
}
.player-footer #shareHeader p {
    float: left;
    line-height: 37px;
    color: #c00;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
}
.player-footer #shareHeader .shareImage {
    width: 25px;
    margin-top: 4px;
        float: right;
}
.filmes-relacionados {
        padding: 20px 10px;
    border-top:  1px solid rgba(255, 255, 255, 0.32);
    width: 100%;
}
.login-msg {
    margin: 20px 10px;
}
.login-box {
    margin:0 10px;
}

.login-box a {
    border: 1px solid #fff;
    padding: 5px 15px;
}
.login-box table {
    margin-bottom: 10px;
}
.login-box input {
    height: 26px;
    padding: 0px 10px;
    box-sizing: border-box;
    }

.login-box table td {
    padding: 6px 5px;
}
.searchResultsBox {
        padding: 10px;
}
.infoPanel .comment_list {
    margin-top: 20px;
    padding: 10px;
}
.col-player .icones {
    margin-left: 10px;
}
.col-player .icones input {
    width: 17px;
    margin-top: 3px;
}