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

/* CMS Styles */

/* Platform-wide definitions for iPhone   */

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

{ -webkit-overflow-scrolling: touch; }
/* panel container styles  */

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


.panel_content {  -webkit-transition-property: top,left;     -webkit-transition-duration: 0.5s; }
.panel { -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }

.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_item  {  position:absolute; top:0px;left:0px; right:0px; bottom:0px; overflow:hidden;  }
.panel_index  {  position:absolute; top:2px;left:2px; right:2px; bottom:2px; overflow:auto;  }


.showTitle .panel_content {  top:25px;  }

/*
.container { position:absolute; }
.container {  -webkit-transition-property: top, left, height, width, right, bottom, opacity; -webkit-transition-duration: 1s; }*/
/* use this style to set default text for the platform, including the base fount */
.title        { font-family:"San Francisco" ; font-size:12px }

.name, .alias, .caption, .description, .assetCaption, .assetDescription, .readMoreText, .thumbnail, .introText, .fullText, li  { font-family:"Helvetica" ; font-size:10px }

/* 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                  {  -webkit-margin-before:0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start:0px; margin:0px; padding:0px;  }
li                  { list-style-type: none;  }

 -webkit-padding-start: 0px;


/* Standard styles */

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


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

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



/* field styles */

.panelTitle { font-family: "Helvetica"; color: #FFFFFF; background-color: #666666; margin: 0px; padding: 5px;font-size: 18px; }
.title {font-family: "Helvetica"; font-size: 14px; font-weight: normal;}
.name {font-family: "Helvetica"; font-size: 12px; font-weight: normal;}
.alias {font-family: "Helvetica"; font-size: 12px; font-weight: normal;}
.article .image { float:right; width:300px;  margin-top:10px ; margin-left:10px ; margin-bottom:10px ; margin-right:5px ;  }
.tag .article p { min-height:210px  }
.articleBody { position:absolute; top:0px; height:auto; bottom:0px; left:0px; width:auto; right:0px; overflow:auto   }
.sectionIndex .image, .categoryIndex .image, .categoryIndex .article .image {float:left; width:200px;  margin:5px}
.sectionIndex p, .categoryIndex p {  }
 .article p {m vertical-align: text-top }
.caption {font-size: 12px;}
.description {font-family: "Helvetica"; font-size: 12px;padding-left:10px}
.introText {font-family: "Helvetica"; font-size: 12px;padding-left:10px}
.fullText {font-family: "Helvetica"; font-size: 12px;padding-left:10px}
.authorName {font-family: "Helvetica"; font-size: 14px; font-weight: normal;padding-left:10px}
.authorTitle {font-family: "Helvetica"; font-size: 14px;padding-left:10px}
.authorBiog {font-family: "Helvetica"; font-size: 12px;padding-left:10px}
.authorEmail {font-family: "Helvetica"; font-size: 12px;padding-left:10px}
.authorImage {font-family: "Helvetica"; font-size: 12px;}
.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:2px; float:left; list-style-type:none}
#pageHeader .topLevel ul  {  border: 1px solid white; border-radius:3px; }


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

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

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

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

.segmentedBar ul  {   }
.segmentedBar ul  {   }


.segmentedBar  li {  padding-top:5px;padding-bottom:5px; padding-left:10px; padding-right:10px;  min-height: 18px;  }
.segmentedBar  li .title {  font-size: 14px; }
.segmentedBar  li:first-child { border:none; }

.segmentedBar  ul li.unSelectedItem {  }
.segmentedBar  ul li.unSelectedItem {  }

.segmentedBar  ul li.selectedItem { }
.segmentedBar  ul li.selectedItem {    }

.segmentedBar ul li:active {  }
.segmentedBar ul li:active {   }


.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                     { margin:5px; padding:5px;  }
.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;border: 2px solid #0000FF;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 {  overflow:auto;  }

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


/* 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              {  }
.dvb .serviceList.hidden           {  }
.level-section  .dvb .serviceList            { opacity:0 }
.level-category .dvb .serviceList            { opacity:0 }
.level-article  .dvb .serviceList            { opacity:0 }

.dvb .programmeCollection              {  }
.level-site .dvb .programmeCollection.hidden            {  }
.level-site .dvb .programmeCollection            {  }

.dvb .programmeDetails              {  }
.level-site .dvb .programmeDetails.hidden            {  }
.level-site .dvb .programmeDetails            { }

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


.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 .panel_index                   {  }
.dvb .index_scrollBox                   {  }

.dvb .panel_column        {  }

.dvb .panel_column {   }
.dvb .panel_column.registry {  }
.dvb .panel_column.providerOfferings {  }

.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      {  margin:5px; padding:5px;  }
.serviceListPicker    .indexItem.selected      {    }

.serviceListPicker .index   .indexItem.clickableItem            {  }




/* 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:left}

@media only screen and (orientation:landscape)
{
    .panel_item.input .inputItems .title {  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: 14px; 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:5px;   margin-bottom:5px;   }


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

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



/* menu styles */


.mainMenu {text-align: center; }
.mainMenu ul {padding:0px; display:inline; list-style-type: none; }
.mainMenu li .selectedItem {display:inline; margin-left:5px;padding:5px;background-color:#DDDDDD; font-size: 14px;}
.mainMenu  .selectedItem {display:inline; margin-left:5px;padding:5px;background-color:#BBBBDD; font-size: 14px;}
.mainMenu  .unSelectedItem {display:inline; margin-left:5px;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: 12pt; -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; }

.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:5px;margin-right:5px; }

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

/*////iOS7 version */

.iPadButtonMenu7 , .iPadButtonMenuArrowed7     {display:inline;vertical-align: text-top; font-family:Helvetica, sans-serif }
.iPadButtonMenu7 ul , .iPadButtonMenuArrowed7 ul   {padding:0px; display:inline; list-style-type: none; margin-right:5px; }
.iPadButtonMenu7 li , .iPadButtonMenuArrowed7 li   { display:inline-block;   font-size: 16px; 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 ,.iPadButtonMenu7 li.active , .iPadButtonMenuArrowed7 li.active  { -webkit-filter: blur(8px);  -webkit-transition-property: blur;  -webkit-transition-duration: 1.0s;  }

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

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

.iPadButtonMenu7  .text , .iPadButtonMenuArrowed7  .text  , .iPadButtonMenu7  .description , .iPadButtonMenuArrowed7  .description {  display:inline-block;vertical-align:middle; font-size: 12px; color:white; margin-top:3px; margin-left:5px; margin-right:3px}





.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 {  }