@charset "UTF-8";
/* CSS Document */

/* CMS Styles */

/* Platform-wide definitions for iPad   */

{-webkit-tap-highlight-color: rgba(0,0,0,0);}

{ -webkit-overflow-scrolling: touch; }


div { -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }

/* panel container styles  */

.panel_content {  -webkit-transition-property: top,left, opacity;;     -webkit-transition-duration: 0.5s; }

.panel                { position:absolute; top:0px; height:auto; bottom:0px; left:0px; width:auto; right:0px }
.panel_content         { position:absolute; top:0px; height:auto; bottom:0px; left:0px; width:auto; right:0px }
.panel { -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }

.showTitle .panel_content {  top:30px;  }

.panel_item  {  position:absolute; top:0px;left:0px; right:0px; bottom:0px; overflow:hidden;  }
.panel_index {  position:absolute; top:5px;left:5px; right:5px; bottom:5px; overflow:auto;  }




/* use this style to set default text for the platform, including the base fount */
.title, .name, .alias, .caption, .description, .assetCaption, .assetDescription, .readMoreText, .thumbnail, .introText, .fullText, li        { font-family:"Helvetica" ; font-size:16px }

/* use this style to set default styles for the platform. Use to set sizes optimised for the display */
.title              {  }
.name               {  }
.alias              {  }
.caption            {  }
.description        {  }
.assetCaption       {  }
.assetDescription   {  }
.readMoreText       {  }

.thumbnail          {  }
.image              {  }
.externalImage      {  }

.AVCRD              {  }
.AVCSD              {  }
.AVCHD              {  }
.externalVideo      {  }


.introText          {  }
.fullText           {  }

ul ,li {-webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start:0px; margin:0px; padding:0px; }
ul, li                  { list-style-type: none;  }




/* Standard styles */

body {margin:0px;padding:0px}


img {padding:0px;margin:0px;width:100%}
a img  {border:0px}

li a {text-decoration:none}
a {color:inherit;text-decoration:none}

a:hover {color:red }
a:active {color:#CC00FF}

.upArrow, .downArrow { width:0px; height:0px;  }


/* field styles */

.panelTitle { font-family: "Helvetica"; color: #FFFFFF;  margin: 0px; padding: 5px;font-size: 20px; }
.title {font-family: "Helvetica"; font-size: 16px; font-weight: bold;}
.name {font-family: "Helvetica"; font-size: 14px; font-weight: bold;}
.alias {font-family: "Helvetica"; font-size: 14px; font-weight: bold;}
.article .image {   }
.tag .article p {  }
.articleBody {  position:absolute; top:0px; height:auto; bottom:0px; left:0px; width:auto; right:0px; overflow:auto  }
.sectionIndex .image, .categoryIndex .image, .categoryIndex .article .image { }
.sectionIndex p, .categoryIndex p {  }
 .article p { vertical-align: text-top }
.caption {font-size: 12px;}
.description {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.introText {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.fullText {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.authorName {font-family: "Helvetica"; font-size: 14px; font-weight: bold;padding-left:10px}
.authorTitle {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.authorBiog {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.authorEmail {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.authorImage {font-family: "Helvetica"; font-size: 14px;}
.indexImage,.nextImage { float:right; width:60px; margin:5px; border: 1px dotted #FFFFFF; }

/* Nav styles */

.topLevel                                  {  }

.topLevel ul                               {  }
.topLevel ul li                            {  }
.topLevel ul li  .active ,
.topLevel ul li:active                     {  }

.topLevel ul li .selectedItem              {  }
.topLevel ul li  .active ,
.topLevel ul li .selectedItem:active       {  }

/*
#pageHeader .topLevel ul  {  position:absolute; margin:  0px ; padding:0px; margin-top:8px; float:left; list-style-type:none}
#pageHeader .topLevel  li {  display: inline-block; margin-right: 0px; padding-top:7px;padding-bottom:3px; padding-left:20px; padding-right:20px;  min-height: 20px;vertical-align: text-top;  }
#pageHeader .topLevel  li {  color:white;  font-family:Helvetica, sans-serif;font-size: 12px; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px  }

#pageHeader .topLevel  ul li.unSelectedItem { background:-webkit-gradient(linear, left top, left bottom, from(#5b5b5b), color-stop(0.52, #1d1d1d),   color-stop(0.5, #303030),  to( #000000)) }
#pageHeader .topLevel  ul li.unSelectedItem {border: 1px solid #000000; }

#pageHeader .topLevel  ul li.selectedItem { background-color:black }
#pageHeader .topLevel  ul li.selectedItem { border: 1px solid #000000;  color:#CC0066 ; font-weight:bold }

#pageHeader .topLevel ul li:active { background:-webkit-gradient(linear, left top, left bottom, from(#5b5b5b), color-stop(0.52, #474747),   color-stop(0.5, #303030),  to( #000000)) }
#pageHeader .topLevel ul li:active { border: 1px solid #000000; }
*/
/*     */

#pageHeader .topLevel ul, .segmentedBar ul  {  position:absolute; margin:  0px ; padding:0px; margin-top:2px; float:left; list-style-type:none}
#pageHeader .topLevel ul, .segmentedBar ul  {  border: 1px solid white; border-radius:3px; }


#pageHeader .topLevel  li, .segmentedBar li {  display: inline-block; margin-right: 0px; padding-top:5px;padding-bottom:5px; padding-left:20px; padding-right:20px;  min-height: 18px;vertical-align: text-top;  }
#pageHeader .topLevel  li, .segmentedBar li {  color:white;  font-family:Helvetica, sans-serif;font-size: 10px; border-left: 1px solid white; }
#pageHeader .topLevel  li:first-child, .segmentedBar li:first-child { border:none; }

#pageHeader .topLevel  ul li.unSelectedItem, .segmentedBar  ul li.unSelectedItem {  }
#pageHeader .topLevel  ul li.unSelectedItem, .segmentedBar  ul li.unSelectedItem {  }

#pageHeader .topLevel  ul li.selectedItem, .segmentedBar  ul li.selectedItem { background-color:black }
#pageHeader .topLevel  ul li.selectedItem, .segmentedBar  ul li.selectedItem {  color:#CC0066 ;  }

#pageHeader .topLevel ul li:active, .segmentedBar  ul li:active {  }
#pageHeader .topLevel ul li:active, .segmentedBar  ul li:active {  opacity:0.5;  -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s;  }

/*       */


.categories                                {  }

.categories ul                             {  }
.categories ul li                          {  }
.categories ul li  .active ,
.categories ul li:active                   {  }

.categories ul li .selectedItem            {  }
.categories ul li  .active ,
.categories ul li .selectedItem:active     {  }

.articles                                  {  }

.articles ul                               {  }
.articles ul li                            { margin:5px; padding:5px;  }
.articles ul li  .active ,
.articles ul li:active                     {  }

.articles ul li .selectedItem              {  }
.articles ul li  .active ,
.articles ul li .selectedItem:active       {  }




/* Site index level */

.siteIndex                     {  }

.siteIndex .title              {  }
.siteIndex .name               {  }
.siteIndex .alias              {  }
.siteIndex .caption            {  }
.siteIndex .description        {  }
.siteIndex .assetCaption       {  }
.siteIndex .assetDescription   {  }
.siteIndex .readMoreText       {  }

.siteIndex .thumbnail          {  }
.siteIndex .image              {  }
.siteIndex .externalImage      {  }

.siteIndex .AVCRD              {  }
.siteIndex .AVCSD              {  }
.siteIndex .AVCHD              {  }
.siteIndex .externalVideo      {  }

.siteIndex .sectionIndex                     {  }
.siteIndex .sectionIndex  .active ,
.siteIndex .sectionIndex:active              {  }

.siteIndex .sectionIndex .title              {  }
.siteIndex .sectionIndex .name               {  }
.siteIndex .sectionIndex .alias              {  }
.siteIndex .sectionIndex .caption            {  }
.siteIndex .sectionIndex .description        {  }
.siteIndex .sectionIndex .assetCaption       {  }
.siteIndex .sectionIndex .assetDescription   {  }
.siteIndex .sectionIndex .readMoreText       {  }

.siteIndex .sectionIndex .thumbnail          {  }
.siteIndex .sectionIndex .image              {  }
.siteIndex .sectionIndex .externalImage      {  }

.siteIndex .sectionIndex .AVCRD              {  }
.siteIndex .sectionIndex .AVCSD              {  }
.siteIndex .sectionIndex .AVCHD              {  }
.siteIndex .sectionIndex .externalVideo      {  }


/* Section index level */

.sectionIndex                     {  }

.sectionIndex .title              {  }
.sectionIndex .name               {  }
.sectionIndex .alias              {  }
.sectionIndex .caption            {  }
.sectionIndex .description        {  }
.sectionIndex .assetCaption       {  }
.sectionIndex .assetDescription   {  }
.sectionIndex .readMoreText       {  }

.sectionIndex .thumbnail          {  }
.sectionIndex .image              {  }
.sectionIndex .externalImage      {  }

.sectionIndex .AVCRD              {  }
.sectionIndex .AVCSD              {  }
.sectionIndex .AVCHD              {  }
.sectionIndex .externalVideo      {  }

.sectionIndex .categoryIndex                     {  }
.sectionIndex .categoryIndex  .active ,
.sectionIndex .categoryIndex:active              {  }

.sectionIndex .categoryIndex .title              {  }
.sectionIndex .categoryIndex .name               {  }
.sectionIndex .categoryIndex .alias              {  }
.sectionIndex .categoryIndex .caption            {  }
.sectionIndex .categoryIndex .description        {  }
.sectionIndex .categoryIndex .assetCaption       {  }
.sectionIndex .categoryIndex .assetDescription   {  }
.sectionIndex .categoryIndex .readMoreText       {  }

.sectionIndex .categoryIndex .thumbnail          {  }
.sectionIndex .categoryIndex .image              {  }
.sectionIndex .categoryIndex .externalImage      {  }

.sectionIndex .categoryIndex .AVCRD              {  }
.sectionIndex .categoryIndex .AVCSD              {  }
.sectionIndex .categoryIndex .AVCHD              {  }
.sectionIndex .categoryIndex .externalVideo      {  }

/* Category index level */

.categoryIndex                     {  }

.categoryIndex .title              {  }
.categoryIndex .name               {  }
.categoryIndex .alias              {  }
.categoryIndex .caption            {  }
.categoryIndex .description        {  }
.categoryIndex .assetCaption       {  }
.categoryIndex .assetDescription   {  }
.categoryIndex .readMoreText       {  }

.categoryIndex .thumbnail          {  }
.categoryIndex .image              {  }
.categoryIndex .externalImage      {  }

.categoryIndex .AVCRD              {  }
.categoryIndex .AVCSD              {  }
.categoryIndex .AVCHD              {  }
.categoryIndex .externalVideo      {  }

.categoryIndex .articleDisplay                     {  }
.categoryIndex .articleDisplay  .active ,
.categoryIndex .articleDisplay:active              {  }

.categoryIndex .articleDisplay .title              {  }
.categoryIndex .articleDisplay .name               {  }
.categoryIndex .articleDisplay .alias              {  }
.categoryIndex .articleDisplay .caption            {  }
.categoryIndex .articleDisplay .introText          {  }
.categoryIndex .articleDisplay .assetCaption       {  }
.categoryIndex .articleDisplay .assetDescription   {  }
.categoryIndex .articleDisplay .readMoreText       {  }

.categoryIndex .articleDisplay .thumbnail          {  }
.categoryIndex .articleDisplay .image              {  }
.categoryIndex .articleDisplay .externalImage      {  }

.categoryIndex .articleDisplay .AVCRD              {  }
.categoryIndex .articleDisplay .AVCSD              {  }
.categoryIndex .articleDisplay .AVCHD              {  }
.categoryIndex .articleDisplay .externalVideo      {  }

/* Article level */

.article                           {  }

.article ul                        {  }
.article ul li                     {  }
.article ul li.selected            {  }
.article ul li.active ,
.article ul li:active              {  }

.articleBody                       {  }

.articleBody .title                {  }
.articleBody .name                 {  }
.articleBody .alias                {  }
.articleBody .caption              {  }
.articleBody .introText            {  }
.articleBody .fullText             {  }
.articleBody .assetCaption         {  }
.articleBody .assetDescription     {  }

.articleBody .thumbnail            {  }
.articleBody .image                {  }
.articleBody .externalImage        {  }

.articleBody .AVCRD                {  }
.articleBody .AVCSD                {  }
.articleBody .AVCHD                {  }
.articleBody .externalVideo        {  }


/* Menu styles */

.menuList                          {  }

.menuList .title                   {  }
.menuList .description             {  }

.menuList .thumbnail               {  }
.menuList .image                   {  }
.menuList .externalImage           {  }

.menuList .AVCRD                   {  }
.menuList .AVCSD                   {  }
.menuList .AVCHD                   {  }
.menuList .externalVideo           {  }

.menuList ul                       {  }
.menuList ul li                    {  }
.menuList ul li  .active ,
.menuList ul li:active             {  }

.menuList ul li.title              {  }
.menuList ul li.description        {  }
.menuList ul li.assetCaption       {  }
.menuList ul li.assetDescription   {  }

.menuList ul li.thumbnail          {  }
.menuList ul li.image              {  }
.menuList ul li.externalImage      {  }

.menuList ul li.AVCRD              {  }
.menuList ul li.AVCSD              {  }
.menuList ul li.AVCHD              {  }
.menuList ul li.externalVideo      {  }

/* Asset styles */

.asset                             {  }

.asset img                         {  }
.asset video                       {  }

.asset .title                      {  }
.asset .caption                    {  }
.asset .thumbnail                  {  }
.asset .image                      {  }
.asset .AVCRD                      {  }
.asset .AVCSD                      {  } 
.asset .AVCHD                      {  }
.asset .externalImage              {  }
.asset .externalVideo              {  }

/* Fragment styles */

.fragment                          {  }

.fragment .title                   {  }
.fragment .content                 {  }





/* page tabs   */

 ul .tabItems , ul { margin: 0em 0px }
 .tabItemsList li {  display: inline-block; margin-right: 20px; padding:5px;  min-height: 20px; vertical-align: text-top;  }
 .tabItemsList li selected {  }
 .tabItemsList li hover {  }
 .tabItemsList li:active {  }

/* container overrides */

.pageFooterText ,.pageFooterText p {display:inline;float:right;vertical-align: text-top;margin:0px}

#siteLogo img {  display:inline-block; }
#pageHeader img { height: 50px }

/* panel styles */

.frontPageContent1,.frontPageContent2,.frontPageContent3 { display: inline-block; margin: 5px; height: 200px;border: 1px solid #0000FF;vertical-align: text-top; }
.frontPageContent1 {  width: 225px; }
.frontPageContent2 {  width: 466px; }
.frontPageContent3 {  width: 707px; }

.frontPageMenu1 .panelTitle, .frontPageMenu2 .panelTitle {}

.frontPageMenu1 {display: inline-block; margin: 5px;  height: 200px; width: 225px; border: 1px solid #0000FF;vertical-align: text-top;}
.frontPageMenu1 ul {}
.frontPageMenu1 li {  }

.frontPageMenu1 .title {}

.frontPageMenu2 .panelTitle { background-color: #FF0033; }
.frontPageMenu2 .title { margin:0px ; padding: 5px; border-bottom-style: solid; border-top-color: #0099FF; border-right-color: #0099FF; border-bottom-color: #0099FF; border-left-color: #0099FF; }
.frontPageMenu2 {display: inline-block; margin: 5px;  height: 210px; width: 225px; border: 1px solid #0000FF;vertical-align: text-top; background-color: #66FFFF;}
.frontPageMenu2 ul {margin:0px ; margin-top:5px; list-style-type: none; -webkit-padding-start: 0px;}
.frontPageMenu2 li { padding:5px; border-bottom-width: 1px;  border-bottom-style: dotted; border-bottom-color: #0099FF; }

.frontPageNoPadding1 { display: inline-block; margin: 5px;  height: 210px;border: 1px solid #0000FF;vertical-align: text-top; width: 225px; }

.pageFooterPanel { display: inline-block; margin: 5px; padding: 5px; height: 180px; width:150px;border: 1px solid #0000FF;vertical-align: text-top;}


.article {   }

.sccLogo { float:right; }
.mcTVLogo img { margin-top:5px; height:40px; width:auto }

/* menu styles */


.mainMenu {text-align: center; }
.mainMenu ul {padding:0px;  list-style-type: none; }
.mainMenu li .selectedItem {display:inline; padding:5px;background-color:#DDDDDD; font-size: 14px;}
.mainMenu  .selectedItem {display:inline; padding:5px;background-color:#BBBBDD; font-size: 14px;}
.mainMenu  .unSelectedItem {display:inline; padding:5px;background-color:#DDDDDD; font-size: 14px;}

.mainMenu2 {text-align: center; }
.mainMenu2 ul { padding:0px; display:inline; list-style-type: none; }
.mainMenu2 li {display:inline; margin-left:5px;padding:5px;background-color:#AAAAAA; font-family: "Lucida Grande", "Lucida Sans"; font-size: 12px; font-weight: bold; color: #FFFFFF; }

.categoriesMenu { }
.categoriesMenu ul {padding:0px;  list-style-type: none; }
.categoriesMenu li  { margin:5px; padding:5px; font-size: 14px; -webkit-border-radius:5px; border: 2px solid #aaaaaa; color:white}
.categoriesMenu  .selectedItem, .categoriesMenu  .selected { background:-webkit-gradient(linear, left top, left bottom, from(rgb(180,200,255)), color-stop(0.45, rgb(90,100,150)), color-stop(0.8, rgb(40,50,80)), to(rgb(0,0,50))) }
.categoriesMenu  li ,categoriesMenu  .unSelectedItem { background:-webkit-gradient(linear, left top, left bottom, from(rgb(118,118,128)), color-stop(0.45, rgb(170,170,180)), color-stop(0.8, rgb(170,170,180)), to(rgb(140,140,150))) }


.categoriesMenu ul li ul {padding:0px;  list-style-type: none; }
.categoriesMenu li ul li { margin-left:5px;padding:5px;background-color:#DDDDDD; font-size: 12px;}

.alternativeMenu .panelTitle { background-color: #FF0033; }
.alternativeMenu .title { margin:0px ; padding: 5px; border-bottom-style: solid; border-top-color: #0099FF; border-right-color: #0099FF; border-bottom-color: #0099FF; border-left-color: #0099FF;color:#FFFFFF }
.alternativeMenu { background-color: #3399FF;}
.alternativeMenu ul {margin:0px ; margin-top:5px; list-style-type: none; -webkit-padding-start: 0px;}
.alternativeMenu li { padding:5px; border-bottom-width: 1px;  border-bottom-style: dotted; border-bottom-color: #FFFFFF; }


/* TV Listings Grid  */

.broadcastTVInsert  {  width:352px; height:198px;  }


.tvListingsGridHolder {  top:60px; left:40px; width:auto; right:32px; height:382px;  }
.tvListingsGridHolder  .panel_content { top:10px; left:133px; right:32px; width:auto; overflow:hidden }
.tvListingsGridHolder  .tvListings.index_scrollBox {   height:453px; }
.tvListingsGridHolder-upArrow { top:20px; left:7px; width:124px;  height:auto; bottom:5px;  }
.tvListingsGridHolder-downArrow {   height:453px;  }
.tvListingsGridHolder-downArrow .panel_holder { left:133px; right:0px; }

.tvListingsTitle { position:absolute; top:0px; left:32px; width:500px; right:auto; height:70px; }
.programmeDetailsHolder,.programmeDetailsHolderShort {  position:absolute; left:42px; top:420px; height:150px; right:257px;  }

/*.programmeDetailsHolder,.programmeDetailsHolderShort {  left:32px; top:32px; height:340px; right:0px;  }*/

.programmeDetailsHolderShort {  height:200px;  }

/* GRID */

.tvListingsGrid {}

.tvListingsGridHolder-upArrow .image { width:100px; height:59px }

.tvListingsGrid .tvListings {}

.tvListingsGrid .channelHolder {  height:50px; }
.tvListingsGrid .programmeHolder { height:60px ;  }
.tvListingsGrid .programmeHolder .startTime {   font-size:16px ;  }
.tvListingsGrid .programmeHolder .twitterIcon {   height:16px;  }
.tvListingsGrid .programmeHolder .twitterIcon img {  height:16px;  }
.tvListingsGrid .programmeHolder .title {   height:60px; font-size:16px; }
.tvListingsGrid {}

.tvListingsGrid .programmeHolder.drama { }
.tvListingsGrid .programmeHolder.news { }
.tvListingsGrid .programmeHolder.sports { }
.tvListingsGrid .programmeHolder.factual { }
.tvListingsGrid .programmeHolder.lifestyle { }
.tvListingsGrid .programmeHolder.entertainment { }
.tvListingsGrid .programmeHolder.comedy { }

.tvListingsGrid.upArrow.image { height:72px; }
.tvListingsGrid.upArrow img { width:70px;  }

.programmeDetails               {}
.programmeDetails .image        {  height:100px;  margin-right:0px;  }
.programmeDetails img        { height:100px; }
.programmeDetails .channelTitle        {  font-size:18px;}
.programmeDetails .startTime        { font-size:16px;}
.programmeDetails .duration        { font-size:16px;}
.programmeDetails .title  {font-size:20px;}
.programmeDetails .description  {font-size:20px;}
.programmeDetails .hashTags  {}

.programmeDetails .hashTag {  }
.programmeDetails .hashTag {  font-size:16px; margin:7px;  padding:7px; }

/* input items */

.panel_item.input .title  { margin:5px; font-family:"Helvetica", sans-serif; font-size: 20px; }
.panel_item.input .welcomeText  { margin:5px; font-family:"Helvetica", sans-serif; font-size: 20px; color:white; }
.panel_item.input .successText  {  }
.panel_item.input .failText  { margin:5px; font-family:"Helvetica", sans-serif; font-size: 20px; color:white; }

.panel_item.input .submitButton  { font-family:"Helvetica", sans-serif; font-size: 16px; margin:5px; margin-left:215px; padding:5px; width:90px; height:14px; color:white; background-color:rgb(35, 75, 123); text-align:center; }

.panel_item.input .inputItems  { top:50px;  }

.panel_item.input .inputItems .title { margin:5px; display:inline-block; vertical-align:text-top; font-family:"Helvetica", sans-serif; font-size: 14px; width:150px; text-align:right}
.panel_item.input .inputItems .inputItem .inputField-holder {  width:200px; }
.panel_item.input .inputItems input { margin:5px; padding:5px; color:white;  display:inline-block; vertical-align:text-top; font-family:"Helvetica", sans-serif; font-size: 16px; width:90px; height:14px;  background-color:rgb(35, 75, 123);}
.panel_item.input .inputItems .title {  }

.panel_item.input .inputItems .inputItem .inputField-holder ,.panelItem.input .inputItems .inputItem .inputField-holder { display:inline-block; vertical-align:text-top }

.panel_item.input .inputItems .inputItem .inputField-holder  select { margin-top:10px;   }



.panel_item.input .inputItems .inputField.focus , .activationContent .submitButton.focus { outline: white 4px solid; }

.preferences .formSubmitButton { position:absolute; left:230px; top:100px; }







/* DVB  */

.dvb                          {  }

.dvb .videoObjectHolder, .dvb .videoObjectHolder video  { position:absolute; top:0px; left:auto; right:0px; width:320px; height:180px; background-color:rgba(0.4,0.4,0.4,0.4); }
.dvb .videoObjectHolder video { left:0px;  }
.level-site .dvb .videoObjectHolder, .level-site .dvb .videoObjectHolder video { top:0px; left:0px; width:1155px; height:650px; }
.level-site .dvb .videoObjectHolder video { left:0px; }

.dvb .serviceList              { position:absolute; top:0px; bottom:0px; left:auto; right:0px; width:288px; height:auto; background-color:rgba(0.4,0.4,0.4,1); padding-top:32px; padding-right:32px; }
.dvb .serviceList.hidden           { right:-320px; }
.level-section  .dvb .serviceList            { opacity:0 }
.level-category .dvb .serviceList            { opacity:0 }
.level-article  .dvb .serviceList            { opacity:0 }

.dvb .programmeCollection              { position:absolute; top:440px; bottom:80px; left:0px; right:0px; width:auto; height:auto; background-color:rgba(0.4,0.4,0.4,1); opacity:0 }
.level-site .dvb .programmeCollection.hidden            { opacity:0 }
.level-site .dvb .programmeCollection            { opacity:1 }

.dvb .boxedSets ,  .dvb .boxedSet  { position:absolute; top:32px; bottom:238px; left:32px; right:320px; width:auto; height:auto; background-color:rgba(0.4,0.4,0.4,1); }

.dvb .boxedSets ,  .dvb .boxedSet           { background-color:rgba(0,0,0,0.7); }

.dvb .boxedSets .boxedSetCategory             {    position:relative; width:auto; height:50px; background-color:black; margin:2px; padding:2px; }
.dvb .boxedSets .boxedSetCategory  .title        {   position:relative;   width:auto; height:15px; background-color:black; margin:2px; padding:2px; color:white; }
.dvb .boxedSets .boxedSetCategory  .contents        {   position:relative;   width:auto; height:30px; background-color:black; margin:2px; padding:2px; border: 1px solid white }

.dvb .boxedSets .boxedSetCategory  .boxedSet        {    width:20px; height:20px; background-color:gray; margin:2px; padding:2px;  }

.dvb .boxedSet .info
.dvb .boxedSet .info .title        {    color:white;  border: 1px solid white ; font-weight:normal; }
.dvb .boxedSet .info .synopsis        {   color:white;  border: 1px solid white }
.dvb .boxedSet .info .image        {     }

.dvb .boxedSet .seasons      {    border: 1px solid white  }
.dvb .boxedSet .seasons .title     {   border: 1px solid white ; font-weight:normal; }
.dvb .boxedSet .seasons .content     {   border: 1px solid white  }

.dvb .boxedSet .seasons  boxedSetSeasonTitle    {   color:white; text-align:center;  }

.dvb .boxedSet .episodes      {   border: 1px solid white  }
.dvb .boxedSet .episodes .title     {   border: 1px solid white ; font-weight:normal; }
.dvb .boxedSet .episodes .content     {   border: 1px solid white  }

.dvb .boxedSet .listItem      {   display:inline-block; vertical-align:text-top;  }

.dvb .boxedSet .listItem  .image    {     }
.dvb .boxedSet .listItem  .title    {   color:white; text-align:center; font-weight:normal; }

.dvb .boxedSet              { position:absolute; top:130px; bottom:80px; left:340px; right:10px; width:auto; height:auto;  }

.dvb .boxedSet .mainRectangle             {    background-color:black; margin:5px; padding:5px; }

.dvb .boxedSet .info                {  position:absolute; top:10px; left:10px; width:auto; height:250px; width:auto; right:10px;       }
.dvb .boxedSet .info .title        { position:absolute;  top:0px; left:0px; width:auto; height:40px; width:400px; right:auto; font-size:32px; color:white ; ; font-weight:normal;}
.dvb .boxedSet .info .subTitle        { position:absolute;  top:40px; left:0px; width:auto; height:20px; width:400px; right:auto; font-size:16px; color:white ; ; font-weight:normal;}
.dvb .boxedSet .info .synopsis        {  position:absolute;  top:75px; left:10px; width:auto; height:150px; width:400px; right:auto; font-size:18px; color:white ; ; font-weight:normal; }
.dvb .boxedSet .info .image        {  position:absolute;  top:0px; left:470px; width:auto; height:225px; width:400px; right:auto;  }

.dvb .boxedSet .seasons      { position:absolute; top:280px; left:10px; width:auto; right:10px; height:40px;   white-space: nowrap;  }

.dvb .boxedSet .seasons .title     {    position:absolute; top:0px; left:0px; width:auto; right:0px; height:30px ;  font-size:15px; color:white ; font-weight:normal; }
.dvb .boxedSet .seasons .content     {    position:absolute; top:0px; left:0px; width:auto; right:0px; height:0px }

.dvb .boxedSet  .listItem    {   width:160px; height:30px; margin:5px;  white-space: nowrap; }

.dvb .boxedSet .episodes      {   position:absolute; top:345px; left:10px; width:auto; right:10px; height:130px;   white-space: nowrap;}

.dvb .boxedSet .episodes  .listItem    {   width:160px; height:120px}

.dvb .boxedSet .episodes .title     {   position:absolute; top:0px; left:0px; width:auto; right:0px; height:30px; font-weight:normal;  }
.dvb .boxedSet .episodes .content     {   position:absolute; top:40px; left:0px; width:auto; right:0px; height:0px  }

.dvb .boxedSet  .listItem   .title {   position:relative; font-size:15px; color:white ; }


.dvb .boxedSet .listItem  .image    {  width:160px; height:90px; margin:0px; padding:0px;   }
.dvb .boxedSet .listItem  .title    {    width:150px; height:20px; margin:0px; padding:5px; font-size:15px; font-weight:normal;  }




.dvb .programmeDetails              { position:absolute; top:230px; bottom:290px; left:200px; right:200px; width:auto; height:auto; background-color:rgba(0.4,0.4,0.4,1); opacity:0 }
.level-site .dvb .programmeDetails.hidden            { opacity:0 }
.level-site .dvb .programmeDetails            { opacity:1 }

.dvb .programmeCollection .instances .instance.icon     {  display:inline-block; vertical-align:text-top; width:90px; height: 15px; padding:2px; }
.dvb .programmeCollection .instances .instance.icon  img  {  width:auto; height: 15px}


.dvb .panel_index                   { top:30px; }
.dvb .index_scrollBox                   { left:0px; right:0px; width:auto; }

.dvb .panel_column        { position:absolute; top:5px; width:200px; border: solid 1px white; bottom:5px; height:auto; padding:5px; }

.dvb .panel_column { position:absolute;  }
.dvb .panel_column.registry { left:5px; }
.dvb .panel_column.providerOfferings { left:225px; }

.dvb .index               {  }
.dvb    .indexItem      {   }
.dvb    .indexItem.selected      {    }

.dvb .index   .indexItem.clickableItem            {  }


/*   DVB-I service list  */

/* Menu styles */

.serviceListPicker                          { color:white; }

.serviceListPicker .name                   {  }

.serviceListPicker .panel_index                   { top:30px; }
.serviceListPicker .index_scrollBox                   { left:0px; right:0px; width:auto; }

.serviceListPicker .panel_column        { position:absolute; top:5px; width:200px; border: solid 1px white; bottom:5px; height:auto; padding:5px; }

.serviceListPicker .panel_column { position:absolute;  }
.serviceListPicker .panel_column.registry { left:5px; }
.serviceListPicker .panel_column.providerOfferings { left:225px; }

.serviceListPicker .index               {  }
.serviceListPicker    .indexItem      { background-color:gray; margin:5px; padding:5px;  }

.serviceListPicker .index   .indexItem.clickableItem            {  }



/* Button lists   */

.iPadButtonMenu , .iPadButtonMenuArrowed     {display:inline;vertical-align: text-top; font-family:Helvetica, sans-serif }
.iPadButtonMenu ul , .iPadButtonMenuArrowed ul   {padding:0px; display:inline; list-style-type: none; }
.iPadButtonMenu li , .iPadButtonMenuArrowed li   { display:inline-block;   font-size: 12px; text-align: center;  height: 32px; vertical-align: middle; text-align:centre; background-position: 0px 0px;}
.iPadButtonMenu li , .iPadButtonMenuArrowed li   { text-shadow: rgba(0,0,0,0.5) 1px 1px 1px}
.iPadButtonMenu li , .iPadButtonMenuArrowed li   { -webkit-border-image: url("../../iPadWeb/images/button-plain.png")  5 10 5 10 stretch ; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 5px 10px 5px 10px;}
.iPadButtonMenuArrowed li:first-child  {  -webkit-border-image: url("../../iPadWeb/images/button-left.png")  5 15 5 15 stretch ;  -webkit-box-sizing: border-box;border-width: 5px 10px 5px 15px; }
.iPadButtonMenuArrowed li:last-child   {  -webkit-border-image: url("../../iPadWeb/images/button-right.png")  5 15 5 15 stretch ;  -webkit-box-sizing: border-box ;border-width: 5px 15px 5px 10px;}

.iPadButtonMenu li:active , .iPadButtonMenuArrowed li:active  { -webkit-border-image: url("../../iPadWeb/images/button-plain-pressed.png")  5 10 5 15 stretch stretch; -webkit-box-sizing: border-box; box-sizing: border-box; }

.iPadButtonMenu li:first-child:active  {  -webkit-border-image: url("../../iPadWeb/images/button-left-pressed.png")  5 10 5 15 stretch stretch;  -webkit-box-sizing: border-box }
.iPadButtonMenu li:last-child:active   {  -webkit-border-image: url("../../iPadWeb/images/button-right-pressed.png")  5 10 5 15 stretch stretch;  -webkit-box-sizing: border-box }

.iPadButtonMenu li , .iPadButtonMenuArrowed li  { display:inline-block;   font-size: 12px; margin-left:10px;margin-right:10px; }

.iPadButtonMenu  .text , .iPadButtonMenuArrowed  .text {  display:inline-block;vertical-align:middle; font-size: 12px; color:white; margin-top:3px; margin-left:10px; margin-right:10px}


/*////iOS7 version */

.iPadButtonMenu7 , .iPadButtonMenuArrowed7     {display:inline;vertical-align: text-top; font-family:Helvetica, sans-serif }

.iPadButtonMenu7.disabled, .iPadButtonMenuArrowed7.disabled     { opacity:0.4;  }

.iPadButtonMenu7 ul , .iPadButtonMenuArrowed7 ul   {padding:0px; display:inline; list-style-type: none; }
.iPadButtonMenu7 li , .iPadButtonMenuArrowed7 li   { display:inline-block;   font-size: 14px; text-align: center;  height: 25px; vertical-align: middle; text-align:centre; background-position: 0px 0px; padding-top:4px; }
.iPadButtonMenu7 li , .iPadButtonMenuArrowed7 li   { background-repeat:no-repeat;  }
.iPadButtonMenu7 li , .iPadButtonMenuArrowed7 li   { }
.iPadButtonMenuArrowed7 li:first-child  { background-image:url("../../iPhoneWeb/images/iOS7arrows/left-white.png"); background-position:left; padding-left:15px  }
.iPadButtonMenuArrowed7 li:last-child   { background-image:url("../../iPhoneWeb/images/iOS7arrows/right-white.png"); background-position:right;  padding-right:15px }

.iPadButtonMenu7 li:active , .iPadButtonMenuArrowed7 li:active  { opacity:0.5;  -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s;  }

.iPadButtonMenu7 li:first-child:active  {   }
.iPadButtonMenu7 li:last-child:active   {   }

.iPadButtonMenu7 li , .iPadButtonMenuArrowed7 li  { display:inline-block;   font-size: 14px; margin-left:5px;margin-right:5px; }

.iPadButtonMenu7 li.selected .text, .iPadButtonMenuArrowed7 li.selected .text  { color:red; }

.iPadButtonMenu7 .title , .iPadButtonMenuArrowed7 .title  , .iPadButtonMenu7  .text , .iPadButtonMenuArrowed7  .text , .iPadButtonMenu7  .description , .iPadButtonMenuArrowed7  .description {  display:inline-block;vertical-align:text-top; font-size: 16px; color:white; margin-top:3px; margin-left:8px; margin-right:8px}
.iPadButtonMenu7  .image , .iPadButtonMenuArrowed7  .image , .fastextMenu .menuItems .image { display:inline-block;vertical-align:text-top; height:18px; width:32px;  }



.hoverBox:hover, li:hover , .article:hover , .activeElement {  outline:0px; color:none }

.categoryIndex .article:hover , .categoryIndex .articleDisplay .activeElement{   }
.categoryIndex .article .image:hover , .categoryIndex .article .image .activeElement{  border: 2px solid #FFFFFF; }

/* overrides  */

a:hover {  }