/* backgrounds for body */
BODY {BACKGROUND: url(CmImage/bg.jpg); background-repeat: repeat-x; background-color: #3547de}
.wizard_Bkgr  {BACKGROUND: url(Images_Gray/Wizard.Background.gif); background-repeat: repeat-x; background-color: #1c1c1c}
td {position: relative}

/*  neutral style  */
.noStyle {}

/*  items at top of page  */
.headline {FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #f2f2f2; font-family: arial;}
.headline2 {FONT-WEIGHT: bold; FONT-SIZE: 20pt; font-family: arial;}
.pageTitle {font: 18pt Arial; color: #f2f2f2; text-align: left; position: absolute;}
.logo {position: absolute; top: 22; left: 54; filter: alpha(opacity=15); background-image: url(Images_Gray/logo.gif); width: 180; height: 45}

/*  image to indicate placement of Now Playing window */
.nowPlayingImg {background-image: url(images_Gray/NowPlaying.gif); }

/*  image to indicate placement text-entry control */
.tripleTapImg {background-image: url(Images_Gray/TripleTap.gif); }

/*  Background image for news photo on TodayStory pg */
.newsPhotoImg {background-image: url(Images_gray/NewsPhoto1.gif);}

/*  misc. text styles  */
.DescriptionText {font-weight: normal; FONT-SIZE: 20px; COLOR: #f2f2f2; font-family: "arial";}
.DescriptionText2 {font-weight: normal; FONT-SIZE: 20px; font-family: "arial";}
.text1 {FONT-WEIGHT: bold ;font-size: 20px ;font-family: arial;  color: f2f2f2  }
.textCaption {/*FONT-WEIGHT: bold ;*/font-size: 30px ;font-family: arial;  color: f2f2f2  }
.textVolume {FONT-WEIGHT: bold ;font-size: 18px ;font-family: arial;  color: f2f2f2  }
.textSurround {FONT-WEIGHT: bold ;font-size: 18px ;font-family: arial;  color: f2f2f2  }
.label_text {font-family: arial; font-size: 18px; color: f2f2f2; height: 30; padding-left: 40}
.StoryTable_dormant {position: absolute; FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #C1C1C1; font-family: arial; width: 607; padding-left: 20; vertical-align: top}
.StoryTable_nofocus {position: absolute; FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #f2f2f2; font-family: arial; width: 607; padding-left: 20; vertical-align: top; background-image: url(Images_Gray/StoryBorder.gif); background-repeat: repeat-Y}

/*  headline describing right-menu content  */
.currentSelectName {font: bold 20pt Arial; color: #f2f2f2; width: 235; Height: 85; line-height: 1.4}

/*  arrows for page-up and page-down  */
.arrowUp {background-image: url(Images_Gray/ArrowUp.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}
.arrowUpPressed {background-image: url(Images_Gray/ArrowUpPressed.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}
.arrowDown {background-image: url(Images_Gray/ArrowDown.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}
.arrowDownPressed {background-image: url(Images_Gray/ArrowDownPressed.gif); width: 29; height: 32; cursor: hand; filter: alpha(opacity=60)}

/*  Counter for scrolling menu  */
.itemCounter {font: 20pt Arial; color: #f2f2f2; width: 610; Height: 42; text-align: right}

/*  tables containing button menus  */
.RightListButtonTable {position: absolute; top: 0; width: 610}
.RightListButtonTable_nofocus {position: absolute; top: 0; width: 610; color: #f2f2f2}
.RightListButtonTable_dormant {position: absolute; top: 0; width: 610; color: #C1C1C1}
.LeftButtonTable_nofocus {position: absolute; top: 158; left:  21; width: 257; color: #f2f2f2}
.LeftTestSoundTable_nofocus {position: absolute; top: 420; left:  21; width: 257; color: #f2f2f2}
.RightButtonTable_nofocus{position: absolute; top: 158; left: 300; width: 500; color: #f2f2f2}
.LeftButtonTable_dormant {position: absolute; top: 158; left: 51; width: 257; color: #C1C1C1}
.LeftButtonTable {position: absolute; top: 158; left: 51; width: 257}
.mediaTable {position: absolute; top: 158; left: 451;}
.mediaTable_dormant {position: absolute; top: 158; left: 451; color: #c1c1c1}
.mediaTable_nofocus {position: absolute; top: 158; left: 451; color: #f2f2f2}
.WizardTable1 {position: absolute; top: 198; left: 51;}
.SingleButtonTable_dormant {color: #c1c1c1}
.SingleButtonTable_nofocus {color: #f2f2f2}

/* cmedia text lab        */
.textlab {FONT-WEIGHT: bold ;font-size: 26px ;font-family: "Arial", "Helvetica", "sans-serif";  color: f2f2f2  }


/*  span containing scrolling menu  */
.RightListButtonSpan {position: absolute; top: 158; left: 335; width: 610; height: 520; overflow: hidden}

/*  buttons  */
.btn_dormant {BACKGROUND: #5E5E5E; WIDTH: 235px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_dormant2 {BACKGROUND: #5E5E5E; WIDTH: 235px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_pressed {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.Pressed.gif); WIDTH: 235px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}
.btn_pressed2 {BACKGROUND-IMAGE: url(Images_Gray/SmCommon.Button.Pressed.gif); WIDTH: 235px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}
span {background-repeat: no-repeat}
.btn_nofocus {BACKGROUND: #848484; WIDTH: 235px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_focus {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.Focus.gif); WIDTH: 235px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}

/*  "enforced" buttons  */
.btn_dormant_enforced {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.Dormant.Enforced.gif); WIDTH: 235px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_nofocus_enforced {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.NoFocus.Enforced.gif); WIDTH: 235px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_focus_enforced {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.Focus.Enforced.gif); WIDTH: 235px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}
.btn_pressed_enforced {BACKGROUND-IMAGE: url(Images_Gray/Common.Button.Pressed.gif); WIDTH: 235px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}

/*  wide buttons  */
.btnwide_dormant {BACKGROUND: #5E5E5E; WIDTH: 607px; filter: alpha(opacity=30); HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}
.btnwide_nofocus {BACKGROUND: #848484; WIDTH: 607px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btnwide_focus {BACKGROUND-IMAGE: url(Images_Gray/Common.ListButton.Focus.gif); WIDTH: 607px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}
.btnwide_pressed {BACKGROUND-IMAGE: url(Images_Gray/Common.ListButton.Pressed.gif); WIDTH: 607px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}

/*  narrow buttons  */
.btn_SmallNofocus {BACKGROUND: #848484; WIDTH: 153px; HEIGHT: 51px; filter: alpha(opacity=30); z-index: -10; position: absolute; top: 0; left:0;}
.btn_SmallFocus {BACKGROUND-IMAGE: url(Images_Gray/SmCommon.Button.Focus.gif); WIDTH: 153px; HEIGHT: 51px; z-index: -10; position: absolute; top: 0; left:0;}

/*  buttons for news ("Today") page  */
.btnNews_dormant {BACKGROUND-IMAGE: url(Images_Gray/NewsPhoto1.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnNews_nofocus {BACKGROUND-IMAGE: url(Images_Gray/NewsPhoto1.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnNews_focus {BACKGROUND-IMAGE: url(Images_Gray/NewsPhoto1HighLight.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnNews_pressed {BACKGROUND-IMAGE: url(Images_Gray/NewsPhoto1Selected.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnNewsTable_dormant {position: absolute; color: #C1C1C1}
.btnNewsTable_nofocus {position: absolute; color: #f2f2f2}

/*  media buttons for BrowseMedia page  */
.btnMedia_dormant {BACKGROUND-IMAGE: url(Images_Gray/MediaArt.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnMedia_nofocus {BACKGROUND-IMAGE: url(Images_Gray/MediaArt.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnMedia_focus {BACKGROUND-IMAGE: url(Images_Gray/MediaArtHighlight.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnMedia_pressed {BACKGROUND-IMAGE: url(Images_Gray/MediaArtSelected.gif); background-repeat: no-repeat; WIDTH: 607px; HEIGHT: 216px; z-index: -10; position: absolute; top: 0; left:0; cursor: hand}
.btnMediaTD {width: 607; padding-top: 153; vertical-align: top}

/*  photo-image buttons for  PlayMedia page */
.photo_focus {background-image: url(images_Gray/mediaPhoto.gif); border: 4 solid #51B6CA; width: 269; height: 225}
.photo_pressed {background-image: url(images_Gray/mediaPhoto.gif); border: 4 solid #9FD7E2; width: 269; height: 225}
.photo_nofocus {background-image: url(images_Gray/mediaPhoto.gif); border: 4 solid #5a5a5a; width: 269; height: 225}

/*  Buttons for AutoNav page  */
.btnAutoNav_nofocus {BACKGROUND-IMAGE: url(images_Gray/Common.Button.NoFocus.gif); WIDTH: 235px; HEIGHT: 51px; font: 20 arial bold; color: #efefef; text-align: center; line-height: 2.4; overflow: hidden}
.btnAutoNav_focus {BACKGROUND-IMAGE: url(images_Gray/Common.Button.Focus.gif); WIDTH: 235px; HEIGHT: 51px; font: 20 arial bold; color: #efefef; text-align: center; line-height: 2.4; overflow: hidden}

/*  text on buttons  */
.btnText_dormant {FONT-WEIGHT: bold; FONT-SIZE: 30px; WIDTH: 235px; font-family: arial; HEIGHT: 51px; padding-left: 10}
.btnwideText_dormant {FONT-WEIGHT: bold; FONT-SIZE: 30px; font-family: arial; width: 607; height: 51; padding-left: 10}
.btnwideText_nofocus {FONT-WEIGHT: bold; FONT-SIZE: 30px; font-family: arial; WIDTH: 607; height: 51; padding-left: 10}
.btnText_SmallNofocus {FONT-WEIGHT: bold; FONT-SIZE: 18px; WIDTH: 150px; color: #f2f2f2; font-family: arial; HEIGHT: 51px; text-align: center}
.btnText_nofocus {FONT-WEIGHT: bold; FONT-SIZE: 26px; WIDTH: 235px; font-family: arial; HEIGHT: 51px; padding-left: 10}
.btnText_nofocus2 {FONT-WEIGHT: bold; FONT-SIZE: 30px; WIDTH: 235px; font-family: arial; HEIGHT: 51px; padding-left: 60}
.btnNewsText {FONT-WEIGHT: normal; FONT-SIZE: 30px; font-family: "arial"; width: 607; padding-left: 165; vertical-align: top}
//.CheckBoxLabel {FONT-WEIGHT: bold; color: #f2f2f2; FONT-SIZE: 26px; WIDTH: 235px; font-family: arial; HEIGHT: 51px; padding-left: 60}
.CheckBoxLabel {FONT-WEIGHT: bold;color: #f2f2f2; FONT-SIZE: 20px; WIDTH: 600px; font-family: "arial"; HEIGHT: 30px; padding-left: 40}

.btnMediaTable_dormant {position: absolute; FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #C1C1C1; font-family: arial; width: 607; padding-top: 153; vertical-align: top}
.btnMediaTable_nofocus {position: absolute; FONT-WEIGHT: bold; FONT-SIZE: 20pt; color: #f2f2f2; font-family: arial; WIDTH: 607; padding-top: 153; vertical-align: top}

/*  Span to show the word "More ..." on search-results buttons for Search page  */
.moreSpan {position: absolute; left: 500; top: 13; font-weight: normal; font-family: arial; font-size: 18pt}


/*  check boxes  */
.checkBox_nofocus {border: 3 solid #0011b4; background-color: #dddddd; WIDTH: 28; HEIGHT: 28; position: absolute; top: 0; left:0;}
.checkBox_focus {border: 3 solid #0acd00; background-color: #dddddd; WIDTH: 28; HEIGHT: 28; position: absolute; top: 0; left:0;}

/*  radio buttons  */
.btn_radioNofocus {background-image: url(CmImage/RadioOff.gif); WIDTH: 28; HEIGHT: 28; position: absolute; top: 0; left:0;}
.btn_radioFocus {background-image: url(CmImage/RadioSelected.gif); WIDTH: 28; HEIGHT: 28; position: absolute; top: 0; left:0;}
.whiteDot {background-image: url(CmImage/WhiteDot.gif);}

/*  input boxes  */
.input_focus {border: 4 solid #51B6CA; font-family: arial; color: #444444; font-size: 30px; background: #eeeeee}
.input_nofocus {border: 4 solid #5a5a5a; font-family: arial; color: #444444; font-size: 30px; background: #eeeeee}

/* spinner control styles  */
 .SpinnerBox {FONT-WEIGHT: bold;font: 20px arial; width: 60; height: 28; border: 0 solid #5a5a5a; background: #3333CC; color: #ffffff; padding-left: 15; padding-top: 1}
 .SpinnerBoxLong {font: bold 20px arial; width: 180; height: 28; border:0 solid #5a5a5a; background: #3333CC; color: #ffffff; padding-left: 15; padding-top: 1}
 .SpinnerBoxLongLong {font: bold 20px arial; width: 500; height: 28; border:0 solid #5a5a5a; background: #3333CC; color: #ffffff; padding-left: 15; padding-top: 1}
 .btnSpinnerPlus_nofocus {width: 30; height: 28; position: absolute; top: 0; left: 40; background-image: url(CmImage/Plus.NoFocus.gif); cursor: hand}
 .btnSpinnerMinus_nofocus {width: 30; height: 28; position: absolute; top: 0; left: 0; background-image: url(CmImage/Minus.NoFocus.gif); cursor: hand} 
 .btnSpinnerPlus_focus {width: 30; height: 28; position: absolute; top: 0; left: 40; background-image: url(CmImage/Plus.Focus.gif); cursor: hand}
 .btnSpinnerMinus_focus {width: 30; height: 28; position: absolute; top: 0; left: 0; background-image: url(CmImage/Minus.Focus.gif); cursor: hand}
 .spinnerBtnSpan {width: 110; height: 30}
