
html
{
	width: 100%;
	height: 100%;
}

body
{
	margin: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-family: Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	background-color: #b9b9b9;
	font-weight: bolder;
}

a
{
	color: #FFF;
	text-decoration: none;
}

img { border-width: 0; }

table.wrapper
{
	width: 100%;
	height: 100%;
}

div.main
{
	width: 780px;
	height: 590px;
	text-align: left;
}

div.home_tl
{
	background-image: url(../media/home/01.jpg);
	width: 395px;
	height: 304px;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
}

div.home_tr
{
	background-image: url(../media/home/02.jpg);
	background-repeat: no-repeat;
	width: 385px;
	height: 304px;
	display: inline-block;
	float: left;
}

div.home_c
{
	background-image: url(../media/home/03.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 286px;
	display: inline-block;
	float: left;
}

table.home_menu
{
	width: 756px;
	margin: 0 12px 12px 12px;
}

table.sub_menu
{
	width: 100%;
	margin: 12px 0 12px 0;
}

table.home_menu td, table.sub_menu td
{
	text-align: center;
	vertical-align: middle;
}

div.home_head
{
	margin: 206px 0 0 11px;
}

div.promo_head {
	margin: 257px 0 0 11px;
}

div.tvch_head
{
	margin: 130px 0 0 10px;
}

div.genre_head
{
	margin: 10px 0 0 12px;
	height: 38px;
}

div.head
{
	margin: 11px 11px 0 0;
	float: right;
}

div.art
{
	margin: 24px 0 0 18px;
}

table.sub_menu td { padding: 12px 0 12px 0; }

div.alert_tl
{
	background-image: url(../media/alert/01.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 87px;
	display: inline-block;
	float: left;
}

div.alert_t
{
	background-image: url(../media/alert/02.jpg);
	background-repeat: no-repeat;
	width: 537px;
	height: 87px;
	display: inline-block;
	float: left;
}

div.alert_tr
{
	background-image: url(../media/alert/03.jpg);
	background-repeat: no-repeat;
	width: 121px;
	height: 87px;
	display: inline-block;
	float: left;
}

div.alert_l
{
	background-image: url(../media/alert/04.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 416px;
	display: inline-block;
	float: left;
}

div.alert_c
{
	background-image: url(../media/alert/05.jpg);
	background-repeat: no-repeat;
	width: 537px;
	height: 416px;
	display: inline-block;
	float: left;
}

div.alert_r
{
	background-image: url(../media/alert/06.jpg);
	background-repeat: no-repeat;
	width: 121px;
	height: 416px;
	display: inline-block;
	float: left;
}

div.alert_bl
{
	background-image: url(../media/alert/07.jpg);
	background-repeat: no-repeat;
	width: 122px;
	height: 87px;
	display: inline-block;
	float: left;
}

div.alert_b
{
	background-image: url(../media/alert/08.jpg);
	background-repeat: no-repeat;
	width: 537px;
	height: 87px;
	display: inline-block;
	float: left;
}

div.alert_br
{
	background-image: url(../media/alert/09.jpg);
	background-repeat: no-repeat;
	width: 121px;
	height: 87px;
	display: inline-block;
	float: left;
}

img.poster426
{
	margin: 30px 0 0 11px;
	width: 514px;
}

img.poster388
{
	margin: 3px 0 0 11px;
	max-width: 514px;
}

img.poster268
{
	margin: 22px 0 0 14px;
	max-width: 352px;
}

div.channel_tl
{
	background-image: url(../media/channel/01.jpg);
	background-repeat: no-repeat;
	width: 278px;
	height: 211px;
	display: inline-block;
	float: left;
}

div.channel_t
{
	background-image: url(../media/channel/02.jpg);
	background-repeat: no-repeat;
	width: 249px;
	height: 211px;
	display: inline-block;
	float: left;
}

div.channel_tr
{
	background-image: url(../media/channel/03.jpg);
	background-repeat: no-repeat;
	width: 253px;
	height: 211px;
	display: inline-block;
	float: left;
}

div.channel_bl
{
	background-image: url(../media/channel/04.jpg);
	background-repeat: no-repeat;
	width: 278px;
	height: 379px;
	display: inline-block;
	float: left;
}

div.channel_b
{
	background-image: url(../media/channel/05.jpg);
	width: 249px;
	height: 379px;
	display: inline-block;
	float: left;
}

div.channel_br
{
	background-image: url(../media/channel/06.jpg);
	background-repeat: no-repeat;
	width: 253px;
	height: 379px;
	display: inline-block;
	float: left;
}

div.tvscreen
{
	width: 236px;
	height: 177px;
	margin: 17px 0 0 6px;
}

div.tvsurfscreen
{
	width: 200px;
	height: 150px;
	margin: 26px 0 0 32px;
}

div.tvsurfscreen img
{
	width: 200px;
	height: 150px;
}

div.column1
{
	margin: 15px 0 0 36px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}

div.column2
{
	margin: 15px 0 0 10px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}

div.column3
{
	margin: 15px 0 0 9px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}

div.internet_ba div.column1_internet
{
	margin: 152px 0 0 36px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}

div.tvinternet_ba div.column1_internet
{
	margin: 30px 0 0 36px;
	width: 210px;
	height: 330px;
	overflow: hidden;
}


p.channel, p.channel_act
{
	margin: 2px;
	padding: 2px;
	height: 27px;
	background-color: #3d3d3d;
	overflow: hidden;
	white-space: nowrap;
	line-height:27px;
	padding-left:5px;
}

p.channel_act
{
	padding: 0;
	border-color: #FF0;
	border-width: 2px;
	border-style: solid;
}

div.column1 p img, div.column2 p img, div.column3 p img
{
	width: 36px;
	height: 27px;
	vertical-align: middle;
}

div.column1_internet p img
{
	height: 27px;
	vertical-align: middle;
}

div.column1 p a, div.column2 p a, div.column3 p a, div.column1_internet p a
{
	display: block;
	width: 100%;
	height: 100%;
}

div.internet_tl
{
	background-image: url(../media/internet/01.jpg);
	background-repeat: no-repeat;
	width: 134px;
	height: 74px;
	display: inline-block;
	float: left;
}

div.internet_tr
{
	background-image: url(../media/internet/02.jpg);
	background-repeat: no-repeat;
	width: 646px;
	height: 74px;
	display: inline-block;
	float: left;
}

div.internet_b
{
	background-image: url(../media/internet/03.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 516px;
	display: inline-block;
	float: left;
}

div.internet_ba
{
	background-image: url(../media/internet/03a.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 516px;
	display: inline-block;
	float: left;
}

div.tvinternet_tl
{
	background-image: url(../media/tvinternet/01.jpg);
	background-repeat: no-repeat;
	width: 246px;
	height: 194px;
	display: inline-block;
	float: left;
}

div.tvinternet_tr
{
	background-image: url(../media/tvinternet/02.jpg);
	background-repeat: no-repeat;
	width: 534px;
	height: 194px;
	display: inline-block;
	float: left;
}

div.tvinternet_b
{
	background-image: url(../media/tvinternet/03.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 396px;
	display: inline-block;
	float: left;
}

div.tvinternet_ba
{
	background-image: url(../media/tvinternet/03a.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 396px;
	display: inline-block;
	float: left;
}

div.promo_tl
{
	background-image: url(../media/promo/01.jpg);
	background-repeat: no-repeat;
	width: 235px;
	height: 460px;
	display: inline-block;
	float: left;
}

div.promo_tr
{
	background-image: url(../media/promo/02.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 460px;
	display: inline-block;
	float: left;
}

.promo_content {
	margin: 20px 0 0 12px;
	padding-top: 20px;
	width: 512px;
	height: 426px;
}


div.promo_bl {
	background-image: url(../media/promo/03.jpg);
	background-repeat: no-repeat;
	width: 235px;
	height: 130px;
	display: inline-block;
	float: left;
}

div.promo_br
{
	background-image: url(../media/promo/04.jpg);
	background-repeat: no-repeat;
	width: 545px;
	height: 130px;
	display: inline-block;
	float: left;
}

div.navbar
{
	margin: 13px 13px 0 0;
	height: 30px;
}

div.navbar2
{
	margin: 34px 24px 0 0;
	height: 30px;
}

div.urlbar
{
	position:relative;
	margin: 0 13px 0 0;
	height: 30px;
}

div.urlbar2
{
	position:relative;
	margin: 20px 24px 0 0;
	height: 30px;
}

div.tvchbar {
	margin: 18px 20px 0 0;
	height: 30px;
}

div.navbar img, div.navbar2 img, div.urlbar input, div.urlbar2 input, div.urlbar img, div.urlbar2 img, div.tvchbar img, div.tvchbar input
{
	float: right;
	border-width: 0;
}

div.urlbar form, div.urlbar2 form
{
	height: 30px;
	margin: 0;
	border-width: 0;
}

div.urlbar input
{
	width: 422px;
	margin: 4px 8px 0 0;
	border-width: 0;
}

div.urlbar2 input
{
	width: 302px;
	margin: 4px 10px 0 0;
	border-width: 0;
}

div.tvchbar input {
	width: 251px;
	margin: 6px 36px 0 0;
	border-width: 0;
}

.internet_b iframe.www {
	width: 760px;
	height: 504px;
	margin: 2px 10px 10px 10px;
}

.tvinternet_b iframe.www {
	width: 760px;
	height: 386px;
	margin: 0 10px 10px 10px;
}

div.sub_tl
{
	background-image: url(../media/sub/01.jpg);
	background-repeat: no-repeat;
	width: 234px;
	height: 103px;
	display: inline-block;
	float: left;
}

div.sub_tr
{
	background-image: url(../media/heads-png.php?text=alert);
	background-repeat: no-repeat;
	width: 546px;
	height: 103px;
	display: inline-block;
	float: left;
}

div.sub_l
{
	background-image: url(../media/sub/03.jpg);
	background-repeat: no-repeat;
	width: 234px;
	height: 450px;
	display: inline-block;
	float: left;
	overflow: hidden;

}

div.sub_r
{
	background-image: url(../media/sub/04.jpg);
	background-repeat: no-repeat;
	width: 546px;
	height: 450px;
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0;
}

div.sub_bl
{
	background-image: url(../media/sub/05.jpg);
	background-repeat: no-repeat;
	width: 234px;
	height: 37px;
	display: inline-block;
	float: left;
}

div.sub_br
{
	background-image: url(../media/sub/06.jpg);
	background-repeat: no-repeat;
	width: 546px;
	height: 37px;
	display: inline-block;
	float: left;
}

div.genres {
	width: 187px;
	height: 361px;
	margin: 15px 0 0 18px;
	background-image: url(../media/jukebox/genres.gif);
	background-repeat: no-repeat;
	padding: 9px;
}

div.genres div.test
{
	overflow: auto;
	width: 187px;
	height: 361px;
}

div.genres div.test p
{
	padding: 3px;
	margin: 2px 0 2px 0;
	background-color: #333;
}

span.cat_label
{
	width: 146px;
	height: 25px;
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 3px;
	background-color: #333;
	line-height: 25px;
}

span.cat_btn
{
	width: 29px;
	display: inline-block;
	background-color: #333;
	padding: 1px;
}

div.genres div.test p a
{
	width: 100%;
	display: inline-block;
}

p.genres_act
{
	border-color: #FF0;
	border-width: 2px;
	border-style: solid;
}

div#cat_popup
{
	display: block;
	position: absolute;
	top: 150px;
	width: 187px;
	border-color: #999;
	border-width: 8px;
	border-style: solid;
	background-color: #000;
	left: 10px;
	visibility: hidden;
}

div#tv_popup {
	display: block;
	position: absolute;
	top: 150px;
	width: 240px;
	height: 332px;
	border-color: #999;
	border-width: 8px;
	border-style: solid;
	background-color: #000;
	left: 450px;
	visibility: hidden;
	overflow: auto;
}

div#tv_popup p a {
	width: 100%;
	display: block;
}

div#tv_popup p img
{
	width: 36px;
	height: 27px;
	vertical-align: middle;
}

a.cat_btn, img.cat_btn
{
	width: 29px;
	display: inline;
	vertical-align: middle;
	text-align: right;
}

div.covers
{
	overflow: auto;
	width: 160px;
	height: 385px;
	margin: 0 0 15px 15px;
	display: inline-block;
	float: left;
	background-color: #666;
	border-right: #FFF;
	border-width: 0 4px 0 0;
	border-style: none solid none solid;
}

div.items
{
	overflow: auto;
	width: 200px;
	height: 385px;
	margin: 0 0 15px 15px;
	display: inline-block;
	float: left;
	background-color: #666;
	border-right: #FFF;
	border-width: 0 4px 0 0;
	border-style: none solid none solid;
}

div.items p
{
	padding: 5px 0 5px 10px;
	margin: 3px 0 3px 0;
}

div.items p.act
{
	background-color: #D8BE1E;
}

div.movielist
{
	overflow: hidden;
	width: 280px;
	height: 385px;
	margin: 0 0 15px 15px;
	display: inline-block;
	float: left;
	background-color: #000;
}

div.movieinfo
{
	overflow: auto;
	width: 500px;
	height: 385px;
	margin: 0 0 15px 15px;
	display: inline-block;
	float: left;
	background-color: #000;
}

img.poster {
	height: 382px;
	float: left;
	display: inline-block;
	width: 300px;
}

img.music_poster
{
	width: 300px;
	float: left;
	display: inline-block;
}

img.poster_small
{
	width: 120px;
	float: left;
	display: inline-block;
}

p.tvitem_poster
{
	text-align: center;
}

p.tvitem_poster img
{
	height: 280px;
	text-align: center;
	width: 192px;
}

p.tvepisode_poster img
{
	text-align: center;
	width: 230px;
}

p.info
{
	float: left;
	display: inline-block;
	width: 340px;
	margin: 0 0 0 10px;
}

p.inprogress {
	float: left;
	display: inline-block;
	width: 100px;
	margin: 160px 10px 0 60px;
	font-size: 1.5em;
}

span.title
{
	font-size: 1.2em;
}

div.covers img.cover
{
	margin: 10px 0 0 10px;
	border-width: 0;
	width: 112px;
	height: 112px;
	display: inline;
}

div.covers img.cover_act
{
	border-color: #FF0;
	border-width: 3px;
	border-style: solid;
	width: 106px;
	height: 106px;
	margin: 10px 0 0 10px;
}

div.movies, div.movies_act
{
	background-color: #999;
	margin: 15px 0 15px 15px;
	padding: 5px 15px 5px 15px;
	width: 220px;
	height: 100px;
	text-align: right;
}

div.movies_act
{
	width: 220px;
	height: 100px;
	border-color: #FF0;
	border-width: 3px;
	border-style: solid;
	padding: 2px 12px 2px 12px;
}

div.movies p, div.movies_act p
{
	margin: 0;
}

div.movies a, div.movies_act a
{
	display: block;
	width: 100%;
	height: 100%;
}

div.movies img, div.movies_act img
{
	height: 100px;
	display: inline;
	float: left;
}

div.okay
{
	background-color: #000;
	display: inline-block;
	float: left;
	margin: 15px 15px 15px 0;
	padding: 0 10px 0 0;
	text-align: right;
	width: 200px;
	height: 350px;
}

div.arrow
{
	height: 33px;
}

div.covers img.uparrow
{
	vertical-align: top;
	margin: 15px 0 0 0;
}


div.tracks
{
	overflow: auto;
	width: 325px;
	height: 385px;
	margin: 0 15px 15px 0;
	background-color: #000;
	display: inline-block;
	padding: 0 0 0 10px;
	float: left;
}


div.tracks hr
{
	background-color: #86AFFF;
	border: 0;
	color: #86AFFF;
	height: 2px;
	width: 95%;
	text-align: center;
}

p.tracks
{
	background-color: #CCC;
	margin: 0 0 3px 0;
	padding: 3px 3px 9px 3px;
	color: #000;
	border-color: #FFF;
	border-width: 2px;
	border-style: solid;
}

p.tracks_act {
	background-color: #666;
	margin: 0 0 3px 0;
	padding: 3px 3px 9px 3px;
	color: #000;
	border-color: #FFF;
	border-width: 2px;
	border-style: solid;
}

p.tracks a {
	color: #000;
	width: 100%;
	display: block;
}

div.episodes
{
	overflow: auto;
	width: 285px;
	height: 385px;
	margin: 0 15px 15px 0;
	background-color: #000;
	display: inline-block;
	padding: 0 0 0 10px;
	float: left;
}


p.album_title
{
	font-size: 1.2em;
	color: #000;
	background-color: #86AFFF;
	margin: 0;
	padding: 3px 3px 9px 3px;
	border-color: #FFF;
	border-width: 2px 2px 0 2px;
	border-style: solid;
}

p.album_artist
{
	font-size: 0.8em;
	font-style: italic;
	color: #000;
	background-color: #86AFFF;
	margin: 0;
	padding: 3px;
	border-color: #FFF;
	border-width: 0 2px 2px 2px;
	border-style: solid;
}

p.album_title a, p.album_artist a
{
	color: #000;
	width: 100%;
	display: block;
}

div.click
{
	width: 100%;
	height: 150px;
	display: inline-block;
	overflow: hidden;
	margin: 100px 0 50px 0;
}

.movie_title
{
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

p.movie_studio
{
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

table.pin_prompt_wrapper {
	width: 540px;
	height: 450px;
	text-align: center;
}

table.pin_prompt {
	width: 300px;
	height: 120px;
	background-color: #333;
	display: inline-table;
}

table.pin_prompt tr td{
	height: 120px;
}

p.click
{
	font-size: 0.8em;
	padding: 0;
	margin: 20px 0 0 0;
	width: 70%;
	height: 40px;
	line-height: 150%;
	float: right;
	display: inline-block;
}

p.click img
{
	float: left;
}

p.alert {
	position: relative;
	top: 300px;
	left: 80px;
	width: 400px;
	text-align: right;
}

p.quiz_alert
{
	width: 280px;
	position: relative;
	top: 300px;
	left: 240px;
	color: #C0000E;
	font-size: 1.4em;
	text-shadow: #111 3px 3px 3px;
	filter: Shadow(Color=#111111, 
                 Direction=135, 
                 Strength=3);
}

div.button
{
	width: 138px;
	height: 33px;
	display: inline-block;
	display: -moz-inline-box;
	background-image: url(../media/button.png);
	background-repeat: no-repeat;
}


div.button a {
	display: -moz-inline-box;
}

p.quiz_instructions {
	font-size: 1.6em;
}

p.quiz_instructions em {
	font-style: normal;
	color: #D4C100;
}

p.question {
	font-size: 1.3em;
}

p.question em {
	font-size: 1.1em;
	font-style: normal;
	color: #D4C100;
}

p.options {
	font-size: 1.2em;
	line-height: 200%;
	text-align: left;
	margin: 0 0 0 20px;
	display: inline-block;
	width: 50%;
}

p.options img {
	vertical-align: middle;
}
.urlHist{
	display:none;
	width:426px;
	position:absolute;
	left:139px;
	top:21px;
	background-color:white;
	border:2px solid #606060;
	border-top:0px;
	overflow:hidden;
	padding-top:10px;
}
.urlHist a{
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	padding-left:10px;
	height:17px;
	line-height:17px;
	width:426px;
}
.urlHist a:hover{
	background-color:#3D3D3D;
	color:#ffffff;
}
.urlHist2{
	display:none;
	width:304px;
	position:absolute;
	left:136px;
	top:22px;
	background-color:white;
	border:2px solid #606060;
	border-top:0px;
	overflow:hidden;
	padding-top:10px;
}
.urlHist2 a{
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	padding-left:10px;
	height:17px;
	line-height:17px;
	width:426px;
}
.urlHist2 a:hover{
	background-color:#3D3D3D;
	color:#ffffff;
}