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

/* CMS Styles */

/* Platform-wide definitions for webSite */

/* 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", "Arial", "Lucida Grande", "Lucida Sans"; font-size:14px; padding:5px }

/* 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          { padding:0px; padding-left:5px; padding-right:5px;  }
.introText           {  }
.fullText           {  }

li                  {  }



/* Standard styles */

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


ul {}
li {  }

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}

a:link {color: inherit; text-decoration: none; }
a:active {color: inherit; text-decoration: none; }
a:visited {color: inherit; text-decoration: none; }
a:hover {color: inherit; text-decoration: none; }

a {color: rgba(0,0,0,0); border-image-width: 0; }

/* field styles */

.panelTitle { font-family: "Helvetica", "Arial", "Lucida Grande", "Lucida Sans"; color: #FFFFFF; background-color: #666666; margin: 0px; padding: 5px;font-size: 16pt;  }
.title {font-family: "Helvetica", "Arial", "Lucida Grande", "Lucida Sans"; font-size: 20px; font-weight: bold; color: #000000;padding-left:5px}
.name {font-family: "Helvetica", "Arial", "Lucida Grande", "Lucida Sans"; font-size: 20px; font-weight: bold; color: #000000;padding-left:10px}
.alias {font-family: "Helvetica", "Arial", "Lucida Grande", "Lucida Sans"; font-size: 14px; font-weight: bold; color: #000000;padding-left:10px}
.article .image { float:right; width:300px;  margin-left:10px ; margin-bottom:10px ; margin-right:5px ;  }
.tag .article p { min-height:210px  }
.articleBody { font-family: "Helvetica", "Arial", "Lucida Grande", "Lucida Sans"; font-size: 12px;padding-left:10px }
.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 {}
.introText {}
.fullText {}
.authorName {}
.authorTitle {}
.authorBiog {}
.authorEmail {}
.authorImage {}
.indexImage,.nextImage { float:right; width:60px; margin:5px; border: 1px dotted #FFFFFF; }

.introtext li , .fulltext li {}

/* Nav styles */

.topLevel ul  {   margin:  0px ; padding:0px; margin-top:2px;  list-style-type:none}
.topLevel ul  {  border: 1px solid #666666; border-radius:3px; }


.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;  }
.topLevel  li {  color:#666666;  font-family:Helvetica, sans-serif;font-size: 12px; border-left: 1px solid #666666; }
.topLevel  li:first-child { border:none; }

.topLevel  ul li.unSelectedItem {  }
.topLevel  ul li.unSelectedItem {  }

.topLevel  ul li.selectedItem { background-color:#666666 }
.topLevel  ul li.selectedItem {  color:white ;  }

.topLevel ul li:hover { color:black }
.topLevel ul li:active { background-color:#cccccc }
.topLevel ul li:active {  opacity:0.5;  -webkit-transition-property: opacity;  -webkit-transition-duration: 0.5s;  }


.categories                                {  }

.categories ul                             { padding:0px;  list-style-type: none; }
.categories ul li                          { margin:5px; padding:5px; font-size: 14px; width:180px; border: 1px solid #dddddd; }
.categories ul li  .active ,
.categories ul li:active                   {  }

.categories ul li.selectedItem            { background-color:#dddddd }
.categories ul li.unSelectedItem            {  }
.categories ul li  .active ,
.categories ul li.unSelectedItem:active     { background-color:#aaaaaa }
.categories ul li.unSelectedItem:hover     { border: 1px solid #aaaaaa; }

.articles                                  {  }

.articles ul                               {  }
.articles ul li                            {  }
.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              {   font-size: 16px; }
.siteIndex .sectionIndex .name               {  font-size: 16px; }
.siteIndex .sectionIndex .alias              {  font-size: 16px; }
.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              {  font-size: 16px; }
.sectionIndex .categoryIndex .name               {  font-size: 16px; }
.sectionIndex .categoryIndex .alias              {  font-size: 16px; }
.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;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 {   }

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

/* 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 li:hover , .categoriesMenu li activeElement {  outline:yellow solid 4px;  } 

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

.fastextMenu {display:inline;vertical-align: text-top; }
.fastextMenu ul {padding:0px; display:inline; list-style-type: none; }
.fastextMenu li  { display:inline-block;  padding:5px; font-size: 12px; }
.fastextMenu  .selectedItem {display:inline; margin-left:5px;padding:5px; font-size: 12px; font-weight:bold;}
.fastextMenu  .unSelectedItem {display:inline;padding:5px; font-size: 12px;}

.fastextMenu  img { height:20px; width:auto; display:inline-block;;vertical-align:middle}
.fastextMenu  .text {  display:inline-block;;vertical-align:middle; font-size: 12pt; color:white; margin-right:5px; padding-right:5px}
.fastextMenu  .image {  display:inline-block;vertical-align:middle;margin-right: 5px}

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

.iPadButtonMenu li:active       { -webkit-border-image: url("http://cms.onscreenpublishing.co.uk/24/ipad/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("http://cms.onscreenpublishing.co.uk/24/ipad/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("http://cms.onscreenpublishing.co.uk/24/ipad/images/button-right-pressed.png")  5 10 5 15 stretch stretch;  -webkit-box-sizing: border-box }

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

.iPadButtonMenu  .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 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  .text , .iPadButtonMenuArrowed7  .text {  display:inline-block;vertical-align:middle; font-size: 16px; color:white; margin-top:3px; margin-left:8px; margin-right:8px}
.iPadButtonMenu7  .image , .iPadButtonMenuArrowed7  .image , .fastextMenu .menuItems .image {  display:none  }





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

.categoryIndex .article , .categoryIndex .articleDisplay .article { }

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

/* overrides  */

a:hover {  }



/* IE7 Kludges */
* + html .frontPageContent1{ display:inline; }
* + html .frontPageContent2 ,{ display:inline; }
* + html .frontPageContent3{ display:inline; }
* + html  .frontPageMenu1{ display:inline; }
* + html  .frontPageMenu2{ display:inline; }
* + html  .frontPageNoPadding1{ display:inline; }
* + html  .pageFooterPanel{ display:inline; }