body {
	font-family: Arial, Segui UI, Tahoma;
	margin: 0;
	padding: 0;
}

a {
	color: #000;
}

.helpText {
	padding: 8px; 
	font-size: 11px;
}



/** top, logo and toolbar area **/

#topAreaLogo {
	height: 28px;
	background: url(../images/bg.gif) repeat-x top left;
	padding: 12px 8px 4px 8px;
	text-align: center;
}

#topAreaLinks {
	height: 24px;
	background: url(../images/bg.gif) repeat-x top left;
	padding: 10px 8px 6px 8px;
	color: #000;
	font-weight: bold;
}

#topAreaToolbar {
	height: 40px;
	background-color:#FF9933;
	padding: 0px;
	color: #FFF;
	font-weight: bold;
}

.toolbarButton {
	height: 100%;
	float: left;
	text-align: center;
	font-size: 12px;
}

.extraWide {
	width: 55%;
}

.wide {
	width: 33%;
}

.narrow {
	width: 24%;
}

.veryNarrow {
	width: 22%;
}

.buttonBorderRight {
	border-right: 1px solid;
}

.extraPadding {
	padding-top: 12px;
}

.chSelect {
	width: 150px;
	font-size: 10px;
}

/** **/




/** The menu buttons on the first page **/ 

ul {
  width:100%;
  padding: 0;
  margin: 0;
}

li {
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 0;
	background: url(../images/index_sprites_1.png) no-repeat 260px -455px;
    font-weight: bold;
    list-style: none;
}

li.blue {
    background-position: 260px -530px;
}

li > a {
  display: block;
  padding: 12px 32px 12px 70px;
  text-decoration: none;
  color: inherit;
  font-size: 20px;
}

.btnTxt {
	font-size: 12px;
}

#justNuButton {
  background: url(../images/index_sprites_1.png) no-repeat -9px -14px;
}

#moviesButton {
  background: url(../images/index_sprites_1.png) no-repeat -9px -104px;
}

#sportsButton {
  background: url(../images/index_sprites_1.png) no-repeat -9px -194px;
}

#tablaButton {
  background: url(../images/index_sprites_1.png) no-repeat -9px -284px;
}

#installningarButton {
  background: url(../images/index_sprites_1.png) no-repeat -9px -374px;
}




/** TV Programme boxes **/

.progBox {
	background-color:#F3F3F3;
	margin-bottom: 3px;
}

.progHeader {
	padding: 8px 8px 8px 28px;
	background: url(../images/arrow_right.png) no-repeat 7px center;
}

.progHeaderSelected {
	padding: 8px 8px 8px 28px;
	background: url(../images/arrow_down.png) no-repeat 6px center;
}

.progDesc {
	padding: 8px;
	display: none;
	background-color:#F3F3F3;
	font-size: 12px;
}

.progMetadata {
	margin-top: 0px;
	float: left; width: 80%;
}

.progTime {
	font-size: 12px;
}

.progTitle {
	font-weight: bold;
}

.progImdb {
	float: right;
	margin-top: 1px;
}

.progPassed {
	background-color: #d8d8d8;
}

.progRunning {
	background-color: #f4e05c;
}

.notification {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}

.settings {
	padding: 9px;
}

.settings p {
	font-size: 12px;
	padding: 0;
	margin: 0 0 12px 0;
}

.channel {
	float: left;
	width: 33%;
	text-align: center;
	margin-bottom: 12px;
	margin-right: 1px;
	font-size: 12px;
}

.chSelected {
	color: #009900;
}

.chDeselected {
	color: #FF0000;
}

.chText {
	padding: 3px 9px 3px 9px;
}

.chLogo {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	float: left;
	background: url(../images/channel_sprites_1.png) no-repeat;
}


/** CHANNEL ICONS **/
.ch1 {
	background-position: -20px -20px;
}

.ch2 {
	background-position: -20px -100px;
}

.ch3 {
	background-position: -20px -180px;
}

.ch4 {
	background-position: -20px -260px;
}

.ch5 {
	background-position: -20px -340px;
}

.ch6 {
	background-position: -20px -420px;
}

.ch15 {
	background-position: -20px -500px;
}

.ch17 {
	background-position: -20px -580px;
}

.ch22 {
	background-position: -20px -660px;
}

.ch28 {
	background-position: -20px -740px;
}

.ch32{
	background-position: -20px -820px;
}

.ch34{
	background-position: -20px -900px;
}

.ch36{
	background-position: -20px -980px;
}

.ch47{
	background-position: -20px -1060px;
}

.ch61{
	background-position: -20px -1140px;
}

.ch82{
	background-position: -20px -1220px;
}

.ch94{
	background-position: -20px -1300px;
}

.ch131{
	background-position: -20px -1380px;
}

.ch132{
	background-position: -20px -1460px;
}

.ch133{
	background-position: -20px -1540px;
}

.ch155{
	background-position: -20px -1620px;
}

.ch177{
	background-position: -20px -1700px;
}

.ch199{
	background-position: -20px -1780px;
}

.ch202{
	background-position: -20px -1860px;
}

.ch203{
	background-position: -20px -1940px;
}

.ch207{
	background-position: -20px -2020px;
}

.ch208{
	background-position: -20px -2100px;
}

.ch209{
	background-position: -20px -2180px;
}

.ch210{
	background-position: -20px -2260px;
}

.ch214{
	background-position: -20px -2340px;
}

.ch215{
	background-position: -20px -2420px;
}

.ch227{
	background-position: -20px -2500px;
}

.ch229{
	background-position: -20px -2580px;
}

.ch230{
	background-position: -20px -2660px;
}

.ch240{
	background-position: -20px -2740px;
}

.ch241{
	background-position: -20px -2820px;
}

.ch246{
	background-position: -20px -2900px;
}

.ch248{
	background-position: -20px -2980px;
}

.ch252{
	background-position: -20px -3060px;
}

.ch253{
	background-position: -20px -3140px;
}

.ch255{
	background-position: -20px -3220px;
}

.ch256{
	background-position: -20px -3300px;
}

.ch257{
	background-position: -20px -3380px;
}

.ch258{
	background-position: -20px -3460px;
}

.ch264{
	background-position: -20px -3540px;
}

.ch271{
	background-position: -20px -3620px;
}

.ch275{
	background-position: -20px -3700px;
}

.ch298{
	background-position: -20px -3780px;
}

.ch301{
	background-position: -20px -3860px;
}

.ch302{
	background-position: -20px -980px; /* same icon as eurosport */
}

.ch304{
	background-position: -20px -3940px;
}


/* TEMP - FIX SO THAT REAL ICONS ARE USED */
.ch501{
	background-position: -20px -3940px;
}
.ch502{
	background-position: -20px -3940px;
}
.ch503{
	background-position: -20px -3940px;
}
.ch504{
	background-position: -20px -3940px;
}
.ch505{
	background-position: -20px -3940px;
}
.ch506{
	background-position: -20px -3940px;
}
.ch507{
	background-position: -20px -3940px;
}
.ch508{
	background-position: -20px -3940px;
}
.ch509{
	background-position: -20px -3940px;
}

.ch511{
	background-position: -20px -3940px;
}

.ch512{
	background-position: -20px -3940px;
}

.ch513{
	background-position: -20px -3940px;
}

.ch514{
	background-position: -20px -3940px;
}
.ch515{
	background-position: -20px -3940px;
}
.ch516{
	background-position: -20px -3940px;
}

.chdisneychannel.se{
	background-position: -20px -3940px;
}