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

/* CMS Styles */

/* Platform-wide definitions */

scroll-behavior: smooth;

/* 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           {  }

li                  {  }



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

/* field styles */

.panelTitle { font-family: "Helvetica"; color: #FFFFFF; background-color: #666666; margin: 0px; padding: 5px;font-size: 16pt; }
.title {font-family: "Helvetica"; font-size: 12pt; font-weight: bold;}
.name {font-family: "Helvetica"; font-size: 12pt; font-weight: bold;}
.alias {font-family: "Helvetica"; font-size: 12pt; font-weight: bold;}
.article .image { float:right; width:300px; border: 2px solid #66FFFF; margin-left:10px ; margin-bottom:10px ; margin-right:5px ;  }
.tag .article p { min-height:210px  }
.articleBody {  border: 2px solid #0000FF;}
.sectionIndex .image, .categoryIndex .image, .categoryIndex .article .image {float:left; width:200px; border: 2px solid #66FFFF; margin:5px}
.sectionIndex p, .categoryIndex p {  }
 .article p {m vertical-align: text-top }
.caption {font-size: 12px;}
.description {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.introText {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.fullText {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.authorName {font-family: "Helvetica"; font-size: 12pt; font-weight: bold;padding-left:10px}
.authorTitle {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.authorBiog {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.authorEmail {font-family: "Helvetica"; font-size: 12pt;padding-left:10px}
.authorImage {font-family: "Helvetica"; font-size: 12pt;}
.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       {  }

.topLevel ul  {  position:absolute; margin:  0px ; padding:0px; margin-top:8px; border: 1px solid #000000; -webkit-border-radius: 3px;float:left; list-style-type:none}
.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;  }
.topLevel  li {  color:white;  font-family:Helvetica, sans-serif;font-size: 12px; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px  }

.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)) }
.topLevel  ul li.unSelectedItem {border: 1px solid #000000; }

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

.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)) }
.topLevel ul li:active { border: 1px solid #000000; }


.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                            {  }
.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;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 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("../../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;}
.iPadButtonMenuArrowed li:first-child  {  -webkit-border-image: url("../../ipad/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("../../ipad/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("../../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("../../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("../../ipad/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}


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

.categoryIndex .article:hover , .categoryIndex .articleDisplay .activeElement{   background-color:#bbffbb ; color:white }
.categoryIndex .article .image:hover , .categoryIndex .article .image .activeElement{  border: 2px solid #FFFFFF; }

/* 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; }