﻿html, body									{ width: 100%; height: 100%; border: none; overflow: hidden; padding: 0; margin: 0;}
body, h1, h2, h3, h4, h5, h6, div, table, input, select, textarea, button	{ font-family: Arial, Helvetica, sans-serif; }
body, table, input, select, textarea, button			{ font-size: 12px; }
body, h1, h2, h3, h4, h5, h6, p, fieldset, label, form	{ margin: 0; padding: 0;}
a										{ }
a:link, a:visited								{ text-decoration: none; }
a:hover, a:active, a:focus						{ text-decoration: none; outline-width: 0; outline-style: none; }
a img										{ border: none;}
.clear									{ clear: both; font-size: 0; line-height: 0; height: 0;}

/* ------------------------------------ */

/* MAIN */
/* main container */
iframe.proxy		{ width: 1px; height: 1px; overflow: hidden; margin: 0; padding: 0; border: none; display: block; position: absolute; bottom: 0; right: 0; background: transparent; z-index: -1000; visibility: hidden;}
body.proxy		{ background: transparent; margin: 0; padding: 0; height: 1px; width: 1px; overflow: hidden; display: none; visibility: hidden; z-index:-1000;}
div.itv_container	{ height: 100%; width: 100%; margin: 0; }
table.ie6_msg		{ display: none; }
table.connecting	{ height: 100%; width: 100%;}
table.connecting td	{ text-align: center;}
table.connecting div	{ font-size: 11px; margin: 0 auto;}
table.error		{ height: 100%; width: 100%;}
table.error td		{ text-align: center;}
table.error div	{ margin: 0 auto;}
table.error div.ops	{ font-size: 20px;}
table.error div.msg	{ font-size: 11px;}
/* UI loading */
div.loading		{ visibility: hidden; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; width: auto; z-index:1000}
div.loading div.ico	{ width: 31px; height: 31px; position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -15px; }
div.loading.visible	{ visibility: visible;}
/* branding */
div.branding		{ position: absolute; left: 6px; top: 5px; width: 190px; height: 19px; }
div.branding a		{ display: block; height: 100%; text-indent: -9999px; overflow: hidden; }
/* credits */
div.credits_area	{ position: absolute; right: 0; top: 0; width: 137px; height: 25px; }
div.credits_area a	{ position: absolute; bottom: 0; width: 65px; height: 19px; text-indent: -9999px; overflow: hidden; }
div.credits_area a.itspain	{ left: 0; }
div.credits_area a.dinaminds	{ left: 70px; }
/* player area */
div.player_area	{ position: absolute; width: auto; left: 5px; right: 40%; top: 29px; bottom: 5px; height: auto; border-width: 1px; border-style: solid; }
/* playlist area*/
div.playlist_area	{ position: absolute; width: auto; left: 60%; right: 7px; top: 29px; bottom: 5px; margin-left: 5px; height: auto; }

/* ------------------------------------ */

/* PLAYER AREA */
/* video_info */
div.player_area div.video_info	{ position: absolute; top: 8px; height: 42px; left: 0; right: 0; z-index: 10; }
div.player_area div.video_info div.title	{ height: 37px; font-size: 18px; margin-left: 8px; letter-spacing: -1px; line-height: 18px; overflow: hidden; margin-right: 38px; }
div.player_area div.video_info div.spacer	{ height: 12px; display: none; }
div.player_area div.video_info div.description	{ display: none; margin-left: 180px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; margin-right: 8px; font-size: 11px; line-height: 12px; margin-right: 28px; min-height: 53px; }
div.player_area div.video_info div.data		{ display: none; position: absolute; left: 0; margin-left: 8px; width: 162px; text-align: right; }
div.player_area div.video_info div.data div	{ margin-bottom: 5px; font-size: 11px; }
div.player_area div.video_info div.data div strong	{ padding-right: 5px;}
/* video_info: button */
div.player_area div.more_info		{ position: absolute; height: 17px; width: 22px; right: 7px; top: -3px;}
div.player_area div.more_info a	{ display: block; height: 100%; border-width: 1px; border-style: solid; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; text-align: center; font-weight: bold;}
/* showing video_info */
div.player_area.showing_video_info div.video_info		{ height: auto; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; }
div.player_area.showing_video_info div.video_info div.title		{ height: auto; overflow: visible; }
div.player_area.showing_video_info div.video_info div.spacer	{ display: block;}
div.player_area.showing_video_info div.video_info div.description	{ display: block;}
div.player_area.showing_video_info div.video_info div.data		{ display: block;}
/* player */
div.player_area div#pa_player 	{ position: absolute; top: 52px; bottom: 6px; left: 6px; right: 6px; height: auto; width: auto; }
#pa_player .change_connection		{ display: none;}
#pa_player .vplayer { height: 100%; width: 100%; overflow:hidden; position:relative;}
#pa_player .vplayer .vhelp { font-size:11px; left:50%; margin-left:-130px; margin-top:-30px; padding:12px; position:absolute; text-align:center; top:50%; width:260px; }
div.player_area table.video_not_found	{ width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0;}
div.player_area table.video_not_found td	{ text-align: center; border-collapse: collapse; border-spacing: 0; font-size: 11px;}
div.player_area table.flash_outdated	{ width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0;}
div.player_area table.flash_outdated td	{ text-align: center; border-collapse: collapse; border-spacing: 0; font-size: 11px; font-weight: bold;}

/* ------------------------------------ */

/* PLAYLIST AREA */
/* tools: top & bottom */
div.playlist_tools		{ position: absolute; height: 29px; width: 100%; border-width: 1px; border-style: solid; }
div.playlist_tools.top	{ top: 0; }
div.playlist_tools.bottom	{ bottom: 0; }
/* pager */
div.playlist_tools div.pager	{ position: absolute; height: 19px; width: 20%; right: 6px; top: 5px; border-bottom-width: 1px; border-bottom-style: solid; }
div.playlist_tools div.pager div.prev,
div.playlist_tools div.pager div.next	{ font-size: 10px; line-height: 17px; position: absolute; width: 48%; height: 17px; text-align: center; cursor: default; border-width: 1px; border-style: solid; }
div.playlist_tools div.pager div.prev	{ left: 0; top: 0;}
div.playlist_tools div.pager div.next	{ right: 0; top: 0;}
div.playlist_tools div.pager div.prev a,
div.playlist_tools div.pager div.next a		{ display: block; height: 100%; }
div.playlist_tools div.pager div.prev a:active,
div.playlist_tools div.pager div.next a:active	{ line-height: 19px;}
/* category selector */
div.playlist_tools div.category		{ position: absolute; height: 19px; width: auto; left: 6px; top: 5px; right: 20%; margin-right: 13px; border-bottom-width: 1px; border-bottom-style: solid; }
div.playlist_tools div.category div.selected		{ height: 17px; font-size: 11px; font-weight: bold; line-height: 16px; text-indent: 5px; border-width: 1px; border-style: solid; }
div.playlist_tools div.category div.selected a	{ display: block; overflow: hidden; height: 17px;}
div.playlist_tools div.category div.list	{ visibility: hidden; position: absolute; top: 18px; left: 0; width: 110%; border-width: 1px; border-style: solid; }
div.playlist_tools div.category:hover div.selected	{ cursor: pointer;}
div.playlist_tools div.category:hover div.list		{ visibility: visible; padding: 3px; z-index: 999; }
div.playlist_tools div.category div.list div.item		{ font-size: 11px; margin-bottom: 1px;}
div.playlist_tools div.category div.list div.item a	{ display: block; padding: 1px 5px; border-width: 1px; border-style: solid;}

/* playlist (vlist) */
div.vlist				{ position: absolute; top: 30px; bottom: 30px; width: 100%; height: auto; border-width: 1px; border-style: solid; overflow: auto; }
div.vlist div.wrap		{ padding: 6px; padding-bottom:0; }
div.vlist div.wrap div.no_videos_in_list		{ text-align: center; font-size: 11px; padding: 7px 0;}
/* playlist: item */
div.vlist div.vitem		{ padding: 6px; }
div.vlist div.vitem.active	{ }
/* playlist: image */
div.vlist div.vthumb	{ float: left; width: 120px; height: 72px; overflow: hidden; margin-right: 8px;}
div.vlist div.vthumb div.vthumb_wrap	{ width: 116px; height: 68px; border-width: 2px; border-style: solid; overflow: hidden; position: relative; }
div.vlist div.vthumb div.vthumb_wrap img	{ width: 120px; margin-top: -8px;}
div.vlist div.vthumb div.vthumb_wrap a.icon	{ position: absolute; left: 50%; margin-left: -15%; top: 50%; margin-top: -20px; width: 40px; height: 40px; display: block; text-indent: -9999px; overflow: hidden; }
/* playlist: description */
div.vlist div.vdetails		{ overflow: hidden;}
div.vlist div.vdetails h3	{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.15em; height: 4.6em; overflow: hidden; margin-bottom: 0.3em;}
div.vlist div.vdetails h3 span.continues	{ display: none;}
div.vlist div.vdetails p		{ font-size: 11px; line-height: 1.1em; display: none;}
/* playlist: other data */
div.vlist div.vdata			{ font-size: 11px; }
div.vlist div.vdata strong	{ font-weight: normal; }
div.vlist div.vdata div.added strong	{ display: none; }
div.vlist div.vdata div.length		{ margin-bottom: 0.3em;}
div.vlist div.vdata div.length strong	{ font-weight: bold; }
div.vlist div.vdata div.lang span		{ display: none;}
div.vlist div.vdata div.lang strong	{ font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0.1em 0.4em;}
div.vlist div.vdata div.added,
div.vlist div.vdata div.length,
div.vlist div.vdata div.lang		{ display: inline; padding-right: 4px;}