/* CSS Document */

*{outline: none !important;}
input::-moz-focus-inner { border: 0 !important; }

html, body {
  padding: 0;
  margin: 0;
}

body {
  display: block;
  width: 100%;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  font-size:70%;
  text-align:center;
  background-color: #663366;
   background-image:url("images/search-bg-rep.gif");
}
.ro, #close
{
	width:18px;
	height:18px;
	border:0;
	padding:0;
	background-position:top left;
	overflow:hidden;
	cursor:pointer;
}
#close{  background-image:url("images/control_close.gif");width:15px; height:15px;position:absolute;top:0;right:0; }
.ro:hover, #close:hover { background-position: top right; }
.ro:active, #close:active { background-position: bottom left; }
.ro:focus, #close:focus { background-position: bottom right; }
.ro span, #close span { display:none; }
#widget_wrapper
{
  background-color: #663366;
  background-image:url("images/search-bg-rep.gif");
}
#widget_controls
{
	background-color:#4E274E;
	margin:0 auto;
	position:relative;
	height:15px;
}
#widget_controls a
{
	color:#FFF;
	text-decoration:none;
}
#result
{
	margin:0 auto;
	padding:1px 0;
	text-align:left;
	background:#FFF;
}
/* Home panel */
#logo_wrapper
{
	background-color:#9833CA;
	background-image:url("images/header-bg-rep.gif");
	background-repeat:repeat-x;	
}
#logo
{
	text-align:left;
	margin:0 auto;
	width:240px;
	height:42px;
	position:relative;
}
#logo .logo
{
	position:absolute;
	top:9px;
	left:7px;
}
#logo .help
{
	position:absolute;
	top:12px;
	right:15px;
	cursor:pointer;
	background-image:url("images/icon_help.png");
}
#logo .home
{
	position:absolute;
	top:12px;
	right:40px;
	cursor:pointer;
	background-image:url("images/icon_home.png");
}
#search
{
	color:#FFF;
	padding:5px 0;
	width:220px;
	margin:0 auto;
}
#search label
{
	display:block;
	padding:0 0 3px 0;
}
.fulllink
{
	background-image:url("images/icon_all.png");
	position:absolute;
}
.favslink
{
	background-image:url("images/icon_fav.png");
	position:absolute;
	display:none;
}
#title
{
	position:relative;
	background-color:#DBBEEB;
	background-image:url("images/title-bg-rep.gif");
}
#title h1
{
	margin:0;
	padding:3px 3px 6px 5px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
#title .cn
{
	position:relative;
	top:-8px;
}
#title #refresh
{
	position:absolute;
	right:3px;
	top:10px;
	cursor:pointer;
	background-image:url("images/icon_refresh.png");
}
#title #dfav, #title #afav
{
	position:absolute;
	right:28px;
	top:10px;
	cursor:pointer;
	background-image:url("images/icon_favadd.png");
}
#title #dfav
{
	background-image:url("images/icon_favdelete.png");
}
select
{
	font-size:1.0em;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
}
form
{
	display:inline;
}
.clearing
{
	clear:both;
}
#programmes .wait
{
	text-align:center;
	padding:10px;
	margin:0;
}
#programmes .prog
{
	clear:both;
	background-color:#EBDCF5;
}
#programmes .prog .s
{
	background-image:url("images/prog_bg_rep.gif");
	background-repeat:repeat-x;
	background-color:#FFF;
	position:relative;
	margin-left:45px;
}
#programmes .prog .s .expand, #programmes .prog .s .contract
{
	position:absolute;
	right:3px;
	top:3px;
	cursor:pointer;
	background-image:url("images/icon_expand.png");
}
#programmes .prog .s .contract
{
	background-image:url("images/icon_contract.png");
}
#programmes .prog .s .c, #programmes .prog .t .c
{
	padding:3px;
}
#programmes .prog .s .c img, #programmes .prog .s .c span
{
	cursor:pointer;
}
#programmes .prog .s h2
{
	display:block;
	font-size:1.0em;
	margin:0;
	padding:3px 15px 5px 0;
	cursor:pointer;
}
#programmes .prog .s p
{
	margin:0;
	padding:2px 0;
}
#programmes .prog .s .f
{
	font-style:italic;
}
#programmes .prog .s .d
{
	display:none;
}
#programmes .prog .t
{
	float:left;
	width:45px;
}
.skyplus
{
	background-image:url("images/icon_sky.png");
	float:left;
	margin:0 2px 0 0;
}
.email
{
	background-image:url("images/icon_email.png");
	float:left;
}
#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	display:none;
}
#loading, #alert
{
	z-index:100;
	background-color:#673368;
	border:4px solid #FFF;
	width:170px;
	height:40px;
	top: 50%;
	left: 50%;
	position:absolute;
	margin-left: -85px;
	margin-top:-20px;
	text-align:left;
	display:none;
	color:#EAD9F2;
	font-size:1.0em;
	font-weight:bold;
}
#alert span
{
	display:block;
	text-align:center;
	margin:0;
	padding-top:12px;
}
#loading img
{
	position:relative;
	top:5px;
	left:5px;
}
#loading span
{
	position:relative;
	top:-5px;
	left:10px;
}
#layer
{
	width:200px;
	position:absolute;
	top: 50%;
	left:50%;
	margin-left:-100px;
	margin-top:-125px;
	color:#000;
	display:none;
	z-index:100;
	background-color:#673368;
	border:2px solid #FFF;
	color:#EAD9F2;
	height:250px;
}
#layer .close
{
	position:absolute;
	right:-4px;
	top:-4px;
	cursor:pointer;
	background-image:url("images/icon_close.png");
}
#layer h1
{
	background:#9733c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.75em;
	font-weight:normal;
	color:#FFF;
	margin:0;
	padding:5px;
	text-align:left;
}
#layer .content
{
	padding:10px;
}
#layer a
{
	color:#FFF;
	text-decoration:underline;
}
#layer a:hover
{
	text-decoration:none;
}
#emailprogramme label
{
	display:block;
	font-weight:bold;
	padding:3px;
}
#emailprogramme .fieldrow
{
	padding:0 0 10px 0;
}
#emailprogramme .field, #emailprogramme textarea
{
	background-color:#f1e7f8;
	border:1px solid #FFF;
	padding:2px;
	color:#000;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	width:150px;
}
#emailprogramme .submit
{
	background-color:#9733c8;
	color:#FFF;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	border:1px solid #FFF;
	width:50px;
	padding:5px;
	cursor:pointer;
}

/* Docked version of app */
#dock
{
	display:none;
    background:url(icon_48.png) center left no-repeat;
    padding-left:48px;
    line-height:48px;
    white-space:pre-line;
}
@media all and ( min-height:64px )
{
    #dock
    {
        background:url(icon_64.png) center left no-repeat;
        padding-left:68px;
        height:64px;
        margin: 0;
    }
}