/*!
  Filename: verizon-touch.tm

  Discussion: This file specifies the theme properties for the MeidaFLO 
  client's default theme. This theme is designed to match the default
  theme supported by the View Framework.

  The views that start with 'F' (e.g., FTextView) are view classes that
  are supported by the View Framework.  Refer to framewrok.tm for the
  descriptions of the framework views, as well as for their default
  properties.

  The views that start with 'MF' (e.g., MFGridView) are view classes that
  are specific to the MediaFLO client UI. All the views are sub-classes
  of the framework views, thus inherit the properties of their ancestors.

  The following is an at-a-glance view of the view hierarchy used
  by the MediaFLO client UI, including the framework views.

  Note that the properties specified for a view class, are not inherited by
  sub-classes.

  -------------------------- 
  View Classes
  -------------------------- 

  FView
     FScrollBarView
     FImageView
        FScrollBarCornerView
     FProgressBarView
        FImageProgressBarView
     FTextView
     FCompoundView
        FSplashView
        FScrolledView
        FScrolledTextView
        FListView
        FButtonView
           FCheckBoxView
           FToggleButtonView
           FRadioButtonView
           MFServiceToggleView
        FRootView 
           FMainScrenView
           FDialogView
              FInfoDialogView
              FWarningDialogView
              FErrorDialogView
              FQuestionDialogView
              FProgressDialogView
              MFDescDialogView  
              MFSelectionDialogView
              MFAboutDialog
           FMenuView
           FSoftKeyAreaView
        FMenuItemView
           MFPrefsMenuItemView
        MFChannelView
        MFGuideChannelView
        MFGuideGridView
        MFCenterPlayerControlsView
        MFProgramView
     MFGuideRulerView
     XMediaView

  The views that start with the '#' symbol you find below are specific
  instances of a particular view class. Therefore, unless overridden,
  they inherit the properties of their ancestors. Properties specified
  for these views are only applied for those instances.

  The following is a list of view instances used in the theme file.
  To specify properties of these views, refer to the view properties
  of their classes.

  --------------------------   ---------------------
  View name                    View class
  --------------------------   ---------------------
  #EULATextView                FScrolledTextView
  #guideDateHolder             FTextView
  #guideRulerBackground        FCompoundView
  #guideRulerView              MFGuideRulerView
  #guideScreenView             FCompoundView
  #guideTopHolder              FCompoundView
  #notificationTitleView       FTextView
  #prefsMainMenuList           FListView
  #prefsRadioButtonView        FRadioButtonView 
  #prefsScreenView             FRootView
  #prefsTitleView              FTextView
  #programDetailsHolder        FCompoundView
  #ratingAndProgressHolder     FCompoundView
  #splashScreen                FSplashView
  #subscriptionAddOnHeader     FTextView
  #subscriptionAddOnList       FListView
  #subscriptionChargeHolder    FCompoundView
  #subscriptionChargeLabel     FTextView
  #subscriptionChargeTotal     FTextView
  #subscriptionPkgHolder       FCompoundView
  #subscriptionScreenView      FCompoundView
  #subscriptionTitleView       FTextView
  #termsOfUseView              FCompoundView
*/

/*
   Assuming these font files are on the device, each of the following font 
   macros matches a font file. The font size defined is the sum of max
   ascent and max descent. That's the reason why the size differs from 
   the number in the file name. Also see font_readme.txt for description 
   of each font.
   
         Font                Font File (as in Verizon's style guide)
   ================       =====================================
   TINY_FONT                    qc11.fnt
   SMALL_FONT                   qcs14.fnt
   MEDIUM_FONT                  qc15.fnt
   MEDIUM_FONT_BOLD             qc15bol.fnt
   LARGE_FONT                   qc18.fnt
   
*/
define TINY_FONT            font: "Qualcomm,16";        
define SMALL_FONT           font: "QualcommShort,16";   
define MEDIUM_FONT          font: "Qualcomm,18";        
define MEDIUM_FONT_BOLD     font: "Qualcomm,18,B";      
define LARGE_FONT           font: "Qualcomm,21";        

define ALIGN_LEFT          h_align:  16;  v_align:  512;
define ALIGN_CENTER        h_align:  32;  v_align:  512;
define ALIGN_RIGHT         h_align:  64;  v_align:  512;

define WHITE            #ffffff
define BLACK            #000000
define GREY             #999999
define LIGHTGREY        #dddddd
define RED              #ff0000
define YELLOW           #ffcc33

define FULLSCREEN_TITLE \
   bg_visible:          1; \
   bg_image:            "verizon.bar:title_background"; \
   center_tile:         "0,27,400,28";
   
define SUB_PAGE_TITLE \
   &FULLSCREEN_TITLE \
   &LARGE_FONT \
   text_color:          &WHITE; \
   text_margins:        "20,3,0,3";

/******************************************************************************

 Framework views

******************************************************************************/
FCheckBoxView,
FCompoundView,
FDialogFrame,
FImageView,
FRadioButtonView,
FTextView, 
FTextAreaView, 
FAnimatedTextView,
FMenuDialogItemView,
FWindowView,
FScrolledTextView,
FScrolledView  {
   bg_visible:             0;
}

/*
 * Change the default font and colors for FTextView and FTextAreaView
 * to Verizon's default style.
 */
FTextView, FTextAreaView, FAnimatedTextView { 
   &MEDIUM_FONT
   text_color:                  &WHITE;
   text_color_highlighted:      &WHITE;
}

FMenuView {
   border_visible:              0;
   bg_visible:                  1;
   bg_image_visible:            0;
   bg_color:                    &BLACK;
}


FMenuView * FListView {
   offsets:                     "10,15,10,15";
   bg_visible:                  1;
   bg_image:                    "verizon.bar:menu_bg";
   center_tile:                 "70,5,111,15";
   bg_blend_mode:               18;
}

FMenuView * FListView > FScrolledView {
   bg_visible:                  1;
   bg_color:                    &BLACK;
   offsets:                     "3,3,3,3";
}

FMenuItemView {
   bg_visible:                  1;
   bg_image:                    "verizon-touch.bar:text_bar_bg";
   bg_image_highlight:          "verizon-touch.bar:text_bar_bg_hl";
   center_tile:                 "190,19,200,20";
   bg_blend_mode:               18;
   offsets:                     "3,2,3,2";
}

FMenuItemView > FImageView {
   visible: 0;
}

FMenuItemView > FTextView {
   &LARGE_FONT
   offsets:                     "0,10,0,10";
   text_color:                  &WHITE;
   text_color_highlighted:      &WHITE;
   text_margins:                "6,3,0,3";
   bg_visible:                  0;
}

/*************************
 FRadioButtonView
 *************************/
/*!
 Name: FRatioButtonView 

 Description: The view class for constructing radio buttons.
 Typically, the same radio button icons are used throughout the
 MediaFLO application; so those are specified at this level.

 Properties: 
   deselected_image_enabled:   "<resource file>:<resource name>"
   selected_image_enabled:     "<resource file>:<resource name>"

   (See FButtonView for other properties.)  
*/

FRadioButtonView { 
   deselected_image_enabled:    "verizon.bar:radiobutton_unselected_a"; 
   selected_image_enabled:      "verizon-touch.bar:radiobutton_selected_a"; 
   bg_visible:                  1;
   bg_image:                    "verizon-touch.bar:text_bar_bg";
   bg_image_highlight:          "verizon-touch.bar:text_bar_bg_hl";
   center_tile:                 "190,19,200,20";
   bg_blend_mode:               18;
   offsets:                     "2,2,2,2";
}

FRadioButtonView > FImageView { 
   blend_mode:        18; 
   offsets:           "10,0,0,0";
}

FRadioButtonView > FTextView {
   &LARGE_FONT
   text_color_highlighted:      &BLUE; 
   text_margin:                 "3,3,3,3";
   offsets:                     "0,8,8,8";
   text_color:                  &WHITE;
   text_color_highlighted:      &WHITE;
}

/*************************
 FCheckBoxView
 *************************/
FCheckBoxView { 
   unchecked_image_enabled:  "verizon.bar:checkbox_unchecked_a"; 
   checked_image_enabled:    "verizon.bar:checkbox_checked_a"; 
}

FCheckBoxView > FTextView {
   &LARGE_FONT
   text_margins:                "7,0,0,0";
   text_color_highlighted:      &RED;
}


/*************************
 FSoftKeyAreaView
 *************************/
FSoftKeyAreaView {
   size:                        "0,38";
   menu_indicator_visible:      0;
   resize_softkeys:             1;
}

#leftSoftKeyArea {
   size:                "38,0";
   bg_image_visible:    0;
   bg_color:            &BLACK;                 
   highlight_color:     &BLACK;                 
}

#rightSoftKeyArea {
   size:                "38,0";
   bg_image_visible:    0;
   bg_color:            &BLACK;                 
   highlight_color:     &BLACK;                 
}

#topSoftKeyArea {
   bg_image_visible:    1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

#bottomSoftKeyArea {
   bg_image_visible:    1;
   bg_image:            "verizon.bar:top_line_bg";
   center_tile:         "119,2,122,3";
}

#leftSoftKeyArea > #softKeySlot1 {
   size:                "40,72";
}

#leftSoftKeyArea > #softKeySlot2 {
   size:                "40,72";
}

#leftSoftKeyArea > #softKeySlot3 {
   size:                "40,48";
}

#leftSoftKeyArea > #softKeySlot4 {
   size:                "40,48";
}

#rightSoftKeyArea > #softKeySlot1 {
   size:                "40,74";
}

#rightSoftKeyArea > #softKeySlot2 {
   offsets:             "0,6,0,0";
   size:                "40,74";
}

#rightSoftKeyArea > #softKeySlot3 {
   size:                "40,38";
}

#rightSoftKeyArea > #softKeySlot4 {
   size:                "40,48";
}

FSoftKeyButtonView {
   &ALIGN_CENTER
   bg_visible:          0;
   size:                "30,30";
   text_margins:        "0,0,0,0";
}

FSoftKeyButtonView > FTextView { 
   &LARGE_FONT
   text_color:             &WHITE;
   text_color_highlighted: &WHITE;
}

FSoftKeyButtonView > FImageView {
   auto_size:           1;
   blend_mode:          18;
   offsets:             "0,0,0,0";
}

#topIconTray {
   offsets:      "0,4,3,2";
}

#softT1 {
   offsets:      "6,3,0,2";
}

#softT2 {
   offsets:      "0,3,4,2";
}

#bottomIconTray {
   offsets:      "0,4,3,2";
}

#softB1 {
   offsets:             "6,3,0,2";
   image:               "verizon-touch.bar:bottom_touchbtn";
   highlight_image:     "verizon-touch.bar:bottom_touchbtn_hl";
}

#softB2 {
   offsets:             "0,3,4,2";
   image:               "verizon-touch.bar:bottom_touchbtn";
   highlight_image:     "verizon-touch.bar:bottom_touchbtn_hl";
}

/*! 
 Name: FScrollBarView

 Description: The view class for constructing large scroll bar. This
 scroll bar is primarily used with a full-screen list.  Dialog boxes
 uses a different scroll bar that is simpler. The view is sized based
 on the height and width of the horizontal and vertical scroll bar
 images.

 Properties:
   vscroll_bg_top            "<resource file>:<resource name>"
   vscroll_bg_main           "<resource file>:<resource name>"
   vscroll_bg_bottom         "<resource file>:<resource name>"
   vscroll_slider_top        "<resource file>:<resource name>"
   vscroll_slider_main       "<resource file>:<resource name>"
   vscroll_slider_center     "<resource file>:<resource name>"
   vscroll_slider_bottom     "<resource file>:<resource name>"
   hscroll_bg_top            "<resource file>:<resource name>"
   hscroll_bg_main           "<resource file>:<resource name>"
   hscroll_bg_bottom         "<resource file>:<resource name>"
   hscroll_slider_top        "<resource file>:<resource name>"
   hscroll_slider_main       "<resource file>:<resource name>"
   hscroll_slider_center     "<resource file>:<resource name>"
   hscroll_slider_bottom     "<resource file>:<resource name>" 
   auto_size                 1|0 (1 for true or 0 for false, true default)

   (See FCompoundView for other properties.)
*/
FScrollBarView {
   vscroll_bg_top:        "verizon.bar:vscroll_bg_top"; 
   vscroll_bg_main:       "verizon.bar:vscroll_bg_main_r"; 
   vscroll_bg_bottom:     "verizon.bar:vscroll_bg_bottom"; 
   vscroll_slider_top:    "verizon.bar:vscroll_slider_top"; 
   vscroll_slider_main:   "verizon.bar:vscroll_slider_main_r"; 
   vscroll_slider_center: "verizon.bar:vscroll_slider_center"; 
   vscroll_slider_bottom: "verizon.bar:vscroll_slider_bottom"; 
   hscroll_bg_left:       "verizon.bar:hscroll_bg_left";
   hscroll_bg_main:       "verizon.bar:hscroll_bg_main_r";
   hscroll_bg_right:      "verizon.bar:hscroll_bg_right";
   hscroll_slider_left:   "verizon.bar:hscroll_slider_left";
   hscroll_slider_main:   "verizon.bar:hscroll_slider_main_r";
   hscroll_slider_center: "verizon.bar:hscroll_slider_center";
   hscroll_slider_right:  "verizon.bar:hscroll_slider_right";
}

/*!
 Name: FScrolledTextView > FScrollBarView

 Description: A scrollbar view used by FSCrolledTextView.

 Properties: See FScrollBarView.
*/

FScrolledTextView > FScrollBarView { 
   vscroll_bg_top:        "verizon.bar:vscroll_bg_top"; 
   vscroll_bg_main:       "verizon.bar:vscroll_bg_main_r"; 
   vscroll_bg_bottom:     "verizon.bar:vscroll_bg_bottom"; 
   vscroll_slider_top:    "verizon.bar:vscroll_slider_top"; 
   vscroll_slider_main:   "verizon.bar:vscroll_slider_main_r"; 
   vscroll_slider_center: "verizon.bar:vscroll_slider_center"; 
   vscroll_slider_bottom: "verizon.bar:vscroll_slider_bottom"; 
}

/* Dialog Title View */

FDialogView {
  bg_color:         &BLACK;
}

FDialogTitleView {
   visible:          0;
   &FULLSCREEN_TITLE
}

FDialogTitleView > FTextView { 
   &LARGE_FONT
   &ALIGN_LEFT
   text_color:      &WHITE;
   text_margins:    "25,3,4,3";
   size:            "0,20"; 
}

FDialogView > FCompoundView {
   bg_visible:          1;
   bg_color:            &GREY;
}

FDialogFrame {
   bg_visible:       1;
   bg_image:         "verizon-touch.bar:dialog_bg"; 
   bg_blend_mode:    18; 
   center_tile:      "146,29,147,30";
   border_visible:   0;
}

FDialogFrame > FDialogTitleView > FTextView {
   offsets:         "15,12,15,0";
   text_margins:    "0,0,0,0";
   text_color:      &WHITE;
}

FDialogFrame > FCompoundView > FScrolledTextView > FTextAreaView { 
   &SMALL_FONT
   text_color:      &LIGHTGREY;
   text_margins:    "0,0,0,0";
}

FInfoDialogView * FDialogTitleView {
   visible:          1;
   bg_visible:       0; 
   bg_image_visible: 0; 
}

FInfoDialogView * FDialogFrame > FCompoundView {
   bg_visible: 0;
}

FWarningDialogView * FDialogTitleView {
   visible:          1;
   bg_visible:       0; 
   bg_image_visible: 0; 
}

FWarningDialogView * FDialogFrame > FCompoundView {
   bg_visible: 0;
}

FErrorDialogView * FDialogTitleView {
   visible:          1;
   bg_visible:       0; 
   bg_image_visible: 0; 
}

FErrorDialogView * FDialogFrame > FCompoundView {
   bg_visible: 0;
}

FQuestionDialogView * FDialogTitleView {
   visible:          1;
   bg_visible:       0; 
   bg_image_visible: 0; 
}

FQuestionDialogView * FDialogFrame > FCompoundView {
   bg_visible: 0;
}

FConfirmDialogView * FDialogFrame > FCompoundView > FScrolledTextView > FTextAreaView { 
   &LARGE_FONT
}

/*
  The progress dialog cheats.  It uses the FScrolledTextView offset to make
  room for the progress image at the bottom of the dialog.
*/
FProgressDialogView * FDialogFrame > FCompoundView > FScrolledTextView {
   offsets: "15,5,15,60";
}

/*!
 Name: #progressDialogProgressImage
 
 Description: The image for the indeterminate progress dialog.

 Properties: See FImageView
   animation: "strip,<num_frames>,<frame_width_in_pixels>,<frames_per_second>"

*/
#progressDialogProgressImage {
   offsets:             "0,0,0,5";
   size:                "45,45";
   image:               "verizon.bar:progress_animation";
   animation:           "strip,10,45,10";
}

/*************************
 FMenuDialogView
 *************************/

/*!
 Name: FMenuDialogView
 Description: A generic dialog for holding list of FMenuDialogItemViews.

 Hierarchy:
 FMenuDialogView ----------> The dialog view
   FSoftKeyAreaView -------> Left softkey area
   FCompoundView ----------> Center area holder
     FSoftKeyAreaView -----> Top softkey area
     FDialogTitleView -----> The title of the dialog
     FCompoundView --------> The main area of the dialog
       FTextAreaView ------> The information text view of the dialog
       FListView ----------> The list view holding the menu items
     FSoftKeyAreaView -----> Bottom softkey area
   FSoftKeyAreaView -------> Right softkey area

 Properties: See FDialogView, and sub views below.
*/

FMenuDialogView {
   bg_color:            &BLACK;
}

FMenuDialogView * FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

FMenuDialogView * FDialogTitleView > FTextView {
   &ALIGN_LEFT
   &LARGE_FONT
   text_color:          &WHITE;
   text_margins:        "20,5,0,5";
}

FMenuDialogView > FCompoundView > FCompoundView > FListView {
   offsets:     "3,2,0,2";
   spacing:     0;
}

FMenuDialogView > FCompoundView > FCompoundView > FTextAreaView {
   text_margins:        "7,4,0,4";
   text_color:          &LIGHTGREY;
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,14";
}

FMenuDialogItemView {
   bg_visible:                  1;
   bg_image:                    "verizon-touch.bar:text_bar_bg";
   bg_image_highlight:          "verizon-touch.bar:text_bar_bg_hl";
   center_tile:                 "190,19,200,20";
   bg_blend_mode:               18;
   offsets:                     "2,2,2,2";
}

FMenuDialogItemView > FImageView {
   visible: 0;
}

FMenuDialogItemView > FTextView {
   &LARGE_FONT
   offsets:            "0,12,0,12";
   text_margins:       "6,0,0,0";
   bg_visible:         0;
}

/*************************
 FWindowView
 *************************/

/*!
 Name: FWindowView

 Description: The FWindowView is a top level view derived from a root view.
 This view has no parent view.  A window view has a main window area and
 a soft key area.

 Hierarchy:

 FWindowView --------------> The root view
   FSoftKeyAreaView -------> left soft key area
   FCompoundView ----------> center holder
     FSoftKeyAreaView -----> top soft key area
     FCompoundView --------> #mainWindowView - normal main window area
     FCompoundView --------> #windowBackdrop - translucent bg for
                               non-full-screen windows
     FSoftKeyAreaView -----> bottom soft key area
   FSoftKeyAreaView -------> right soft key area

   See FRootView.  
*/

#windowBackdrop { 
   bg_visible:      1; 
   bg_color:        #000000ff; 
   bg_blend_mode:   17; 
}


/*************************
 FMainScreenView
 *************************/
 
FMainScreenView {
   bg_color:            &BLACK;
}
 
FMainScreenView > FCompoundView > #windowTitleView {
   &ALIGN_LEFT
   &LARGE_FONT
   &FULLSCREEN_TITLE
   text_color:          &WHITE;
   text_margins:        "20,5,0,5";
}

/*************************
 FStatusBarView
 *************************/

/*!
 Name: FStatusBarView
 Description:  A status bar view is an area of the screen available to display
               status, usually text messages.  You'll often find one at the
               bottom of a screen.
*/
FStatusBarView {
   border_color:     #222222;
   bg_color:         #323232;
   border_visible:   1;
}

FStatusBarView > FTextAreaView {
   &SMALL_FONT
   text_color:       #cccccc;
}

/******************************************************************************
 Application Specific Views

 The application specific views are grouped based on the UI screens:

 1. Splash Screen
 2. Guide UI
 3. Preview Area
 4. Program Info Screen
 5. Multi-Clip UI
 6. Subscription UI
 7. Player UI
 8. Preference UI
 9. Parental Control UI
 10. About Dialog
 11. Home Screen
 12. Data Services UI

Not it Yet

 *. Notifications UI
 *. General Application

 ******************************************************************************/
 
MFDoubleResizeView {
   bg_visible:  0;
}

/*---------------------------------------------------------------------------
 1. Splash screen
---------------------------------------------------------------------------*/

/*!
 Name: #splashScreen 

 Description: The splash screen image

 Properties: 
  splash_image: "<resource file>:<resource name>" 
*/
#splashScreen { 
   splash_image: "verizon.bar:splash"; 
}

/*---------------------------------------------------------------------------
 2. Guide UI
---------------------------------------------------------------------------*/
 
MFGuideScreenView {
   bg_color:    &BLACK;
}

MFGuideScreenView * #guideView {
   bg_visible:  0;
}

#guideTopHolder {
   bg_visible:  1;
   bg_image:    "verizon.bar:guide_ruler_bg";
   center_tile: "10,0,11,16";
}

/*!
 Name: #guideDateHolder

 Description: The view that displays the date in the Guide UI.
 
 Properties: See FTextView.
*/
#guideDateHolder {
   &ALIGN_LEFT
   &TINY_FONT
   text_color:                  #cccccc;
   text_margins:                "5,0,5,1";
   size:                        "44,13";
}

MFGuideRulerView {
   &TINY_FONT
   offsets:                     "0,0,1,0";
   text_color:                  #cccccc;
   text_margins:                "2,0,1,2";
   highlight_text_color:        &YELLOW;
   bg_visible:                  0;
   mark_color:                  #00000000;
   blend_mode:                  17;
}

MFGuideListView {
   bg_visible:                  0;
}

#guideListView { 
   size:                "320,0";
   spacing:             1;
   bg_visible:          1;
   bg_color:            &BLACK;
}

#guideListView * FViewport > FCompoundView > FCompoundView {
   border_visible:              1;
   border_color:                #cccccc;
}

/*!
 Name: MFGuideChannelView

 Description: The list item used in the #guideListView.
 
 Properties:
   subscribed_image    "<resource file>:<resource name>"

  (See FCompoundView for other properties.)
*/
MFGuideChannelView {
   size:                        "44,17"; 
   bg_visible:                  0;
   unsubscribed_title_color:    &YELLOW;
}

/*!
 Name: MFGuideChannelView > FTextView

 Description: The text view for channel names used in the guide UI.
 
 Properties: See FTextView.
*/
MFGuideChannelView > FTextView { 
   &MEDIUM_FONT_BOLD
   &ALIGN_LEFT
   text_margins:                "5,3,5,3";
   text_color:                  &YELLOW;
   text_color_highlighted:      &YELLOW;
}

/*!
 Name: MFGuideSeparatorOverlayView

  Description: This compound view derivative draws the horizontal and
  vertical separators for the guide. The default for this view is to draw
  the horizontal separators. The separators can be images or colors and use
  similar properties to view backgrounds.

 Properties: 

   separator_visible               0 | 1    // 0 = invisible, 1 = visible
   separator_color                 <color>  // #rrggbb[aa]
   separator_image                 "<resource file>:<resource name>"
   separator_center_tile           "<left>,<top>,<right>,<bottom>" //pixels
                                       // segments the bg image into up to
                                       // 9 pieces for tiling
   separator_blend_mode            16 (transparent) | 17 (fixed alpha) | \
                                   18 (alpha bitmap) | 20 (transparent blend)

   See Also FCompoundView
*/
MFGuideSeparatorOverlayView {
   bg_visible:            0;
   separator_image:       "verizon.bar:guide_sep_horiz";
   separator_center_tile: "166,0,123,1";
}

/*!
 Name: MFGuideGridView

 Description: The base container of the MFChannelView. The
 MFGuideGridView contains a viewport, which contains a
 FCompoundView. The actual container of MFChannelsView is the
 FCompoundView (i.e., MFGuideGridView > FViewport > FCompoundView).

 Properties:
   spacing                            "<pixels>"  // space between list items
   See FCompoundView
*/
MFGuideGridView {
   size:                        "138,0";
   spacing:                     1;
   bg_visible:                  0;
   offsets:                     "0,0,1,0";
}

/*
   separator_center_tile:       "0,319,319,0";
*/
MFChannelView {
   bg_visible:                  0;
   separator_visible:           0;
}                                    

MFProgramView {
   size:                        "0,52";
   offsets:                     "2,4,0,4";
   bg_blend_mode:               18;
   bg_image:                    "verizon-touch.bar:guide_blank";
   bg_image_highlight:          "verizon-touch.bar:guide_hl";
   bg_image_highlight_left:     "verizon-touch.bar:guide_hl";
   bg_image_highlight_right:    "verizon-touch.bar:guide_hl";
   bg_image_highlight_both:     "verizon-touch.bar:guide_hl";
   center_tile:                 "45,24,47,26";
   nocard_icon:                 "verizon.bar:playable_error";
   playerror_icon:              "verizon.bar:playable_error";
   alternate_content_icon:      "verizon.bar:none";
   new_content_icon:            "verizon.bar:none";
   reminder_icon:               "verizon.bar:program_reminder_icon";
   clipcast_icon:               "verizon.bar:clipcast_icon";
   cliplist_icon:               "verizon.bar:clipcast_icon";
   datacast_icon:               "verizon.bar:datacast_icon";
   dsvc_icon:                   "verizon.bar:datacast_icon";
   streaming_icon:              "verizon.bar:none";
   music_icon:                  "verizon.bar:audio_icon";
   unsubscribed_title_color:    &WHITE;
}

MFProgramView > FTextView { 
   &MEDIUM_FONT_BOLD
   text_color_highlighted:      &WHITE;
   offsets:                     "2,0,2,0";
   bg_visible:                  0;
}

MFProgramView > FImageView { 
   offsets:      "5,0,0,0";
   blend_mode:   18;
   bg_visible:   0;
   auto_size:    1;
}

MFProgramView > #programLeftIconView { 
   image:       "verizon.bar:guide_arrow_left";
}

MFProgramView > #programRightIconView { 
   offsets:     "0,0,3,0";
   image:       "verizon.bar:guide_arrow_right";
}

/*!
 Name: guideMessageHolder

 Description: The container of the empty guide message.
 
 Properties: See FCompoundView.
*/
#guideMessageHolder {
   bg_visible:  1;
   bg_color:    &BLACK;
}

/*!
 Name: guideCenterMessage

 Description: Compound view for centering the guide message and handling the 
 resizing of the textview.
 
 Properties: See MFDoubleResizeView.
*/
#guideCenterMessage {
   bg_visible: 0;
}

/*!
 Name: guideMessage

 Description: The text area view of the message
 
 Properties: See FTextAreaView.
*/
#guideMessage {
   &LARGE_FONT
   text_color: &WHITE;
   bg_visible: 0;
}

/*!
 Name: guideMessageIcon

 Description: The animated guide retrieving icon
 
 Properties: See FImageView.
*/
#guideMessageIcon {
   bg_visible: 0;
   size:       "45,45";
   image:      "verizon.bar:progress_animation";
   animation:  "strip,10,45,10";
   blend_mode: 18;
}

/*---------------------------------------------------------------------------
 3. Preview Area
---------------------------------------------------------------------------*/

/*!
 Name: MFPreviewAreaView

   FCompoundView  ------------> Holder for clock, service icon, landscape info and video region
     FCompoundView  ----------> Holder for clock, service icon, and landscape info
       FTextView  ------------> Current time (clock)
       FCompoundView  --------> Holder for service icon and landscape info
         FCompoundView  ------> Service Icon holder
           FImageView  -------> Service Icon
           FTextView  --------> Channel call letters (for default service icon)
         MFPreviewInfoView  --> Program title and rating in landscape mode
     MFMediaViewHolder
     FCompoundView
   MFPreviewInfoView  --------> Program title and rating in protrait mode

*/

MFPreviewAreaView {
   bg_image_visible:    1;
   bg_image:            "verizon.bar:preview_area_bg";
   center_tile:         "0,57,400,58";
}

MFPreviewAreaView > FCompoundView {
   size:                "0,60";
   offsets:             "10,0,0,0";
}

MFPreviewAreaView > FCompoundView > FCompoundView > FTextView {
   &SMALL_FONT
   text_color:          &LIGHTGREY;
   text_margins:        "0,3,4,3";
}

MFPreviewAreaView > FCompoundView > FCompoundView > FCompoundView > FCompoundView{
   size:                "45,30";
}

#previewServiceIcon {
   blend_mode:          18;
   auto_size:           1;
   image:               "verizon.bar:default_service_icon";
}

#previewChannelLetterView {
   &MEDIUM_FONT_BOLD
   text_color:          &WHITE;
   text_margins:        "1,0,1,1";
}

/*!
  Name: previewMediaView

  Description: The preview views make up the media preview area at the top
  of the program guide.

 Properties: See MFMultiMediaView.
*/
#previewMediaView {
   bg_visible:     0;
   size:           "80,60";
   video_image:    "verizon.bar:service_video_sml";
   audio_image:    "verizon.bar:service_audio_sml";
   clipcast_image: "verizon.bar:service_clipcast_sml";
   data_image:     "verizon.bar:service_data_sml";
   blocked_image:  "verizon.bar:service_blocked_sml";
}

#previewVideoView {
   bg_visible: 0;
   size:       "80,60";
}

#previewStatusView {
   bg_visible: 1;
   bg_image:   "verizon.bar:service_vod_sml";
   size:       "80,60";
}

#previewStatusBackgroundImage {
   bg_visible: 0;
   size:       "80,60";
}

#previewStatusTextArea {
   &MEDIUM_FONT_BOLD
   bg_color:            &WHITE;
   offsets:             "0,15,0,0";
   h_align:             32;
   text_margins:        "5,5,5,5";
}

#previewBottomInfoView {
    offsets:     "0,0,0,1";
}

#previewCenterInfoView {
   offsets:      "6,0,3,0";
}

/*!
 Name: MFPreviewInfoView

 Description: The base view for the preview information display. It
 is used in the preview mode of the Guide UI.

 Properties: See FCompoundView.
*/
MFPreviewInfoView {
   bg_visible:          0; 
}

/*!
 Name: #previewInfoProgramTitle

 Description: The text view for the presentation title.

 Properties: See FTextView.
*/
#previewInfoProgramTitle {
   &LARGE_FONT
   text_color:    &WHITE;
   text_margins:  "0,0,0,0";
   size:          "0,22";
}

/*!
 Name: #previewInfoBottomText

 Description: The text view at the bottom of the preview window for
 displaying the start time (and, later, the program rating).

 Properties: See FTextView.
*/
#previewInfoBottomText {
   &SMALL_FONT
   text_color:          &LIGHTGREY;
   text_margins:        "0,0,0,3";
   offsets:             "0,0,0,1";
}

#previewLockIcon {
   auto_size:   1;
   blend_mode:  18;
   image:       "verizon.bar:lock_icon";
   offsets:     "4,0,0,1";
}

/*---------------------------------------------------------------------------
 4. Program Info Screen
---------------------------------------------------------------------------*/

/*!
 Name: MFPreviewDialogView

 Description: An info/preview dialog for displaying presentation descriptions.

 Hierarchy:

    MFPreviewDialogView ----> The root view (FDialogView w/ heirarchy)
      ...
        MFPreviewAreaView ----> The preview area (see MFPreviewAreaView)
        FScrolledView --------> Scrolls the rest of the info
          FCompoundView ------> Holder
            FTextView --------> other info (# of clips in the clip list)
            FCompoundView ----> Holds a note that is sometimes visible
              FCompoundView --> Holds the note title
                FImageView ---> The note icon
                FTextView ----> The note text
              FTextAreaView --> The note details text
            FTextAreaView ----> A text description

 Properties: 
    nocard_icon: "<resource file>:<resource name>" 
    playerror_icon: "<resource file>:<resource name>"
    alternate_content_icon: "<resource file>:<resource name>"
*/

MFPreviewDialogView {
   nocard_icon:                 "verizon.bar:playable_error_card";
   playerror_icon:              "verizon.bar:playable_error";
   alternate_content_icon:      "verizon.bar:alternate_content"; 
   bg_color:                    &BLACK;
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > FTextView {
   text_margins:         "8,5,5,8";
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView {
   bg_visible:  1;
   bg_color:    &BLACK;
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > 
                      FCompoundView {
   border_visible:       1;
   border_color:         #777777;
   offsets:              "10,5,10,5";
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > 
                      FCompoundView > FCompoundView > FTextView {
   &MEDIUM_FONT_BOLD
   text_color:           #e6e6e6;
   text_margins:         "5,5,5,0";
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > 
                      FCompoundView > FCompoundView > FImageView {
   offsets:              "4,0,0,0";
   auto_size:            1;
   blend_mode:           18;
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > 
                      FCompoundView > FTextAreaView {
   text_margins:         "8,5,5,5";
   size:                 "100,0";
}

MFPreviewDialogView * FScrolledView > FViewport > FCompoundView > 
                      FTextAreaView {
   text_color:           &LIGHTGREY;
   text_margins:         "8,8,3,0";
}

/*---------------------------------------------------------------------------
 5. Multi-Clip UI
---------------------------------------------------------------------------*/

#pickClipResizeView {
   bg_visible: 0;
}

#pickClipListView {
   offsets: "0,2,2,2";
   spacing: 0;
}

MFPickClipProgramView {
   bg_visible:          1;
   bg_image:            "verizon-touch.bar:text_bar_bg";
   bg_image_highlight:  "verizon-touch.bar:text_bar_bg_hl";
   center_tile:         "190,19,200,20";
   offsets:             "4,2,4,2";
   bg_blend_mode:       18;
}

#pickClipTitleHolder {
    offsets:    "9,2,9,0";
    bg_visible: 0;
}

#pickClipTitle {
    &MEDIUM_FONT
    bg_visible:                 0;
    text_color:                 &LIGHTGREY;
    text_color_highlighted:     &WHITE;
    animated_text_onhighlight:  1;
    animated_text_delay:        1000;
}

#pickClipTitleIndex {
    &MEDIUM_FONT
    text_color:                 &LIGHTGREY;
    text_color_highlighted:     &WHITE;
}

/*!
 Name: #pickClipInfoHolder

 Description: The holder for duration and download time of a program in the
 pickclip screen.
 
 Properties: See FCompoundView for other properties.
*/
#pickClipInfoHolder {
    bg_visible: 0;
    offsets:    "9,0,9,2";
}

#pickClipNoCardIcon {
    image:      "verizon.bar:playable_error";
    blend_mode: 18;
    bg_visible: 0;
    auto_size:  1;
}

#pickClipDuration {
    &MEDIUM_FONT
    bg_visible: 0;
    text_color:                 &LIGHTGREY;
    text_color_highlighted:     &WHITE;
    text_margins:               "4,0,4,2";
}

#pickClipDownloadTime {
    &MEDIUM_FONT
    bg_visible: 0;
    text_color:                 &LIGHTGREY;
    text_color_highlighted:     &WHITE;
    text_margins:               "4,0,4,2";
    offsets:    "0,0,0,0";
}

/*
 Name: MFChangeLimitView
 Description: This is a non-program list item that appears at the bottom of
 the program list.  Selecting it takes the user to the change-clip-limit dialog.
*/
MFChangeClipLimitView {
   bg_visible:         1;
   bg_image:           "verizon-touch.bar:text_bar_bg";
   bg_image_highlight: "verizon-touch.bar:text_bar_bg_hl";
   center_tile:        "190,19,200,20";
   offsets:            "4,0,4,0";
   bg_blend_mode:      18;
}

#pickClipChangeLimitText {
   &MEDIUM_FONT
   bg_visible: 0;
   offsets:    "9,3,9,3";
}

#pickClipWarningView {
   offsets:             "4,4,6,4";
   bg_visible:          1;
   bg_image:            "verizon.bar:text_bar_bg";
   center_tile:         "190,19,200,20";
   bg_blend_mode:       18;
}

#pickClipWarningIcon {
    image:      "verizon.bar:warning";
    blend_mode: 18;
    bg_visible: 0;
    auto_size:  1;
    offsets:    "10,8,10,8";
}

#pickClipWarningText {
   &MEDIUM_FONT_BOLD
   bg_visible:   0;
   offsets:      "0,4,3,4";
   text_margins: "0,0,0,0";
}

/***********************
Clip Limit Dialog
***********************/

MFClipLimitDialogView * FDialogFrame > FCompoundView > #infoView {
    &MEDIUM_FONT
    offsets:        "10,10,10,10";
    border_visible: 1;
    border_color:   #888888;
}

MFClipLimitDialogView * FDialogFrame > FCompoundView > 
                        FCompoundView > #sliderView {
    bg_visible: 0;
    size:       "0,300";
    offsets:    "0,4,0,4";
    bg_min_image:    "verizon.bar:vscroll_bg_bottom";
    bg_center_image: "verizon.bar:vscroll_bg_main_r";
    bg_max_image:    "verizon.bar:vscroll_bg_top";
    marker_image:    "verizon.bar:vscroll_slider_center";
}

#curDepthTextView {
    &MEDIUM_FONT
    text_margins: "0,1,5,0";
}

#defaultDepthTextView {
    text_margins: "5,1,0,0";
}

#minDepthTextView {
    offsets: "0,0,0,10";
}

/*---------------------------------------------------------------------------
 6. Subscription UI
---------------------------------------------------------------------------*/

/*!
 Name: MFPkgButtonView
 
 MFPkgButtonView 
   FImageView ------------> button icon
   MFDoubleResizeView ----> package holder
     FCompoundView -------> package name/price holder
       FTextView ---------> package name
       FTextView ---------> package price
     FTextAreaView -------> package description

 Description: The toggle button view for packages.
  
 Properties:
   single_unselected    "<resource file>:<resource name>"
   single_selected      "<resource file>:<resource name>"
   single_canceled      "<resource file>:<resource name>"
   selection_pending    "<resource file>:<resource name>"
   multiple_unselected    "<resource file>:<resource name>"
   multiple_selected      "<resource file>:<resource name>"
   multiple_canceled      "<resource file>:<resource name>"   
*/
MFPkgButtonView, 
MFBasicItemView, 
MFPremiumItemView, 
MFSubChannelView, 
MFBuyNowItemView {
   bg_image:                            "verizon-touch.bar:pkg_button_bg";
   bg_image_highlight:                  "verizon-touch.bar:pkg_button_hl";
   bg_blend_mode:                       18;
   center_tile:                         "119,19,120,20";
   offsets:                             "6,0,6,0";
   single_unselected:                   "verizon.bar:checkbox_unchecked_a";
   single_selected:                     "verizon.bar:checkbox_checked_a";
   single_canceled:                     "verizon.bar:checkbox_unchecked_a";
   selection_pending:                   "verizon.bar:checkbox_checked_a";
   multiple_unselected:                 "verizon.bar:checkbox_unchecked_a";
   multiple_selected:                   "verizon.bar:checkbox_checked_a";
   multiple_canceled:                   "verizon.bar:checkbox_unchecked_a";
   auto_selected:                       "verizon.bar:checkbox_checkonly_a";
}

#pkgHolderView {
   offsets:     "0,9,8,9";
}

#pkgHeaderView {
   offsets:     "0,0,0,2";
}

#pkgNameView {
   &MEDIUM_FONT_BOLD
   text_color:                  &WHITE;
   text_color_highlighted:      &WHITE;
   offsets:                     "9,0,0,0";
}

#pkgPriceView {
   &MEDIUM_FONT_BOLD
   text_color:                  &LIGHTGREY;
   text_color_highlighted:      &LIGHTGREY;
}

#pkgButtonImageView {
   offsets:     "10,12,0,0";
   blend_mode:  18;
}

#pkgDescriptionView {
   &SMALL_FONT
   text_color_highlighted:      &LIGHTGREY;
   offsets:                     "9,0,0,0";
   text_margins:                "4,0,4,3";
}

MFBasicItemView > #pkgHolderView {
   offsets:     "0,3,8,3";
}

MFBasicItemView > #pkgButtonImageView {
   offsets:     "10,6,0,0";
}

MFSubInfoDialogView,
MFSubEULADialogView,
MFSubTOUDialogView,
MFStorageInfoDialogView,
MFStorageErrorDialogView,
MFSubIntroPageView,
MFSubBasicPageView,
MFSubPremiumPageView,
MFSubSingleBasePageView,
MFSubEULAPageView,
MFSubConfirmPageView,
MFSubPreviewPageView,
MFSubSettingsPageView,
MFBuyNowScreenView,
MFTouchPinEntryDialogView {
   bg_color:    &BLACK;
}

/*************************
   Welcome Page
 *************************/

MFSubIntroPageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubIntroPageView > FTextAreaView {
   text_color:          &LIGHTGREY;
   offsets:             "20,5,10,2";
   text_margins:        "0,0,0,0";
}

MFSubIntroPageView > FListView {
  spacing:              2;
  offsets:              "20,1,5,5";
}

/*!
 Name: MFSubIntroMenuItemView

 Description: The menu item for the subscription wizard.
 
 Properties: See FMenuItemView
*/

MFSubIntroMenuItemView {
   bg_visible:                  1;
   bg_image:                    "verizon-touch.bar:text_bar_bg";
   bg_image_highlight:          "verizon-touch.bar:text_bar_bg_hl";
   center_tile:                 "190,19,200,20";
   bg_blend_mode:               18;
   offsets:                     "3,2,3,2";
}

MFSubIntroMenuItemView > FImageView {
   visible:     0;
}

MFSubIntroMenuItemView > FTextView {
   &LARGE_FONT
   text_margins:        "6,0,0,0";
   bg_visible:          0;
   offsets:             "0,12,0,12";
}

/*************************
   Base Package Page
 *************************/

MFSubBasicPageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubBasicPageView > FExpandingListView {
   spacing:              2;
}

/*************************
   Single Base Package Page
 *************************/

MFSubSingleBasePageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubSingleBasePageView > FScrolledTextView > FTextAreaView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,10,10";
}

/*************************
   Premium Package Page
 *************************/

MFSubPremiumPageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubPremiumPageView > FExpandingListView {
   spacing:             2;
   offsets:             "1,2,1,2";
}

#premiumConfigBaseView {
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
   selection_pending:   "verizon.bar:checkbox_checkonly_a";
   offsets:             "0,0,0,0";
}

#premiumConfigBaseView > FImageView {
   offsets:             "17,11,0,0";
}

#premiumConfigBaseView > FCompoundView {
   offsets:             "0,6,7,6";
}

/*************************
   Package Info Page
 *************************/

MFSubPreviewPageView > FTextView {
   &SUB_PAGE_TITLE
}

/*!
  Name: MFDescriptionView 
  
  Description: The generic package/channel description view
  
  MFDescriptionView
    FCompoundView -------------> Title holder
      FImageView --------------> Scroll left icon
      FTextView ---------------> Main title
      FTextView ---------------> Second title
      FImageView --------------> Scroll right icon
    FCompoundView -------------> Attributes holder
      FTextView ---------------> Attribute 1
      FTextView ---------------> Attribute 2
    FScrolledTextView ---------> Description
*/
MFDescriptionView {
   bg_visible:          0;
}
 
#descriptionHeader {
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

MFDescriptionView > FCompoundView > FImageView {
   auto_size:           1;
   blend_mode:          18;
}


#descriptionLeftArrow {
   offsets:             "4,0,0,0";
   image:               "verizon.bar:arrow_left";
}

#descriptionRightArrow {
   offsets:             "0,0,4,0";
   image:               "verizon.bar:arrow_right";
}

#descriptionTitleView1 {
   &MEDIUM_FONT_BOLD
   text_color:          &RED;
   offsets:             "10,0,0,0";
}

#descAttributesHolder {
   offsets:             "20,5,8,0";
}

MFDescriptionView > FScrolledTextView {
   offsets:             "20,0,8,8";
}

MFDescriptionView > FScrolledTextView > FTextAreaView {
   text_color:          &LIGHTGREY;
}

/*************************
   Shop Settings Page
 *************************/
#subSettingsTitleView {
   &SUB_PAGE_TITLE
}

#subSettingsMsgView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,3,8";
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

MFSubSettingsPageView > FTextView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,3,4,3";
}

MFSubSettingsPageView > FListView {
   spacing:             2;
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

MFSubSettingsPageView > FListView > FScrolledView {
   offsets:             "0,0,0,3";
}

MFHeaderPackageView {
   bg_visible:          0;
}

MFHeaderPackageView > FTextView {
   text_color:                  &LIGHTGREY;
   text_color_highlighted:      &LIGHTGREY; 
   text_margins:                "20,3,4,3";
}

#subSettingsBaseHeader > MFPkgButtonView {
   multiple_selected:           "verizon.bar:checkbox_checkonly_a";
}

#subSettingsTotalView {
   &ALIGN_RIGHT
   &MEDIUM_FONT_BOLD
   text_color:          &WHITE;
   offsets:             "0,1,0,0";
}

/*****************************************
   Base to Premium Transition Info Dialog
 *****************************************/
/*!
 Name: MFSubInfoDialogView > FCompoundView > FDialogTitleView
 
 Description: A title of the information dialog in subscription wizard
 
 Properties: See FDialogTitleView
*/
MFSubInfoDialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFSubInfoDialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE;
   text_margins:        "20,3,0,3";
}

MFSubInfoDialogView > FCompoundView > FCompoundView > FScrolledTextView > FTextAreaView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,5,5";
}

/*************
   EULA 
**************/

MFSubEULAView {
   bg_visible:          0;
}

MFSubEULAView > FTextAreaView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,3,8";
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

MFSubEULAView > FScrolledTextView {
   offsets:             "0,2,2,2";
   bg_visible:          1;
   bg_color:            &BLACK;
}

MFSubEULAView > FScrolledTextView > FTextAreaView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,4,6,4";
}

MFSubEULAPageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubEULADialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFSubEULADialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE; 
   text_margins:        "20,3,0,3";
}

MFSubEULADialogView > FCompoundView > FCompoundView > FScrolledTextView {
   offsets:             "10,10,5,5";
}

/*****************************
   Terms of Use/Confirmation
******************************/

/*! 
  Name: MFSubTOUView
  
  Description: The view which displays Term of Use
  
  MFSubTOUView 
    FTextAreaView -------------------> TOU
    FCompoundView -------------------> Package list and total holder
      FListView ---------------------> package list
        FScrolledView ---------------> list scroll view
          FViewport -----------------> list viewport
            FCompoundView -----------> list holder
              MFHeaderPackageView ---> package with header
              MFPkgButtonView -------> package without header 
      FTextView ---------------------> Total price      
*/
MFSubTOUView {
   bg_visible:          0;
}

MFSubTOUView > FTextAreaView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,3,8";
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

MFSubTOUView > FCompoundView > FTextView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,3,4,3";
}

#subTOUPackageListView {
   spacing:             2;
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

#subTOUPackageListView * MFPkgButtonView {
  bg_visible: 0;
}

#subTOUPackageListView * MFPkgButtonView > MFDoubleResizeView {
   offsets:             "0,0,0,0";
}

#subTOUTotalView {
   &ALIGN_RIGHT
   &MEDIUM_FONT_BOLD
   text_color:          &WHITE;
}

MFSubConfirmPageView > FTextView {
   &SUB_PAGE_TITLE
}

MFSubTOUDialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFSubTOUDialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE; 
   text_margins:        "20,3,0,3";
}

MFSubTOUDialogView > FCompoundView > FCompoundView > FScrolledTextView {
   offsets:             "10,10,5,5";
}

/*!
 Name: MFStorageInfoDialogView

 Description: A special dialog box for displaying memory usage in subscription.

 Hierarchy:

     MFStorageInfoDialogView --> The window view
       ...
       FCompoundView ---------------> The main area of the dialog
         FScrolledView
           FViewport
             MFDoubleResizeView ----> The double resize holder
               FCompoundView -------> note holder
                 FImageView --------> note icon
                 FTextView ---------> note text "The memory card removed"
               FTextView -----------> Total memory
               FTextView -----------> Available memory
               FTextView -----------> Memory used by MediaFLO
               FTextView -----------> Max Memory used by MediaFLO
               FTextView -----------> Title of the package list ex."MediaFLO Usage"
               MFPkgSizeItemView ---> Column header "Package:" and "Size:"
               FCompoundView -------> Holder for package list
                 MFPkgSizeItemView -> Package view for each package
*/

MFStorageInfoDialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFStorageInfoDialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE; 
   text_margins:        "20,3,0,3";
}

MFStorageInfoDialogView * MFDoubleResizeView > FCompoundView {
   offsets:             "20,2,0,0";
}

MFStorageInfoDialogView * MFDoubleResizeView > FCompoundView > FTextView {
   text_margins:        "0,3,4,3";
   text_color:          &LIGHTGREY; 
}

MFStorageInfoDialogView * MFDoubleResizeView > FTextView {
   text_margins:        "20,3,4,3";
   text_color:          &LIGHTGREY;
}

#storageDialoglistTitle {
   &MEDIUM_FONT_BOLD
   &FULLSCREEN_TITLE
   offsets:             "0,8,0,0";
   text_color:          &WHITE;
}

MFPkgSizeItemView {
   bg_visible:          0;
   offsets:             "2,0,6,0";
}

MFPkgSizeItemView > FTextView {
   &MEDIUM_FONT_BOLD
   text_color:          &LIGHTGREY;
}

#packageSizeItemName {
   text_color:          &WHITE;
}

#storageDialogListHeaders {
   offsets:             "20,0,0,0";
}

#storageDialogListHeaders > FTextView {
   &MEDIUM_FONT
   text_color:          &LIGHTGREY;
}

#packageSizeItemSize {
   offsets:             "0,1,5,1";
}


/*!
 Name: MFStorageErrorDialogView

 Description: A special error dialog box for displaying memory requirement 
              for subscription.

 Hierarchy:

     MFStorageErrorDialogView ------> The window view
      ...
       FCompoundView ---------------> The main area of the dialog
         FScrolledView
           FViewport
             MFDoubleResizeView ----> The double resize holder
               FTextAreaView -------> Error message "not enough memory ... "
               FCompoundView -------> note holder
                 FImageView --------> note icon
                 FTextView ---------> note text "The memory card removed"
               FTextView -----------> Available memory
               FTextView -----------> Memory required to proceed
               FTextView -----------> Title of the package list 
               MFPkgSizeItemView ---> Column header "Package:" and "Size:"
               FCompoundView -------> Holder for package list
                 MFPkgSizeItemView -> Package view for each package
*/


MFStorageErrorDialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFStorageErrorDialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE; 
   text_margins:        "20,3,0,3";
}

MFStorageErrorDialogView * MFDoubleResizeView > FTextAreaView {
   text_color:          &LIGHTGREY; 
   text_margins:        "20,3,4,3";
   offsets:             "0,2,0,0";
}

MFStorageErrorDialogView * MFDoubleResizeView > FCompoundView {
   offsets:             "20,2,0,0";
}

MFStorageErrorDialogView * MFDoubleResizeView > FCompoundView > FTextView {
   text_margins:        "0,3,4,3";
   text_color:          &LIGHTGREY; 
}

MFStorageErrorDialogView * MFDoubleResizeView > FTextView {
   text_margins:        "20,3,4,3";
   text_color:          &LIGHTGREY;
}

#storageErrorDialoglistTitle {
   &MEDIUM_FONT_BOLD
   &FULLSCREEN_TITLE
   offsets:             "0,8,0,0";
   text_color:          &WHITE;
}

#storageErrorDialogListHeaders > FTextView {
   &MEDIUM_FONT
   text_color:          &LIGHTGREY;
}

/*********
 Buy Now
 *********/
MFBuyNowScreenView > FCompoundView > FTextView {
   &SUB_PAGE_TITLE
}

#buyNowInfoTextView {
   text_color:          &LIGHTGREY;
   text_margins:        "20,5,3,8";
   bg_visible:          1;
   bg_image:            "verizon.bar:bottom_line_bg";
   center_tile:         "119,2,122,10";
}

#buyNowPackageListView {
   offsets:             "0,2,0,2";
   spacing:             2;
}


/*---------------------------------------------------------------------------
 7. Player UI
---------------------------------------------------------------------------*/

/*!
 Name: #playerScreenView

 Description: This is the top view for the regular player screen.

 Properties: See FMainScreenView.
*/
#playerScreenView {
   bg_visible: 0;
}

/*!
 Name: #playerScreenContainer

 Description: This is container view for the video/status area, the player
 controls and the top border if any.
 
 Properties: See FCompoundView.
*/
#playerScreenContainer {
   bg_visible: 0;
}

/*!
 Name: #playerScreenTopBorder

 Description: This is the top view for the regular player screen.

 Properties: See FView.
*/
#playerScreenTopBorder {
   bg_visible:  1;
   bg_image:    "verizon.bar:player_line_bg";
   center_tile: "119,0,122,2";
}

/*!
 Name: #playerVolumeView

 Description: A view that contains the volume icon and volume bar.

 Properties: See FCompoundView.
*/
#playerVolumeView {
   bg_visible: 1;
   bg_color:   &BLACK;
}

/*!
 Name: #playerMuteToggle

 Description: The player mute toggle.

 Properties: See FToggleButtonView.
*/
#playerMuteToggle {
   bg_visible: 0;
   offsets:    "15,5,5,5";
   toggle0_image_enabled: "verizon.bar:player_audio_mute";
   toggle1_image_enabled: "verizon.bar:player_audio_on";
}

#playerMuteToggle > FImageView {
   blend_mode: 18;
}

/*!
 Name: #playerVolumeBar

 Description: The player volume bar.

 Properties: See FImageProgressBarView.
*/
#playerVolumeBar {
   bg_visible: 0;
   offsets:    "5,5,25,5";
   pb_left:         "verizon.bar:volumebar_left";
   pb_left_filled:  "verizon.bar:volumebar_left_filled";
   pb_center:       "verizon.bar:volumebar_center";
   pb_fill_center:  "verizon.bar:volumebar_fill_center";
   pb_fill_right:   "verizon.bar:volumebar_fill_right";
   pb_right:        "verizon.bar:volumebar_right";
   pb_right_filled: "verizon.bar:volumebar_right_filled";
}

/*!
 Name: XMediaView

 Description: This view is the background for clips/broadcast video.

 Properties: See FView.
*/
XMediaView {
   bg_visible: 0;
}

/*--------------------------------
 7.1 Broadcast Specific Player UI
----------------------------------*/

/*!
 Name: MFBroadcastPlayerControlsView

 Description: The top level view for the broadcast player controls.

 Properties: See MFBroadcastPlayerControlsView.
*/
MFBroadcastPlayerControlsView {
   bg_image:    "verizon-touch.bar:player_controls_bg";
   center_tile: "0,53,320,54";
}

/*!
 Name: #playerControlsTopBorder

 Description: The player controls top border that is shown when the player
 controls are in portrait.

 Properties: See FView.
*/
#playerControlsTopBorder {
   bg_visible:  1;
   bg_image:    "verizon.bar:bottom_line_bg";
   center_tile: "119,1,122,3";
   size:        "0,3";
}

/*!
 Name: #playerVolumeAndControls

 Description: A view that contains both the volume controls and the player
 controls/program information.

 Properties: See FCompoundView.
*/
#playerVolumeAndControls {
   bg_visible: 0;
}

/*!
 Name: #playerControlsContainer

 Description: A view that contains the channel name, channel icon and up/down
 arrows.  This view appears beneath the volume controls.

 Properties: See FCompoundView.
*/
#playerControlsContainer {
   bg_visible: 0;
}

/*!
 Name: #playerLeftContainer

 Description: A view that contains the  channel icon and channel name.  In the
 regular non-touch ui this view also contains the up/down channel arrows.
 These are hidden in the touch screen ui, as there is a separate set of arrows
 shown in the right soft key area.

 Properties: See FCompoundView.
*/
#playerLeftContainer {
   offsets:    "8,5,0,5";
   bg_visible: 0;
}

/*!
 Name: #playerUpDownArrows

 Description: Hide the player up/down arrows on the touch screen UI.

 Properties: See FCompoundView.
*/
#playerUpDownArrows {
   visible: 0;
   bg_visible: 0;
}

/*!
 Name: #playerUpArrowLandscape

 Description: Hide the player up/down arrows on the touch screen UI.

 Properties: See FToggleButtonView.
*/
#playerUpArrowLandscape {
   visible: 0;
   bg_visible: 0;
}

/*!
 Name: #playerDownArrowLandscape

 Description: Hide the player up/down arrows on the touch screen UI.

 Properties: See FToggleButtonView.
*/
#playerDownArrowLandscape {
   visible: 0;
   bg_visible: 0;
}

/*!
 Name: #playerUpDownArrowsAndChannel

 Description: A view that contains the player channel name, channel icon.
 In the regular non-touch UI it also contains the up/down channel arrows in
 portrait mode.

 Properties: See FCompoundView.
*/
#playerUpDownArrowsAndChannel {
   bg_visible: 0;
}

/*!
 Name: #playerChannel

 Description: A view that contains the channel name and icon.

 Properties: See FCompoundView.
*/
#playerChannel {
   bg_visible: 0;
   size:       "45,30";
   offsets:    "0,2,0,1";
}

/*!
 Name: #playerChannelServiceIcon

 Description: The channel service icon.

 Properties: See FImageView.
*/
#playerChannelServiceIcon {
   bg_visible: 0;
   auto_size:  1;
   image:      "verizon.bar:default_service_icon";
   blend_mode: 18;
}

/*!
 Name: #playerChannelName

 Description: The channel name text view.

 Properties: See FTextView.
*/
#playerChannelName {
   &MEDIUM_FONT_BOLD
   bg_visible:          0;
   text_color:          &WHITE;
   text_margins:        "1,0,1,0";
}

/*!
 Name: #playerProgramInfoHolder

 Description: A view that contains the program title and an extra info line.

 Properties: See FCompoundView.
*/
#playerProgramInfoHolder {
   bg_visible: 0;
   offsets:    "9,1,6,5";
}

/*!
 Name: #playerProgramTitle

 Description: The player program title.

 Properties: See FAnimatedTextView.
*/
#playerProgramTitle {
   &LARGE_FONT
   text_margins: "0,0,0,0";
   bg_visible:   0;
   text_color:   &WHITE;
}

/*!
 Name: #playerTimeRatingHolder

 Description: The extra info line for the player.  Contains a rating and start
 /end times for the program.

 Properties: See FCompoundView.
*/
#playerTimeRatingHolder {
   bg_visible: 0;
}

/*!
 Name: #playerDuration

 Description: The program start and end time text view.  May be empty.

 Properties: See FTextView.
*/
#playerDuration {
   &SMALL_FONT
   bg_visible:   0;
   text_color:   &LIGHTGREY;
   text_margins: "0,0,4,0";
}

/*!
 Name: #playerRatingText

 Description: A program rating.  May be empty.

 Properties: See FTextView.
*/
#playerRatingText {
   &SMALL_FONT
   bg_visible:   0;
   text_color:   &LIGHTGREY;
   text_margins: "0,0,4,0";
}

/*!
 Name: #playerIconsHolder

 Description: Extras icon should not be shown in player controls, it is a soft
 key in the touch screen UI.

 Properties: See FCompoundView.
*/
#playerIconsHolder {
   bg_visible: 0;
   visible:    0;
}

#playerExtrasIcon {
   bg_visible: 0;
   visible:    0;
}

/*--------------------------------
 7.2 Clip Specific Player UI
----------------------------------*/

/*!
 Name: #clipPlayerScreenView

 Description: The main screen view for the clip player.

 Properties: See FMainScreenView.

   player_style - control the player layout style to use. 
                  0 - Controls are located to the left
                  1 - Controls are centered
*/
#clipPlayerScreenView {
   player_style: 1;
}

/*!
 Name: #clipPlayerControlsView

 Description: Clip player controls top level view.

 Properties: See MFCenterPlayerControlsView.
*/
#clipPlayerControlsView {
   bg_image:    "verizon-touch.bar:clipplayer_controls_bg";
   center_tile: "0,39,320,40";
}

/*!
 Name: #clipPlayerControlsHolder

 Description: A view that contains info about the program playing
 (including progress information).

 Properties: See FCompoundView.
*/
#clipPlayerControlsHolder {
   offsets:    "0,0,0,0";
   bg_visible: 0;
}

/*!
 Name: #clipPlayerVolumeHolder

 Description: A view that contains the volume controls and the top border for
 the volume controls.

 Properties: See FCompoundView.
*/
#clipPlayerVolumeHolder {
   bg_visible: 0;
}

/*!
 Name: #clipPlayerControlsTopBorder

 Description: The player controls top border that is shown when showing the
 volume when the player is in portrait.

 Properties: See FView.
*/
#clipPlayerControlsTopBorder {
   bg_visible:  1;
   bg_image:    "verizon.bar:bottom_line_bg";
   center_tile: "119,2,122,10";
   size:        "0,3";
}

/*!
 Name: #clipPlayerElapsedTimeProgressBar

 Description: The progress bar for clips.

 Properties: See FImageProgressBarView for properties.
*/
#clipPlayerElapsedTimeProgressBar {
   bg_visible:      0;
   offsets:         "0,1,0,0";
   pb_left:         "verizon.bar:player_progress_left";
   pb_left_filled:  "verizon.bar:player_progress_left_filled";
   pb_center:       "verizon.bar:player_progress_center";
   pb_fill_center:  "verizon.bar:player_progress_fill_center";
   pb_fill_right:   "verizon.bar:player_progress_fill_right";
   pb_right:        "verizon.bar:player_progress_right";
   pb_right_filled: "verizon.bar:player_progress_right_filled";
   blend_mode:      18;
}

/*!
 Name: #clipPlayerMiddleView

 Description: A view that contains info about the program playing
 (including progress information).

 Properties: See FCompoundView.
*/
#clipPlayerMiddleView {
   bg_visible: 0;
}

/*!
 Name: #clipPlayerElapsedTimeText

 Description: This view draws the elapsed time string.
 
 Properties: See FTextView.
*/
#clipPlayerElapsedTimeText { 
   bg_visible:   0;
   &TINY_FONT
   text_margins: "5,0,4,3";
   text_color:   &LIGHTGREY;
}

/*!
 Name: #clipPlayerElapsedTimeTotalTimeText

 Description: This view draws the elapsed time string.
 
 Properties: See FTextView.
*/
#clipPlayerElapsedTimeTotalTimeText {
   bg_visible:   0;
   &TINY_FONT
   text_margins: "4,0,5,3";
   text_color:   &LIGHTGREY;
}

/*!
 Name: #clipPlayerButtonsView

 Description: A view that contains info about the program playing
 (including progress information).

 Properties: See FCompoundView.
*/
#clipPlayerButtonsView {
   bg_visible: 0;
}

/*!
 Name: #clipPlayerRewindButton

 Description: Pressing this button plays the current video clip in the
 fast-rewind mode.
 
 Properties: See FToggleButtonView.
*/
#clipPlayerRewindButton {
   visible:    0;
}

/*!
 Name: #clipPlayerPlayPauseStopButton

 Description: Pressing this button plays or pauses the current video clip.
 
 Properties: See FToggleButtonView.
*/
#clipPlayerPlayPauseStopButton {
   bg_visible:            0;
   size:                  "0,28";
}

/*!
 Name: #clipPlayerFastForwardButton

 Description: Pressing this button plays the current video in the fast forward
 mode.
 
 Properties: See FToggleButtonView.
*/
#clipPlayerFastForwardButton { 
   visible: 0;
}

/*!
 Name: #clipPlayerProgramInfoHolder

 Description: This view holds the #clipPlayerProgramTitle,
 #clipPlayerProgramRating and elapsed time.

 Properties: See FCompoundView
*/
#clipPlayerProgramInfoHolder {
   bg_visible: 0;
   offsets:    "10,1,10,1";
}

/*!
 Name: #clipPlayerProgramTitle

 Description: Holds the program title

 Properties: See FTextView.
*/
#clipPlayerProgramTitle {
   bg_visible:  0;
   &LARGE_FONT
   text_color:  &WHITE;
   text_margins: "4,3,4,3";
}

/*!
 Name: #clipPlayerRatingText

 Description: A program rating.  May be empty.

 Properties: See FTextView.
*/
#clipPlayerRatingText {
   bg_visible:   0;
   &LARGE_FONT
   text_color:   &WHITE;
   text_margins: "0,3,4,3";
}

/*!
 Name: #clipPlayerIconsHolder

 Description: Extras icon should not be shown in player controls, it is a soft
 key in the touch screen UI.

 Properties: See FCompoundView.
*/
#clipPlayerIconsHolder {
   bg_visible: 0;
   visible:    0;
}

#clipPlayerExtrasIcon {
   bg_visible: 0;
   visible:    0;
}

/*--------------------------------
 7.3 The Player status views
----------------------------------*/
/*!
 Name: #playerMediaView

 Description: The content area of the player.  Contains the video/audio views
 plus the channel/program status views if there is no media to play on the
 current channel.

 Properties: See MFMultiMediaView.
*/
#playerMediaView {
   video_image:    "verizon.bar:service_video";
   audio_image:    "verizon.bar:service_audio";
   clipcast_image: "verizon.bar:service_clipcast";
   data_image:     "verizon.bar:service_data";
   blocked_image:  "verizon.bar:service_blocked";
}

/*!
 Name: #mediaStatusView

 Description: The area of the player dedicated to displaying status messages
 when there is no video on the screen.

 Properties: See FCompoundView.
*/
#mediaStatusView {
   bg_visible: 1;
   bg_color:   &BLACK;
}

/*!
 Name: #mediaStatusBackgroundImage

 Description: The background image that is shown in the player content area
 when no media is open/playing.  Can be the channel service background or one
 of the images specified above in the MFMultiMediaView.

 Properties: See FImageView.
*/
#mediaStatusBackgroundImage {
   auto_size:  1;
   bg_visible: 0;
}

/*!
 Name: #mediaStatusTextArea

 Description: The text area that contains the program/channel status message
 in the player content area.  Not always shown with the
 'mediaStatusBackgroundImage' but it often is.

 Properties: See FTextAreaView.
*/
#mediaStatusTextArea {
   &LARGE_FONT
   text_margins:                "4,9,4,9";
   text_color:                  &WHITE;
   text_color_highlighted:      &WHITE;
   h_align:                     32;
   bg_visible:                  1;
   bg_color:                    #00000080;
   highlight_color:             #00000080;
   bg_blend_mode:               17;
   offsets:                     "0,0,0,5";
}

/*!
 Name: #playerGuideStatusView

 Description: The container of the empty guide message.
 
 Properties: See FCompoundView.
*/
#playerGuideStatusView {
   bg_visible: 1;
   bg_color: &BLACK
}

/*!
 Name: #playerGuideStatusImage

 Description: The empty guide background image.
 
 Properties: See FImageView.
*/
#playerGuideStatusImage {
   bg_visible: 0;
}

/*!
 Name: #playerGuideCenterMessage

 Description: Compound view for centering the guide message and handling the 
 resizing of the textview.
 
 Properties: See MFDoubleResizeView.
*/
#playerGuideCenterMessage {
   bg_visible: 0;
}

/*!
 Name: #playerGuideStatusMessage

 Description: The text area view of the message
 
 Properties: See FTextAreaView.
*/
#playerGuideStatusMessage {
   &LARGE_FONT
   text_color: &WHITE;
}

/*!
 Name: #playerGuideStatusIcon

 Description: The animated guide retrieving icon
 
 Properties: See FImageView.
*/
#playerGuideStatusIcon {
   bg_visible: 0;
   size:       "45,45";
   image:      "verizon.bar:progress_animation";
   animation:  "strip,10,45,10";
   blend_mode: 18;
}

#mediaSelectButtonView {
   bg_visible:          0;
   blend_mode:          18;
   image:               "verizon-touch.bar:overlay_btn";
   highlight_image:     "verizon-touch.bar:overlay_btn";
}

#mediaSelectButtonView > FImageView {
   auto_size:           1;
   blend_mode:          18;
   bg_visible:          0;
   offsets:             "0,0,0,0";
}

#mediaSelectButtonView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE;
   text_color_highlighted:  &RED;  
}

/*---------------------------------------------------------------------------
 8. Preference UI
---------------------------------------------------------------------------*/
 
/*!
 Name: #prefsScreenView * FMenuItemView

 Description: The menu item for the preferences UI.

 Properties: See FMenuItemView.
*/
#prefsScreenView * FMenuItemView { 
  bg_visible:  0;
}

#prefsScreenView * #menuListView {
  offsets:        "20,12,20,0";
  spacing: 3;
}

/* The FMenuView has ~10 pixel border by default; squash it. 
*/
#prefsScreenView * #menuListView > FScrolledView {
   offsets:       "0,0,0,0";
}

/*!
 Name: #prefsScreenView * FMenuItemView > FTextView

 Description: The menu item for the preferences UI.

 Properties: See FTextView.
*/
#prefsScreenView * FMenuItemView > FTextView { 
   &LARGE_FONT
   text_margins:       "6,0,0,0";
}

/*---------------------------------------------------------------------------
 9. Parental Control UI
---------------------------------------------------------------------------*/

/*!
 Name: MFTouchPinEntryDialogView

        FCompoundView ---------------> The main area of the dialog
             MFDoubleResizeView ----> The double resize holder
               FCompoundView ------->  password border view
                 FPasswdTextView --------> password text view
                 FTextAreaView ---------> text area view to hold information
             FCompoundView ----> Pin Pad holder view
               FCompoundView ------->  pinKeyHolder View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
               FCompoundView ------->  pinKeyHolder View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
               FCompoundView ------->  pinKeyHolder View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
               FCompoundView ------->  pinKeyHolder View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
                 MFPinEntryKeyView --------> Pin Key View
*/

MFTouchPinEntryDialogView > FCompoundView > FDialogTitleView {
   visible:             1;
   &FULLSCREEN_TITLE
}

MFTouchPinEntryDialogView > FCompoundView > FDialogTitleView > FTextView {
   &LARGE_FONT
   text_color:          &WHITE; 
   text_margins:        "20,3,0,3";
}

MFTouchPinEntryDialogView * MFDoubleResizeView > FTextAreaView {
   offsets:     "5,0,10,5";
   &SMALL_FONT
   text_color:  #cccccc;
   bg_visible:  0;
}

MFTouchPinEntryDialogView * #passwordBorderView {
   offsets:                     "0,13,0,6";
   size:                        "80,27";
   bg_image:                    "verizon.bar:pin_text_bg";
   center_tile:                 "42,12,46,16";
   bg_blend_mode:               18;
   bg_visible:                  1;
}

MFTouchPinEntryDialogView * #passwordBorderView > FPasswdTextView {
   offsets:                     "4,6,3,1";
   &LARGE_FONT
   text_color:                  &WHITE;
   text_color_bg:               &BLACK;
   text_color_cursor:           &BLACK;
   bg_visible: 0;
}

MFPinEntryKeyView {
   bg_visible:          0;
   offsets:             "0,13,12,0";
   blend_mode:          18; 
   zero_image:          "verizon-touch.bar:touchbtn_0";
   one_image:           "verizon-touch.bar:touchbtn_1";
   two_image:           "verizon-touch.bar:touchbtn_2";
   three_image:         "verizon-touch.bar:touchbtn_3";
   four_image:          "verizon-touch.bar:touchbtn_4";
   five_image:          "verizon-touch.bar:touchbtn_5";
   six_image:           "verizon-touch.bar:touchbtn_6";
   seven_image:         "verizon-touch.bar:touchbtn_7";
   eight_image:         "verizon-touch.bar:touchbtn_8";
   nine_image:          "verizon-touch.bar:touchbtn_9";
   clear_image:         "verizon-touch.bar:touchbtn_back_pin";

   zero_image_highlight:          "verizon-touch.bar:touchbtn_0_hl";
   one_image_highlight:           "verizon-touch.bar:touchbtn_1_hl";
   two_image_highlight:           "verizon-touch.bar:touchbtn_2_hl";
   three_image_highlight:         "verizon-touch.bar:touchbtn_3_hl";
   four_image_highlight:          "verizon-touch.bar:touchbtn_4_hl";
   five_image_highlight:          "verizon-touch.bar:touchbtn_5_hl";
   six_image_highlight:           "verizon-touch.bar:touchbtn_6_hl";
   seven_image_highlight:         "verizon-touch.bar:touchbtn_7_hl";
   eight_image_highlight:         "verizon-touch.bar:touchbtn_8_hl";
   nine_image_highlight:          "verizon-touch.bar:touchbtn_9_hl";
   clear_image_highlight:         "verizon-touch.bar:touchbtn_back_pin_hl";
}

MFPinEntryKeyView * FImageView {
   auto_size:   1;
   bg_visible:  0;
   blend_mode:  18; 
}

#pinDialogOkButton {
   bg_visible: 0;
   blend_mode: 18;
   image:           "verizon-touch.bar:touchbtn_select_pin";
   highlight_image: "verizon-touch.bar:touchbtn_select_pin_hl";

}

#pinDialogOkButton * FImageView {
   auto_size:   1;
   bg_visible:  0;
   blend_mode:  18;
   offsets:     "10,0,0,10";
 }

/*---------------------------------------------------------------------------
 10. AboutDialog
---------------------------------------------------------------------------*/

MFAboutDialogView {
   bg_image_visible: 0;
}

MFAboutDialogView * FDialogTitleView {
   visible:          1;
   bg_visible:       0; 
   bg_image_visible: 0; 
}

MFAboutDialogView * FDialogFrame > FCompoundView {
   bg_visible: 0;
}

MFAboutDialogView * FDialogFrame > FCompoundView > FScrolledTextView {
   offsets: "15,5,15,15";
}

MFAboutDialogView * FDialogFrame > FCompoundView > FTextAreaView { 
   text_margins:        "0,0,0,0";
   offsets:             "15,0,15,0";
   &MEDIUM_FONT_BOLD
   text_color:          #cccccc;
}

/*---------------------------------------------------------------------------
 11. Home Screen
---------------------------------------------------------------------------*/

MFHomeScreenView > FCompoundView > #windowMainView {
   bg_color:            &BLACK;
   bg_visible:          1;
}

#homeScreenListView {
   offsets:    "4,38,4,6";
   bg_visible: 0;
   spacing:    4;
}

#homeScreenListView > FScrolledView > FViewport {
   bg_visible: 0;
}

MFHomeScreenView * FMenuItemView > FImageView {
   bg_visible:    0;
   offsets:       "8,0,0,0";
   size:          "4,11";
   bg_image:                  "verizon.bar:guide_arrow_right";
   bg_image_highlight:        "verizon.bar:cursor_arrow";
   bg_blend_mode: 18;
}

/*---------------------------------------------------------------------------
 11. The Data Services UI
---------------------------------------------------------------------------*/

#dataViewerMultiMediaView {
   bg_visible:    1;
   bg_color:      &BLACK;
   data_image:    "verizon.bar:service_data";
   blocked_image: "verizon.bar:service_blocked";
}

/*---------------------------------------------------------------------------
 12. Images referenced directly in the code
---------------------------------------------------------------------------*/

#resBack {
   image:               "verizon-touch.bar:touchbtn_back";
   highlight_image:     "verizon-touch.bar:touchbtn_back_hl";
}

#resExit {
   image:               "verizon-touch.bar:touchbtn_exit";
   highlight_image:     "verizon-touch.bar:touchbtn_exit_hl";
}

#resGuide {
   image:               "verizon-touch.bar:touchbtn_guide";
   highlight_image:     "verizon-touch.bar:touchbtn_guide_hl";
}

#resExit {
   image:               "verizon-touch.bar:touchbtn_exit";
   highlight_image:     "verizon-touch.bar:touchbtn_exit_hl";
}

#resUp {
   image:               "verizon-touch.bar:touchbtn_up";
   highlight_image:     "verizon-touch.bar:touchbtn_up_hl";
}

#resDown {
   image:               "verizon-touch.bar:touchbtn_down";
   highlight_image:     "verizon-touch.bar:touchbtn_down_hl";
}

#resRight {
   image:               "verizon-touch.bar:touchbtn_right";
   highlight_image:     "verizon-touch.bar:touchbtn_right_hl";
}

#resLeft {
   image:               "verizon-touch.bar:touchbtn_left";
   highlight_image:     "verizon-touch.bar:touchbtn_left_hl";
}

#resInfo {
   image:               "verizon-touch.bar:touchbtn_info";
   highlight_image:     "verizon-touch.bar:touchbtn_info_hl";
}

#resOptions {
   image:               "verizon-touch.bar:touchbtn_options";
   highlight_image:     "verizon-touch.bar:touchbtn_options_hl";
}

#resPlay {
   image:               "verizon-touch.bar:touchbtn_play";
   highlight_image:     "verizon-touch.bar:touchbtn_play_hl";
}

#resPause {
   image:               "verizon-touch.bar:touchbtn_pause";
   highlight_image:     "verizon-touch.bar:touchbtn_pause_hl";
}

#resExtras {
   image:               "verizon-touch.bar:touchbtn_extras";
   highlight_image:     "verizon-touch.bar:touchbtn_extras_hl";
}

#resFastForward {
   image:               "verizon-touch.bar:touchbtn_fastforward";
   highlight_image:     "verizon-touch.bar:touchbtn_fastforward_hl";
}

#resRewind {
   image:               "verizon-touch.bar:touchbtn_rewind";
   highlight_image:     "verizon-touch.bar:touchbtn_rewind_hl";
}

/*!
 Name: #vodServiceImages
 
 Description: The service images for the video on demand channel.
*/
#vodServiceImages {
   background_qvga:     "verizon.bar:service_vod";
   background_qqvga:    "verizon.bar:service_vod_sml";
   logo:                "verizon.bar:service_vod_logo";
}
