/* Slab player */

@import url("../../common/css/common.css");

/* remember to define focus styles! */
:focus
{
	outline: 0;
}


#player
{
	width: 915px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
	background-color: #CCC;
	background-image: url(../../common/img/player_tile.jpg);
	background-repeat: repeat-y;
}
#player_header
{
	width: 910px;
	height: 170px;
	background-image: url(../../common/img/header_bg_short.jpg);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	position: relative;
}
#player_nav
{
	margin-bottom: 15px;
	padding: 0px 0px 0px 30px;
	float: left;
	width: 870px;
}



* html #player_nav
{
	width: 870px;
}


#player_nav select
{
	float: left;
	display: inline; /* 	background-color:#333333; 	border: 2px solid #000000; 	color: #f4f4f4; 	*/
}
#player_nav input.go
{
	float: left;
	margin: 1px 15px 0px 5px;
}
#player_nav select.channel
{
	width: 250px;
}
#player_nav select.characters
{
	width: 250px;
}
#player_nav select.date
{
	width: 250px;
}

#player_header h1
{
	width: 677px;
	height: 140px;
	background-image: url(../../common/img/player_mast.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 30px;
	top: 20px;
	position: absolute;
	text-indent: -9999em;
}
#player_content
{
	width: 900px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#player_content a:link
{
   color: #d8a513;
    text-decoration: none;
}

#player_content a:visited
{
   color: #d8a513;
    text-decoration: none;
}

#player_content a:hover
{
    text-decoration: underline;
}

#player_left_col
{
	width: 270px;
	float: left;
	display: inline;
	width: 268px;
	margin-left: 30px;
	margin-bottom: 15px;
	text-align: left;
}
#player_left_col #player_menu
{
	width: 270px;
	float: left;
	display: inline;
	background-image: url(../../common/img/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 447px;
	width: 268px;
	background-position: right bottom;
}

#player_left_col #player_check
{
	width: 270px;
	float: left;
	display: inline;
	background-image: url(../../common/img/menu_bg.jpg);
	background-repeat: no-repeat;
	width: 268px;
	background-position: right bottom;
	font-family: Arial, Sans-Serif;
}

#player_check h3 
{
 color:#fff;
font-size:1.6em;
font-weight:bold;
margin-bottom:0px !important;
padding-bottom:0px !important;
padding: 10px;
font-weight: normal;
}

#player_check p 
{
 color:#BEB79A;
font-size:1.1em;
font-weight:normal;
margin-bottom:0px !important;
padding: 10px;
padding-top: 0px;
}

#player_left_col #player_menu #clips
{
	background-repeat: no-repeat;
	width: 240px;
	height: 360px;
	margin: 15px;
	overflow: scroll;
	overflow-x: hidden;
}
#clip_nav
{
	background-color: #060604;
	float: left;
	width: 262px;
	height: 50px;
}
#clip_nav a.back_clip
{
	text-indent: -9999em;
	float: left;
	background-image: url(../../common/img/but_back.jpg);
	background-repeat: no-repeat;
	width: 85px;
	height: 26px;
	display: inline;
	margin-left: 10px;
	margin-top: 12px;
}
#clip_nav a.next_clip
{
	text-indent: -9999em;
	float: right;
	background-image: url(../../common/img/but_next.jpg);
	background-repeat: no-repeat;
	width: 85px;
	height: 26px;
	display: inline;
	margin-right: 10px;
	margin-top: 12px;
}
#player_left_col #player_menu #clips .clip
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;
	width: 210px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#player_left_col #player_menu #clips .clip_thumb
{
	float: left;
	width: 61px;
}
#player_left_col #player_menu #clips .clip_content
{
	float: left;
	width: 140px;
	padding-left: 8px;
	display: inline;
}
#player_left_col #player_menu #clips .clip_content h2
{
	color: #beb79a;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
#player_left_col #player_menu #clips .clip_content h3
{
	color: #545341;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
#player_left_col #player_menu #clips .clip_content a.play, #player_left_col #player_menu #clips .clip_content a.info, #player_left_col #player_menu #clips .clip_content a.share
{
	color: #d8a513;
	padding-left: 14px;
	margin-right: 5px;
	text-decoration: none;
	background-image: url(../../common/img/icon_play.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#player_left_col #player_menu #clips .clip_content a.play:hover, #player_left_col #player_menu #clips .clip_content a.info:hover, #player_left_col #player_menu #clips .clip_content a.share:hover
{
	color: #f4f4f4;
	text-decoration: underline;
}
#player_left_col #player_menu #clips .clip_content a.info
{
	background-image: url(../../common/img/icon_info.gif);
}
#player_menu #clips .clip_content a.share
{
	background-image: url(../../common/img/icon_share.gif);
}
#player_left_col h2.slab1
{
	color: #E9E9E9;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.8em !important;
	background-image: url(../../common/img/horizrule1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
}
#player_right_col
{
	width: 570px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin-left: 20px;
	height: 380px;
	margin-bottom: 15px;
}

/* without a fixed height for video */

#player_right_col_extendable
{
	width: 570px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin-left: 20px;
	margin-bottom: 15px;
}
#player_right_col #slab_player
{
	width: 570px;
	height: 380px; /*background-image:url(../../common/img/flash_player_placeholder.jpg); 	background-repeat: no-repeat;*/
}

img.decorations
{
	left: 510px;
	top: 20px;
	position: absolute;
}

.tvguide
{
	left: 730px;
	top: 20px;
	position: absolute;
	background-image: url(../../common/img/tvguide.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 160px;
	height: 100px;
}


#info_window
{
	background-image: url(../../common/img/projectinfo_bg.jpg);
	background-repeat: no-repeat;
	background-color: #090907;
	background-position: bottom right;
	width: 425px;
	height: 95px;
	float: left;
	margin-top: 7px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	min-height: 95px;
	height: auto !important;
	height: 95px;
}



#info_window #text
{
	float: right;
	display: inline;
	margin-right: 20px;
	border-left: 1px dotted #22211f;
	color: #bbba9b;
	padding: 10px;
	width: 200px;
	text-align: left;
	line-height: 1.3em;
}

#info_window #text p
{
	padding-top: 0px;
	margin-top: 0px;
	line-height: 1.3em;
}
.info_thumb
{
	margin-top: 10px;
	margin-left: 10px;
	display: inline;
	float: left;
	width: 61px;
}
.info_content
{
	float: left;
	width: 105px;
	padding-top: 5px;
	padding-left: 8px;
	display: inline;
	text-align: left;
}
.info_content h2
{
	color: #beb79a;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.info_content h3, .info_content h4
{
	color: #545341;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}


#player_right_col #control_panel a.tv_button
{
	float: right;
	text-indent: -9999em;
	width: 140px;
	height: 110px;
	margin-top: 5px;
	background-image: url(../../common/img/button_tv_schedule.png);
	background-repeat: no-repeat;
}
#player_right_col #control_panel a.send_clips
{
	float: right;
	text-indent: -9999em;
	width: 140px;
	height: 110px;
	margin-top: 0px;
	background-image: url(../../common/img/button_send_clips.png);
	background-repeat: no-repeat;
}
#player_footer
{
	clear: both;
	height: 65px;
	position: relative;
	background-image: url(../../common/img/player_footer.jpg);
	background-repeat: no-repeat;
}
#player_footer #update_info
{
	background-image: url(../../common/img/player_footer_bg.jpg);
	background-repeat: no-repeat;
	width: 850px;
	margin: 0 auto 0 auto;
	margin-bottom: 20px;
	padding-bottom: 10px;
	height: 25px;
	background-position: right bottom;
	position: relative;
	font-weight: bold;
}


#player_footer #update_info .left
{
	text-align: left;
	color: #f4f4f4;
	color: #f4f4f4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.4em;
	width: 500px;
	position: absolute;
	left: 10px;
	top: 5px;
}

/* Firefox place span at bottom of update_info instead of at top, this counteracts it */

html:not([lang*=""]) #player_footer #update_info .left, html:not([lang*=""]) #player_footer #update_info .right
{
	top: -5px;
}


#player_footer #update_info .right
{
	text-align: right;
	color: #f4f4f4;
	color: #f4f4f4;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.4em;
	position: absolute;
	right: 10px;
	top: 5px;
}

#citizens_col1
{
	float: left;
	display: inline;
	width: 335px;
	margin-left: 30px;
	margin-top: 10px;
}
#citizens_col1 h3
{
	background-image: url(../../common/img/videos_slabspace.jpg);
	background-repeat: no-repeat;
	width: 335px;
	height: 40px;
	text-indent: -9999em;
	display: block;
}
#citizens_col2
{
	float: left;
	display: inline;
	width: 335px;
	margin-left: 15px;
	margin-top: 10px;
}
#citizens_col2 h3
{
	background-image: url(../../common/img/pictures_slabspace.jpg);
	background-repeat: no-repeat;
	width: 335px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}

#citizens_col2 h3 a, #citizens_col1 h3 a
{
    display: block;
    width: 335px;
	height: 40px;
}
#get_involved
{
	float: left;
	display: inline;
	width: 155px;
	margin-left: 20px;
	margin-top: 10px;
}

#get_involved h3
{
	background-image: url(../../common/img/getinvolved_head.gif);
	background-repeat: no-repeat;
	width: 154px;
	height: 52px;
	position: relative;
	margin-top: -10px;
	margin-bottom: -8px !important;
	text-indent: -9999px;
}

#get_involved p
{
color: #CACACA;
text-align:justify;
font-size: 1.2em;
font-family: Arial, sans-serif;
padding-right: 10px;
}

dl
{
	text-align: left;
	padding-top: 10px;
	font-size: 1.3em;
	font-family: Arial, sans-serif;
}
dt
{
	background-image: url(../../common/img/horizrule1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #BEB79A;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0em;
}
dt span
{
	display: block;
	color: #999999;
	letter-spacing: -0.02em;
	font-weight: bold;
	font-size: 1em;
}
dd
{
	color: #CACACA;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 6px;
	font-family: Arial, sans-serif;
}
#player_header .hinge
{
	background-image: url(../../common/img/hinge.jpg);
	background-repeat: no-repeat;
	height: 60px;
	position: relative;
	left: 0px;
	top: 130px;
}
.hinge
{
	background-image: url(../../common/img/hinge.jpg);
	background-repeat: no-repeat;
	height: 60px;
	clear: both;
	margin-left: 2px;
	width: 908px;
}

#select_location input
{
    float: left;
    margin-top: 5px;
  
}

#select_location input.temp_button
{
    float: left;
    clear: both;
 
}

#select_location select
{
    float: left;
     width: 400px;
      margin-right: 4px;
      margin-top: 5px;
}
/* overlay */

#signup
{
	width: 640px;
	height: 507px;
	background-image: url(../../common/img/_ripped_paper.png);
	background-position: 30px 0px;
	background-repeat: no-repeat;
	padding: 0px;
	padding-left: 53px;
	padding-top: 62px;
	padding-right: 83px;
	position: relative;
	font-size: 1.2em;
}

/* Hides from IE-mac \*/
* html #signup
{
	height: 1%;
}
/* End hide from IE-mac */


#whatyouget
{
	float: left;
	width: 220px;
	display: inline;
	margin-left: 50px;
	padding-top: 10px;
}

#signup h3
{
	font-weight: normal;
	font-size: 1.6em;
	margin-bottom: 15px;
	text-align: left;
}

#whatyouget p
{
	text-align: left;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.Modal
{
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.slab_cancel_img
{
	background-image: url(../../common/img/close1.png);
	width: 91px;
	height: 41px;
	display: block;
	background-repeat: no-repeat;
}

.slab_cancel_img:hover, .slab_cancel_img_on
{
	background-image: url(../../common/img/close1_on.png);
	width: 91px;
	height: 41px;
	background-repeat: no-repeat;
	display: block;
}

#closeMandatory
{
	height: 63px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 40px;
	width: 100px;
	z-index: 1000;
}

.signup_close_img
{
	background-image: url(../../common/img/close1.png);
	width: 91px;
	height: 41px;
	display: block;
	background-repeat: no-repeat;
}

.signup_close_img:hover, .signup_close_img_on
{
	background-image: url(../../common/img/close1_on.png);
	width: 91px;
	height: 41px;
	background-repeat: no-repeat;
	display: block;
}

#becomeacitizen
{
	float: right;
	width: 348px;
	display: inline;
	margin-left: 50px;
	margin-top: 5px;
	height: 387px;
	position: relative;
}

/* hack to make overlay work in firefox */

html:not([lang*=""]) #becomeacitizen
{
width: 317px;
}

#becomeacitizen p
{
	text-align: left;
}

#denied
{
	margin: 0 auto 0 auto;
	width: 360px;
	height: 130px;
	background-image: url(../../common/img/access_denied.gif);
	background-repeat: no-repeat;
	position: relative;
}
#denied p
{
	color: #f4f4f4;
	font-size: 1.4em;
	position: absolute;
	top: 60px;
	left: 100px;
	font-family: Arial;
	color: #BEB79A;
	margin: 0px !important;
	padding: 0px !important;
}
#ctl00_ctl00_cpSiteWide_cpSlabPlayer_ControlLoaderMandatoryDynCtl_LabelFriendsEmail 
{
    width: 130px;
    float: left;
}

.FriendsEmails 
{
    width: 100px;
}


/* select location */

#select_location 
{
	margin-top: 0px;
	margin-left: 10px;
}

.player_links 
{
    float: left;
  
    padding: 5px 15px 0 15px;
    font-size: 1.3em;
}

.player_links a 
{
  
   color: #fff;
   font-family: Arial, Sans-Serif;
   text-decoration: none !important;
}

.player_links a:hover 
{
  
   color: #d8a513;
   font-family: Arial, Sans-Serif;
   text-decoration: underline !important;
}


/* share video overlay */

div.form-container
{
    _background-image: none;
    background-repeat: no-repeat;
    background-position: center 81%;
    padding-right: 12px;
    width: 336px;
}

#becomeacitizen h2.becomecitizen
{
    background-image: url(../../common/img/becomeacitizen.png);
    background-repeat: no-repeat;
    height: 25px;
    text-indent: -9999px;
    margin: 10px 0;
    padding: 0 0 0 10px;
}

div.form-container .form_row, div.form-container_book .container
{
    background-image: url(../../common/img/dottedline.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    padding: 7px 0;
}

div.form-container .form_row_ta
{
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    padding: 7px 0;
}

.slabAFriendFriendsEmails
{
    float: right;
    background-color: #bebbaa;
    color: #333;
    width: 270px;
    border-style: none;
}

div.form-container .container_radiob
{
    background-image: url(../../common/img/dottedline.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 7px;
    margin-bottom: 5px;
}

.container_textarea
{
    margin-top: 7px;
    margin-bottom: 5px;
    padding-top: 5px;
    float: left;
    margin-bottom: 10px;
}

.commas
{
    margin-top: 10px;
    display: block;
    float: right;
}

div.form-container .container_checkbox, div.form-container_book .container_checkbox
{
    background-image: url(../../common/img/dottedline.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 7px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

div.form-container .errors, div.form-container_book . errors
{
    color: #dc3225;
    clear: both;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.errors li
{
    text-align: left;
    list-style-type: disc;
    margin-left: 15px;
}

.error_star
{
    float: left;
    color: #dc3225;
}


div.form-container input
{
    width: 200px;
    display: block;
    float: right;
    text-align: left;
    background-color: #bebbaa;
    color: #333;
    border-style: none;
}

div.form-container label, div.form-container_book label
{
    display: block;
    float: left;
    text-align: left;
    clear: both;
    font-size: 1.2em;
    font-weight: 400;
}
div.form-container .form_row_ta
{
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    padding: 7px 0;
}

div.form-container .FriendsEmails
{
    float: right;
    background-color: #bebbaa;
    color: #333;
    width: 187px;
    border-style: none;
    margin-right: 0px !important;
}

div.form-container label, div.form-container_book label
{
    display: block;
    float: left;
    text-align: left;
    clear: both;
    font-size: 1.2em;
    font-weight: 400;
}

div.form-container input.button_slab, div.form-container_book input.button_slab
{
    float: right;
    width: 120px;
    margin: 0px;
    text-align: center;
    border: dotted 2px #5d5d5d;
    cursor: pointer;
    padding: 4px;
}

div#newsletter_signup
{
width:960px;
_width:900px;
position: relative;

left: 0px;
margin-bottom:5px;
}

.join_news_head
{
    position:absolute;
    left:530px;
    top:-50px;

}

.news_letter_input
{

    position:absolute;
    left:720px;
    top:-50px;
    margin-top:15px;

 
    
}

.news_submit_buttom
{

    position:absolute;
   left:880px;
   top:-50px;
   margin-top:20px;
}