/* Player */

#player
{
    color: #fff;
    margin-bottom: 15px;
    background-color: #636363;
}

#player .player-container
{
	position: relative;
    text-align: center;
    background-image: url('gfx/player/player_bg.png');
    background-repeat: repeat-x;
    margin: 0px;
    height: 531px;
    padding-top: 10px;
}

#player.event  .player-container
{
	height: 531px;
}

#player .player-login,
#player .player-end,
#player .dialog
{
    height: 370px;
}

#player .player-embed {
    height: 403px;
}

#player div.hide {
    height: 1px;
    opacity: 0.1;
}

#player .player-container-inner {
    height: 403px;
    background-image: url(gfx/player/player_controls_bg_2.gif);
    background-repeat: no-repeat;
    background-position: 100% bottom;
}

#player .player-embed
{
	overflow: hidden;
}

#player .player-login,
#player .player-end
{
    display: none;
    padding:0px 181px;
}

#player h2
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

/*placement of login box*/
#player #player-login-ctx{left:0 !important;}
#player #player-login-ctx .widget-login {padding:0;}

#player .player-login p
{
    margin-top: 5px;
}

#player .player-login {
    text-align:left;
}

#player .player-login h1 {
    font-weight:bold;
    font-size:15px;
    padding-top:20px;
}

#player .player-login .login-box label,
#player .player-login .login-box a
{
    color: #fff;
    font-size: 12px;
}


#player .player-login .login-box
{
    text-align: left;
    width: 185px;
    height: 300px;
    float: right;
    padding-top: 14px;
    margin-left: 10px;
}

#player .player-login input.text
{
    width: 100%;
    border: 1px solid #b2b2b2;
}

#player .player-login .remember
{
    float:left;
}

#player .player-login a#player-login-btn
{
    background-image: url('gfx/player/player_login_btn.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 84px;
    height: 32px;
    overflow: hidden;
    text-indent: -1337px;
    float: right;
}

#player .player-login a#player-login-btn:hover
{
    background-position: 100% 0px;
}

#player .player-controls
{
    text-align: center;
    height: 33px;
    background-image: url('gfx/player/player_controls_bg.png');
    background-repeat:no-repeat;
    background-position: 100% 50%;
}

#playerControls
{
    margin-left: 220px;
    padding-top: 3px;
}

#playerControls.flip4mac
{
    margin-top: 0px;
    padding-top: 3px;
    margin-left: 459px;
}

#playerControls a,
#playerControls span
{
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 32px;
    height: 26px;
    padding: 0px;
    margin: 0px;
    background-image: url('gfx/player/playergraphics_controller.png');
}

#playerControls a
{
    cursor: pointer;
    cursor: hand;
}

#playerControls .play
{
    background-position: -285px -37px;
}

#playerControls .play:hover
{
    background-position: -285px -103px;
}

#playerControls .pause
{
    background-position: -285px -169px;
}

#playerControls .pause:hover
{
    background-position: -285px -202px;
}

#playerControls .play.disabled,
#playerControls .pause.disabled
{
    background-position: -285px -69px;
}

#playerControls .reset
{
    background-position: -245px -37px;
}

#playerControls .reset:hover
{
    background-position: -245px -103px;
}

#playerControls .reset.disabled 
{
    background-position: -245px -69px;
}

#playerControls .jump
{
    background-position: -323px -37px;
}

#playerControls .jump:hover
{
    background-position: -323px -103px;
}

#playerControls .jump.disabled
{
    background-position: -323px -69px;
}
    
#playerControls .seperator
{
    background-position: -355px -37px;
    width: 10px;
}

#playerControls .seperator.disabled
{
    background-position: -355px -69px;
}

#playerControls .progress
{
    background-position: -370px -136px;
    width: 190px;
    height: 24px;
    margin: 3px 7px;
    position: relative;
    cursor: pointer;
    cursor: hand;
    padding: 0px;
    margin: 0px;
}

#playerControls .progress.disabled
{
    background-position: -370px -70px;
}

#playerControls .progress .overlay
{
    background-position: -370px -37px;
    width: 0px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
}

#playerControls .progress .tracker
{
    background-position: -442px -103px;
    width: 10px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    visibility: visible;
}

#playerControls .progress.disabled .tracker
{
    visibility: hidden;
}

#playerControls .time
{
    font-size: 9px;
    width: 90px;
    margin-top: 6px;
    margin-left: 10px;
    height: 12px;
}

#playerControls .time.disabled
{
    color: #999;
}

#playerControls .mute
{
    background-position: -650px -37px;
    width: 15px;
}

#playerControls .mute.disabled
{
    background-position: -650px -69px;
}

#playerControls .mute.muted
{
    background-position: -650px -103px;
}

#playerControls .mute.muted.disabled
{
    background-position: -650px -135px;
}

#playerControls .soundLevel
{
    background-position: -670px -37px;
    width: 63px;
    position: relative;
    padding: 0px;
    margin: 0px;
}

#playerControls .soundLevel.disabled
{
    background-position: -670px -69px;
}
    
#playerControls .soundLevelKnob
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: -687px -103px;
    width: 13px;
    margin: 0px;
    padding: 0px;
    height: 22px;
    visibility: visible;
}

#playerControls .soundLevelKnob.disabled
{
    visibility: hidden;
}

#playerControls .full
{
    background-position: -865px -37px;
}

#playerControls .full:hover
{
    background-position: -865px -103px;
}

#playerControls .full.disabled
{
    background-position: -865px -69px;
}

#playerControls .popout
{
    background-position: -835px -37px;
}

#playerControls .popout:hover
{
    background-position: -835px -103px;
}

#playerControls .popout.disabled
{
    background-position: -835px -69px;
}

#player .product-info-box
{
    text-align: left;
    color: #fff;
    padding-top: 14px;
    border-bottom: 1px solid #555;
    margin-bottom:20px;
    padding-bottom: 20px;
    width: 400px;
}

#player .product-available-box
{
    padding-top: 20px;  
}

#player .loggedin .product-info-box
{
    width: auto;
}

#player .dialog a
{
    color: #ccc;
    text-decoration: underline;
}

#player .dialog a:hover
{
    color: #fff;
}

a.read-more,
a.indidvidualize
{
    padding-left: 11px;
    color: #a3e5fd !important;
    background: url('gfx/common/linkarrow_lightblue.png') no-repeat 2px center;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none !important;
}

#player .product-available-box
{
    width: 404px;

}

#player .producthover {

    background-image:url(/css/gfx/player/buypromt_mouseover.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    width:404px;
    height: 92px;
    position:absolute;
    left:0px;
    top:0px;
}

#player .product-available-box a {
    color:#fff;
    /*padding-left:84px;*/
}

#player .product-available-box .product
{
    margin-bottom:8px;
    width:320px;
    text-align: left;
    height:92px;
    background-image:url(/css/gfx/player/buypromt_bg.png);
    background-position:0 0;
    background-repeat:no-repeat;
    padding:0;
    padding-left:84px;
    cursor:pointer;
    position:relative;
}

#player .product-available-box .product_sport {
	background-image:url(/css/gfx/player/buyprompt_sport.png) !important;	
}

#player .product-available-box .product h3
{
    font-weight: bold;
    font-size:16px;
    padding-top:10px;
}


/* Product button*/
#player .product-available-box .product .product-buy-btn span
{
    display:block;
    height: 26px;
    float: left;
}

#player .product-available-box .product .product-buy-btn .left,
#player .product-available-box .product .product-buy-btn .right
{
    background-image: url('gfx/player/player_product_btn.png');
    width: 4px;
    background-repeat: no-repeat;
}

#player .product-available-box .product .product-buy-btn .right
{
    background-position: -9px 0px;
}

#player .product-available-box .product .product-buy-btn .content
{
    background-image: url('gfx/player/player_product_btn_content.png');
    color: #1a628b;
    padding: 5px;
    height: 16px;
    font-weight: bold;
}

#player .product-available-box .product .product-buy-btn:hover .left
{
    background-position: -13px 0px;
}

#player .product-available-box .product .product-buy-btn:hover .content
{
    background-image: url('gfx/player/player_product_btn_content_hover.png');
}

#player .product-available-box .product .product-buy-btn:hover .right
{
    background-position: -22px 0px;
}

/* player live broadcast program listings */
#player .player-info .player-more-programs {
    font-weight:bold;
    margin-top:8px;
    margin-bottom:2px;
}

#player .player-info .program-time {
    clear:left;
    float:left;
    width:100px;
    /*margin-bottom:2px;*/
}

#player .player-info .program-title {
    float:left;
    font-weight:bold;
    width:500px;
    /*margin-bottom:2px;*/
}


/* default button*/

#player .player-btn span
{
    display:block;
    height: 26px;
    float: left;
}

#player .player-btn .left,
#player .player-btn .right
{
    background-image: url('gfx/player/player_btn.png');
    width: 4px;
    background-repeat: no-repeat;
}

#player .player-btn .right
{
    background-position: -9px 0px;
}

#player .player-btn .content
{
    background-image: url('gfx/player/player_btn_content.png');
    color: #1a628b;
    padding: 5px;
    height: 16px;
    font-weight: bold;
    font-size: 14px;
}

#player .player-btn .left:hover
{
    background-position: -13px 0px;
}

#player .player-btn .content:hover
{
    background-image: url('gfx/player/player_btn_content_hover.png');
}

#player .player-btn .right:hover
{
    background-position: -22px 0px;
}

#player .dialog
{
    color: #ccc;
    display: none;
    font-size: 14px;
    line-height: normal;
    padding:0px 181px;
    padding-top: 20px;
    width: 658px;
    height: 350px;
}

#player .event-has-image
{
    padding: 0px 170px;
    height: 369px;
    overflow: hidden;
}

#player .dialog p
{
    padding: 20px 0px;
    padding-right: 50px;
    text-align: left;
}

#player .dialog p a.read-more
{
    font-size: 12px;
}

#player .dialog p.segment
{
    border-bottom: 1px solid #555;
}

#player .dialog_error p span {
    color: #aaa;
    font-size: 11px;
    margin-bottom: 5px;
}

#player .dialog_notice_fetching_manifest,
#player .dialog_notice_invoking_video,
#player .dialog_error,
#player .dialog_error_unavailable
{
    padding-top: 120px;
    height: 250px;
    text-align: left;
}

#player .dialog_error_unavailable
{
    display: block;
    padding-top: 60px;
    height: 310px;
}

#player .dialog_notice_fetching_manifest p,
#player .dialog_notice_invoking_video p,
#player .dialog_error p,
#player .dialog_error_unavailable p
{
    text-align: inherit;
    padding-right: 0px;
}

#player .dialog_notice_fetching_manifest,
#player .dialog_notice_invoking_video
{
    text-align: center;
}

#player .dialog_notice_fetching_manifest p,
#player .dialog_notice_invoking_video p
{
    text-align: center;
}

#player .dialog_error_broadcast_closed h2
{
    margin-top: 100px; 
	text-align: left;
}

#player .player-select a {
    color: #2b2b07;
    text-align: center;
}

#player .player-info .info {
    float:left;
    width:600px;
}

#player .player-info .info-more {
    float:left;
    width: 320px;
    max-height: 118px;
    margin-left: 50px;
    position: relative;
}

#player .player-info
{
    text-align: left;
    padding: 10px;
    background-image: url('gfx/player/playerdescription_gradient_bg.gif');
    height: 128px;
    background-repeat: no-repeat;
}

#player .player-info h2
{
    font-size: 22px;
    margin-bottom: 10px;
}

#player .player-info h2 a
{
    color: #fff;
}

#player .player-info h3
{
    font-size: 14px;
    font-weight: bold;
}

#player .player-info .player-info-description
{
    margin-top: 5px;
}

#player .player-info-faq
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

#player .player-info-faq a
{
    font-size: 12px;
}

/* Post play */

.player-end
{
    text-align: left;
}

.player-end .more
{
    border-top: 1px solid #555;
    margin-top: 20px;
    padding-top: 5px;
}

#player .more .stackpanel .count,
#player .more .stackpanel .paging,
#player .more .stackpanel .displaytype
{
    display: none;  
}

#player .more .stackpanel .header
{
    background-image: none;
    margin-bottom: 0px;
}

#player .more .stackpanel ul.thumbs
{
    background-color: transparent;
}

#player .more .stackpanel ul.thumbs li .image
{
    background-image: url("gfx/player/itembg.gif");
}

#player .more .stackpanel ul.thumbs li .image span
{
    background-image: url("gfx/player/itembg_bottom.gif");
}

#player .more .stackpanel ul.thumbs li .text
{
    color: #fff;
}


#player .actions
{
    padding-top: 40px;
    height: 100px;  
    margin-left: 240px;
}

#player .actions a.replay
{
    display: block;
    background-image: url("gfx/player/replay.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 167px;
    height: 67px;
    overflow: hidden;
    text-indent: -1337px;
}

#player .actions a.replay:hover
{
    background-position: 0px -80px; 
}

#closedCaptions
{
    position: absolute;
    width: 658px;
    left: 171px;
    top: 340px;
    z-index: 9999;
    vertical-align: center;
    display: block;
}

#closedCaptions p
{
	font-size: 14px !important;
	background-color: black !important;
	display: inline-block;
	margin: 0px;
    text-align: left;
	padding: 0px;
}

/* IE6 */
* html #player .frame-hd
{
    font-size: 1px; 
    padding: 0 0 16px;
    background-repeat: no-repeat;
}

* html #player .frame-ft
{
    font-size: 1px; 
    background-image: url("gfx/player/playerdescription_bg_bottom.gif");
}

* html #player .frame-bd
{
    overflow: hidden;
}


* html #player .dialog
{
    width: 628px !important;
}

* html #player .player-container
{
    padding: 0px;
    margin: 0px 4px;
}

* html #player .player-controls,
* html #player .player-info 
{
	margin: 0px;
}

* html #player .player-controls 
{
	background-image: url("gfx/player/player_controls_bg.gif");
}

* html #player .player-info 
{
    height: 118px;
    padding-bottom: 0px;
}

* html #player .frame-hd,
* html #player .frame-bd
{
    background-image: url('gfx/player/content_bg.gif');
}

* html #player .player-login,
* html #player .player-end
{
    display: none;
    padding:0px 160px;
}