* {padding:0;margin:0}
a {border:0;outline:none}
div.clr {clear:both;content:'';border:0}
div.View {}

html, body {height:100%}

#widget {width:100%;height:100%;overflow:hidden}

.OVI {width:76px;height:25px;display:block;position:absolute;left:6px;top:18px;background:url(img/OVI.png) top left no-repeat;text-indent:-10000px;outline:0}

/* ------------------ HomeScreen */
#HomeScreen {height:100%;position:relative;background:#000}

#HomeScreen p {padding:10px 10px 10px 81px;height:100%;font:bold 10pt arial}

#HomeScreen i {width:66px;height:66px;display:block;position:absolute;top:5px;left:5px;background:url(img/Icon_66x66.png) 0 0 no-repeat}

#HomeScreen .Main {background:#f7b72f url(img/MainBg.png) 0 -3px repeat-x;color:#000}
#HomeScreen .News {background:#1a2137 url(img/NewsBg.png) 0 -3px repeat-x;color:#fff}
#HomeScreen .Finance {background:#86cb21 url(img/FinanceBg.png) 0 -3px repeat-x;color:#000}
#HomeScreen .Sport {background:#2d5ee5 url(img/SportBg.png) 0 -3px repeat-x;color:#fff}
#HomeScreen .Markets {background:#625d43 url(img/MarketsBg.png) 0 -3px repeat-x;color:#d5e27f}

/* ------------------ Intro */
#Intro {height:100%;position:relative;background:#000}
#Intro h1 {width:188px;height:188px;display:block;position:absolute;left:50%;margin-left:-94px;top:50%;margin-top:-94px;background:#000 url(img/Intro.png) top left no-repeat;text-indent:-10000px}
#Intro h2 {width:128px;height:15px;display:block;position:absolute;left:50%;margin-left:-64px;top:50%;margin-top:104px;background:#000 url(img/loader.gif) top left no-repeat;text-indent:-10000px}

/* ------------------ List */
#List {height:100%;margin-top:60px;overflow-y:auto;background:#000}
#List .Header {height:60px;width:100%;position:fixed;top:0;left:0;background:#000 url(img/header.png) top left repeat-x}
#List h1 {width:120px;height:25px;position:absolute;top:18px;left:50%;margin-left:-60px;background:url(img/header.png) 0 -60px  no-repeat;text-indent:-10000px}
#List .Close {width:78px;height:28px;display:block;position:absolute;right:6px;top:16px;background:url(img/header.png) -183px -60px no-repeat;text-indent:-10000px;outline:0}

#List .Record {background:#000}

#SlideNewsList {padding:2px 0 140px 1px}
#SlideNewsList ul {list-style-type:none}
#SlideNewsList ul li {padding:0}
#SlideNewsList ul li a {display:block;padding:5px 0 5px 0;margin:0 20px 0 20px;border-bottom:1px solid #1a1a1a;color:#fff;text-decoration:none;font:normal 14pt arial}

#SlideNewsList ul li.Main {background:url(img/ListBg.png) top left no-repeat}
#SlideNewsList ul li.News {background:url(img/ListBg.png) 0 -150px no-repeat}
#SlideNewsList ul li.Finance {background:url(img/ListBg.png) 0 -300px no-repeat}
#SlideNewsList ul li.Sport {background:url(img/ListBg.png) 0 -450px no-repeat}
#SlideNewsList ul li.Markets {background:url(img/ListBg.png) 0 -600px no-repeat}

#List .OptionsMenu {position:fixed;bottom:0;left:0;height:60px;width:100%;background:#000 url(img/OptionsMenuBg.png) top left repeat-x}
#List .OptionsMenu ul {list-style-type:none}
#List .OptionsMenu ul li {float:left;margin:0}

#List li.OptionsMenuSlides {width:33%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#List li.OptionsMenuSlides a {height:60px;display:block;background:url(img/OptionsMenu.png) center -180px no-repeat;text-indent:-10000px}

#List li.OptionsMenuRefresh {width:34%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#List li.OptionsMenuRefresh a {height:60px;display:block;background:url(img/OptionsMenu.png) center -60px no-repeat;text-indent:-10000px}
#List li.OptionsMenuRefresh a span {width:34%;height:60px;display:block;background:url(img/OptionsMenuBg.png) left -120px no-repeat}

#List li.OptionsMenuEmpty2 {width:33%;height:60px;background:url(img/OptionsMenuBg.png) left -120px no-repeat}
#List li.OptionsMenuEmpty2 i {width:33%;height:60px;display:block;text-indent:-10000px}


/* ------------------------------------ NewsOne */
#NewsOne {height:100%;margin-top:60px;overflow-y:auto;background:#dbdcde}
#NewsOne .Header {height:60px;width:100%;position:fixed;top:0;left:0;background:#000 url(img/header.png) top left repeat-x}
#NewsOne h1 {width:120px;height:25px;position:absolute;top:18px;left:50%;margin-left:-60px;background:url(img/header.png) 0 -60px  no-repeat;text-indent:-10000px}
#NewsOne .Back {width:63px;height:28px;display:block;position:absolute;left:6px;top:16px;background:url(img/header.png) -120px -60px no-repeat;text-indent:-10000px;outline:0}
#NewsOne .Close {width:78px;height:28px;display:block;position:absolute;right:6px;top:16px;background:url(img/header.png) -183px -60px no-repeat;text-indent:-10000px;outline:0}

#NewsOne .New {background:#dbdcde}

#NewsOne .New p {background:#dbdcde url(img/NewsOneBg.png) top left repeat-x;display:block;padding:20px 20px 140px 20px;font:normal 13pt arial}
#NewsOne .New span {font:normal 13pt verdana;color:#fff;display:block;background:#313131;text-align:right;padding:5px 20px 5px 0}

#NewsOne .Main h2 {background:#f7b72f url(img/MainBg.png) 0 -3px repeat-x;padding:20px;display:block;font:normal 20pt tahoma;color:#000}
#NewsOne .News h2 {background:#1a2137 url(img/NewsBg.png) 0 -3px repeat-x;padding:20px;display:block;font:normal 20pt tahoma;color:#fff}
#NewsOne .Finance h2 {background:#86cb21 url(img/FinanceBg.png) 0 -3px repeat-x;padding:20px;display:block;font:normal 20pt tahoma;color:#000}
#NewsOne .Sport h2 {background:#2d5ee5 url(img/SportBg.png) 0 -3px repeat-x;padding:20px;display:block;font:normal 20pt tahoma;color:#fff}

#NewsOne .OptionsMenu {position:fixed;bottom:0;left:0;height:60px;width:100%;background:#000 url(img/OptionsMenuBg.png) top left repeat-x}
#NewsOne .OptionsMenu ul {list-style-type:none}
#NewsOne .OptionsMenu ul li {float:left;margin:0}

#NewsOne li.OptionsMenuVideo {width:50%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#NewsOne li.OptionsMenuVideo a {height:60px;display:block;background:url(img/OptionsMenu.png) bottom center no-repeat;text-indent:-10000px}

#NewsOne li.OptionsMenuVideoEmpty {width:50%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#NewsOne li.OptionsMenuVideoEmpty i {width:50%;height:60px;display:block;text-indent:-10000px}

#NewsOne li.OptionsMenuEmpty {width:50%;height:60px;background:url(img/OptionsMenuBg.png) left -120px no-repeat}
#NewsOne li.OptionsMenuEmpty i {width:50%;height:60px;display:block;text-indent:-10000px}

/* ------------------ MarketsOne */
#MarketsOne {height:100%;margin-top:60px;overflow-y:auto;background:#000}
#MarketsOne .Header {height:60px;width:100%;position:fixed;top:0;left:0;background:#000 url(img/header.png) top left repeat-x}
#MarketsOne h1 {width:120px;height:25px;position:absolute;top:18px;left:50%;margin-left:-60px;background:url(img/header.png) 0 -60px  no-repeat;text-indent:-10000px}
#MarketsOne .Back {width:63px;height:28px;display:block;position:absolute;left:6px;top:16px;background:url(img/header.png) -120px -60px no-repeat;text-indent:-10000px;outline:0}
#MarketsOne .Close {width:78px;height:28px;display:block;position:absolute;right:6px;top:16px;background:url(img/header.png) -183px -60px no-repeat;text-indent:-10000px;outline:0}

#MarketsOne .Market {background:#000}
#MarketsOne h2 {background:#625d43 url(img/MarketsBg.png) 0 -3px repeat-x;padding:20px;display:block;font:normal 20pt tahoma;color:#d5e27f}
#MarketsOne .Market span {font:normal 13pt verdana;color:#fff;display:block;background:#2e2e2f;text-align:right;padding:5px 20px 5px 0}

#MarketsOne h3 {font:normal 18pt tahoma;color:#d5e27f;padding:20px}

#MarketsOneIndexes {padding:0 0 140px 0}
#MarketsOneIndexes ul {list-style-type:none}
#MarketsOneIndexes ul li {font:normal 15pt arial;color:#fff;padding:7px 20px;border-bottom:1px solid #333;border-top:1px solid #141414;position:relative}
#MarketsOneIndexes ul li span.Count {display:inline;background:none;position:absolute;top:4px;left:160px;color:#fff;font:normal 16pt arial}
#MarketsOneIndexes ul li span.Change {display:inline;background:none;position:absolute;top:4px;right:0;font:normal 16pt arial}
#MarketsOneIndexes ul li span.Plus {color:#99ff15}
#MarketsOneIndexes ul li span.Minus {color:#ea2020}

#MarketsOne .OptionsMenu {position:fixed;bottom:0;left:0;height:60px;width:100%;background:#000 url(img/OptionsMenuBg.png) top left repeat-x}
#MarketsOne .OptionsMenu ul {list-style-type:none}
#MarketsOne .OptionsMenu ul li {float:left;margin:0}

#MarketsOne li.OptionsMenuEmpty {width:50%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#MarketsOne li.OptionsMenuEmpty i {width:50%;height:60px;display:block;text-indent:-10000px}

#MarketsOne li.OptionsMenuEmpty2 {width:50%;height:60px;background:url(img/OptionsMenuBg.png) left -120px no-repeat}
#MarketsOne li.OptionsMenuEmpty2 i {width:50%;height:60px;display:block;text-indent:-10000px}

/* ------------------ Errors */
#Errors {height:100%;margin-top:60px;overflow-y:auto;background:#000}
#Errors .Header {height:60px;width:100%;position:fixed;top:0;left:0;background:#000 url(img/header.png) top left repeat-x}
#Errors h1 {width:120px;height:25px;position:absolute;top:18px;left:50%;margin-left:-60px;background:url(img/header.png) 0 -60px  no-repeat;text-indent:-10000px}
#Errors .Close {width:78px;height:28px;display:block;position:absolute;right:6px;top:16px;background:url(img/header.png) -183px -60px no-repeat;text-indent:-10000px;outline:0}

#Errors .Error {background:#000}
#Errors .Error p {font:normal 14pt arial;color:#fff;padding:20px 20px 140px 20px}

#Errors .OptionsMenu {position:fixed;bottom:0;left:0;height:60px;width:100%;background:#000 url(img/OptionsMenuBg.png) top left repeat-x}
#Errors .OptionsMenu ul {list-style-type:none}
#Errors .OptionsMenu ul li {float:left;margin:0}

#Errors li.OptionsMenuEmpty {width:33%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#Errors li.OptionsMenuEmpty i {width:33%;height:60px;display:block;text-indent:-10000px}

#Errors li.OptionsMenuRefresh {width:34%;height:60px;background:url(img/OptionsMenuBg.png) right -60px no-repeat}
#Errors li.OptionsMenuRefresh a {height:60px;display:block;background:url(img/OptionsMenu.png) center -60px no-repeat;text-indent:-10000px}
#Errors li.OptionsMenuRefresh a span {width:34%;height:60px;display:block;background:url(img/OptionsMenuBg.png) left -120px no-repeat}

#Errors li.OptionsMenuEmpty2 {width:33%;height:60px;background:url(img/OptionsMenuBg.png) left -120px no-repeat}
#Errors li.OptionsMenuEmpty2 i {width:33%;height:60px;display:block;text-indent:-10000px}