@import url('global.css');

p {
	margin: 0;
	padding: 0;
}

#hot_topics {
	top: 595px;
}

#footer {
	top: 830px;
}

#center {
	position: relative;
	text-align: center;
}

#shows {
	position: absolute;
	width: 231px;
	top: 6px;
	left: 514px;
	height: 98px;

}

#tunein {
	position: relative;
	left: 500px;
	top: 15px;
}

#divider {
	background: url(http://streaming.myfoxkc.com/images/divider_red.gif);
	position: relative;
	float: left;
	width: 1px;
	height: 77px;
	left: 0;
	top: 8px;
}

#shop_container {
  position: absolute;
  left: 780px;
  top: 260px;
  z-index: 512;
  width: 245px;
  height: 333px;
  background: url(../images/shop_bg.jpg) top left no-repeat;
}

#shop_pane {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 50px;
  width: 245px;
  height: 284px;
}

#shop_list {
  position: relative;
  top: 0;
}

.shop_cell {
  display: block;
  position: relative;
  left: 5px;
  width: 200px;
  height: 75px;
  color: #FFF;
  padding-bottom: 5px;
}

.shop_cell a {
  display: block;
  position: relative;
  left: 120px;
  top: 25px;
  width: 75px;
  text-decoration: none;
  color: #FFF;
  border: none;
}

.shop_cell img {
  display: inline;
  position: absolute;
  left: 12px;
  top: 0;
  border: none;
  cursor: pointer;
}

#shop_container p {
  display: inline;
  position: relative;
  left: 10px;
  top: 10px;
  width: 170px;
  padding-left: 10px;
}

#shop_container a {
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}

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

#shop_header {
  position: absolute;
  left: 778px;
  top: 230px;
}

#watch_container {
	overflow: hidden;
	position: absolute;
	top: 260px;
	width: 245px;
	height: 333px;
	background: url(../images/watch_bg.jpg) top right no-repeat;
}

#watch_list {
	position: relative;
	top: 20px;
}

.watch_cell {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	display: block;
	position: relative;
	color: #FFF;
	width: 200px;
	height: 75px;
	margin-top: 3px;
}

.watch_cell a {
	position: relative;
	left: 30px;
	top: 25px;
	display: block;
	text-indent: 20px;
	border: none;
	color: #FFF;
	width: 75px;
	text-decoration: none;
}

.watch_cell img {
	position: absolute;
	float: right;
	display: inline;
	top: 0;
	border: none;
	left: 122px;
}

#watch_header {
	position: absolute;
	left: 160px;
	top: 230px;
}

/* SCROLLERS */

#watch_list_scroller {
	background: url(../images/scroll_bg.gif) top left repeat-y;
	width: 9px;
	height: 311px;
	position: absolute;
	top: 275px;
}

#shop_list_scroller {
  position: absolute;
  right: 10px;
  top: 314px;
  z-index: 1024;
  width: 9px;
  height: 274px;
  background: url(../images/scroll_bg.gif) top left repeat-y;
}

#watch_list_scroller {
	left: 230px;
}

#shop_list_scroller_tab, #watch_list_scroller_tab {
  width: 9px;
  height: 18px;
  cursor: pointer;
  background: url(../images/scroll_thumb.gif) top left no-repeat;
}

.up_arrow, .down_arrow, .down_arrow_shop {
  position: absolute;
  width: 9px;
  height: 5px;
  cursor: pointer;
}

.up_arrow {
  top: -5px;
  background: url(../images/scroll_up.gif) no-repeat;
}

.down_arrow {
  top: 310px;
  background: url(../images/scroll_down.gif) no-repeat;
}

.down_arrow_shop {
  top: 274px;
  background: url(../images/scroll_down.gif) no-repeat;
}

#masterdiv {
	position: relative;
	width: 900px;
	height: 600px;
	left: 60px;
	top: 20px;
}

#tabs {
	position: absolute;
	left: 15px;
	background: url(http://streaming.myfoxkc.com/images/shop_watch.gif) no-repeat;
	width: 139px;
	height: 27px;
	top: 5px!important;
	top: 10px;
}

#maincontainer {
	position: relative;
}

#player_container, #search_container, #flash_container, #filler_container, #install_container {
	background: #000;
	position: absolute;
	width: 475px;
  	height: 310px;
	top: 232px;
	left: 275px;
	overflow: hidden;
	display: block;
}

#install_container {
	height: 312px;
	background: url(../images/install.jpg) no-repeat;
	display: none;
	cursor: pointer;
}

#filler_container {
	z-index: 0;
}

#player_container {
	width: 0;
	height: 0;
}

#search_container {
	display: none;
	z-index: 10;
}

#flash_container {
	z-index: 1;
	display: block;
}

#myplayer2, #flashplayer, #welcome {
	position: absolute;
	width: 470px;
	height: 275px;
	float: left;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background-color: black;
	padding: 2px 0 0 2px;
}

#flashplayer {
	width: 470px;
	height: 304px;
}

#welcome {
	background: url(../images/center_image.jpg) no-repeat;
	z-index: 100;
	height: 266px;
}

#myctrlcontainer2 {
	display: block;
	position: absolute;
	top: 281px;
	left: 12px;
	width: 451px;
	height: 25px;
}

#mn_tools {
	position: absolute;
	top: 3px;
	right: 0;
	width: 236px;
	height: 18px;
}

#player_right {
	left: 2px;
}

#posdur {
	color: white;
}

#play_state {
	top: 0;
	right: 0;
}

#volume_center {
	right: 65px;
}

#volume_icon {
	right: 126px;
}

#volumetrack {
	right: 65px;
}

a:link {
	color: #FFF;
}

a:visited {
	color: #FFF;
}

a:active {
	color: #FFF;
}

#flow2 {
	position: relative;
	width: 900px;
	height: 215px;
}

#leftflow2 {
	position: relative;
	float: left;
	clear: right;
	width: 900px;
	height: 60px;
}

#screen_small {
	position: absolute;
	top: 3px;
	right: 74px;
	width: 12px;
	height: 16px;
	cursor: pointer;
}

#screen_large {
	position: absolute;
	top: 3px;
	right: 62px;
	width: 12px;
	height: 16px;
	cursor: pointer;
}

#screen_sizes {
	position: absolute;
	top: 3px;
	right: 86px;
	width: 61px;
	height: 16px;
}

#myshowcap {
	position: relative;
	width: 501px;
	height: 35px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	left: 360px;
}

#myshowmain {
	position: relative;
	width: 541px;
	height: 465px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 0;
	padding-top: 8px;
}

#myshow_title {
	color: #cb8f2f;
	font-weight: bold;
}

#myshow_desc {
	color: #FFF;
}

#rightflow2 {
	position: relative;
	background: #000;
	overflow: auto;
	float: left;
	width: 380px;
	height: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	border-left: 1px #949494 solid;
	border-bottom: 1px #949494 solid;
	border-right: 1px #949494 solid;
}

#shows_list {
	position: relative;
	float: left;
	width: 112px;
	height: 615px;
}

.show {
	position: relative;
	width: 110px;
	height: 81px;
	border: 1px solid #000;
	margin-bottom: 6px;
}

#show_ep_div {
	position: relative;
	float: left;
	width: 35px;
	height: 480px;
	margin-top: 55px;
}

#episode_date {
	float: left;
}

#episode_watch {
	float: right;
}

#episodes_list {
	position: relative;
	float: left;
	width: 350px;
	padding-left: 8px;
	padding-top: 8px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.episode {
	position: relative;
	margin-bottom: 6px;
	float: left;
	width: 350px;
	height: 75px;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
}

.episode_image {
	float: left;
	margin-right: 10px;
}

#summary {
	position: absolute;
	background: url(http://streaming.myfoxkc.com/images/summary_bg.gif);
	left: 392px;
	width: 500px;
	height: 173px;
	top: 61px;
}

#links {
	position: relative;
	text-align: right;
	padding-top: 35px;
	padding-right: 20px;
	background: url(http://streaming.myfoxkc.com/images/links.gif) no-repeat;
	width: 358px;
	height: 28px;
	top: 10px;
	left: -40px;
}

#links a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}

#about {
	position: relative;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #6c6262;
	text-align: left;
	padding-top: 10px;
	left: 0;
	width: 450px;
	height: 85px;
	top: 10px;
}

#about h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #6c6262;
	padding: 0 0 2px 0;
	margin: 0 0 2px 0;
}

#imgleft {
	position: absolute;
	left: 297px;
	top: 11px;
	height: 28px;
}

.search_results {
	background: url('../images/header_searchresults.gif') no-repeat;
	width: 229px;
}

.watch_preview {
	background: url('../images/header_watch_preview.gif') no-repeat;
	width: 233px;
}

.shop_previews {
	background: url('../images/header_shop_previews.gif') no-repeat;
	width: 229px;
}

#search_container {
	overflow: auto;
	padding: 5px;
	display: none;
}

#search_container h2 {
	color: #FFF;
	margin: 0;
	padding: 8px 0 4px 10px;
	font-weight: normal;
	font-size: 15px;
}

#search_container h2 span {
	color: #4c6ba2;
}

#search_container .hit {
	display: block;
	float: left;
	margin: 1px 1px 8px 1px;
	padding: 5px;
	width: 136px;
	height: 130px;
	background-color: #05123f;
	border: 1px solid black;
	text-decoration: none;
}

#search_container .hit:hover {
	border: 1px solid #a2b1d0;
}

#search_container .hit span {
	display: block;
	padding: 5px 0 0 2px;
	font-size: 11px;
}

#search_container .hit img {
	border: none;
}

#episode_span {
	top: 620px;
}

#playerdiv {
	height: 375px;
}

#help_landing {
	width: 62px;
	height: 21px;
	right: 6px;
	top: 8px;
	position: absolute;
	background: url('../images/help_landing.gif') no-repeat;
}

/* - - - - - - - - - - - - - - - - Shop Area Rules [begin] */

#ShopIconGroup {
  position: absolute;
  left: 10px;
  top: 24px;
  width: 512px;
}

#ShopLinkGroup {
  position: absolute;
  left: 10px;
  top: 4px;
}

#ShopHorizontalRule {
  position: absolute;
  left: 10px;
  top: 48px;
  width: 190px;
  height: 1px;
  background: url(../images/dot_white.gif);
}

h2#heading_icons {
  display: inline;
  position: relative;
  left: 0;
  top: 0;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}

.ShopIcon_Deselected {
  position: absolute;
  top: 0;
  height: 19px;
  background-position: 0 19px;
}

.ShopIcon_Selected {
  position: absolute;
  top: 0;
  height: 19px;
  background-position: 0 0;
}

#icon_games {
  left: 116px;
  width: 17px;
  background-image: url(../images/icon_games.gif);
}

#icon_movies {
  left: 135px;
  width: 17px;
  background-image: url(../images/icon_movies.gif);
}

#icon_tv {
  left: 154px;
  width: 15px;
  background-image: url(../images/icon_tv.gif);
}

#icon_guides {
  left: 171px;
  width: 17px;
  background-image: url(../images/icon_guides.gif);
}

#icon_games.ShopIcon_Deselected:hover, #icon_movies.ShopIcon_Deselected:hover, #icon_tv.ShopIcon_Deselected:hover, #icon_guides.ShopIcon_Deselected:hover {
  background-position: 0 0;
}

/* - - - - - - - - - - - - - - - - [end] */