tizen 2.3 release
[apps/home/settings.git] / resource / setting-theme.edc
index 8d158a8..5c3b3f2 100755 (executable)
 /*
  * setting
- * Copyright (c) 2012 Samsung Electronics Co., Ltd.
  *
- * Licensed under the Flora License, Version 1.1 (the License);
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd.
+ *
+ * Contact: MyoungJune Park <mj2004.park@samsung.com>
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
- *     http://floralicense.org/license/
+ * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an AS IS BASIS,
+ * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
+ *
  */
 
 #include "../setting-common/include/setting-common-data-edj-define.h"
+#include "setting-genlist-macro.edc"
 
-images
-{
-}
 
+#define SLIDER_SWALLOW_BAR_MIN_WIDTH_INC  72
+#define SLIDER_SWALLOW_BAR_HEIGHT_INC  74
+#define SLIDER_BASE_HEIGHT_INC  34
+#define SLIDER_BASE_MIN_WIDTH_INC 375
+#define PROGRESS_BG_IMAGE_BORDER_INC  17 17 17 17
+#define PROGRESS_BAR_IMAGE_BORDER_INC  8 8 15 18
+#define PROGRESS_BAR_IMAGE_PADDING_SIZE_INC  9 0
+#define SLIDER_UNITS_TEXT_COLOR_INC      8 8 8 255
+#define SLIDER_UNITS_TEXT_SIZE_INC  30
+#define SLIDER_INDICATOR_TEXT_COLOR_INC      59 115 182 255
+#define SLIDER_INDICATOR_TEXT_PRESSED_COLOR_INC      255 255 255 255
+#define SLIDER_INDICATOR_WIDTH_INC 72
+#define SLIDER_INDICATOR_HEIGHT_INC 72
+#define SLIDER_INDICATOR_MAX_WIDTH_INC 90
+#define SLIDER_INDICATOR_TEXT_SIZE_INC  40
+
+#define NOCONTENT_TEXT_BLOCK_STYLE_COLOR_INC "#FAFAFA"
+#define NOCONTENT_TEXT_BLOCK_STYLE_COLOR_DIM_INC "#A2A5AE"
+#define NOCONTENT_HELP_TEXT_BLOCK_STYLE_COLOR_INC "#9A9BA0"
+#define NOCONTENT_TEXT_BLOCK_TEXT_SIZE_INC   36
+#define NOCONTENT_HELP_TEXT_BLOCK_TEXT_SIZE_INC 32
+#define NOCONTENT_IMAGE_WIDTH_HEIGHT_INC     252 252
+#define NOCONTENT_BG_COLOR_INC               0 0 0 0
+#define NOCONTENT_TEXT_STYLE_BG_MIN_INC      0 68
+#define NOCONTENT_BASE_SEARCH_PADDING_INC    40
+#define NOCONTENT_PORTRAIT_HELP_TEXT_STYLE_BG_MIN_INC 0 156
+#define NOCONTENT_LANDSCAPE_HELP_TEXT_STYLE_BG_MIN_INC 0 80
+#define NOCONTENT_IMAGE_COLOR_INC            250 250 250 255
+#define NOCONTENT_SWALLOW_AREA_MIN_INC       0 80
+#define NOCONTENT_PORTRAIT_AFTER_HELP_TEXT_PADDING_INC 70 90
+#define NOCONTENT_LANDSCAPE_AFTER_HELP_TEXT_PADDING_INC 180 16
+#define NOCONTENT_PORTRAIT_AFTER_TEXT_PADDING_INC    70 96
+#define NOCONTENT_LANDSCAPE_AFTER_TEXT_PADDING_INC    180 16
+#define NOCONTENT_BASE_PORTRAIT_MIN_WIDTH_HEIGHT_INC 0 320
+#define NOCONTENT_BASE_LANDS_MIN_WIDTH_HEIGHT_INC 0 320
+#define NOCONTENT_BASE_PORTRAIT_MIN_WIDTH_HEIGHT_WITH_TEXT 0 742
+#define NOCONTENT_BASE_LANDS_MIN_WIDTH_HEIGHT_WITH_TEXT 0 510
+#define NOCONTENT_PORTRAIT_BUTTON_PADDING_INC 16 80
+#define NOCONTENT_LANDSCAPE_BUTTON_PADDING_INC 180 80
+
+images {
+       image: "org.tizen.setting.png" COMP;
+       image: "simple_password_bg.#.png" COMP;
+}
 collections
 {
+       base_scale: 2.4;
+       ADD_PART_CLICKED_SOUND_HEADER
        styles
        {
+               //color: 8 8 8 255;
+               style
+               {
+                       name: "textblock_smarttop";
+                       base: "font=Tizen:style=Regular font_size=36 align=left color=#080808 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Medium";
+                       tag:  "b" "+ font=Tizen:style=Medium";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_moveicon";
+                       base: "font=Tizen:style=Regular font_size=36 align=center color=#080808 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Medium";
+                       tag:  "b" "+ font=Tizen:style=Medium";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
                style
                {
                        name: "textblock_style";
-                       base: "font=HelveN_Asia font_size=30 align=left color=#ffffff wrap=char";
+                       base: "font=Tizen:style=Roman font_size=30 align=left color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_style_right";
+                       base: "font=Tizen:style=Roman font_size=30 align=right color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_black_style";
+                       base: "font=Tizen:style=Roman font_size=32 align=left color=#808080 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_black_style_right";
+                       base: "font=Tizen:style=Roman font_size=32 align=right color=#808080 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+
+               style
+               {
+                       name: "textblock_blue_style";
+                       base: "font=Tizen:style=Roman font_size=24 align=left color=#ffffff color_class=T027 wrap=word text_class=T027";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_gray_style";
+                       base: "font=Tizen:style=Roman font_size=30 align=left color=#808080 wrap=word";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "datausage_limitgraph_style";
+                       base: "font=Tizen:style=Roman font_size=26 align=left color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "datausage_desp_style";
+                       base: "font=Tizen:style=Roman font_size=32 align=left color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "small_datausage_desp_style";
+                       base: "font=Tizen:style=Roman font_size=24 align=left color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "description_style";
+                   base: "font=Tizen:style=Roman font_size=24 align=left color=#ff0000 wrap=mixed";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "storage_pie_style";
+                   base: "font=Tizen:style=Roman font_size=24 align=left color=#808080 wrap=word text_class=tizen";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "storage_pie_style_right";
+                   base: "font=Tizen:style=Roman font_size=26 align=right color=#808080 wrap=word text_class=tizen";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "small_storage_pie_style";
+                   base: "font=Tizen:style=Roman font_size=20 align=left color=#ffffff wrap=mixed";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "vibration_create_style";
+                   base: "font=Tizen:style=Roman font_size=50 align=center color=#ffffff wrap=word text_class=tizen";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "data_usage_graph_style";
+                   base: "font=Tizen:style=Roman font_size=20 align=center color=#ffffff wrap=word text_class=tizen";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                   name: "small_vibration_create_style";
+                   base: "font=Tizen:style=Roman font_size=40 align=right color=#ffffff wrap=word text_class=tizen";
+                   tag:  "br" "\n";
+                   tag:  "hilight" "+ font=Tizen:style=Regular";
+                   tag:  "b" "+ font=Tizen:style=Regular";
+                   tag:  "whitecolor" "+ color=#ffffff";
+                   tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_tutorial_style";
+                       base: "font=Tizen:style=Roman font_size=115 align=left color=#ffffff wrap=word";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Bold";
+                       tag:  "b" "+ font=Tizen:style=Regular";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_tutorial_black_style";
+                       base: "font=Tizen:style=Regular font_size=30 align=left color=#808080 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Medium";
+                       tag:  "b" "+ font=Tizen:style=Medium";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_simple_pw_title_style";
+                       base: "font=Tizen:style=Regular font_size=24 align=left color=#808080 wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Medium";
+                       tag:  "b" "+ font=Tizen:style=Medium";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_magazine_style";
+                       base: "font=Tizen:style=Bold font_size=30 align=center color=#ffffff wrap=word text_class=tizen";
+                       tag:  "br" "\n";
+                       tag:  "hilight" "+ font=Tizen:style=Medium";
+                       tag:  "b" "+ font=Tizen:style=Medium";
+                       tag:  "whitecolor" "+ color=#ffffff";
+                       tag:  "tab" "\t";
+               }
+               style
+               {
+                       name: "textblock_efficiency_style";
+                       base: "font=Tizen:style=Roman font_size=32 align=center color=#191919 wrap=word text_class=tizen";
                        tag:  "br" "\n";
-                       tag:  "hilight" "+ font=HelveN_Asia:style=Bold";
-                       tag:  "b" "+ font=HelveN_Asia:style=Bold";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
                        tag:  "whitecolor" "+ color=#ffffff";
                        tag:  "tab" "\t";
                }
                style
                {
-                       name: "description_style";
-                       base: "font=SLP:style=Roman font_size=24 align=left color=#ff0000 wrap=mixed";
+                       name: "textblock_white_style";
+                       base: "font=Tizen:style=Roman font_size=90 align=center color=#ffffff wrap=word text_class=tizen";
                        tag:  "br" "\n";
-                       tag:  "hilight" "+ font=SLP:style=Regular";
-                       tag:  "b" "+ font=SLP:style=Regular";
+                       tag:  "hilight" "+ font=Tizen:style=Regular";
+                       tag:  "b" "+ font=Tizen:style=Regular";
                        tag:  "whitecolor" "+ color=#ffffff";
                        tag:  "tab" "\t";
                }
        }
+        group {
+                name: "camera_preview_layout";
+                parts {
+                        part { name: "bg";
+                                type: RECT;
+                                mouse_events: 1;
+                                description {
+                                        state: "default" 0.0;
+                                        fixed: 1 1;
+                                        rel1 { relative: 0.0 0.0;}
+                                        rel2 { relative: 1.0 1.0;}
+                                        color : 8 8 8 8;
+                                }
+                        }
+                        part { name: "transparent";
+                                type: SWALLOW;
+                               scale: 1;
+                                description {
+                                        state: "default" 0.0;
+                                        fixed: 1 1;
+                                        rel1 { relative: 0.0 0.0; to: "bg";}
+                                        rel2 { relative: 1.0 1.0; to: "bg";}
+                                }
+                        }
+                       part { name: "color_slider";
+                                type: SWALLOW;
+                                mouse_events: 1;
+                                scale: 1;
+                                description {
+                                        state: "default" 0.0;
+                                        min: 1000 60;
+                                        visible: 1;
+                                        rel1{ relative: 0.0 1.0; offset: 24 -100; to: "bg";}
+                                        rel2{ relative: 1.0 1.0; offset: -24 0; to: "bg";}
+                                }
+                        }
+               }
+       }
+       group {
+               name: "popup_center_image";
+               parts {
+                       part {
+                               name: "base";
+                               type: SPACER;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 618 436;
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.content";
+                               type: SWALLOW;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       fixed: 1 1;
+                                       min: 618 436;
+                                       rel1{relative: 0.0 0.0; to: "base";}
+                                       rel2{relative: 1.0 1.0; to: "base";}
+                               }
+                       }
+               }
+       }
+
+       group {
+                name: "image_preview_layout";
+                parts {
+                        part { name: "bg";
+                                type: RECT;
+                                mouse_events: 1;
+                                description {
+                                                                       state: "default" 0.0;
+                                                                       fixed: 1 1;
+                                                                       rel1 { relative: 0.0 0.0;}
+                                                                       rel2 { relative: 1.0 1.0;}
+                                                                       color : 8 8 8 8;
+                                }
+                        }
+                        part { name: "content";
+                                                          type: SWALLOW;
+                                                          mouse_events: 1;
+                                                          description {
+                                                                       state: "default" 0.0;
+                                                                       fixed: 0 1;
+                                                                       min: 1000 450;
+                                                                       max: 1000 450;
+                                                                       visible: 1;
+                                                                       color : 8 8 8 8;
+                                                                       rel1{ relative: 140/1280 80/720; to: "bg";}
+                                                                       rel2{ relative: 1140/1280 530/720; to: "bg";}
+                                                               }
+                                               }
+                                               part { name: "color_slider";
+                                                       type: SWALLOW;
+                                                       mouse_events: 1;
+                                                       description {
+                                                               state: "default" 0.0;
+                                                               fixed: 0 1;
+                                                               min: 1000 50;
+                                                               color: 0 0 255 0;
+                                                               visible: 1;
+                                                               rel1{ relative: 140/1280 650/720; to: "bg";}
+                                                               rel2{ relative: 1140/1280 700/720; to: "bg";}
+                                                       }
+                                               }
+                               }
+       }
        group {
                name: "search_layout";
 
@@ -59,59 +438,34 @@ collections
                                        state: "default" 0.0;
                                        rel1 { relative: 0.0 0.0; offset: 0 0;}
                                        rel2 { relative: 1.0 1.0; offset: 0 0;}
-                                       color: 0 0 0 0;
+                                       color: 8 8 8 8;
                                }
                        }
                        part {
                                name: "bg_swallow";
                                type: SWALLOW;
-                               mouse_events: 0;
+                               mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
+                                       align: 0.5 0.5;
                                        rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
                                        rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
                                }
                        }
-
-                       /******Begin adding middle icon and its text*******/
-                       part { name: "middle_icon_text";/*middle allign*/
-                                   type: TEXT;
-                                   scale: 1;
-                                   description { state: "default" 0.0;
-                                          align: 0.5 1.0;
-                                          rel1 { relative: 0.0 0.54; offset: 0 0; to: "bg"; }
-                                          rel2 { relative: 1.0 0.6; offset: 0 0; to: "bg"; }
-
-                                      color: 0 255 0 255;
-                                      text
-                                          {
-                                                 font: "SLP:style=Regular";
-                                                 text_class:"slp_regular";
-                                                 size: 32;
-                                                 min: 0 0;
-                                                 align: 0.5 0.5;
-                                      }
-                               }
-                       }
-
                        part {
-                               name: "middle_icon";
+                               name: "bg_swallow2";
                                type: SWALLOW;
                                mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       //min: 130 116;
-                                       fixed: 1 1;
                                        align: 0.5 0.5;
-                                       rel1 { relative: 0.33 0.6; offset: 0 0; to: "bg"; }
-                                       rel2 { relative: 0.66 0.8; offset: 0 0; to: "bg"; }
+                                       rel1 { relative: 0.0 0.0; offset: -7000 -5000; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 7000 5000; to: "bg";}
                                }
                        }
 
-                       /******End adding middle icon and its text*******/
-
                        /* search area swallow */
                        part {
                                name: "search_bar";
@@ -123,11 +477,55 @@ collections
                                        min: 0 ITEM_Y_DEN;
                                        fixed: 1 1;
                                        align: 0.0 0.0;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg"; }
+                                       rel1 { relative: 0.0 0.0; offset: 0 21; to: "bg"; }
                                        rel2 { relative: 1.0 0.0; offset: 0 0; to: "bg"; }
                                }
                        }
+               ///////////////////////////////////////////
+               //1011
+
+                       part {
+                               name: "invisible_rect1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to_x: "bg_swallow2"; }
+                                       rel2 { relative: 1.0 0.26; offset: 0 0; to_x: "bg_swallow2"; }
+                               }
+                       }
+                       part {
+                               name: "search_bar2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.032; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 1.0 0.17; offset: 0 0; to: "bg"; }
+                               }
+                       }
 
+                       part {
+                               name: "invisible_rect2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.95; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg"; }
+                               }
+                       }
+               ///////////////////////////////////////////
                        /* genlist swallow */
                        part {
                                name: "search_list";
@@ -137,8 +535,7 @@ collections
                                description {
                                        state: "default" 0.0;
                                        align: 0.0 0.0;
-                                       //rel1 { relative: 0.0 1.0; offset: 0 0; to: "search_bar"; }
-                                       rel1 { relative: 0.0 1.0; offset: 0 1; to: "search_bar"; }
+                                       rel1 { relative: 0.0 1.0; offset: 0 5; to: "search_bar"; }
                                        rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg"; }
                                }
                        }
@@ -156,67 +553,39 @@ collections
 
                                }
                        }
-
-               } // end of parts
-       }
-
-       group
-       {
-               name:"thumbnail_icon2";
-               min: 110 50;
-               max: 121 55;
-               parts
-               {
-                       part
-                       {
-                               name:"checkbox";
-                               type:SWALLOW;
+               ///////////////////////////////////////////
+                       part {
+                               name: "select_all";
+                               type: SWALLOW;
+                               mouse_events: 1;
                                scale: 1;
-                               description
-                               {
+                               description {
                                        state: "default" 0.0;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
-                                       rel2 { relative: 0.45 1.0; offset: 0 0;}
-                               }
-                       }
-                       part
-                       {
-                               name: "space";
-                               type: RECT;
-                               scale: 1;
-                               description
-                               { state: "default" 0.0;
-                                  min: 45 0;
-                                  fixed: 1 0;
-                                  rel1
-                                  {
-                                         relative: 1.0 0.0;
-                                         to_x: "checkbox";
-                                  }
-                                  rel2.to_x: "checkbox";
-                                  color: 0 0 0 0;
-                                  align: 0.0 0.0;
+                                       min: 0 94;
+                                       fixed: 0 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 8; to: "bg"; }
+                                       rel2 { relative: 1.0 0.0; offset: -3 0; to: "bg"; }
                                }
-
                        }
-                       part
-                       {
-                               name:"thumbnail";
-                               type:SWALLOW;
+                       part {
+                               name: "select_list";
+                               type: SWALLOW;
+                               mouse_events: 1;
                                scale: 1;
-                               description
-                               {
+                               description {
                                        state: "default" 0.0;
-                                       rel1 { relative: 0.45 0.0; offset: 0 0;}
-                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; offset: 0 0; to: "select_all"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg"; }
                                }
                        }
-               }
-       }
 
+               } // end of parts
+       }
        group {
-               name: "wallpaper_layout";
-               #define FONT_SIZE 24
+               name: "ly_zoom";
+
                parts {
                        /* background */
                        part {
@@ -227,719 +596,8279 @@ collections
                                        state: "default" 0.0;
                                        rel1 { relative: 0.0 0.0; offset: 0 0;}
                                        rel2 { relative: 1.0 1.0; offset: 0 0;}
-                                       color: 0 0 0 0;
+                                       color: 8 8 8 8;
                                }
                        }
+
                        part {
-                               name: "bg_swallow";
+                               name: "bg_swallow2";
                                type: SWALLOW;
-                               mouse_events: 0;
+                               mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
-                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
-                                       //color: 0 0 0 0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: -7000 -4000; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 7000 4000; to: "bg";}
                                }
                        }
 
                        part {
-                               name: "left_swallow_bg";
-                               type: RECT;
-                               scale: 1;
+                               name: "search_bar2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.032; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 1.0 0.17; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "toppopup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.1; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.3; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part { name: "toppopup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          visible: 0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.1; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.3; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "show" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 1;
+                                   }
+                       }
+
+                       part {
+                               name: "circle1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       max: ITEM_Y_DEN ITEM_Y_DEN;
+                                       align: 1.0 0.5;
+                                       rel1 { relative: 0.2 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.5 0.6; offset: -70 0; to: "bg"; }
+                               }
+                       }
+
+                       part {
+                               name: "circle2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.5;
+                                       max: ITEM_Y_DEN ITEM_Y_DEN;
+                                       rel1 { relative: 0.5 0.4; offset: 70 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.8 0.6; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.7; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.85; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.7; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.85; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "hide" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 0;
+                                   }
+                       }
+
+               } // end of parts
+
+               programs {
+                       program { name: "show_popup";
+                               action: STATE_SET "default" 0.0;
+                               target: "popup";
+                               target: "popup.text";
+                       }
+                       program { name: "hide_popup";
+                               action: STATE_SET "hide" 0.0;
+                               target: "popup";
+                               target: "popup.text";
+                       }
+                       program { name: "mouse_down";
+                               signal: "ZOOM_START";
+                               source: "elm";
+                               action: STATE_SET "show" 0.0;
+                               target: "toppopup";
+                               target: "toppopup.text";
+                               after: "hide_popup";
+                       }
+                       program { name: "mouse_up";
+                               signal: "ZOOM_STOP";
+                               source: "elm";
+                               action: STATE_SET "default" 0.0;
+                               target: "toppopup";
+                               target: "toppopup.text";
+                               after: "show_popup";
+                       }
+               }
+
+       }
+       group {
+               name: "ly_browser";
+
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "bg_swallow";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
+                               }
+                       }
+                       part {
+                               name: "toppopup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.05; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.21; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part { name: "toppopup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          visible: 0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.05; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.21; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "show" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 1;
+                                   }
+                       }
+
+                       part {
+                               name: "circle";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       max: ITEM_Y_DEN ITEM_Y_DEN;
+                                       rel1 { relative: 0.4 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.6 0.6; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       //128
+
+                       part {
+                               name: "up_arrow1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.32 0.27; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.68 0.34; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       part {
+                               name: "up_arrow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.32 0.33; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.68 0.4; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "down_arrow1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.32 0.66; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.68 0.73; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "down_arrow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.32 0.6; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.68 0.67; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       //720*1280-----(86.4,256)
+                       part {
+                               name: "left_arrow1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.05 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.17 0.6; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "left_arrow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.14 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.26 0.6; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "right_arrow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.74 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.86 0.6; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "right_arrow1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.83 0.4; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.95 0.6; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       part {
+                               name: "popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.64; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.74; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.0 0.0; offset: 10 0; to: "popup"; }
+                                          rel2 { relative: 1.0 1.0; offset: -10 0; to: "popup"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "hide" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 0;
+                                   }
+                       }
+               } // end of parts
+               programs {
+                       program { name: "show_circle";
+                               action: STATE_SET "default" 0.0;
+                               target: "circle";
+                               target: "popup";
+                               target: "popup.text";
+                       }
+                       program { name: "hide_circle";
+                               action: STATE_SET "hide" 0.0;
+                               target: "circle";
+                               target: "popup";
+                               target: "popup.text";
+                       }
+                       program { name: "mouse_down";
+                               signal: "MOUSE_DOWN_BROWSER";
+                               source: "elm";
+                               action: STATE_SET "show" 0.0;
+                               target: "toppopup";
+                               target: "toppopup.text";
+                               target: "left_arrow1";
+                               target: "left_arrow2";
+                               target: "right_arrow1";
+                               target: "right_arrow2";
+                               target: "up_arrow1";
+                               target: "up_arrow2";
+                               target: "down_arrow1";
+                               target: "down_arrow2";
+                               after: "hide_circle";
+                       }
+                       program { name: "mouse_up";
+                               signal: "MOUSE_UP_BROWSER";
+                               source: "elm";
+                               action: STATE_SET "default" 0.0;
+                               target: "toppopup";
+                               target: "toppopup.text";
+                               target: "left_arrow1";
+                               target: "left_arrow2";
+                               target: "right_arrow1";
+                               target: "right_arrow2";
+                               target: "up_arrow1";
+                               target: "up_arrow2";
+                               target: "down_arrow1";
+                               target: "down_arrow2";
+                               after: "show_circle";
+                       }
+               }
+       }
+       group {
+               name: "ly_move_icon";
+
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "bg_swallow";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
+                               }
+                       }
+
+                       part {
+                               name: "invisible_rect1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 1.0 0.24; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "invisible_rect1.1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 1.0 0.05; offset: 0 0; to: "bg"; }
+                               }
+                       }
+
+                       part {
+                               name: "search_bar2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.032; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 1.0 0.17; offset: 0 0; to: "bg"; }
+                               }
+                       }
+
+                       part {
+                               name: "invisible_rect2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.95; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg"; }
+                               }
+                       }
+
+                       part {
+                               name: "middle_icon";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //min: 80 80;
+                                       fixed: 1 1;
+                                       align: 0.5 1.0;
+                                       rel1 { relative: 0.37 0.37); offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.63 0.63; offset: 0 0; to: "bg"; }
+                               }
+                       }
+
+                       part {
+                               name: "popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       fixed: 0 1;
+                                       rel1 { relative: 0.03 0.632; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.97 0.77; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "bubble.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          align: 0.5 0.5;
+                                          //min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.03 0.632; offset: 0 0; to: "bg"; }
+                                          rel2 { relative: 0.97 0.77; offset: 0 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "hide" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 0;
+                                   }
+                       }
+
+               } // end of parts
+       }
+
+       group {
+                       name: "storage_search_layout";
+
+                       parts {
+                               /* background */
+                               part {
+                                       name: "bg";
+                                       type: RECT;
+                                       scale: 1;
+                                       description {
+                                               state: "default" 0.0;
+                                               rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                               rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                               color: 8 8 8 8;
+                                       }
+                               }
+                               part {
+                                       name: "bg_swallow";
+                                       type: SWALLOW;
+                                       mouse_events: 1;
+                                       scale: 1;
+                                       description {
+                                               state: "default" 0.0;
+                                               align: 0.5 0.5;
+                                               rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                               rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
+                                       }
+                               }
+                               /******End adding middle icon and its text*******/
+
+                               /* search area swallow */
+                               part {
+                                       name: "search_bar";
+                                       type: SWALLOW;
+                                       mouse_events: 1;
+                                       scale: 1;
+                                       description {
+                                               state: "default" 0.0;
+                                               min: 0 ITEM_Y_DEN;
+                                               fixed: 1 1;
+                                               align: 0.0 0.0;
+                                               rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg"; }
+                                               rel2 { relative: 1.0 0.0; offset: 0 0; to: "bg"; }
+                                       }
+                               }
+
+                       ///////////////////////////////////////////
+                               /* genlist swallow */
+                               part {
+                                       name: "search_list";
+                                       type: SWALLOW;
+                                       mouse_events: 1;
+                                       scale: 1;
+                                       description {
+                                               state: "default" 0.0;
+                                               align: 0.0 0.0;
+                                               //rel1 { relative: 0.0 1.0; offset: 0 0; to: "search_bar"; }
+                                               rel1 { relative: 0.0 1.0; offset: 0 5; to: "search_bar"; }
+                                               rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg"; }
+                                       }
+                               }
+                       } // end of parts
+       }
+       group
+       {
+               name:"thumbnail_icon2";
+               min: 110 50;
+               max: 121 55;
+               parts
+               {
+                       part
+                       {
+                               name:"checkbox";
+                               type:SWALLOW;
+                               scale: 1;
+                               description
+                               {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 0.45 1.0; offset: 0 0;}
+                               }
+                       }
+                       part
+                       {
+                               name: "space";
+                               type: RECT;
+                               scale: 1;
+                               description
+                               { state: "default" 0.0;
+                                  min: 45 0;
+                                  fixed: 1 0;
+                                  rel1
+                                  {
+                                         relative: 1.0 0.0;
+                                         to_x: "checkbox";
+                                  }
+                                  rel2.to_x: "checkbox";
+                                  color: 8 8 8 8;
+                                  align: 0.0 0.0;
+                               }
+
+                       }
+                       part
+                       {
+                               name:"thumbnail";
+                               type:SWALLOW;
+                               scale: 1;
+                               description
+                               {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.45 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                               }
+                       }
+               }
+       }
+       group
+       {
+               name: "nocontents";
+               parts {
+                       part {
+                       name: "contents";
+                       type: SWALLOW;
+                               description {
+                               state: "default" 0.0;
+                               }
+                       }
+               }
+       }
+       group
+       {
+        name: "selinfo_bottom";
+
+        parts {
+                part {
+                        name: "background";
+                        type: RECT;
+                        scale: 1;
+                        description {
+                                state: "default" 0.0;
+                               rel1 { relative: 0.0 0.0; }
+                                rel2 { relative: 1.0 1.0; }
+                                color: 8 8 8 8;
+                        }
+                }
+
+                part {
+                        name: "elm.swallow.contents";
+                        type: SWALLOW;
+                        scale: 1;
+                        description {
+                                state: "default" 0.0;
+                                rel1 { relative: 0.0 0.0; to: "background"; }
+                                rel2 { relative: 1.0 0.0; to_x: "background"; to_y:"bottom_padding"; }
+                        }
+                }
+
+                part {
+                        name: "bottom_padding";
+                        type: RECT;
+                        scale: 1;
+                        description {
+                                state: "default" 0.0;
+                                min: 0 0;
+                                fixed: 0 1;
+                                align: 0.5 1.0;
+                                rel1 { relative: 0.0 1.0; to: "background"; }
+                                rel2 { relative: 1.0 1.0; to: "background"; }
+                                color: 8 8 8 8;
+                        }
+                        description {
+                                state: "padding" 0.0;
+                                inherit: "default" 0.0;
+                                min: 0 5; // 66+4+12
+                        }
+                }
+        }
+
+        programs {
+                program {
+                        name: "bottom_padding_content_area";
+                        signal: "elm,layout,content,bottom_padding";
+                        source: "layout";
+                        action: STATE_SET "padding" 0.0;
+                        target: "bottom_padding";
+                }
+                program {
+                        name: "default_content_area";
+                        signal: "elm,layout,content,default";
+                        source: "layout";
+                        action: STATE_SET "default" 0.0;
+                        target: "bottom_padding";
+                }
+        }
+       }
+       group { name: "popup_checkview";
+          parts {
+             part { name: "pad_t";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   align: 0.5 0.0;
+                   min: 0 32;
+                   fixed: 0 1;
+                   rel1 {
+                      relative: 1.0 0.0;to_x: "pad_l";
+                   }
+                   rel2 {
+                      relative: 0.0 0.0;to_x: "pad_r";
+                   }
+                }
+             }
+             part { name: "pad_l";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   min: 65 0;
+                   max: 65 0;
+                   fixed: 1 0;
+                   rel1 {
+                      relative: 0.0 0.0;
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;
+                   }
+                   align: 0.0 0.0;
+                }
+             }
+             part { name: "pad_r";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   min: 65 0;
+                   max: 65 0;
+                   fixed: 1 0;
+                   rel1 {
+                      relative: 1.0 0.0;
+                   }
+                   rel2 {
+                      relative: 1.0 1.0;
+                   }
+                   align: 1.0 0.0;
+                }
+             }
+             part { name: "elm.swallow.content";
+                type: SWALLOW;
+                scale: 1;
+                description { state: "default" 0.0;
+                   fixed: 1 0;
+                   rel1 {
+                      relative: 1.0 1.0;
+                      to_x: "pad_l";
+                      to_y: "pad_t";
+                   }
+                   rel2 {
+                      relative: 0.0 0.0;
+                      to_x: "pad_r";
+                      to_y: "pad_b";
+                   }
+                }
+             }
+             part { name: "bottom_pad";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   align: 0.0 1.0;
+                   min: 0 32;
+                   fixed: 0 1;
+                   rel1 {
+                      relative: 1.0 1.0;
+                      to_x: "pad_l";
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;
+                      to_x: "pad_r";
+                   }
+                }
+             }
+             part { name: "pad_b";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   align: 0.0 1.0;
+                   min: 0 121;
+                   fixed: 0 1;
+                   rel1 {
+                      relative: 0.0 0.0;
+                      to: "bottom_pad";
+                   }
+                   rel2 {
+                      relative: 1.0 0.0;
+                      to: "bottom_pad";
+                   }
+                }
+             }
+             part { name: "end_field";
+                type: SPACER;
+                scale: 1;
+                description { state: "default" 0.0;
+                   align: 0.0 1.0;
+                   min: 0 100;
+                   fixed: 0 1;
+                   rel1 {
+                      relative: 0.0 1.0;
+                      to: "pad_b";
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;
+                      to: "pad_b";
+                   }
+                }
+             }
+             part { name: "elm.swallow.end";
+                type: SWALLOW;
+                scale: 1;
+                description { state: "default" 0.0;
+                   fixed: 1 1;
+                   align: 0.0 0.5;
+                   rel1.to: "end_field";
+                   rel2.to: "end_field";
+                }
+             }
+          }
+       }
+
+
+       group { name: "popup_checkview_image";
+          parts {
+             part { name: "pad_t";
+             type: RECT;
+                scale: 1;
+                mouse_events: 0;
+                repeat_events: 1;
+                description { state: "default" 0.0;
+                   align: 0.5 0.0;
+                   min: 0 2;
+                   fixed: 0 1;
+                   visible: 0;
+                   rel1 {
+                      relative: 1.0 0.0;to_x: "pad_l";
+                   }
+                   rel2 {
+                      relative: 0.0 0.0;to_x: "pad_r";
+                   }
+                }
+             }
+             part { name: "pad_l";
+             type: RECT;
+                scale: 1;
+                description { state: "default" 0.0;
+                   min : 2 0;
+                   fixed: 1 0;
+                   visible: 0;
+                   rel1 {
+                      relative: 0.0 0.0;
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;
+                   }
+                   align: 0.0 0.0;
+                }
+             }
+             part { name: "pad_r";
+             type: RECT;
+                scale: 1;
+                description { state: "default" 0.0;
+                   min : 2 0;
+                   fixed: 1 0;
+                   visible: 0;
+                   rel1 {
+                      relative: 1.0 0.0;
+                   }
+                   rel2 {
+                      relative: 1.0 1.0;
+                   }
+                   align: 1.0 0.0;
+                }
+             }
+             part { name:"elm.swallow.content";
+                type: SWALLOW;
+                scale : 1;
+                mouse_events: 1;
+                repeat_events: 1;
+                description { state: "default" 0.0;
+                   min: 680 350;
+                   align: 0.0 1.0;
+                   fixed: 0 0;
+                   rel1 {
+                      relative: 0.0 1.0;
+                      to: "pad_t";
+                   }
+                   rel2 {
+                      relative: 1.0 0.0;
+                      to: "pad_b";
+                   }
+                }
+             }
+             part { name: "pad_b";
+                scale : 1;
+                mouse_events: 0;
+                type: RECT;
+                description { state: "default" 0.0;
+                   align: 0.5 1.0;
+                   min: 0 66;
+                   visible: 0;
+                   fixed: 0 1;
+                   rel1 {
+                      relative: 1.0 1.0;to_x: "pad_l";
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;to_x: "pad_r";
+                   }
+                }
+             }
+             part { name: "elm.swallow.end";
+                type: SWALLOW;
+                scale : 1;
+                mouse_events: 1;
+                repeat_events: 1;
+                description { state: "default" 0.0;
+                   align: 0.0 0.5;
+                   min: 64 64;
+                   max: 64 64;
+                   fixed: 1 1;
+                   rel1 {
+                      relative: 0.0 0.0;
+                      to: "pad_b";
+                   }
+                   rel2 {
+                      relative: 0.0 1.0;
+                      to: "pad_b";
+                   }
+                }
+             }
+             part { name: "elm.text";
+                type: TEXT;
+                scale : 1;
+                description { state: "default" 0.0;
+                   text {
+                      font: "Tizen:style=Medium";
+                      size: 38;
+                      min: 0 0;
+                      align: 0.0 0.5;
+                      text_class: "tizen";
+                   }
+                   color: 8 8 8 255;
+                   align: 0.0 0.5;
+                   rel1 {
+                      relative: 1.0 0.0;
+                      to_x:"elm.swallow.end"; to_y: "pad_b";
+                   }
+                   rel2 {
+                      relative: 1.0 1.0;
+                      to: "pad_b";
+                   }
+                }
+             }
+          }
+       }
+
+       group {
+               name: "popup_smartscreen_internal";
+               parts {
+                       part {
+                               name: "elm.swallow.content1";
+                               type: SWALLOW;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       rel2.relative: 1.0 0.0;
+                                       fixed: 0 1;
+                               }
+                       }
+                       part {
+                               name: "elm.content.bg";
+                               type: RECT;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 443;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to: "elm.swallow.content1";
+                                       }
+                                       rel2.to: "elm.swallow.content1";
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.content2";
+                               type: SWALLOW;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 390 390;
+                                       max: 390 390;
+                                       fixed: 1 1;
+                                       aspect: 1.0 1.0;
+                                       aspect_preference: VERTICAL;
+                                       rel1.to: "elm.content.bg";
+                                       rel2.to: "elm.content.bg";
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.content3";
+                               type: SWALLOW;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 1.0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to: "elm.content.bg";
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "motion_gyroscope_layout";
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min:0 900;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "elm.padding.top";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 32;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel2.relative: 1.0 0.0;
+                                       align: 0.0 0.0;
+                               }
+                       }
+                       part {
+                               name: "text_desc_area";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       min: 0 76;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_y: "elm.padding.top";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "elm.padding.top";
+                                       }
+                               }
+                       }
+                       part { name: "elm.padding.middle_1";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 83;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_y: "text_desc_area";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "text_desc_area";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "image_circle_bg";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "image_circle_layer";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "image_circle_ball";
+                               type: SWALLOW;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       min:100 100;
+                                       rel1{ relative: 0.0 0.0; offset: 310 298; to: "image_circle_bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -310 -298; to: "image_circle_bg"; }
+                               }
+                       }
+                       part {
+                               name: "text_circle_number";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       min:100 100;
+                                       rel1{ relative: 0.0 0.0; offset: 310 298; to: "image_circle_bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -310 -298; to: "image_circle_bg"; }
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 40;
+                                               min: 0 0;
+                                               align: 0.5 0.5;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "personal_vib_layout";
+
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+
+                       part { name: "elm.padding.top";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 30;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel2.relative: 1.0 0.0;
+                                       align: 0.0 0.0;
+                               }
+                       }
+
+                       part {
+                               name: "icon_crea";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 0 1.0;
+                                               offset: 0 0;
+                                               to_x: "bg";
+                                               to_y: "elm.padding.top";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               offset: 0 0;
+                                               to: "bg";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "bg_icon";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.5;
+                                       rel1 {
+                                               relative: 0 140/PERSONAL_VIBRATION_LAYOUT_H;
+                                               offset: 0 0;
+                                               to: "icon_crea";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 812/PERSONAL_VIBRATION_LAYOUT_H;
+                                               offset: 0 0;
+                                               to: "icon_crea";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "time_pass";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0;
+                                       visible: 1;
+                                       rel1 {
+                                               relative: 0.0 0.0; to: "bg_icon";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0; to: "bg_icon";
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+
+                       part {
+                               name: "recording_icon";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.5;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg_icon"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg_icon"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       part {
+                               name: "tap_create";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 860/PERSONAL_VIBRATION_LAYOUT_H; offset: 0 0;}
+                                       rel2 { relative: 1.0 920/PERSONAL_VIBRATION_LAYOUT_H; offset: 0 0;}
+                                       color: 255 255 255 0;
+                               }
+                       }
+
+                       part { name: "tap_create.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "tap_create"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "tap_create"; }
+                                       color: 255 255 255 255;
+                                       text {
+                                               style: vibration_create_style;
+                                               min: 0 0;
+                                               align: 0.5 0.5;
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "tap_create_landscape";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 202/484; offset: 0 0;}
+                                       rel2 { relative: 400/1280 282/484; offset: 0 0;}
+                                       color: 255 255 255 0;
+                               }
+                       }
+
+                       part { name: "tap_create_landscape.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "tap_create_landscape"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "tap_create_landscape"; }
+                                       color: 255 255 255 255;
+                                       text {
+                                               style: small_vibration_create_style;
+                                               min: 0 0;
+                                               align: 0.5 0.5;
+                                       }
+                               }
+                       }
+
+
+               } // end of parts
+
+               programs {
+                       program {
+                               name : "show_recording_icon";
+                               signal : "SHOW_RECORDING_ICON";
+                               source : "personal_vib";
+                               action : STATE_SET "show" 0.0;
+                               target : "recording_icon";
+                       }
+                       program {
+                               name : "hide_recording_icon";
+                               signal : "HIDE_RECORDING_ICON";
+                               source : "personal_vib";
+                               action : STATE_SET "default" 0.0;
+                               target : "recording_icon";
+                       }
+                       program {
+                               name : "show_time_pass";
+                               signal : "SHOW_TIME_PASS";
+                               source : "personal_vib";
+                               action : STATE_SET "default" 0.0;
+                               target : "time_pass";
+                       }
+                       program {
+                               name : "hide_time_pass";
+                               signal : "HIDE_TIME_PASS";
+                               source : "personal_vib";
+                               action : STATE_SET "hide" 0.0;
+                               target : "time_pass";
+                       }
+               } //end of programs
+       }
+
+       group {
+               name: "screen_mode";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "background";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       max: 720 336;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "content";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 {
+                                               relative: 0 0;
+                                       }
+                                       rel2 {
+                                               relative: 1 304/336;
+                                       }
+                               }
+                       }
+                       part { name: "content.text1";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 54/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 144/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text2";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 144/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 234/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text3";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 234/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 324/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text4";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 324/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 414/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text5";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 414/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 504/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text6";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 504/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 594/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+                       part { name: "content.text7";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 594/720 304/336; offset: 0 0; to: "background";}
+                                       rel2 { relative: 684/720 1; offset: 0 0; to: "background";}
+                                       text {
+                                               style: data_usage_graph_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "default_storage";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "application_desp.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 1 1;
+                                       visible: 1;
+                                       align: 0 0;
+                                       rel1 { relative: 36/720 0.0; offset: 0 0;}
+                                       rel2 { relative: 684/720 1.0; offset: 0 0;}
+                                       text {
+                                               style: datausage_desp_style;
+                                               min: 0 0;
+                                               align: 0 0;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "graph_desp";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 720 216;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "content_desp_used";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 38/720 0;
+                                       }
+                                       rel2 {
+                                               relative: 682/720 38/216;
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "content_desp_used.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "content_desp_used"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "content_desp_used"; }
+                                       text {
+                                               style: small_datausage_desp_style;
+                                               min: 0 0;
+                                       }
+                               }
+                       }
+                       /*part {
+                               name: "content_desp";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 {
+                                               relative: 38/720 59/216;
+                                       }
+                                       rel2 {
+                                               relative: 682/720 173/216;
+                                       }
+                                       color: 255 255 255 0;
+                               }
+                       }*/
+                       part {
+                               name: "content_desp_str";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 38/720 59/216;
+                                       }
+                                       rel2 {
+                                               relative: 682/720 173/216;
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "content_desp_str.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "content_desp_str"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "content_desp_str"; }
+                                       text {
+                                               style: datausage_desp_style;
+                                               min: 0 0;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "limit_graph";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "back_ground";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       max:  720 125;
+                                       rel1 {
+                                               relative: 0 46/171;
+                                       }
+                                       rel2 {
+                                               relative: 1 1;
+                                       }
+                                       color: 255 255 255 255;
+                               }
+                       }
+                       part {
+                               name: "content_graph";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 {
+                                               relative: 0 0/125;
+                                               to: "back_ground";
+                                       }
+                                       rel2 {
+                                               relative: 1 63/125;
+                                               to: "back_ground";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "content_text_used";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 32/720 63/125;
+                                               to: "back_ground";
+                                       }
+                                       rel2 {
+                                               relative: 1 93/125;
+                                               to: "back_ground";
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "content_text_used.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "content_text_used"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "content_text_used"; }
+                                       text {
+                                               style: datausage_limitgraph_style;
+                                               min: 0 0;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "content_text_remaining";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 32/720 93/125;
+                                               to: "back_ground";
+                                       }
+                                       rel2 {
+                                               relative: 1 123/125;
+                                               to: "back_ground";
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "content_text_remaining.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "content_text_remaining"; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "content_text_remaining"; }
+                                       text {
+                                               style: datausage_limitgraph_style;
+                                               min: 0 0;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "psmode_graph";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "content";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       align: 0.5 0.0;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 0.0; offset: 0 470; to: "bg";}
+                                       //color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "graph";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                               scale: 1;
+                               description {
+                                       align: 0.5 0.0;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 0.0; offset: 0 470; to: "bg";}
+                                       //color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "text_100";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -360 32+36+42-14; to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 32+36+42+14; to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_80";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 (32+36+42-14)+(54*1); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 (32+36+42+14)+(54*1); to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_60";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 (32+36+42-14)+(54*2); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 (32+36+42+14)+(54*2); to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_40";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 (32+36+42-14)+(54*3); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 (32+36+42+14)+(54*3); to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_20";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 (32+36+42-14)+(54*4); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 (32+36+42+14)+(54*4); to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_0";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 (32+36+42-14)+(54*5); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: -342+37 (32+36+42+14)+(54*5); to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 18;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "text_now";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: 360-(16+52)-(574/13*2) (32+36+42+270+14); to: "content";}
+                                       rel2 { relative: 0.5 0.0; offset: 360-(16+52) (32+36+42+270+14+26); to: "content";}
+                                       color: 239 112 43 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 22;
+                                               align: 0.5 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "title";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; offset: -342 32; to: "content";}
+                                       rel2 { relative: 1.0 0.0; offset: 0 32+36; to: "content";}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 24;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "desc";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 470-36;}
+                                       rel2 { relative: 5.0 1.0; offset: 360-52 0;}
+                                       color: 101 101 101 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               size: 24;
+                                               align: 1.0 0.5;
+                                       }
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "layout_with_title";
+               parts {
+                part {
+                          name: "bg";
+                          type: RECT;
+                          scale: 1;
+                          description {
+                                  state: "default" 0.0;
+                                  rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                  rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                  color: 8 8 8 8;
+                          }
+                  }
+                       part {
+                               name: "title";
+                               type: TEXT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description {
+                                   state: "default" 0.0;
+                                   min: 0 60;
+                                   fixed: 0 1;
+                                   align: 0.5 0.0;
+                                   rel1 { relative: 0.0 0.0;}
+                                   rel2 { relative: 1.0 0.0;}
+                                   color: 173 170 165 255;
+                                   text {
+                                    font: "Tizen:style=Roman";
+                                    size: 24;
+                                    //min:  1 0;
+                                    align: 0.0 0.0;
+                                    text_class:"tizen";
+                                   }
+                                }
+                               /*Support other theme display*/
+                               description {
+                                       state: "white" 0.0;
+                                       inherit: "default" 0.0;
+                                       color: 255 255 255 255;
+                               }
+
+                       }
+
+                       part {
+                               name: "layout";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.3; }
+                                       rel2 { relative: 1.0 1.0; offset: 0 -15;} // -15
+                               }
+                       }
+                       part { name: "padding";
+                               type: SWALLOW;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+               }
+
+               /*Support other theme display*/
+               programs {
+                       program {//black theme need white text
+                               name: "Change_black_theme";
+                               signal: "change,black,theme";
+                               source: "title";
+                               action: STATE_SET "white" 0.0;
+                               target: "title";
+                       }
+               }
+       }
+
+       /* for encryption */
+       group {
+               name: "encryption_layout";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       color: 8 8 8 255;
+                                       visible: 1;
+                                       min: 720 1280;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "title";
+                               type: TEXT;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       min: 0 60;
+                                       fixed: 0 1;
+                                       color: 0 0 255 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               size: 52;
+                                               align: 0.0 0.5;
+                                               text_class:"tizen";
+                                       }
+                                       rel1{ relative: 0.0 0.0; offset: 16 100; to: "bg"; }
+                                       rel2{ relative: 1.0 0.0; offset: -16 170; to: "bg"; }
+                               }
+                       }
+                       part { name: "progressbar";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 50;
+                                       rel1{ relative: 0.0 1.0; offset: 0 0; to: "title";}
+                                       rel2{ relative: 1.0 1.0; offset: -16 100; to: "title";}
+                               }
+                       }
+                       part { name: "description";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               description {
+                                       text {
+                                               style: "textblock_style";
+                                               min: 0 1;
+                                               align: 0.0 0.0;
+                                       }
+                                       rel1{ relative: 0.0 1.0; offset: 0 0; to: "progressbar";}
+                                       rel2{ relative: 1.0 1.0; offset: -16 0; to: "bg";}
+                               }
+                       }
+               }
+       }
+
+       /* device encryption horizontal*/
+       group {
+               name: "layout.2icon.hor";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       color: 8 8 8 8;
+                                       //max: 500 500;
+                                       rel1{ relative: 0.0 0.0;}
+                                       rel2{ relative: 1.0 1.0;}
+                               }
+                       }
+                       part { name: "content1.hor";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       rel1{ relative: 0.02 0.02;}
+                                       rel2{ relative: 0.98 0.71;}
+                               }
+                       }
+                       part { name: "content2.hor";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       rel1{ relative: 0.02 0.72;}
+                                       rel2{ relative: 0.98 0.98;}
+                               }
+                       }
+               }
+       }
+
+       /* device encryption vertical*/
+       group {
+               name: "layout.2icon.ver";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       color: 8 8 8 8;
+                                       //max: 500 500;
+                                       rel1{ relative: 0.0 0.0;}
+                                       rel2{ relative: 1.0 1.0;}
+                               }
+                       }
+                       part { name: "content1.ver";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       rel1{ relative: 0.02 0.02;}
+                                       rel2{ relative: 0.98 0.85;}
+                               }
+                       }
+                       part { name: "content2.ver";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       rel1{ relative: 0.02 0.86;}
+                                       rel2{ relative: 0.98 0.99;}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "encryption_guide_layout";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       color: 8 8 8 8;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0;}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0;}
+                               }
+                       }
+                       part { name: "description";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       text {
+                                                style: "textblock_black_style";
+                                               text_class:"tizen";
+                                               align: 0.0 0.0;
+                                        }
+                                       align: 0.0 0.0;
+                                       rel1{ relative: 0.0 0.0; offset: 20 20; to: "bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -20 0; to: "bg"; }
+                               }
+                       }
+                       part { name: "button";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       //min: 660 80;
+                                       rel1{ relative: 0.0 1.0; offset: 38 -100; to: "bg";}
+                                       rel2{ relative: 1.0 1.0; offset: -38 -20; to: "bg";}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "encryption_confirm_layout";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       fixed: 0 0;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "description";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       fixed: 0 0;
+                                       text {
+                                                style: "textblock_black_style";
+                                               min: 0 1;
+                                                align: 0.0 0.0;
+                                        }
+                                       align: 0.0 0.0;
+                                       rel1{ relative: 0.0 0.0; offset: 20 20; to: "bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -20 0; to_x: "bg"; }
+                               }
+                       }
+                       part { name: "fast.check";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       fixed: 1 1;
+                                       min: 64 64;
+                                       max: 64 64;
+                                       rel1{ relative: 0.0 1.0; offset: 38 -240; to: "bg";}
+                                       rel2{ relative: 0.0 1.0; offset: 102 -176; to: "bg";}
+                               }
+                       }
+                       part { name: "fast.text";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       fixed: 0 0;
+                                       min: 564 0;
+                                       text {
+                                                style: "textblock_black_style";
+                                               min: 0 1;
+                                                align: 0.0 0.0;
+                                        }
+                                       rel1{ relative: 1.0 0.0; offset: 16 0; to: "fast.check";}
+                                       rel2{ relative: 1.0 1.0; offset: -38 -94; to: "bg";}
+                               }
+                       }
+
+                       part { name: "button";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       min: 660 74;
+                                       visible: 1;
+                                       rel1{ relative: 0.0 1.0; offset: 38 -94; to: "bg";}
+                                       rel2{ relative: 1.0 1.0; offset: -38 -20; to: "bg";}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "chip_layout";
+               images {
+                       image : "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       color: 255 255 255 255;
+                                       min: 1140 206;
+                                       max: 1140 206;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "chip.1.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                        rel2{ relative: 0.0 0.0; offset: 90 90; to: "bg";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2{ relative: 0.0 0.0; offset: 90 90; to: "bg";}
+                               }
+                       }
+                       part { name: "chip.2.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.1";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.1";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.1";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.1";}
+                               }
+                       }
+                       part { name: "chip.3.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.2";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.2";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.3";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.2";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.2";}
+                               }
+                       }
+                       part { name: "chip.4.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.3";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.3";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.4";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.3";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.3";}
+                               }
+                       }
+                       part { name: "chip.5.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.4";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.4";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.5";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.4";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.4";}
+                               }
+                       }
+                       part { name: "chip.6.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.5";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.5";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.6";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.5";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.5";}
+                               }
+                       }
+                       part { name: "chip.7.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.6";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.6";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.7";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.6";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.6";}
+                               }
+                       }
+                       part { name: "chip.8.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 0.0 1.0; offset: 0 -90; to: "bg";}
+                                        rel2{ relative: 0.0 1.0; offset: 90 0; to: "bg";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.8";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 0.0 1.0; offset: 0 -90; to: "bg";}
+                                       rel2{ relative: 0.0 1.0; offset: 90 0; to: "bg";}
+                               }
+                       }
+                       part { name: "chip.9.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.8";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.8";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.9";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.8";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.8";}
+                               }
+                       }
+                       part { name: "chip.10.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.9";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.9";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.10";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.9";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.9";}
+                               }
+                       }
+                       part { name: "chip.11.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.10";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.10";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.11";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.10";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.10";}
+                               }
+                       }
+                       part { name: "chip.12.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.11";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.11";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.12";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.11";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.11";}
+                               }
+                       }
+                       part { name: "chip.13.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.12";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.12";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.13";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.12";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.12";}
+                               }
+                       }
+                       part { name: "chip.14.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.13";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.13";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.14";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.13";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.13";}
+                               }
+                       }
+                       part { name: "chip.15.blank";
+                                type: IMAGE;
+                                mouse_events: 1;
+                                description { state: "default" 0.0;
+                                        visible: 1;
+                                        min: 90 90;
+                                        max: 90 90;
+                                        rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.14";}
+                                        rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.14";}
+                                       image.normal: "org.tizen.setting.png";
+                                }
+                        }
+                       part { name: "chip.15";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 90 90;
+                                       max: 90 90;
+                                       rel1{ relative: 1.0 0.0; offset: 60 0; to: "chip.14";}
+                                       rel2{ relative: 1.0 1.0; offset: 150 0; to: "chip.14";}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "chip_result_layout";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       min: 1240 69;
+                                       max: 1240 69;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "chip.default";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2{ relative: 0.0 1.0; offset: 69 0; to: "bg";}
+                               }
+                       }
+                       part { name: "chip.1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.default";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.default";}
+                               }
+                       }
+                       part { name: "chip.2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.1";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.1";}
+                               }
+                       }
+                       part { name: "chip.3";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.2";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.2";}
+                               }
+                       }
+                       part { name: "chip.4";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.3";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.3";}
+                               }
+                       }
+                       part { name: "chip.5";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.4";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.4";}
+                               }
+                       }
+                       part { name: "chip.6";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.5";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.5";}
+                               }
+                       }
+                       part { name: "chip.7";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.6";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.6";}
+                               }
+                       }
+                       part { name: "chip.8";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.7";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.7";}
+                               }
+                       }
+                       part { name: "chip.9";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.8";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.8";}
+                               }
+                       }
+                       part { name: "chip.10";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.9";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.9";}
+                               }
+                       }
+                       part { name: "chip.11";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.10";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.10";}
+                               }
+                       }
+                       part { name: "chip.12";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.11";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.11";}
+                               }
+                       }
+                       part { name: "chip.13";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.12";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.12";}
+                               }
+                       }
+                       part { name: "chip.14";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.13";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.13";}
+                               }
+                       }
+                       part { name: "chip.15";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       min: 69 69;
+                                       max: 69 69;
+                                       rel1{ relative: 1.0 0.0; offset: 9 0; to: "chip.14";}
+                                       rel2{ relative: 1.0 1.0; offset: 78 0; to: "chip.14";}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "test_of_colorblind";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       //fixed: 0 0;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "description";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       fixed: 0 1;
+                                       min: 0 63;
+                                       text {
+                                                style: "textblock_gray_style";
+                                               align: 0.0 0.0;
+                                        }
+                                       align: 0.0 0.0;
+                                       rel1{ relative: 0.0 0.0; offset: 24 12; to: "bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -24 0; to_x: "bg"; }
+                               }
+                       }
+                       part { name: "chip.array.bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 80 80 80 100;    // grey
+                                       rel1{ relative: 0.0 1.0; offset: 0 -150; to: "bg"; }
+                                       rel2{ relative: 1.0 1.0; to: "bg"; }
+                               }
+                       }
+                       part { name: "chip.array.layout";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       rel1{ relative: 0.0 0.0; offset: 20 45; to: "chip.array.bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -20 -36; to: "chip.array.bg"; }
+                               }
+                       }
+                       part { name: "chip.layout";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       rel1{ relative: 0.0 0.0; offset: 64 101; to: "bg"; }
+                                       rel2{ relative: 1.0 1.0; offset: -64 -150; to: "bg"; }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "preview_of_colorblind";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "button_camera";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       min: 404.5 280;
+                                       visible: 1;
+                                       rel1{ relative: 0.0 0.0; offset: 198 68; to: "bg";}
+                                       rel2{ relative: 602.5/1280 0.0; offset: 0 348; to: "bg";}
+                               }
+                       }
+                       part { name: "button_image";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       min: 404.5 280;
+                                       visible: 1;
+                                       rel1{ relative: 0.0 0.0; offset: 677.5 68; to: "bg";}
+                                       rel2{ relative: 1.0 0.0; offset: -198 348; to: "bg";}
+                               }
+                       }
+                       part { name: "text";
+                               type: TEXTBLOCK;
+                               mouse_events: 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 60;
+                                       text {
+                                                style: "textblock_gray_style";
+                                                align: 0.0 0.5;
+                                        }
+                                        align: 0.0 0.0;
+                                        rel1{ relative: 0.0 1.0; offset: 0 64; to: "button_camera";}
+                                        rel2{ relative: 1.0 1.0; offset: 0 134; to: "button_image";}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "colorblind_camera_preview";
+               parts {
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       fixed: 0 0;
+                                       rel1{ relative: 0.0 0.0; }
+                                       rel2{ relative: 1.0 1.0; }
+                               }
+                       }
+                       part { name: "content";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 1000 500;
+                                       visible: 1;
+                                       rel1{ relative: 140/1280 80/720; to: "bg";}
+                                       rel2{ relative: 1140/1280 580/720; to: "bg";}
+                               }
+                       }
+                       part { name: "padding";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       min: 1000 40;
+                                       visible: 1;
+                                       color:0 0 255 255;
+                                       rel1{ relative: 140/1280 580/720; to: "bg";}
+                                       rel2{ relative: 1140/1280 620/720; to: "bg";}
+                               }
+                       }
+                       part { name: "color_slider";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       min: 1000 60;
+                                       visible: 1;
+                                       rel1{ relative: 140/1280 600/720; to: "bg";}
+                                       rel2{ relative: 1140/1280 680/720; to: "bg";}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "custom_popup";
+               parts {
+                       part {
+                               name: "pad_t";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.0;
+                                       min: 0 0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                               to_x: "pad_l";
+                                       }
+                                       rel2 {
+                                               relative: 0.0 0.0;
+                                               to_x: "pad_r";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_l";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min : 0 0;
+                                       fixed: 1 0;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 0.0 0.0;
+                                       }
+                                       rel2 {
+                                               relative: 0.0 1.0;
+                                       }
+                                       align: 0.0 0.0;
+                               }
+                       }
+                       part {
+                               name: "pad_r";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min : 0 0;
+                                       fixed: 1 0;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                       }
+                                       align: 1.0 0.0;
+                               }
+                       }
+                       part{
+                               name:"elm.swallow.content";
+                               type: SWALLOW;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 660 0;
+                                       //max: 648 0;
+                                       align: 0.5 0.5;
+                                       fixed: 1 0;
+                                       rel1 {
+                                               relative: 0.5 1.0;
+                                               offset: 0 0;
+                                               to: "pad_t";
+                                       }
+                                       rel2 {
+                                               relative: 0.5 0.0;
+                                               to: "pad_b";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_b";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 1.0;
+                                       min: 0 54;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                               to_x: "pad_l";
+                                               to_y: "pad_bm";
+                                       }
+                                       rel2 {
+                                               relative: 0.0 0.0;
+                                               to_x: "pad_r";
+                                               to_y: "pad_bm";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.end";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       fixed: 1 1;
+                                       rel1 {
+                                               relative: 0.0 1.1;
+                                               to: "elm.swallow.content";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to: "pad_b";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "pad_bm";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 1.0;
+                                       min: 0 10;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_x: "pad_l";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_x: "pad_r";
+                                       }
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "input_popup";
+               parts {
+                       part {
+                               name: "pad_t";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.0;
+                                       min: 0 0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                               to_x: "pad_l";
+                                       }
+                                       rel2 {
+                                               relative: 0.0 0.0;
+                                               to_x: "pad_r";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_l";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min : 0 0;
+                                       fixed: 1 0;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 0.0 0.0;
+                                       }
+                                       rel2 {
+                                               relative: 0.0 1.0;
+                                       }
+                                       align: 0.0 0.0;
+                               }
+                       }
+                       part {
+                               name: "pad_r";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min : 0 0;
+                                       fixed: 1 0;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                       }
+                                       align: 1.0 0.0;
+                               }
+                       }
+                       part{
+                               name:"elm.swallow.content";
+                               type: SWALLOW;
+                               scale : 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 660 0;
+                                       //max: 648 0;
+                                       align: 0.5 0.5;
+                                       fixed: 1 0;
+                                       rel1 {
+                                               relative: 0.5 1.0;
+                                               offset: 0 0;
+                                               to: "pad_t";
+                                       }
+                                       rel2 {
+                                               relative: 0.5 0.0;
+                                               to: "pad_b";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_b";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 1.0;
+                                       min: 0 0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                               to_x: "pad_l";
+                                               to_y: "pad_bm";
+                                       }
+                                       rel2 {
+                                               relative: 0.0 0.0;
+                                               to_x: "pad_r";
+                                               to_y: "pad_bm";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "elm.swallow.end";
+                               type: SWALLOW;
+                               scale : 1;
+                               mouse_events: 1;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       fixed: 1 1;
+                                       rel1 {
+                                               relative: 0.0 1.1;
+                                               to: "elm.swallow.content";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to: "pad_b";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "pad_bm";
+                               type: RECT;
+                               scale : 1;
+                               mouse_events: 0;
+                               repeat_events: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 1.0;
+                                       min: 0 0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_x: "pad_l";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_x: "pad_r";
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "silder_text_layout";
+               parts {
+                       part {
+                               name: "padding1";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 13;
+                                       fixed: 0 1;
+                                       align: 0.5 0.0;
+                                       rel1 { relative: 0 0; }
+                                       rel2 { relative: 1 0; }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "text1";
+                               type: SWALLOW;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 60 60;
+                                       max: 100 -1;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       rel1 { relative: 0 1; to: padding1; }
+                                       rel2 { relative: 1 1; to: padding1; }
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "sound_balance";
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 900;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+
+                       part { name: "elm.padding.top";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 108;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       rel2.relative: 1.0 0.0;
+                                       align: 0.0 0.0;
+                               }
+                       }
+
+                       part {
+                               name: "elm.swallow.content1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       min: 0 112;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_y: "elm.padding.top";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "elm.padding.top";
+                                       }
+                               }
+                       }
+
+                       part { name: "elm.padding.middle_1";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 32;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_y: "elm.swallow.content1";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "elm.swallow.content1";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "elm.swallow.content2";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0;
+                                       fixed: 1 1;
+                                       align: 0.5 0.0;
+                                       min: 0 76;
+                                       rel1 {
+                                               relative: 0.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0; to_y: "elm.padding.middle_1";
+                                       }
+                               }
+                       }
+
+                       part { name: "elm.padding.middle_2";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 70;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 {
+                                               relative: 0.0 1.0;
+                                               to_y: "elm.swallow.content2";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "elm.swallow.content2";
+                                       }
+                               }
+                       }
+
+                       part {
+                               name: "elm.swallow.content3";
+                               type: SWALLOW;
+                               scale: 1;
+                               mouse_events: 1;
+                               description {
+                                       state: "default" 0;
+                                       align: 0.5 0.0;
+                                       min: 380 380;
+                                       rel1 {
+                                               relative: 170/720 1.0; to_y: "elm.padding.middle_2";
+                                       }
+                                       rel2 {
+                                               relative: 550/720 1.0; to_y: "elm.padding.middle_2";
+                                       }
+                               }
+                       }
+               } // end of parts
+       }
+
+
+       group { name: "elm/genlist/item/setting.1text.2icon/default";
+          alias: "elm/genlist/item_odd/setting.1text.2icon/default";
+          alias: "elm/genlist/item_compress/setting.1text.2icon/default";
+          alias: "elm/genlist/item_compress_odd/setting.1text.2icon/default";
+
+          SETTING_GENLIST_DATA_ITEM_NORMAL
+          data.item: "texts" "elm.text";
+          data.item: "contents" "elm.icon.1 elm.icon.2";
+          images {
+             image : "org.tizen.setting.png" COMP;
+          }
+
+          parts {
+
+             SETTING_GENLIST_PART_BG_IMAGE
+             SETTING_GENLIST_PART_BASE
+             SETTING_GENLIST_PART_BOTTOM_LINE
+             SETTING_GENLIST_PART_PADDING_LEFT
+             SETTING_GENLIST_PART_PADDING_RIGHT
+
+             part { name: "btm_line";
+                     type: RECT;
+                     scale: 1;
+                     mouse_events: 0;
+                     description { state: "default" 0.0;
+                             min: 0 SETTING_GENLIST_PART_LIST_LINE_HEIGHT;
+                             max: -1 SETTING_GENLIST_PART_LIST_LINE_HEIGHT;
+                             //fixed: 0 1;
+                             align: 0.5 1;
+                             color: SETTING_GENLIST_LIST_LINE1_COLOR;
+                             //rel1.to: "bottom_line2";
+                             //rel2.to: "bottom_line2";
+                             //rel2.relative: 1 0;
+                             rel1 {relative: 0.0 0.0; offset: 0 -1;}
+                             rel2 {relative: 1.0 0.0; offset: 0 0;}
+                     }
+             }
+             SETTING_GENLIST_PART_ICON_BIG_L( "elm.icon.1", "elm.padding.left")
+             SETTING_GENLIST_PART_PADDING_L("elm.padding.icon1.right", "elm.icon.1")
+             SETTING_GENLIST_PART_LISTITEM_LR("elm.text", SETTING_GENLIST_HEIGHT_1LINE, "elm.padding.icon1.right", "elm.padding.icon2.left",)
+             SETTING_GENLIST_PART_PADDING_R("elm.padding.icon2.left", "elm.icon.2")
+             //SETTING_GENLIST_PART_ICON_BTN_01_R("elm.icon.2", "elm.padding.right")
+             SETTING_GENLIST_PART_ICON("elm.icon.2",
+                SETTING_GENLIST_DESCRIPTION_R("elm.padding.right",
+                     min: 1 SETTING_GENLIST_BTN_01_HEIGHT;
+                     max: 1 SETTING_GENLIST_BTN_01_HEIGHT;
+                )
+             )
+
+
+            SETTING_LAYOUT_FOCUS_PART("bg_image")
+             //SETTING_GENLIST_PART_FLIP
+          }
+          SETTING_GENLIST_PROGRAMS_NORMAL( target: "elm.text"; target: "elm.icon.1"; target: "elm.icon.2"; )
+       }
+
+       group { name: "elm/genlist/item/setting.1text.2icon.1/default";
+          alias: "elm/genlist/item_odd/setting.1text.2icon.1/default";
+          alias: "elm/genlist/item_compress/setting.1text.2icon.1/default";
+          alias: "elm/genlist/item_compress_odd/setting.1text.2icon.1/default";
+
+          SETTING_GENLIST_DATA_ITEM_NORMAL
+          data.item: "texts" "elm.text";
+          data.item: "contents" "elm.icon.1 elm.icon.2";
+          images {
+             image : "org.tizen.setting.png" COMP;
+          }
+
+          parts {
+
+             SETTING_GENLIST_PART_BG_IMAGE
+             SETTING_GENLIST_PART_BASE
+             SETTING_GENLIST_PART_BOTTOM_LINE
+             SETTING_GENLIST_PART_PADDING_LEFT
+             SETTING_GENLIST_PART_PADDING_RIGHT
+
+             part { name: "btm_line";
+                     type: RECT;
+                     scale: 1;
+                     mouse_events: 0;
+                     description { state: "default" 0.0;
+                             min: 0 SETTING_GENLIST_PART_LIST_LINE_HEIGHT;
+                             max: -1 SETTING_GENLIST_PART_LIST_LINE_HEIGHT;
+                             //fixed: 0 1;
+                             align: 0.5 1;
+                             color: SETTING_GENLIST_LIST_LINE1_COLOR;
+                             //rel1.to: "bottom_line2";
+                             //rel2.to: "bottom_line2";
+                             //rel2.relative: 1 0;
+                             rel1 {relative: 0.0 0.0; offset: 0 -1;}
+                             rel2 {relative: 1.0 0.0; offset: 0 0;}
+                     }
+             }
+             SETTING_GENLIST_PART_ICON_BIG_L( "elm.icon.1", "elm.padding.left")
+             SETTING_GENLIST_PART_PADDING_L("elm.padding.icon1.right", "elm.icon.1")
+             SETTING_GENLIST_PART_LISTITEM_LR("elm.text", 97, "elm.padding.icon1.right", "elm.padding.icon2.left",)
+             SETTING_GENLIST_PART_PADDING_R("elm.padding.icon2.left", "elm.icon.2")
+             //SETTING_GENLIST_PART_ICON_BTN_01_R("elm.icon.2", "elm.padding.right")
+             SETTING_GENLIST_PART_ICON("elm.icon.2",
+                SETTING_GENLIST_DESCRIPTION_R("elm.padding.right",
+                     min: 1 SETTING_GENLIST_BTN_01_HEIGHT;
+                     max: 1 SETTING_GENLIST_BTN_01_HEIGHT;
+                )
+             )
+
+
+            SETTING_LAYOUT_FOCUS_PART("bg_image")
+             //SETTING_GENLIST_PART_FLIP
+          }
+          SETTING_GENLIST_PROGRAMS_NORMAL( target: "elm.text"; target: "elm.icon.1"; target: "elm.icon.2"; )
+       }
+
+       // Dialogue group
+#define SETTING_GENLIST_DIALOGUE_GROUP_TITLE_SIZE           32
+#define SETTING_GENLIST_DIALOGUE_GROUP_TITLE_COLOR          59 115 182 255
+
+               // Group Title
+#define SETTING_GENLIST_PARAM_DIALOGUE_GROUP_TITLE \
+                  color: 255 255 255 255; \
+                  text { \
+                     align: 0.0 0.5; \
+                     min: 0 1;\
+                     font: "Tizen:style=Bold"; \
+                     size: SETTING_GENLIST_DIALOGUE_GROUP_TITLE_SIZE; \
+                     /*text_class: "list_item";*/ \
+                     text_class:"tizen";\
+                  }
+
+       group { name: "elm/genlist/item/dialogue/mygrouptitle/default";
+          alias: "elm/genlist/item_odd/dialogue/mygrouptitle/default";
+          alias: "elm/genlist/item_compress/dialogue/mygrouptitle/default";
+          alias: "elm/genlist/item_compress_odd/dialogue/mygrouptitle/default";
+          alias: "elm/layout/dialogue/mygrouptitle";
+          alias : "elm/genlist/item/dialogue/mytitle/default";
+          alias: "elm/genlist/item_odd/dialogue/mytitle/default";
+          alias: "elm/genlist/item_compress/dialogue/mytitle/default";
+          alias: "elm/genlist/item_compress_odd/dialogue/mytitle/default";
+          alias: "elm/layout/dialogue/mytitle";
+
+          SETTING_GENLIST_DATA_ITEM_NORMAL
+          data.item: "texts" "elm.text";
+          data.item: "contents" "elm.icon";
+
+          parts {
+             SETTING_GENLIST_PART_BG_IMAGE
+             SETTING_GENLIST_PART_BASE
+             SETTING_GENLIST_PART_PADDING_LEFT_SIZE( 20 )
+             SETTING_GENLIST_PART_PADDING_RIGHT_SIZE_EDIT(26)
+
+             part { name: "bg_color";
+                type: RECT;
+                repeat_events: 1;
+                scale: 1;
+                description { state: "default" 0.0;
+                   align: 0.5 0.5;
+                   //color: 100 100 100 255;
+                   //color: 51 43 51 255;
+                   color: 34 44 72 255;
+                }
+             }
+            SETTING_GENLIST_PART_TEXT("elm.text",
+                SETTING_GENLIST_DESCRIPTION_LR("elm.padding.left", "elm.icon",
+                   SETTING_GENLIST_PARAM_DIALOGUE_GROUP_TITLE
+                   min: 1 61;
+                   max: -1 61;
+                )
+             )
+
+             SETTING_GENLIST_PART_ICON("elm.icon",
+                SETTING_GENLIST_DESCRIPTION_R("elm.padding.right",
+                   min: 20 20; max: 20 20; fixed: 1 1;
+                )
+             )
+             //SETTING_GENLIST_PART_FLIP
+             SETTING_LAYOUT_FOCUS_PART("bg_image")
+          }
+          SETTING_GENLIST_PROGRAMS_INDEX( target: "elm.text"; target: "elm.icon"; )
+       }
+
+/* theme overlay for sound balance slider */
+       group { name: "elm/slider/horizontal/indicator/default";
+      images {
+         image: "org.tizen.setting.png" COMP;
+         image: "org.tizen.setting.png" COMP;
+         image: "org.tizen.setting.png" COMP;
+      }
+      parts {
+         part { name: "button_events";
+            type: RECT;
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               min: 2*SLIDER_INDICATOR_WIDTH_INC 1.5*SLIDER_INDICATOR_HEIGHT_INC;
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+               color: 8 8 8 8;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "button0";
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
+               max: SLIDER_INDICATOR_MAX_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
+               rel1 {
+                  to: "elm.indicator";
+                  offset: -2 -2;
+               }
+               rel2 {
+                  to: "elm.indicator";
+                  offset: 2 2;
+               }
+               image {
+                  normal: "org.tizen.setting.png";
+                  border: 3 3 3 3;
+                  border_scale: 1;
+               }
+            }
+            description { state: "pressed" 0.0;
+               inherit: "default" 0.0;
+               image {
+                  normal: "org.tizen.setting.png";
+               }
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               image {
+                  normal: "org.tizen.setting.png";
+               }
+            }
+         }
+         part { name: "elm.indicator";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 1;
+               color: SLIDER_INDICATOR_TEXT_COLOR_INC;
+               text {
+                  font: "Tizen:style=Medium";
+                  size: SLIDER_INDICATOR_TEXT_SIZE_INC;
+                  min: 1 1;
+                  align: 0.5 0.5;
+                  text_class: "tizen";
+               }
+            }
+            description { state: "hide" 0.0;
+               inherit: "default" 0.0;
+               visible: 0;
+             }
+            description { state: "pressed" 0.0;
+               inherit: "default" 0.0;
+               color: SLIDER_INDICATOR_TEXT_PRESSED_COLOR_INC;
+            }
+         }
+      }
+      programs {
+         program { name: "set_val_show";
+            signal: "elm,state,val,show";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.indicator";
+         }
+         program { name: "set_val_hide";
+            signal: "elm,state,val,hide";
+            source: "elm";
+            action:  STATE_SET "hide" 0.0;
+            target: "elm.indicator";
+         }
+         program { name: "slider_disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action:  STATE_SET "disabled" 0.0;
+            target: "button0";
+            target: "button_events";
+         }
+         program { name: "slider_enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "button0";
+            target: "button_events";
+         }
+         program { name: "mouse_down";
+            signal: "mouse,down,*";
+            source: "button_events";
+            action:  STATE_SET "pressed" 0.0;
+            target: "button0";
+            after: "text_pressed";
+         }
+         program { name: "mouse_up";
+            signal: "mouse,up,*";
+            source: "button_events";
+            action:  STATE_SET "default" 0.0;
+            target: "button0";
+            after: "text_unpressed";
+         }
+        program { name: "text_pressed";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.indicator", st, 30, vl);
+               if (!strcmp(st, "default"))
+                 set_state(PART:"elm.indicator", "pressed", 0.0);
+            }
+         }
+         program { name: "text_unpressed";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.indicator", st, 30, vl);
+               if (!strcmp(st, "pressed"))
+                 set_state(PART:"elm.indicator", "default", 0.0);
+            }
+         }
+      }
+   }
+       group { name: "elm/slider/horizontal/soundbalance";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+               }
+               script {
+                       public invert_on = 0;
+                       public set_invert_on() {
+                               set_state(PART:"level", "inverted", 0.0);
+                               set_state(PART:"level2", "inverted", 0.0);
+                               set_int(invert_on, 1);
+                       }
+                       public set_invert_off() {
+                               set_state(PART:"level", "default", 0.0);
+                               set_state(PART:"level2", "default", 0.0);
+                               set_int(invert_on, 0);
+                       }
+                       public thumb_down() {
+                               if(get_int(invert_on) == 0)
+                                       set_state(PART:"level", "pressed", 0.0);
+                               else if(get_int(invert_on) == 1)
+                                       set_state(PART:"level2", "pressed", 0.0);
+                       }
+                       public thumb_up() {
+                               if(get_int(invert_on) == 0)
+                                       set_state(PART:"level", "default", 0.0);
+                               else if(get_int(invert_on) == 1)
+                                       set_state(PART:"level2", "inverted", 0.0);
+                       }
+               }
+               parts {
+                       part { name: "base";
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       min: SLIDER_BASE_MIN_WIDTH_INC SLIDER_BASE_HEIGHT_INC;
+                                       max: 99999 SLIDER_BASE_HEIGHT_INC;
+                                       rel1.to: "bg";
+                                       rel2.to: "bg";
+                                       image.normal: "org.tizen.setting.png";
+                                       image.border: PROGRESS_BG_IMAGE_BORDER_INC;
+                                       image.border_scale: 1;
+                               }
+                       }
+                       part {
+                               name: "base_top_pad";
+                               mouse_events: 1;
+                               scale: 1;
+                               type: RECT;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       min: 0 4;
+                                       fixed: 1 1;
+                                       align: 0.0 1.0;
+                                       rel1 { relative: 0.0 0.0; to: "base";}
+                                       rel2 { relative: 1.0 0.0; to: "base";}
+                               }
+                       }
+                       part {
+                               name: "mid_clue";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 1;
+                                       min: 18 27;
+                                       max: 18 27;
+                                       fixed: 1 1;
+                                       align: 0.5 1.0;
+                                       rel1 { relative: 0.5 0.0; to: "base_top_pad";}
+                                       rel2 { relative: 0.5 0.0; to: "base_top_pad";}
+                                       image.normal: "org.tizen.setting.png";
+                               }
+                       }
+                       part { name: "bar_image_left_padding";
+                               type: RECT;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+                                       max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+                                       fixed: 1 0;
+                                       rel1.to: "base";
+                                       rel2 { relative: 0.0  1.0; to: "base"; }
+                                       align: 0.0 0.5;
+                               }
+                       }
+                       part { name: "bar_image_right_padding";
+                               type: RECT;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+                                       max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+                                       fixed: 1 0;
+                                       rel1 { relative: 1.0  0.0; to: "base"; }
+                                       rel2.to: "base";
+                                       align: 1.0 0.5;
+                               }
+                       }
+                       part { name: "level";
+                               mouse_events: 0;
+                               scale: 1;
+                               clip_to: "clipper";
+                               description { state: "default" 0.0;
+                                       fixed: 1 1;
+                                       rel1 { to_x: "bar_image_left_padding"; to_y: "base"; relative: 1.0 0.0; }
+                                       rel2 { to_y: "base"; to_x: "elm.dragable.slider"; relative: 0.5 1.0; }
+                                       visible: 0;
+                                       image.normal: "org.tizen.setting.png";
+                                       image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
+                                       image.border_scale: 1;
+                               }
+                               description { state: "inverted" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                               description { state: "pressed" 0.0;
+                                       inherit: "default" 0.0;
+                               }
+                       }
+                       part { name: "level2";
+                               mouse_events: 0;
+                               scale: 1;
+                               clip_to: "clipper";
+                               description { state: "default" 0.0;
+                                       fixed: 1 1;
+                                       visible: 0;
+                                       rel1 { to_y: "base"; to_x: "elm.dragable.slider"; relative: 0.5 0.0; }
+                                       rel2 { to_y: "base"; to_x: "bar_image_left_padding"; relative: 0.0 1.0; }
+                                       image.normal: "org.tizen.setting.png";
+                                       image.border: PROGRESS_BAR_IMAGE_BORDER_INC;
+                                       image.border_scale: 1;
+                               }
+                               description { state: "inverted" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                               description { state: "pressed" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "bg";
+                               type: RECT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       rel1.to: "elm.swallow.bar";
+                                       rel2.to: "elm.swallow.bar";
+                               }
+                       }
+                       part { name: "elm.swallow.bar";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       min: SLIDER_SWALLOW_BAR_MIN_WIDTH_INC SLIDER_SWALLOW_BAR_HEIGHT_INC;
+                                       max: 99999 SLIDER_SWALLOW_BAR_HEIGHT_INC;
+                                       align: 1.0 0.5;
+                                       rel1 {
+                                               to_x: "bar_left_padding";
+                                               relative: 1.0 0.0;
+                                       }
+                                       rel2 {
+                                               to_x: "bar_right_padding";
+                                               relative: 0.0 1.0;
+                                       }
+                               }
+                       }
+                       part { name: "bar_left_padding";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       min: 16 0;
+                                       fixed: 1 1;
+                                       rel1 {
+                                               relative: 1.0  0.5;
+                                               to_x: "elm.text";
+                                       }
+                                       rel2 {
+                                               relative: 1.0  0.5;
+                                               to_x: "elm.text";
+                                       }
+                                       align: 0.0 0.5;
+                               }
+                       }
+                       part { name: "bar_right_padding";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       min: 16 0;
+                                       fixed: 1 1;
+                                       rel1 {
+                                               relative: 0.0  0.5;
+                                               to_x: "elm.units";
+                                       }
+                                       rel2 {
+                                               relative: 0.0  0.5;
+                                               to_x: "elm.units";
+                                       }
+                                       align: 1.0 0.5;
+                               }
+                       }
+                       part { name: "elm.swallow.icon";
+                               type: SWALLOW;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.0 0.5;
+                                       rel1 { to_y: "elm.swallow.bar"; }
+                                       rel2 { relative: 0.0 1.0; to_y: "elm.swallow.bar"; }
+                               }
+                               description { state: "visible" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                                       aspect: 1.0 1.0;
+                                       aspect_preference: VERTICAL;
+                               }
+                       }
+                       part { name: "elm.text";
+                               type: TEXT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       fixed: 1 1;
+                                       align: 0.0 0.5;
+                                       rel1.to_x: "elm.swallow.icon";
+                                       rel1.relative: 1.0 0.0;
+                                       rel2.to_x: "elm.swallow.icon";
+                                       color: SLIDER_UNITS_TEXT_COLOR_INC;
+                                       text {
+                                               font: "Tizen:style=Medium";
+                                               size: SLIDER_UNITS_TEXT_SIZE_INC;
+                                               min: 0 0;
+                                               align: 0.0 0.5;
+                                               text_class: "tizen";
+                                       }
+                               }
+                               description { state: "visible" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                                       text.min: 1 1;
+                               }
+                       }
+                       part { name: "elm.swallow.end";
+                               type: SWALLOW;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       align: 1.0 0.5;
+                                       rel1 {
+                                               relative: 1.0 0.0;
+                                               to_y: "elm.swallow.bar";
+                                       }
+                                       rel2 {
+                                               relative: 1.0 1.0;
+                                               to_y: "elm.swallow.bar";
+                                       }
+                               }
+                               description { state: "visible" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                                       aspect: 1.0 1.0;
+                                       aspect_preference: VERTICAL;
+                               }
+                       }
+                       part { name: "units";
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       rel1 { to_x: "elm.units"; }
+                               }
+                               description { state: "visible" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part { name: "elm.units";
+                               type: TEXT;
+                               mouse_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       fixed: 1 1;
+                                       align: 1.0 0.5;
+                                       rel1.to_x: "elm.swallow.end";
+                                       rel2.relative: 0.0 1.0;
+                                       rel2.to_x: "elm.swallow.end";
+                                       color: SLIDER_UNITS_TEXT_COLOR_INC;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               size: SLIDER_UNITS_TEXT_SIZE_INC;
+                                               min: 0 0;
+                                               align: 0.0 0.5;
+                                               text_class: "tizen";
+                                       }
+                               }
+                               description { state: "visible" 0.0;
+                                       inherit: "default" 0.0;
+                                       fixed: 1 1;
+                                       visible: 1;
+                                       text.min: 1 1;
+                               }
+                       }
+                       part { name: "elm.dragable.slider";
+                               type: GROUP;
+                               source: "elm/slider/horizontal/indicator/default";
+                               mouse_events: 1;
+                               scale: 1;
+                               dragable {
+                                       x: 1 1 0;
+                                       y: 0 0 0;
+                                       confine: "bg";
+                               }
+                               description { state: "default" 0.0;
+                                       min: SLIDER_INDICATOR_WIDTH_INC SLIDER_INDICATOR_HEIGHT_INC;
+                                       fixed: 1 1;
+                                       align: 0.5 0.5;
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part { name: "disabler";
+                               type: RECT;
+                               mouse_events: 1;
+                               repeat_events: 0;
+                               scale: 1;
+                               description { state: "default" 0.0;
+                                       visible: 0;
+                                       color: 8 8 8 8;
+                               }
+                               description { state: "disabled" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part { name: "clipper";
+                               type: RECT;
+                               description { state: "default" 0.0;
+                                       color: 255 255 255 255;
+                               }
+                               description { state: "disabled" 0.0;
+                                       color: 255 255 255 102;
+                               }
+                       }
+               }
+         programs {
+            program { name: "text_show";
+            signal: "elm,state,text,visible";
+            source: "elm";
+            action:  STATE_SET "visible" 0.0;
+            target: "elm.text";
+         }
+         program { name: "text_hide";
+            signal: "elm,state,text,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.text";
+         }
+         program { name: "icon_show";
+            signal: "elm,state,icon,visible";
+            source: "elm";
+            action:  STATE_SET "visible" 0.0;
+            target: "elm.swallow.icon";
+         }
+         program { name: "icon_hide";
+            signal: "elm,state,icon,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.swallow.icon";
+         }
+         program { name: "end_show";
+            signal: "elm,state,end,visible";
+            source: "elm";
+            action:  STATE_SET "visible" 0.0;
+            target: "elm.swallow.end";
+         }
+         program { name: "end_hide";
+            signal: "elm,state,end,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.swallow.end";
+         }
+         program { name: "units_show";
+            signal: "elm,state,units,visible";
+            source: "elm";
+            action:  STATE_SET "visible" 0.0;
+            target: "elm.units";
+            target: "units";
+         }
+         program { name: "units_hide";
+            signal: "elm,state,units,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.units";
+            target: "units";
+         }
+         program { name: "invert_on";
+            signal: "elm,state,inverted,on";
+            source: "elm";
+            script {
+               set_invert_on();
+            }
+         }
+         program { name: "invert_off";
+            signal: "elm,state,inverted,off";
+            source: "elm";
+            script {
+               set_invert_off();
+            }
+         }
+         program { name: "val_show";
+            signal: "mouse,down,*";
+            source: "elm.dragable.slider";
+            script {
+               thumb_down();
+            }
+         }
+         program { name: "val_hide";
+            signal: "mouse,up,*";
+            source: "elm.dragable.slider";
+            script {
+               thumb_up();
+            }
+         }
+         program { name: "slider_disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action:  STATE_SET "disabled" 0.0;
+            target: "disabler";
+            target: "clipper";
+         }
+         program { name: "slider_enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "disabler";
+            target: "clipper";
+         }
+      }
+   }
+
+       group {
+               name: "tutor_step_layout";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 0;
+                                       min: 0 1100;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                               }
+                       }
+                       part {
+                               name: "head_bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       color: 8 8 8 255;
+                                       rel1 { relative: 0.0 0.0; to: p1_left;}
+                                       rel2 { relative: 1.0 1.0; to: head_bottom;}
+                               }
+                       }
+                       part { name: "p1_left";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 10 10;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 0.0 0.0;}
+                               }
+                       }
+                       part { name: "p1_right";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 10 10;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 1.0 0.0;
+                                       rel1 { relative: 1.0 0.0;}
+                                       rel2 { relative: 1.0 0.0;}
+                               }
+                       }
+                       part { name: "progressbar";
+                               type: SWALLOW;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 44;
+                                       max: -1 44;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: p1_left;}
+                                       rel2 { relative: 0.0 1.0; to: p1_right;}
+                                       color: 0 0 255 255;
+                               }
+                       }
+                       part { name: "p2_left";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 16 28;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: progressbar;}
+                                       rel2 { relative: 0.0 1.0; to: progressbar;}
+                               }
+                       }
+                       part { name: "p2_right";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 16 28;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 1.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: progressbar;}
+                                       rel2 { relative: 1.0 1.0; to: progressbar;}
+                               }
+                       }
+                       part { name: "title";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 40;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: p2_left;}
+                                       rel2 { relative: 0.0 1.0; to: p2_right;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               size: 40;
+                                               min: 0 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "p3_left";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 50 10;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: title;}
+                                       rel2 { relative: 0.0 1.0; to: title;}
+                               }
+                       }
+                       part { name: "subtitle";
+                               type: TEXT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 40;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: p3_left;}
+                                       rel2 { relative: 1.0 1.0; to_x: title; to_y: p3_left;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               size: 34;
+                                               min: 0 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part { name: "p4_left";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 50 0;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 1.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: subtitle;}
+                                       rel2 { relative: 0.0 1.0; to: subtitle;}
+                               }
+                       }
+                       part { name: "description";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 40;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: p4_left;}
+                                       rel2 { relative: 1.0 1.0; to_x: subtitle; to_y: p4_left;}
+                                       text {
+                                               style: "textblock_tutorial_black_style";
+                                               min: 0 1;
+                                               align: 0.0 0.0;
+                                       }
+                               }
+                       }
+                       part { name: "head_bottom";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 26 24;
+                                       fixed: 0 1;
+                                       visible: 0;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: description;}
+                                       rel2 { relative: 1.0 1.0; to: description;}
+                               }
+                       }
+                       part {
+                               name: "content";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 716 850;
+                                       max: 716 850;
+                                       align: 0.5 0.0;
+                                       rel1 { relative: 0.0 1.0; to_y: head_bottom;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "content_layout_livebox";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "content_bg";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 716 850;
+                                       max: 716 850;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "content_padding";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 60;
+                                       align: 0.0 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 0.0; to:content_bg;}
+                                       rel2 { relative: 1.0 0.0; to:content_bg;}
+                               }
+                       }
+                       part {
+                               name: "content_layout";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 716 714;
+                                       max: 716 714;
+                                       align: 0.5 0.0;
+                                       rel1 { relative: 0.5 1.0; to: content_padding;}
+                                       rel2 { relative: 0.5 1.0; to: content_padding;}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "progress_elm";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part { name: "elm.swallow.bg1";
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 37;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 5 5 5 5;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "bg1_show" 0.0;
+                                       min: 0 37;
+                                       fixed: 0 1;
+                                       visible: 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 5 5 5 5;
+                                               border_scale: 1;
+                                       }
+                               }
+                       }
+               }
+               programs {
+                       program { name: "show_bg1";
+                               signal: "elm,state,show,bg1";
+                               source: "elm";
+                               action: STATE_SET "bg1_show" 0.0;
+                               target: "elm.swallow.bg1";
+                       }
+               }
+       }
+       group {
+               name: "livebox_top";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "bg";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 708 354;
+                                       max: 708 354;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.5 0.5;}
+                                       rel2 { relative: 0.5 0.5;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "time";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       rel1 { relative: 20/708 8/354; to: bg;}
+                                       rel2 { relative: 20/708 (8+120)/354; to: bg;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Thin";
+                                               text_class:"tizen";
+                                               text: "12:45";
+                                               size: 120;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "date";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       min: 0 40;
+                                       rel1 { relative: 0 1; to: time;}
+                                       rel2 { relative: 1 1; to: time;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "Thu, June 13";
+                                               size: 40;
+                                               min: 0 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad1";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 12 10;
+                                       visible: 0;
+                                       rel1 { relative: 1 1; to: time;}
+                                       rel2 { relative: 1 1; to: time;}
+                               }
+                       }
+                       part {
+                               name: "PM";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 50 35;
+                                       rel1 { relative: 1 0; to: pad1;}
+                                       rel2 { relative: 1 0; to: pad1;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "";
+                                               size: 35;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       // right bottom part
+                       part {
+                               name: "pad2";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 1 1;
+                                       min: 20 10;
+                                       visible: 0;
+                                       rel1 { relative: 1 1; to: bg;}
+                                       rel2 { relative: 1 1; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "degree";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 1 1;
+                                       min: 64 105;
+                                       rel1 { relative: 0 0; to: pad2;}
+                                       rel2 { relative: 0 0; to: pad2;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "weather";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 1 0;
+                                       min: 0 105;
+                                       max: -1 105;
+                                       rel1 { relative: 0 0; to: degree;}
+                                       rel2 { relative: 0 1; to: degree;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Light";
+                                               text_class:"tizen";
+                                               text: "23";
+                                               size: 105;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       //left bottom part
+                       part {
+                               name: "pad3";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 2 4;
+                                       visible: 0;
+                                       rel1 { relative: 0 1; to: bg;}
+                                       rel2 { relative: 0 1; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "sun";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 191 171;
+                                       max: 191 171;
+                                       rel1 { relative: 1 0; to: pad3;}
+                                       rel2 { relative: 1 0; to: pad3;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad4";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 6 20;
+                                       visible: 0;
+                                       rel1 { relative: 1 1; to: sun;}
+                                       rel2 { relative: 1 1; to: sun;}
+                               }
+                       }
+                       part {
+                               name: "partly";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 0 32;
+                                       max: -1 32;
+                                       rel1 { relative: 1 0; to: pad4;}
+                                       rel2 { relative: 1 0; to: pad4;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "Partly Sunny";
+                                               size: 32;
+                                               min: 1 0;
+                                               align: 1.0 1.0;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad5";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 0 10;
+                                       visible: 0;
+                                       rel1 { relative: 0 0; to: partly;}
+                                       rel2 { relative: 1 0; to: partly;}
+                               }
+                       }
+                       part {
+                               name: "city";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 1;
+                                       min: 0 32;
+                                       max: -1 32;
+                                       rel1 { relative: 0 0; to: pad5;}
+                                       rel2 { relative: 1 0; to: pad5;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Light";
+                                               text_class:"tizen";
+                                               text: "San Francisco";
+                                               size: 32;
+                                               min: 1 0;
+                                               align: 0.0 1.0;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "access";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "storage_pie";
+
+               parts {
+                       part {
+                               name: "background";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       min: 0 414;
+                                       align: 0.5 0.5;
+                                       visible: 0;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                               }
+                       }
+                       part {
+                               name: "storage_title.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       min: 0 60;
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       rel1 { relative: 0  0; to: "background";}
+                                       rel2 { relative: 1  0; to: "background";}
+
+                                       text {
+                                               min: 0 1;
+                                               align: 0.0 0.5;
+                                               style: textblock_blue_style;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pie_rect";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0;
+                                       min: 294 294;
+                                       max: 294 294;
+                                       rel1 {
+                                               relative: 0.5 1;
+                                               to: "storage_title.text";
+                                       }
+                                       rel2 {
+                                               relative: 0.5 1;
+                                               to: "storage_title.text";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "storage_total.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       min: 0 60;
+                                       align: 0 0;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0  1; to_y: "pie_rect"; to_x: "storage_title.text";}
+                                       rel2 { relative: 1  1; to_y: "pie_rect"; to_x: "storage_title.text";}
+
+                                       text {
+                                               min: 0 1;
+                                               align: 0.0 0.5;
+                                               style: textblock_blue_style;
+                                       }
+                               }
+                       }
+               }
+       }
+       group {
+               name: "storage_pie_lanscape";
+
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "background";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       max: 576 520;
+                                       align: 0.5 0.5;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "storage_title";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       rel1 {
+                                               relative: 36/720 22/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                                       rel2 {
+                                               relative: 684/720 72/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "storage_title.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       min: 0 30;
+                                       fixed: 0 1;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0  0; offset: 0 0; to: "storage_title";}
+                                       rel2 { relative: 1  1; offset: 0 0; to: "storage_title";}
+
+                                       text {
+                                               min: 0 1;
+                                               style: textblock_blue_style;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "storage_total";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       rel1 {
+                                               relative: 36/720 72/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                                       rel2 {
+                                               relative: 224/720. 122/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                                       color: 8 8 8 8;
+                               }
+                       }
+                       part {
+                               name: "storage_total.text";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       min: 0 30;
+                                       fixed: 0 1;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0  0; offset: 0 0; to: "storage_total";}
+                                       rel2 { relative: 1  1; offset: 0 0; to: "storage_total";}
+
+                                       text {
+                                               min: 0 1;
+                                               style: storage_pie_style;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pie_rect";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 {
+                                               relative: 125/720 130/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                                       rel2 {
+                                               relative: 594/720 599/650;
+                                               offset: 0 0;
+                                               to: "background";
+                                       }
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "storage_elem";
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                               }
+                       }
+                       part {
+                               name: "color_elem";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 153 66 194 255;
+                               }
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "color_2" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 255 189 8 255;
+                               }
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "color_3" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 119 222 60 255;
+                               }
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "color_4" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 28 140 252 255;
+                               }
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "color_5" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 52 220 250 255;
+                               }
+                               description {
+                                       min: 6 0;
+                                       max: 6 -1;
+                                       align: 0.5 0;
+                                       state: "color_6" 0.0;
+                                       rel1 { relative: 0.5 0.0; to: bg;}
+                                       rel2 { relative: 0.5 1.0; to: bg;}
+                                       color: 235 235 235 255;
+                               }
+                       }
+               }
+               programs {
+                       program { name: "show_color_2";
+                               signal: "elm,state,show,app";
+                               source: "elm";
+                               action: STATE_SET "color_2" 0.0;
+                               target: "color_elem";
+                       }
+                       program { name: "show_color_3";
+                               signal: "elm,state,show,pic";
+                               source: "elm";
+                               action: STATE_SET "color_3" 0.0;
+                               target: "color_elem";
+                       }
+                       program { name: "show_color_4";
+                               signal: "elm,state,show,audio";
+                               source: "elm";
+                               action: STATE_SET "color_4" 0.0;
+                               target: "color_elem";
+                       }
+                       program { name: "show_color_5";
+                               signal: "elm,state,show,misc";
+                               source: "elm";
+                               action: STATE_SET "color_5" 0.0;
+                               target: "color_elem";
+                       }
+                       program { name: "show_color_6";
+                               signal: "elm,state,show,avail";
+                               source: "elm";
+                               action: STATE_SET "color_6" 0.0;
+                               target: "color_elem";
+                       }
+               }
+       }
+
+       group {
+               name: "livebox_bot";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "bg";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 174 174;
+                                       max: 174 174;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.5 0.5;}
+                                       rel2 { relative: 0.5 0.5;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_tl";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0 0;
+                                       min: 23 9;
+                                       max: 23 9;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 0.0 0.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "pad_tr";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 1 0;
+                                       min: 23 9;
+                                       max: 23 9;
+                                       rel1 { relative: 1.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 0.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "app_icon";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       min: 129 129;
+                                       max: 129 129;
+                                       rel1 { relative: 1.0 1.0; to: pad_tl;}
+                                       rel2 { relative: 0.0 1.0; to: pad_tr;}
+                               }
+                       }
+                       part {
+                               name: "app_name";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0 0;
+                                       min: 129 28;
+                                       max: 129 28;
+                                       rel1 { relative: 0.0 1.0; to: app_icon;}
+                                       rel2 { relative: 1.0 1.0; to: app_icon;}
+                                       color: 250 250 250 191;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "Settings";
+                                               size: 28;
+                                               min: 0 0;
+                                               align: 0.5 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "access";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 0;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+               }
+       }
+       group {
+               name: "livebox_right";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "bg";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 352 352;
+                                       max: 352 352;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.5 0.5;}
+                                       rel2 { relative: 0.5 0.5;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_botleft";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 18 12;
+                                       align: 0.0 1.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 1.0; to: bg;}
+                                       rel2 { relative: 0.0 1.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "pic";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 54 54;
+                                       max: 54 54;
+                                       align: 0.0 1.0;
+                                       rel1 { relative: 1.0 0.0; to: pad_botleft;}
+                                       rel2 { relative: 1.0 0.0; to: pad_botleft;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_mid";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 5 8;
+                                       align: 0.0 1.0;
+                                       visible: 0;
+                                       rel1 { relative: 1.0 1.0; to: pic;}
+                                       rel2 { relative: 1.0 1.0; to: pic;}
+                               }
+                       }
+                       part {
+                               name: "gallery";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 38;
+                                       max: -1 38;
+                                       align: 0.0 1.0;
+                                       rel1 { relative: 1.0 0.0; to: pad_mid;}
+                                       rel2 { relative: 1.0 0.0; to: pad_mid;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Bold";
+                                               text_class:"tizen";
+                                               text: "GALLERY";
+                                               size: 32;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "access";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+               }
+       }
+
+       group {
+               name: "lockscreen";
+               images {
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+                       image: "org.tizen.setting.png" COMP;
+               }
+               parts {
+                       part {
+                               name: "bg";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 716 853;
+                                       max: 716 853;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 0.0;}
+                                       rel2 { relative: 1.0 1.0;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_topleft";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 42 38;
+                                       align: 0.0 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 0.0 0.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "pad_topright";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 42 38;
+                                       align: 1.0 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 1.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 0.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "time";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 160;
+                                       max: 450 160;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 1.0; to: pad_topleft;}
+                                       rel2 { relative: 0.0 1.0; to: pad_topright;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Light";
+                                               text_class:"tizen";
+                                               text: "12:45";
+                                               size: 153;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "PM";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 100;
+                                       align: 0.0 1.0;
+                                       rel1 { relative: 1.0 1.0; to: time;}
+                                       rel2 { relative: 1.0 1.0; to: time;}
+                                       color: 255 255 255 255;
+                                       text {
+                                               font: "Tizen:style=Medium";
+                                               text_class:"tizen";
+                                               text: "";
+                                               size: 72;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "date";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 80;
+                                       max: -1 80;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: time;}
+                                       rel2 { relative: 1.0 1.0; to: time;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Light";
+                                               text_class:"tizen";
+                                               text: "Thur. May. 31";
+                                               size: 64;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad2";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 46;
+                                       align: 0.0 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 1.0; to: date;}
+                                       rel2 { relative: 1.0 1.0; to: date;}
+                               }
+                       }
+                       part {
+                               name: "charge_icon";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 31 48;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: pad2;}
+                                       rel2 { relative: 0.0 1.0; to: pad2;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "charging";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 48;
+                                       max: -1 48;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 0.0; to: charge_icon;}
+                                       rel2 { relative: 1.0 0.0; to: charge_icon;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "Charging (100%)";
+                                               size: 30;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       //bottom
+                       part {
+                               name: "bot_bg";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 257;
+                                       align: 0.0 1.0;
+                                       visible: 1;
+                                       color: 8 8 8 128;
+                                       rel1 { relative: 0.0 1.0; to: bg;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "handler";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 54 17;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: (360-27)/720 12/257; to: bot_bg;}
+                                       rel2 { relative: (360+27)/720 (12+17)/257; to: bot_bg;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad3";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 18 94;
+                                       align: 0.0 1.0;
+                                       visible: 0;
+                                       rel1 { relative: 0.0 1.0; to: bg;}
+                                       rel2 { relative: 0.0 1.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "cloud_icon";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 138 134;
+                                       align: 0.0 1.0;
+                                       rel1 { relative: 1.0 0.0; to: pad3;}
+                                       rel2 { relative: 1.0 0.0; to: pad3;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad4";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 10 0;
+                                       align: 0.0 0.0;
+                                       visible: 0;
+                                       rel1 { relative: 1.0 0.0; to: cloud_icon;}
+                                       rel2 { relative: 1.0 1.0; to: cloud_icon;}
+                               }
+                       }
+                       part {
+                               name: "degree";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 102 94;
+                                       max: 102 94;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 0.0; to: pad4;}
+                                       rel2 { relative: 1.0 0.0; to: pad4;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "23";
+                                               size: 90;
+                                               min: 1 1;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "degree_icon";
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 60 90;
+                                       max: 60 90;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 0.0; to: degree;}
+                                       rel2 { relative: 1.0 1.0; to: degree;}
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                       }
+                               }
+                       }
+                       part {
+                               name: "weather";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 40;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: degree;}
+                                       rel2 { relative: 0.0 1.0; to: degree;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "Partly cloudy";
+                                               size: 30;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "london";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 40;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; to: weather;}
+                                       rel2 { relative: 0.0 1.0; to: weather;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "London";
+                                               size: 34;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "pad_rb";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 38 54;
+                                       align: 1.0 1.0;
+                                       visible: 0;
+                                       rel1 { relative: 1.0 1.0; to: bg;}
+                                       rel2 { relative: 1.0 1.0; to: bg;}
+                               }
+                       }
+                       part {
+                               name: "update";
+                               type: TEXT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 26;
+                                       align: 1.0 1.0;
+                                       rel1 { relative: 0.0 0.0; to: pad_rb;}
+                                       rel2 { relative: 0.0 0.0; to: pad_rb;}
+                                       color: 250 250 250 255;
+                                       text {
+                                               font: "Tizen:style=Regular";
+                                               text_class:"tizen";
+                                               text: "01.08.11 04:00";
+                                               size: 24;
+                                               min: 1 0;
+                                               align: 0.0 0.5;
+                                       }
+                               }
+                       }
+                       //tts focus support
+                       part {
+                               name: "access_top";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       rel1 { relative: 0.0 0.0; to: bg;}
+                                       rel2 { relative: 1.0 0.0; to: bot_bg;}
+                               }
+                       }
+                       part {
+                               name: "access_bot";
+                               type: RECT;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.0 0.0;
+                                       visible: 1;
+                                       color: 8 8 8 8;
+                                       rel1 { relative: 0.0 0.0; to: bot_bg;}
+                                       rel2 { relative: 1.0 1.0; to: bot_bg;}
+                               }
+                       }
+               }
+       }
+
+
+       group { name: "backup_popup_progress";
+               parts {
+                       part{ name:"elm.swallow.content";
+                                 type: SWALLOW;
+                                 scale: 1;
+                                 description { state: "default" 0.0;
+                                 min: 568 154;
+                                 align: 0.0 0.0;
+                                 fixed: 1 0;
+                                               rel1 {
+                                                       relative: 0.0 0.0;
+                                               }
+                                               rel2 {
+                                      relative: 1.0 1.0;
+                                   }
+                                       }
+                       }
+                       part { name: "elm.text.left";
+                type: TEXT;
+                scale: 1;
+                description { state: "default" 0.0;
+                   max: 324 60;
+                   text {
+                      font: "Tizen:style=Medium";
+                      size: 36;
+                      min: 0 0;
+                      align: 0.0 1.0;
+                      text_class: "tizen";
+                   }
+                   color: 128 128 128 255;
+                   align: 0.0 1.0;
+                   rel1 {
+                      relative: 0.0 0.0;
+                      to: "elm.swallow.content";
+                   }
+                   rel2 {
+                      relative: 0.5 1.0;
+                      to: "elm.swallow.content";
+                   }
+                }
+             }
+             part { name: "elm.text.right";
+                type: TEXT;
+                scale: 1;
+                description { state: "default" 0.0;
+                   max: 324 60;
+                   text {
+                      font: "Tizen:style=Medium";
+                      size: 36;
+                      min: 0 0;
+                      align: 1.0 1.0;
+                      text_class: "tizen";
+                   }
+                   color: 128 128 128 255;
+                   align: 1.0 1.0;
+                   rel1 {
+                      relative: 0.5 0.0;
+                      to: "elm.swallow.content";
+                   }
+                   rel2 {
+                      relative: 1.0 1.0;
+                      to: "elm.swallow.content";
+                   }
+                }
+             }
+          }
+       }
+
+       group { name: "wallpaper_images_popup";
+          parts {
+                 part{ name : "bg";
+                        type: RECT;
+                        description{
+                               state: "default" 0.0;
+                               color: 8 8 8 8;
+                               }
+                 }
+                 part { name: "pad_t";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.0;
+                               min: 0 0;
+                               fixed: 0 1;
+                               rel1 {
+                                  relative: 1.0 0.0;to_x: "pad_l";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;to_x: "pad_r";
+                               }
+                        }
+                 }
+                 part { name: "pad_l";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 0;
+                               max: 0 0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 0.0 0.0;
+                               }
+                               rel2 {
+                                  relative: 0.0 1.0;
+                               }
+                               align: 0.0 0.0;
+                        }
+                 }
+                 part { name: "pad_r";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 0;
+                               max: 0 0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 1.0 0.0;
+                               }
+                               rel2 {
+                                  relative: 1.0 1.0;
+                               }
+                               align: 1.0 0.0;
+                        }
+                 }
+                 part { name: "elm.swallow.content";
+                        type: SWALLOW;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 1.0 1.0;
+                                  to_x: "pad_l";
+                                  to_y: "pad_t";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;
+                                  to_x: "pad_r";
+                                  to_y: "pad_b";
+                               }
+                        }
+                 }
+                 part { name: "pad_b";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 1.0;
+                               min: 0 270;
+                               fixed: 0 1;
+                               rel1 {
+                                  relative: 0.5 1.0;
+                               }
+                               rel2 {
+                                  relative: 0.5 1.0;
+                               }
+                        }
+                 }
+                 part { name: "elm.swallow.icon1";
+                        type: SWALLOW;
+                        scale: 1;
+                        mouse_events: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               max: 117 117;
+                               min: 117 117;
+                               rel1 { relative: 0.219 0.096; offset: 0 0;}
+                               rel2 { relative: 0.461 0.652; offset: 0 0;}
+                        }
+                 }
+                 part { name: "elm.swallow.icon2";
+                        type: SWALLOW;
+                        scale: 1;
+                       mouse_events: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               max: 117 117;
+                               min: 117 117;
+                               rel1 {
+                                  relative: 0.539 0.096;
+                               }
+                               rel2 {
+                                  relative: 0.781 0.652;
+                               }
+                        }
+                 }
+
+               part{
+                       name: "txt1";
+                       type: TEXT;
+                       scale: 1;
+                       mouse_events: 0;
+                       description{
+                               state: "default" 0.0;
+                               color: 0 0 0 255;
+                               align: 0.5 0.5;
+                               //fixed: 1 1;
+                               rel1 {
+                                       relative: 0.180 0.652; to: "bg";
+                               }
+                               rel2 {
+                                       relative: 0.500 0.778; to: "bg";
+                               }
+                               text{
+                                       font: "Tizen:style=Regular";
+                                       text_class: "tizen";
+                                       size: 30;
+                                       align: 0.5 0.5;
+                               }
+                       }
+               }
+               part{
+                       name: "txt2";
+                       type: TEXT;
+                       scale: 1;
+                       mouse_events: 0;
+                       description{
+                       state: "default" 0.0;
+                       color: 0 0 0 255;
+                       align: 0.5 0.5;
+                       //fixed: 1 1;
+                       rel1 {
+                          relative: 0.500 0.652; to: "bg";
+                       }
+                       rel2 {
+                          relative: 0.820 0.778; to: "bg";
+                       }
+                       text{
+                               font: "Tizen:style=Regular";
+                               text_class: "tizen";
+                               size: 30;
+                               align: 0.5 0.5;
+                               }
+                       }
+               }
+               programs {
+                       ADD_PART_CLICKED_SOUND("elm.swallow.icon1");
+                       ADD_PART_CLICKED_SOUND("elm.swallow.icon2");
+               }
+          }
+       }
+       //
+#define PART_ARROW_IMG(input)  \
+                 part {        \
+                               name: "rate."input;     \
+                               type: SWALLOW;  \
+                                  description {        \
+                                       min: 34 34;     \
+                                       max: 34 34;     \
+                                       color: 8 8 8 255;       \
+                                       state: "default" 0.0;   \
+                                       rel1{ relative: 0.0 0.0; offset: 0 -40; to: input;}     \
+                                       rel2{ relative: 1.0 1.0; offset: 0 -54; to: input;}     \
+                          }    \
+                 }     \
+
+       group { name: "efficiency_layout";
+         parts {
+                 part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                           description {
+                                               state: "default" 0.0;
+                                               rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                               rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                               color: 8 8 8 8;
+                          }
+                 }
+                 part {
+                               name: "left.default";
+                               type: SWALLOW;
+                               mouse_events: 0;
+                           description {
+                                               state: "default" 0.0;
+                                               align: 0.0 0.5;
+                                           rel1{ relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                           rel2{ relative: 0.0 1.0; offset: 36 0; to: "bg";}
+                                               color: 8 8 8 8;
+                               }
+                 }
+                 /* effect rate rect */
+                 part {
+                               name: "img_1";
+                               type: SWALLOW;
+                               //mouse_events: 1;
+                                  description {
+                                       align: 0.0 0.5;
+                                       min: 100 48;
+                                       max: 100 48;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 4 0; to: "left.default";}
+                                       rel2 { relative: 1.0 1.0; offset: 104 0; to: "left.default";}
+                          }
+                 }
+                 part {
+                               name: "img_2";
+                               type: SWALLOW;
+                               //mouse_events: 1;
+                               description {
+                                       align: 0.0 0.5;
+                                       min: 100 48;
+                                       max: 100 48;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                   rel1 { relative: 1.0 0.0; offset: 4 0; to: "img_1";}
+                                   rel2 { relative: 1.0 1.0; offset: 104 0; to: "img_1";}
+                               }
+                 }
+                 part {
+                               name: "img_3";
+                               type: SWALLOW;
+                               //mouse_events: 1;
+                               description {
+                                       align: 0.0 0.5;
+                                       min: 100 48;
+                                       max: 100 48;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                       rel1 { relative: 1.0 0.0; offset: 4 0; to: "img_2";}
+                                       rel2 { relative: 1.0 1.0; offset: 104 0; to: "img_2";}
+                               }
+                 }
+                 part {
+                                       name: "img_4";
+                                       type: SWALLOW;
+                                 //mouse_events: 1;
+                                  description {
+                                       align: 0.0 0.5;
+                                       min: 100 48;
+                                       max: 100 48;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                                  rel1 { relative: 1.0 0.0; offset: 4 0; to: "img_3";}
+                                                  rel2 { relative: 1.0 1.0; offset: 104 0; to: "img_3";}
+                                                  }
+                 }
+                 part {
+                                       name: "img_5";
+                                       type: SWALLOW;
+                                 //mouse_events: 1;
+                                  description {
+                                       align: 0.0 0.5;
+
+                                       min: 100 48;
+                                       max: 100 48;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                                  rel1 { relative: 1.0 0.0; offset: 4 0; to: "img_4";}
+                                                  rel2 { relative: 1.0 1.0; offset: 104 0; to: "img_4";}
+                                                  }
+                 }
+                 part {
+                                       name: "rate";
+                                       type: SWALLOW;
+                                       //mouse_events: 1;
+                                 description {
+                                       align: 0.0 0.5;
+                                       min: 70 90;
+                                       max: 70 90;
+                                       color: 80 80 80 100;    // grey
+                                       state: "default" 0.0;
+                                                  rel1 { relative: 1.0 0.0; offset: 4 0; to: "img_5";}
+                                                  rel2 { relative: 1.0 1.0; offset: 104 0; to: "img_5";}
+                                                  }
+                 }
+
+                 /* text */
+                 part { name: "text_1";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                       description { state: "default" 0.0;
+                                       text {
+                                               style: "textblock_efficiency_style";
+                                               text_class:"tizen";
+                                               align: 0.5 0.5;
+                                       }
+                                       align: 0.5 0.5;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0; to: "img_1";}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0; to: "img_1";}
+                               }
+                 }
+                 part { name: "text_2";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                       description { state: "default" 0.0;
+                                       text {
+                                               style: "textblock_efficiency_style";
+                                               text_class:"tizen";
+                                               align: 0.5 0.5;
+                                       }
+                                       align: 0.5 0.5;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0;to: "img_2";}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0;to: "img_2";}
+                               }
+                 }
+                 part { name: "text_3";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                       description { state: "default" 0.0;
+                                       text {
+                                               style: "textblock_efficiency_style";
+                                               text_class:"tizen";
+                                               align: 0.5 0.5;
+                                       }
+                                       align: 0.5 0.5;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0;to: "img_3";}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0;to: "img_3";}
+                               }
+                 }
+                 part { name: "text_4";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                       description { state: "default" 0.0;
+                                       text {
+                                               style: "textblock_efficiency_style";
+                                               text_class:"tizen";
+                                               align: 0.5 0.5;
+                                       }
+                                       align: 0.5 0.5;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0;to: "img_4";}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0;to: "img_4";}
+                               }
+                 }
+                 part { name: "text_5";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                       description { state: "default" 0.0;
+                                       text {
+                                               style: "textblock_efficiency_style";
+                                               text_class:"tizen";
+                                               align: 0.5 0.5;
+                                       }
+                                       align: 0.5 0.5;
+                                       rel1{ relative: 0.0 0.0; offset: 0 0;to: "img_5";}
+                                       rel2{ relative: 1.0 1.0; offset: 0 0;to: "img_5";}
+                               }
+                 }
+                       /*bottom text1*/
+                 part {
+                                       name: "bottom.text1";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                   description {
+                                       text {
+                                               style: "textblock_black_style";
+                                               text_class:"tizen";
+                                       }
+                                       rel1 { relative: 0.0 0.0; offset: 0 53; to: "img_1";}
+                                   rel2 { relative: 1.0 1.0; offset: 0 43; to: "img_1";}
+                                  }
+                 }     //text end
+                 part {
+                                       name: "bottom.text2";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                   description {
+                                       text {
+                                               style: "textblock_black_style_right";
+                                               text_class:"tizen";
+                                       }
+                                       rel1 { relative: 0.0 0.0; offset: 0 53; to: "img_5";}
+                                   rel2 { relative: 1.0 1.0; offset: 0 43; to: "img_5";}
+                                  }
+                 }
+                 /* right bit text */
+                 part {
+                                       name: "rate.text";
+                                       type: TEXTBLOCK;
+                                       mouse_events: 0;
+                                       scale: 1;
+                                   description {
+                                       text {
+                                               style: "textblock_white_style";
+                                               text_class:"tizen";
+                                       }
+                                       rel1 { relative: 1.0 0.0; offset: -106 40; to: "bg";}
+                                   rel2 { relative: 1.0 1.0; offset: 36 -40; to: "bg";}
+                                  }
+                 }
+
+                 /* rate allow image */
+                 PART_ARROW_IMG("img_1")
+                 PART_ARROW_IMG("img_2")
+                 PART_ARROW_IMG("img_3")
+                 PART_ARROW_IMG("img_4")
+                 PART_ARROW_IMG("img_5")
+                 }     //parts end
+       } //    group end
+
+       group { name: "lockscreen_images_popup";
+          parts {
+                 part{ name : "bg";
+                        type: RECT;
+                        description{
+                               state: "default" 0.0;
+                               color: 8 8 8 8;
+                               }
+                 }
+                 part { name: "pad_t";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.0;
+                               min: 0 0;
+                               fixed: 0 1;
+                               rel1 {
+                                  relative: 1.0 0.0;to_x: "pad_l";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;to_x: "pad_r";
+                               }
+                        }
+                 }
+                 part { name: "pad_l";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 0;
+                               max: 0 0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 0.0 0.0;
+                               }
+                               rel2 {
+                                  relative: 0.0 1.0;
+                               }
+                               align: 0.0 0.0;
+                        }
+                 }
+                 part { name: "pad_r";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 0;
+                               max: 0 0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 1.0 0.0;
+                               }
+                               rel2 {
+                                  relative: 1.0 1.0;
+                               }
+                               align: 1.0 0.0;
+                        }
+                 }
+                 part { name: "elm.swallow.content";
+                        type: SWALLOW;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               fixed: 1 0;
+                               rel1 {
+                                  relative: 1.0 1.0;
+                                  to_x: "pad_l";
+                                  to_y: "pad_t";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;
+                                  to_x: "pad_r";
+                                  to_y: "pad_b";
+                               }
+                        }
+                 }
+                 part { name: "pad_b";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 1.0;
+                               min: 400 169;
+                               fixed: 1 1;
+                               rel1 {
+                                  relative: 0.5 1.0;
+                               }
+                               rel2 {
+                                  relative: 0.5 1.0;
+                               }
+                        }
+                 }
+                 part { name: "elm.swallow.icon1";
+                        type: SWALLOW;
+                        scale: 1;
+                        mouse_events: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               max: 117 117;
+                               min: 117 117;
+                               rel1 {
+                                  relative: 0.0 0.0;
+                               }
+                               rel2 {
+                                  relative: 0.3 139/169;
+                               }
+                        }
+                 }
+                 part { name: "elm.swallow.icon2";
+                        type: SWALLOW;
+                        scale: 1;
+                       mouse_events: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               max: 117 117;
+                               min: 117 117;
+                               rel1 {
+                                  relative: 0.3 0.0;
+                               }
+                               rel2 {
+                                  relative: 0.7 139/169;
+                               }
+                        }
+                 }
+                 part { name: "elm.swallow.icon3";
+                        type: SWALLOW;
+                        scale: 1;
+                       mouse_events: 1;
+                        description { state: "default" 0.0;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               max: 117 117;
+                               min: 117 117;
+                               rel1 {
+                                  relative: 0.7 0.0;
+                               }
+                               rel2 {
+                                  relative: 1.0 139/169;
+                               }
+                        }
+                 }
+
+               part{
+                       name: "txt1";
+                       type: TEXT;
+                       scale: 1;
+                       mouse_events: 0;
+                       description{
+                               state: "default" 0.0;
+                               color: 0 0 0 255;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               rel1 {
+                                       relative: 0.0 139/169;
+                                       to: "bg";
+                               }
+                               rel2 {
+                                       relative: 0.3 1.0;
+                                       to: "bg";
+                               }
+                               text{
+                                       font: "Tizen:style=Bold";
+                                       text_class: "tizen";
+                                       size: 30;
+                                       align: 0.5 0.5;
+                               }
+                       }
+               }
+               part{
+                       name: "txt2";
+                       type: TEXT;
+                       scale: 1;
+                       mouse_events: 0;
+                       description{
+                       state: "default" 0.0;
+                       color: 0 0 0 255;
+                       align: 0.5 0.5;
+                       fixed: 1 1;
+                       rel1 {
+                          relative: 0.3 139/169;
+                               to: "bg";
+                       }
+                       rel2 {
+                          relative: 0.7 1.0;
+                               to: "bg";
+                       }
+                       text{
+                               font: "Tizen:style=Bold";
+                               text_class: "tizen";
+                               size: 30;
+                               align: 0.5 0.5;
+                               }
+                       }
+               }
+
+               part{
+                       name: "txt3";
+                       type: TEXTBLOCK;
+                       scale: 1;
+                       mouse_events: 0;
+                       description{
+                               state: "default" 0.0;
+                               //color: 255 255 255 255;
+                               align: 0.5 0.5;
+                               fixed: 1 1;
+                               rel1 {
+                                  relative: 0.7 139/169;
+                                       to: "bg";
+                               }
+                               rel2 {
+                                  relative: 1.0 1.0;
+                                       to: "bg";
+                               }
+                               text {
+                                       min: 0 1;
+                                       //max: -1 1;
+                                       style: textblock_magazine_style;
+                               }
+                       }
+               }
+          }
+       programs {
+               ADD_PART_CLICKED_SOUND("elm.swallow.icon1");
+               ADD_PART_CLICKED_SOUND("elm.swallow.icon2");
+               ADD_PART_CLICKED_SOUND("elm.swallow.icon3");
+       }
+       }
+
+       group { name: "datausage_limit_popup";
+          parts {
+                 part { name: "base";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 114;
+                               fixed: 1 0;
+                        }
+                 }
+                 part {
+                       name: "elm.padding.top";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 24;
+                               fixed: 0 1;
+                               rel2.relative: 1.0 0.0;
+                               align: 0.0 0.0;
+                       }
+                 }
+                 part {
+                       name: "elm.padding.bottom";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 20;
+                               fixed: 0 1;
+                               rel2.relative: 0.0 1.0;
+                               align: 0.0 1.0;
+                       }
+                 }
+                 part {
+                               name: "elm.padding.left";
+                               type: SPACER;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 26 0;
+                                       fixed: 1 0;
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.0;
+                               }
+                       }
+                       part {
+                               name: "elm.padding.right";
+                               type: SPACER;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 60 0;
+                                       fixed: 1 0;
+                                       rel1.relative: 471/620 0.0;
+                                       align: 1.0 0.0;
+                               }
+                       }
+                       /*part {
+                        name: "elm.swallow.rect";
+                        type: RECT;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 66;
+                               rel1 {
+                                       relative: 0.0 0.0;
+                                       to: "elm.swallow.content";
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       relative: 1.0 1.0;
+                                       to: "elm.swallow.content";
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                               color: 8 8 8 255;
+                        }
+                 }
+                 part {
+                        name: "edit.mb.text";
+                        type: TEXTBLOCK;
+                        scale: 1;
+                        description {
+                               state: "default" 0.0;
+                               fixed: 0 1;
+                               visible: 1;
+                               align: 0.5 0.5;
+                               rel1 {
+                                  relative: 491/620 20/114;
+                               }
+                               rel2 {
+                                  relative: 594/620 94/114;
+                               }
+                               text {
+                                       style: "small_vibration_create_style";
+                                       min: 0 0;
+                                       align: 0.5 0.5;
+                               }
+                        }
+                 }*/
+                 part {
+                        name: "elm.swallow.content.button";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               state: "default" 0.0;
+                               fixed: 0 1;
+                               visible: 1;
+                               align: 0.5 0.5;
+                               rel1 {
+                                  relative: 491/620 20/114;
+                               }
+                               rel2 {
+                                  relative: 594/620 94/114;
+                               }
+                        }
+                 }
+                 part {
+                        name: "elm.swallow.content";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 66;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.top";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+          }
+       }
+       group { name: "vibration_popup";
+          parts {
+                 part { name: "base";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 130;
+                               fixed: 1 0;
+                        }
+                 }
+                 part {
+                       name: "elm.padding.top";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 24;
+                               fixed: 0 1;
+                               rel2.relative: 1.0 0.0;
+                               align: 0.0 0.0;
+                       }
+                 }
+                 part {
+                       name: "elm.padding.bottom";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 20;
+                               fixed: 0 1;
+                               rel2.relative: 0.0 1.0;
+                               align: 0.0 1.0;
+                       }
+                 }
+                 part {
+                               name: "elm.padding.left";
+                               type: SPACER;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 26 0;
+                                       fixed: 1 0;
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.0;
+                               }
+                       }
+                       part {
+                               name: "elm.padding.right";
+                               type: SPACER;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 26 0;
+                                       fixed: 1 0;
+                                       rel1.relative: 594/620 0.0;
+                                       align: 1.0 0.0;
+                               }
+                       }
+                 part {
+                        name: "elm.swallow.content";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 80;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.top";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+          }
+       }
+       group { name: "palm_swipe";
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+
+                       part {
+                               name: "bg_swallow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
+                               }
+                       }
+
+                       part {
+                               name: "animation_left1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.1 0.45; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.15 0.55; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "animation_left2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.15 0.45; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.2 0.55; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "animation_right1";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.75 0.45; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.8 0.55; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "animation_right2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 0 ITEM_Y_DEN;
+                                       fixed: 1 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.8 0.45; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.85 0.55; offset: 0 0; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.8; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.9; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.8; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.9; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                               }
+                                   }
+
+                       }
+
+               } // end of parts
+
+       }
+       group { name: "palm_cover";
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+
+                       part {
+                               name: "bg_swallow2";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: -2000 -4000; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 2000 4000; to: "bg";}
+                               }
+                       }
+
+
+                       part {
+                               name: "popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.41; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.55; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "hide" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 0;
+                               }
+                       }
+                       part { name: "popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.42; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.54; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                               }
+                                   }
+
+                       }
+
+               } // end of parts
+
+       }
+       group { name: "smart_tryit";
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
+                               }
+                       }
+
+                       part {
+                               name: "bg_swallow";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "bg";}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "bg";}
+                               }
+                       }
+
+                       part {
+                               name: "top_popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.08; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.23; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+                       part {
+                               name: "smart_icon";
+                               type: SWALLOW;
+                               mouse_events: 1;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                                       max: ITEM_Y_DEN ITEM_Y_DEN;
+                                       rel1 { relative: 0.1 0.08; offset: 0 0; to: "bg"; }//y_offset = 32
+                                       rel2 { relative: 0.2 0.23; offset: 0 0; to: "bg"; }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       part { name: "top_popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          visible: 0;
+                                          align: 0.0 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.2 0.08; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.23; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_smarttop;
+                                       }
+                                   }
+                                   description {
+                                           state: "show" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 1;
+                                   }
+                       }
+                       part {
+                               name: "center_popup";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       visible: 0;
+                                       align: 0.5 0.5;
+                                       rel1 { relative: 0.1 0.4; offset: 0 0; to: "bg"; }
+                                       rel2 { relative: 0.9 0.55; offset: 0 0; to: "bg"; }
+                                       image {
+                                               normal: "org.tizen.setting.png";
+                                               border: 13 13 9 9;
+                                               border_scale: 1;
+                                       }
+                               }
+                               description {
+                                       state: "show" 0.0;
+                                       inherit: "default" 0.0;
+                                       visible: 1;
+                               }
+                       }
+
+                       part { name: "center_popup.text";/*middle allign*/
+                                   type: TEXTBLOCK;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                          visible: 0;
+                                          align: 0.5 0.5;
+                                          min: 0 26;
+                                          fixed: 0 1;
+                                          rel1 { relative: 0.1 0.4; offset: 10 0; to: "bg"; }
+                                          rel2 { relative: 0.9 0.55; offset: -10 0; to: "bg"; }
+
+                                      //color: 8 8 8 255;
+                                      text
+                                          {
+                                               //align: 0.5 0.5;
+                                               min: 0 1;
+                                               //font: "Tizen:style=Bold";
+                                               //size: 26;
+                                               //text_class:"tizen";
+                                               style: textblock_moveicon;
+                                       }
+                                   }
+                                   description {
+                                           state: "show" 0.0;
+                                           inherit: "default" 0.0;
+                                           visible: 1;
+                                   }
+                       }
+
+               } // end of parts
+               programs {
+                       program { name: "show_top";
+                               signal: "elm,state,top,show";
+                               source: "elm";
+                               action: STATE_SET "show" 0.0;
+                               target: "smart_icon";
+                               target: "top_popup";
+                               target: "top_popup.text";
+                       }
+                       program { name: "hide_top";
+                               signal: "elm,state,top,hide";
+                               source: "elm";
+                               action: STATE_SET "default" 0.0;
+                               target: "smart_icon";
+                               target: "top_popup";
+                               target: "top_popup.text";
+                       }
+                       program { name: "show_center";
+                               signal: "elm,state,center,show";
+                               source: "elm";
+                               action: STATE_SET "show" 0.0;
+                               target: "center_popup";
+                               target: "center_popup.text";
+                       }
+                       program { name: "hide_center";
+                               signal: "elm,state,center,hide";
+                               source: "elm";
+                               action: STATE_SET "default" 0.0;
+                               target: "center_popup";
+                               target: "center_popup.text";
+                       }
+
+               }
+
+       }
+       group {
+               name: "layout/simple_password";
+               parts {
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; }
+                                       rel2 { relative: 1.0 1.0; }
+                               }
+                       }
+                       part {
+                               name: "pw_bg";
+                               type: RECT;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       rel1 { relative: 0.0 0.0; to: "bg"; }
+                                       rel2 { relative: 1.0 0.0; offset: 0 145; to: "bg"; }
+                               }
+                       }
+                       part {
+                               name: "help.txt";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 0.0 1.0; offset: 18 18; to: "pw_bg"; }
+                                       rel2 { relative: 1.0 1.0; offset: -18 -18; to: "bg"; }
+                                       text{
+                                               style: description_style;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "title.txt";
+                               type: TEXTBLOCK;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 0 1;
+                                       color: 0 0 0 255;
+                                       rel1 { relative: 0.0 0.0; offset: 18 18; to: "pw_bg"; }
+                                       rel2 { relative: 1.0 0.0; offset: -18 49; to: "pw_bg"; }
+                                       text{
+                                               //style: textblock_tutorial_black_style;
+                                               style: textblock_simple_pw_title_style;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "entry1.bg";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 107/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 107/480 1.0; offset: 56 -14; to: "pw_bg"; }
+                                       image {
+                                               normal: "simple_password_bg.#.png";
+                                               border: 4 4 4 4;
+                                               border_scale: 1;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "entry1";
+                               type: SWALLOW;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 107/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 107/480 1.0; offset: 56 -14; to: "pw_bg"; }
+                               }
+                       }
+                       part {
+                               name: "entry2.bg";
+                               type: IMAGE;
+                               scale: 1;
+                               description {
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 177/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 177/480 1.0; offset: 56 -14; to: "pw_bg"; }
+                                       image {
+                                               normal: "simple_password_bg.#.png";
+                                               border: 4 4 4 4;
+                                               border_scale: 1;
+                                       }
+                               }
+                       }
+                       part {
+                               name: "entry2";
+                               type: SWALLOW;
+                               scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       rel1 { relative: 16/720 30/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       rel2 { relative: 352/720 630/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       color: 0 0 0 0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 177/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 177/480 1.0; offset: 56 -14; to: "pw_bg"; }
                                }
-                               /*
+                       }
+                       part {
+                               name: "entry3.bg";
+                               type: IMAGE;
+                               scale: 1;
                                description {
-                                       state: "pressed" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 255 102 28 255;
-                               }*/
+                                       state: "default" 0.0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 247/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 247/480 1.0; offset: 56 -14; to: "pw_bg"; }
+                                       image {
+                                               normal: "simple_password_bg.#.png";
+                                               border: 4 4 4 4;
+                                               border_scale: 1;
+                                       }
+                               }
                        }
-
                        part {
-                               name: "left_swallow";
+                               name: "entry3";
                                type: SWALLOW;
-                               mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       align: 0.5 0.5;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "left_swallow_bg"; }
-                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "left_swallow_bg"; }
-
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 247/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 247/480 1.0; offset: 56 -14; to: "pw_bg"; }
                                }
                        }
-               part { name: "left_text";
-                           type: TEXT;
-                           scale: 1;
-                           description { state: "default" 0.0;
-                                  align: 0.5 0.5;
-                                  rel1 { relative: 16/720 652/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                  rel2 { relative: 352/720 690/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-
-                              color: 0 0 0 255;
-                              text
-                                  {
-                                         font: "SLP:style=Regular";
-                                         text_class:"slp_regular";
-                                         size: FONT_SIZE;
-                                         min: 0 0;
-                                         align: 0.5 0.5;
-                              }
-                           }
-                               /*Support other theme display*/
-                               description {
-                                       state: "white" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 255 255 255 255;//white color
-                               }
-
-                       }
-
                        part {
-                               name: "right_swallow_bg";
-                               type: RECT;
+                               name: "entry4.bg";
+                               type: IMAGE;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       rel1 { relative: 368/720 30/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       rel2 { relative: 704/720 630/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       color: 0 0 0 0;
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 317/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 317/480 1.0; offset: 56 -14; to: "pw_bg"; }
+                                       image {
+                                               normal: "simple_password_bg.#.png";
+                                               border: 4 4 4 4;
+                                               border_scale: 1;
+                                       }
                                }
-                               /*description {
-                                       state: "pressed" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 255 102 28 255;
-                               }*/
                        }
-
                        part {
-                               name: "right_swallow";
+                               name: "entry4";
                                type: SWALLOW;
-                               mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       align: 0.5 0.5;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0; to: "right_swallow_bg"; }
-                                       rel2 { relative: 1.0 1.0; offset: 0 0; to: "right_swallow_bg"; }
+                                       fixed: 1 1;
+                                       min: 56 56;
+                                       rel1 { relative: 317/480 1.0; offset: 0 -70; to: "pw_bg"; }
+                                       rel2 { relative: 317/480 1.0; offset: 56 -14; to: "pw_bg"; }
                                }
                        }
-               part { name: "right_text";
-                           type: TEXT;
-                           scale: 1;
-                           description { state: "default" 0.0;
-                                  align: 0.5 0.5;
-                                  rel1 { relative: 368/720 652/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                  rel2 { relative: 704/720 690/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
+               }
+       }
+       group {
+               name: "region_searchbar";
 
-                                  color: 0 0 0 255;
-                              text
-                                  {
-                                         font: "SLP:style=Regular";
-                                         text_class:"slp_regular";
-                                         size: FONT_SIZE;
-                                         min: 0 0;
-                                         align: 0.5 0.5;
-                              }
-                           }
+               parts {
+                       /* background */
+                       part {
+                               name: "bg";
+                               type: RECT;
+                               scale: 1;
                                description {
-                                       state: "white" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 255 255 255 255;//white color
+                                       min: 0 96;
+                                       state: "default" 0.0;
+                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
+                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
+                                       color: 8 8 8 8;
                                }
-                       }
-
+                       }
+                       part { name: "searchbar_bg";
+                                   type: RECT;
+                                   repeat_events: 1;
+                                   scale: 1;
+                                   description { state: "default" 0.0;
+                                      min: 0 99;
+                                      fixed: 0 1;
+                                      align: 0.0 0.0;
+                                      rel1 { relative: 0.0 0.0; offset: 0 2; to: "bg"; }
+                                      rel2 { relative: 1.0 0.0; offset: 0 25; to: "bg"; }
+                                      //color: 8 8 8 8;
+                                      color_class: "B041";
+                                   }
+                                }
+               ///////////////////////////////////////////
                        part {
-                               name: "btn";
+                               name: "elm.swallow.search.icon";
                                type: SWALLOW;
                                mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
+                                       min: 35 35;
+                                       fixed: 1 1;
                                        align: 0.0 0.0;
-                                       rel1 { relative: 16/720 712/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       rel2 { relative: 704/720 786/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
+                                       rel1 { relative: 0.0 0.0; offset: 10 22; to: "bg"; }
+                                       rel2 { relative: 0.0 1.0; offset: 45 0; to: "bg"; }
                                }
                        }
-
                        part {
-                               name: "lock_btn";
+                               name: "elm.swallow.content";
                                type: SWALLOW;
                                mouse_events: 1;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
+                                       min: 0 66;
+                                       fixed: 0 1;
                                        align: 0.0 0.0;
-                                       rel1 { relative: 16/720 818/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
-                                       rel2 { relative: 704/720 892/WALLPAPER_LAYOUT_H; offset: 0 0; to: "bg"; }
+                                       rel1 { relative: 0.0 0.0; offset: 40 18; to: "bg"; }
+                                       rel2 { relative: 1.0 0.0; offset: -16 -12; to: "bg"; }
                                }
                        }
-
-               } // end of parts
-           programs {
-                       program { name: "left_mouse_press,";
-                           signal: "mouse,down,1";
-                           source: "left_swallow_bg";
-                               //action: STATE_SET "default" 0.0;
-                           script {
-                               set_state(PART:"right_swallow_bg", "default", 0.0);
-                                       set_state(PART:"left_swallow_bg", "pressed", 0.0);
-                           }
-                       }
-
-                       program { name: "right_mouse_press,";
-                           signal: "mouse,down,1";
-                           source: "right_swallow_bg";
-                               //action: STATE_SET "default" 0.0;
-                           script {
-                               set_state(PART:"right_swallow_bg", "pressed", 0.0);
-                                       set_state(PART:"left_swallow_bg", "default", 0.0);
-                           }
-                       }
-
-            /*Support other theme display*/
-            program {//black theme need white text
-                    name: "Change_non_white_theme";
-                    signal: "change,non-white,theme";
-                    source: "elm";
-                    action: STATE_SET "white" 0.0;
-                    target: "left_text";
-                    target: "right_text";
-            }
-
-
                }
-
-       }
-
-       group
-       {
-        name: "selinfo_bottom";
-
-        parts {
-                part {
-                        name: "background";
-                        type: RECT;
-                        scale: 1;
-                        description {
-                                state: "default" 0.0;
-                                rel1 { relative: 0.0 0.0; }
-                                rel2 { relative: 1.0 1.0; }
-                                color: 0 0 0 0;
-                        }
-                }
-
-                part {
-                        name: "elm.swallow.contents";
-                        type: SWALLOW;
-                        scale: 1;
-                        description {
-                                state: "default" 0.0;
-                                rel1 { relative: 0.0 0.0; to: "background"; }
-                                rel2 { relative: 1.0 0.0; to_x: "background"; to_y:"bottom_padding"; }
-                        }
-                }
-
-                part {
-                        name: "bottom_padding";
-                        type: RECT;
-                        scale: 1;
-                        description {
-                                state: "default" 0.0;
-                                min: 0 0;
-                                fixed: 0 1;
-                                align: 0.5 1.0;
-                                rel1 { relative: 0.0 1.0; to: "background"; }
-                                rel2 { relative: 1.0 1.0; to: "background"; }
-                                color: 0 0 0 0;
-                        }
-                        description {
-                                state: "padding" 0.0;
-                                inherit: "default" 0.0;
-                                min: 0 5; // 66+4+12
-                        }
-                }
-        }
-
-        programs {
-                program {
-                        name: "bottom_padding_content_area";
-                        signal: "elm,layout,content,bottom_padding";
-                        source: "layout";
-                        action: STATE_SET "padding" 0.0;
-                        target: "bottom_padding";
-                }
-                program {
-                        name: "default_content_area";
-                        signal: "elm,layout,content,default";
-                        source: "layout";
-                        action: STATE_SET "default" 0.0;
-                        target: "bottom_padding";
-                }
-        }
        }
 
-       group { name: "popup_checkview";
-          parts{
-             part { name: "pad_t";
-                scale : 1;
-                mouse_events: 0;
-                repeat_events: 1;
-                description { state: "default" 0.0;
-                   align: 0.5 0.0;
-                   min: 0 22;
-                   fixed: 0 1;
-                   rel1 {
-                      relative: 1.0 0.0;to_x: "pad_l";
-                   }
-                   rel2 {
-                      relative: 0.0 0.0;to_x: "pad_r";
-                   }
-                }
+       group {
+          name: "elm/layout/nocontents_setting/default";
+          styles{
+             style { name: "nocontent_style";
+                base: "font=Tizen:style=Bold font_size="NOCONTENT_TEXT_BLOCK_TEXT_SIZE_INC" align=center color="NOCONTENT_TEXT_BLOCK_STYLE_COLOR_INC" wrap=mixed ellipsis=1.0 text_class=tizen";
+                tag:  "br" "\n";
+                tag:  "hilight" "+ font_weight=Bold";
+                tag:  "b" "+ font_weight=Bold";
+                tag:  "tab" "\t";
              }
-             part { name: "pad_l";
-                scale: 1;
-                description { state: "default" 0.0;
-                   min : 16 0;
-                   fixed: 1 0;
-                   rel1 {
-                      relative: 0.0 0.0;
-                   }
-                   rel2 {
-                      relative: 0.0 1.0;
-                   }
-                   align: 0.0 0.0;
-                }
+             style { name: "nocontent_style_dim";
+                base: "font=Tizen:style=Bold font_size="NOCONTENT_TEXT_BLOCK_TEXT_SIZE_INC" align=center color="NOCONTENT_TEXT_BLOCK_STYLE_COLOR_DIM_INC" wrap=mixed ellipsis=1.0 text_class=tizen";
+                tag:  "br" "\n";
+                tag:  "hilight" "+ font_weight=Bold";
+                tag:  "b" "+ font_weight=Bold";
+                tag:  "tab" "\t";
              }
-             part { name: "pad_r";
+             style { name: "nocontent_help_text";
+                base: "font=Tizen:style=Regular font_size="NOCONTENT_HELP_TEXT_BLOCK_TEXT_SIZE_INC" align=left color="NOCONTENT_HELP_TEXT_BLOCK_STYLE_COLOR_INC" wrap=mixed ellipsis=1.0 text_class=tizen";
+                tag:  "br" "\n";
+                tag:  "hilight" "+ font_style=Regular";
+                tag:  "b" "+ font_style=Regular";
+                tag:  "tab" "\t";
+             }
+          }
+          script {
+             public center_align = 0;
+             public landscape_mode = 0;
+          }
+          parts {
+             part { name: "bg";
+                type: SPACER;
                 scale: 1;
                 description { state: "default" 0.0;
-                   min : 16 0;
-                   fixed: 1 0;
+                   fixed: 0 1;
+                   min: NOCONTENT_BASE_PORTRAIT_MIN_WIDTH_HEIGHT_INC;
                    rel1 {
-                      relative: 1.0 0.0;
+                      relative: 0.0 0.5;
                    }
                    rel2 {
-                      relative: 1.0 1.0;
+                      relative: 1.0 0.5;
                    }
-                   align: 1.0 0.0;
+                }
+                description { state: "help_txt_port_centre_align";
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_BASE_PORTRAIT_MIN_WIDTH_HEIGHT_WITH_TEXT;
+                }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_BASE_LANDS_MIN_WIDTH_HEIGHT_INC;
+                }
+                description { state: "help_txt_lands_centre_align";
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_BASE_LANDS_MIN_WIDTH_HEIGHT_WITH_TEXT;
                 }
              }
-             part{ name:"elm.swallow.content";
+             part { name: "nocontents.image";
                 type: SWALLOW;
-                scale : 1;
+                scale: 1;
                 description { state: "default" 0.0;
-                   min: 380 0;
-                   align: 0.5 0.5;
-                   fixed: 1 0;
+                   fixed: 1 1;
+                   min: NOCONTENT_IMAGE_WIDTH_HEIGHT_INC;
+                   align: 0.5 0.0;
                    rel1 {
-                      relative: 0.5 1.0;
-                      to: "pad_t";
-                   }
-                   rel2 {
                       relative: 0.5 0.0;
-                      to: "pad_b";
-                   }
-                }
-             }
-             part { name: "pad_b";
-                scale : 1;
-                mouse_events: 0;
-                description { state: "default" 0.0;
-                   align: 0.5 1.0;
-                   min: 0 66;
-                   fixed: 0 1;
-                   rel1 {
-                      relative: 1.0 1.0;to_x: "pad_l";
+                      to: "bg";
                    }
                    rel2 {
-                      relative: 0.0 1.0;to_x: "pad_r";
+                      relative: 0.5 0.0;
+                      to: "bg";
                    }
                 }
              }
-             part { name: "elm.swallow.end";
-                type: SWALLOW;
-                scale : 1;
-                mouse_events: 1;
-                repeat_events: 1;
+             part { name: "elm.text";
+                type: TEXTBLOCK;
+                scale: 1;
                 description { state: "default" 0.0;
-                   align: 0.0 0.5;
+                   min: NOCONTENT_TEXT_STYLE_BG_MIN_INC;
+                   align: 0.5 0.0;
+                   fixed: 1 1;
                    rel1 {
-                      relative: 0.18 0.0;
-                      to: "pad_b";
+                      relative: 0.0 1.0;
+                      to_y: "nocontents.image";
                    }
                    rel2 {
                       relative: 1.0 1.0;
-                      to: "pad_b";
+                      to_y: "nocontents.image";
                    }
-                }
-             }
-             part { name: "elm.text";
-                type: TEXT;
-                scale : 1;
-                description { state: "default" 0.0;
                    text {
-                      font: "SLP:style=Medium";
-                      size: 24;
-                      min: 0 0;
-                      align: 0.5 0.5;
-                     }
-                   color: 0 0 0 255;
-                   align: 0.0 0.5;
-                   rel1 {
-                      relative: 0.0 0.0;
-                      to: "pad_b";
+                      style: "nocontent_style";
+                      min: 0 1;
+                      max: 0 1;
                    }
-                   rel2 {
-                      relative: 1.0 1.0;
-                      to: "pad_b";
+                }
+                description { state: "disabled" 1.0;
+                   inherit: "default" 0.0;
+                   text {
+                      style: "nocontent_style_dim";
+                      min: 0 1;
+                      max: 0 1;
                    }
                 }
              }
-          }
-       }
-
-       group { name: "popup_checkview_image";
-          parts {
-             part { name: "pad_t";
+             part { name: "padding_after_text";
+                type: SPACER;
                 scale: 1;
-                mouse_events: 0;
-                repeat_events: 1;
                 description { state: "default" 0.0;
-                   align: 0.5 0.0;
-                   min: 0 2;
-                   fixed: 0 1;
+                   align: 0.0 0.0;
+                   min: NOCONTENT_PORTRAIT_AFTER_TEXT_PADDING_INC;
+                   fixed: 1 1;
                    rel1 {
-                      relative: 1.0 0.0;to_x: "pad_l";
+                      relative: 0.0 1.0;
+                      to_y: "elm.text";
                    }
                    rel2 {
-                      relative: 0.0 0.0;to_x: "pad_r";
+                      relative: 0.0 1.0;
+                      to_y: "elm.text";
                    }
                 }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_LANDSCAPE_AFTER_TEXT_PADDING_INC;
+                }
              }
-             part { name: "pad_l";
+             part { name: "elm.help.text";
+                type: TEXTBLOCK;
                 scale: 1;
                 description { state: "default" 0.0;
-                   min : 2 0;
-                   fixed: 1 0;
+                   align: 0.5 0.0;
+                   min: NOCONTENT_PORTRAIT_HELP_TEXT_STYLE_BG_MIN_INC;
+                   fixed: 1 1;
                    rel1 {
-                      relative: 0.0 0.0;
+                      relative: 1.0 1.0;
+                      to: "padding_after_text";
                    }
                    rel2 {
                       relative: 0.0 1.0;
+                      to_x: "pad_after_help_text";
+                      to_y: "padding_after_text";
+                   }
+                   text {
+                      style: "nocontent_help_text";
+                      align: 0.0 0.5;
+                      min: 0 1;
+                      max: 0 1;
                    }
-                   align: 0.0 0.0;
+                }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_LANDSCAPE_HELP_TEXT_STYLE_BG_MIN_INC;
                 }
              }
-             part { name: "pad_r";
+             part { name: "pad_after_help_text";
+                type: SPACER;
                 scale: 1;
                 description { state: "default" 0.0;
-                   min : 2 0;
-                   fixed: 1 0;
+                   align: 1.0 0.0;
+                   min: NOCONTENT_PORTRAIT_AFTER_HELP_TEXT_PADDING_INC;
+                   fixed: 1 1;
                    rel1 {
-                      relative: 1.0 0.0;
+                      relative: 1.0 1.0;
+                      to_y: "elm.help.text";
                    }
                    rel2 {
                       relative: 1.0 1.0;
+                      to_y: "elm.help.text";
                    }
-                   align: 1.0 0.0;
+                }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_LANDSCAPE_AFTER_HELP_TEXT_PADDING_INC;
                 }
              }
-             part { name:"elm.swallow.content";
-                type: SWALLOW;
-                scale : 1;
-                mouse_events: 1;
-                repeat_events: 1;
+             part { name: "pad_left_button";
+                type: SPACER;
+                scale: 1;
                 description { state: "default" 0.0;
-                   min: 0 350;
-                   align: 0.5 1.0;
-                   fixed: 1 0;
+                   align: 0.0 0.0;
+                   min: NOCONTENT_PORTRAIT_BUTTON_PADDING_INC;
+                   fixed: 1 1;
                    rel1 {
                       relative: 0.0 1.0;
-                      to: "pad_t";
+                      to_y: "pad_after_help_text";
                    }
                    rel2 {
-                      relative: 1.0 0.0;
-                      to: "pad_b";
+                      relative: 0.0 1.0;
+                      to_y: "pad_after_help_text";
                    }
                 }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_LANDSCAPE_BUTTON_PADDING_INC;
+                }
              }
-             part { name: "pad_b";
-                scale : 1;
-                mouse_events: 0;
-                type: RECT;
+             part { name: "pad_right_button";
+                type: SPACER;
+                scale: 1;
                 description { state: "default" 0.0;
-                   align: 0.5 1.0;
-                   min: 0 40;
-                   visible: 0;
-                   fixed: 0 1;
+                   align: 1.0 0.0;
+                   min: NOCONTENT_PORTRAIT_BUTTON_PADDING_INC;
+                   fixed: 1 1;
                    rel1 {
-                      relative: 1.0 1.0;to_x: "pad_l";
+                      relative: 1.0 1.0;
+                      to_y: "pad_after_help_text";
                    }
                    rel2 {
-                      relative: 0.0 1.0;to_x: "pad_r";
+                      relative: 1.0 1.0;
+                      to_y: "pad_after_help_text";
                    }
                 }
+                description { state: "landscape" 0.0;
+                   inherit: "default" 0.0;
+                   min: NOCONTENT_LANDSCAPE_BUTTON_PADDING_INC;
+                }
              }
-             part { name: "elm.swallow.end";
+             part { name: "swallow_area";
                 type: SWALLOW;
-                scale : 1;
-                mouse_events: 1;
-                repeat_events: 1;
+                scale: 1;
                 description { state: "default" 0.0;
-                   align: 0.0 0.5;
-                   min: 42 42;
-                   max: 42 42;
+                   min: NOCONTENT_SWALLOW_AREA_MIN_INC;
                    fixed: 1 1;
+                   align: 0.5 0.0;
                    rel1 {
-                      relative: 0.0 0.0;
-                      to: "pad_b";
+                      relative: 1.0 0.0;
+                      to: "pad_left_button";
                    }
                    rel2 {
                       relative: 0.0 1.0;
-                      to: "pad_b";
+                      to: "pad_right_button";
                    }
                 }
              }
-             part { name: "elm.text";
-                type: TEXT;
-                scale : 1;
-                description { state: "default" 0.0;
-                   text {
-                      font: "SLP:style=Medium";
-                      size: 38;
-                      min: 0 0;
-                      align: 0.0 0.5;
-                   }
-                   color: 0 0 0 255;
-                   align: 0.0 0.5;
-                   rel1 {
-                      relative: 1.0 0.0;
-                      to_x:"elm.swallow.end"; to_y: "pad_b";
-                   }
-                   rel2 {
-                      relative: 1.0 1.0;
-                      to: "pad_b";
-                   }
+          }
+          programs {
+             program { name: "landscape_mode";
+                source: "elm";
+                signal: "elm,state,orient,90";
+                script {
+                   set_int(landscape_mode, 1);
+                   if (get_int(center_align) == 1)
+                      set_state(PART:"bg", "help_txt_lands_centre_align", 0.0);
+                   else
+                      set_state(PART:"bg", "landscape", 0.0);
+                   set_state(PART:"elm.help.text", "landscape", 0.0);
+                   set_state(PART:"padding_after_text", "landscape", 0.0);
+                   set_state(PART:"pad_after_help_text", "landscape", 0.0);
+                   set_state(PART:"pad_left_button", "landscape", 0.0);
+                   set_state(PART:"pad_right_button", "landscape", 0.0);
+                }
+             }
+             program { name: "landscape_mode2";
+                source: "elm";
+                signal: "elm,state,orient,270";
+                script {
+                   set_int(landscape_mode, 1);
+                   if (get_int(center_align) == 1)
+                      set_state(PART:"bg", "help_txt_lands_centre_align", 0.0);
+                   else
+                      set_state(PART:"bg", "landscape", 0.0);
+                   set_state(PART:"elm.help.text", "landscape", 0.0);
+                   set_state(PART:"padding_after_text", "landscape", 0.0);
+                   set_state(PART:"pad_after_help_text", "landscape", 0.0);
+                   set_state(PART:"pad_left_button", "landscape", 0.0);
+                   set_state(PART:"pad_right_button", "landscape", 0.0);
+                }
+             }
+             program { name: "portrait_mode";
+                source: "elm";
+                signal: "elm,state,orient,0";
+                script {
+                   set_int(landscape_mode, 0);
+                   if (get_int(center_align) == 1)
+                      set_state(PART:"bg", "help_txt_port_centre_align", 0.0);
+                   else
+                      set_state(PART:"bg", "default", 0.0);
+                   set_state(PART:"elm.help.text", "default", 0.0);
+                   set_state(PART:"padding_after_text", "default", 0.0);
+                   set_state(PART:"pad_after_help_text", "default", 0.0);
+                   set_state(PART:"pad_left_button", "default", 0.0);
+                   set_state(PART:"pad_right_button", "default", 0.0);
+                }
+             }
+             program { name: "portrait_mode2";
+                source: "elm";
+                signal: "elm,state,orient,180";
+                script {
+                   set_int(landscape_mode, 0);
+                   if (get_int(center_align) == 1)
+                      set_state(PART:"bg", "help_txt_port_centre_align", 0.0);
+                   else
+                      set_state(PART:"bg", "default", 0.0);
+                   set_state(PART:"elm.help.text", "default", 0.0);
+                   set_state(PART:"padding_after_text", "default", 0.0);
+                   set_state(PART:"pad_after_help_text", "default", 0.0);
+                   set_state(PART:"pad_left_button", "default", 0.0);
+                   set_state(PART:"pad_right_button", "default", 0.0);
+                }
+             }
+             program { name: "disabled";
+                   signal: "text,disabled";
+                   source: "";
+                   action: STATE_SET "disabled" 0.0;
+                   target: "elm.text";
+             }
+             program { name: "align_center";
+                signal: "align.center";
+                source: "elm";
+                script {
+                   if (get_int(landscape_mode) == 1)
+                      set_state(PART:"bg", "help_txt_lands_centre_align", 0.0);
+                   else
+                      set_state(PART:"bg", "help_txt_port_centre_align", 0.0);
+                   set_int(center_align, 1);
                 }
              }
           }
        }
 
-       group {
-               name: "screen_mode";
-
-               parts {
-                       part {
-                               name: "bg";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       rel1 { relative: 0.0 0.0; offset: 0 0;}
-                                       rel2 { relative: 1.0 1.0; offset: 0 0;}
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "elm.padding.top";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       min: 0 16;
-                                       fixed: 0 1;
-                                       visible: 0;
-                                       rel2.relative: 1.0 0.0;
-                                       align: 0.0 0.0;
-                               }
+       group { name: "vpn_connect_popup";
+          parts {
+                 part { name: "base";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 130;
+                               fixed: 1 0;
+                        }
+                 }
+                 part {
+                       name: "elm.padding.top";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 6;
+                               fixed: 0 1;
+                               rel2.relative: 1.0 0.0;
+                               align: 0.0 0.0;
                        }
-                       part {
-                               name: "elm.padding.bottom";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       min: 0 16;
-                                       fixed: 0 1;
-                                       visible: 0;
-                                       rel1.relative: 0.0 1.0;
-                                       align: 0.0 1.0;
-                               }
+                 }
+                 part {
+                       name: "elm.padding.bottom";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 6;
+                               fixed: 0 1;
+                               rel2.relative: 0.0 1.0;
+                               align: 0.0 1.0;
                        }
-                       part {
+                 }
+                 part {
                                name: "elm.padding.left";
-                               type: RECT;
+                               type: SPACER;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       min: 16 0;
+                                       min: 26 0;
                                        fixed: 1 0;
-                                       visible: 0;
                                        rel2.relative: 0.0 1.0;
                                        align: 0.0 0.0;
                                }
                        }
                        part {
                                name: "elm.padding.right";
-                               type: RECT;
+                               type: SPACER;
                                scale: 1;
-                               description { state: "default" 0.0;
-                                       min: 16 0;
+                               description {
+                                       state: "default" 0.0;
+                                       min: 26 0;
                                        fixed: 1 0;
-                                       visible: 0;
-                                       rel1.relative: 1.0  0.0;
+                                       rel1.relative: 594/620 0.0;
                                        align: 1.0 0.0;
                                }
                        }
-                       part {
-                               name: "content";
-                               type: SWALLOW;
-                               mouse_events: 1;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       align: 0.5 0.5;
-                                       rel1 {
-                                               relative: 1 1;
-                                               to_x: "elm.padding.left";
-                                               to_y: "elm.padding.top";
-                                       }
-                                       rel2 {
-                                               relative: 0 0;
-                                               to_x: "elm.padding.right";
-                                               to_y: "elm.padding.bottom";
-                                       }
+
+               part {
+                        name: "elm.swallow.title.1";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 24;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.top";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
                                }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.swallow.entry.1";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.swallow.title.1";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.padding.middle.1";
+                        type: SPACER;
+                        scale: 1;
+                        description {
+                               state: "default" 0.0;
+                               min: 0 8;
+                               fixed: 0 1;
+                               rel1 {
+                                  relative: 1.0 1.0;
+                                  to_x: "elm.padding.left";
+                                  to_y: "elm.swallow.entry.1";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;
+                                  to_x: "elm.padding.right";
+                                  to_y: "elm.padding.bottom";
+                               }
+                               align: 0.0 0.0;
                        }
-               }
-       }
-    group {
-               name: "custom_popup";
-                 parts{
-                       part {
-                               name: "left_padding";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       fixed: 1 0;
-                                       visible: 0;
-                                       align: 0.0 0.5;
-                                       min: 32 0;
-                                       rel1 {
-                                               relative: 0.0 0.0;
-                                       }
-                                       rel2 {
-                                               relative: 0.0 1.0;
-                                       }
+                 }
+
+                 part {
+                        name: "elm.swallow.title.2";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.middle.1";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
                                }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.swallow.entry.2";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 42;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.swallow.title.2";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.padding.middle.2";
+                        type: SPACER;
+                        scale: 1;
+                        description {
+                               state: "default" 0.0;
+                               min: 0 8;
+                               fixed: 0 1;
+                               rel1 {
+                                  relative: 1.0 1.0;
+                                  to_x: "elm.padding.left";
+                                  to_y: "elm.swallow.entry.2";
+                               }
+                               rel2 {
+                                  relative: 0.0 0.0;
+                                  to_x: "elm.padding.right";
+                                  to_y: "elm.padding.bottom";
+                               }
+                               align: 0.0 0.0;
                        }
-                       part{
-                               name:"content";
-                               type: SWALLOW;
-                               scale : 1;
-                               description {
-                                       state: "default" 0.0;
-                                       min: 1 1;
-                                       align: 0.0 0.5;
-                                       fixed: 1 0;
-                                       rel1 {
-                                               relative: 1.0 0.0;
-                                               to_x: "left_padding";
-                                       }
-                                       rel2 {
-                                               relative: 0.0 1.0;
-                                               to_x: "right_padding";
-                                       }
+                 }
+
+                 part {
+                        name: "elm.swallow.chkbox";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 32 32;
+                               max: 32 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.middle.2";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
                                }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+          }
+       }
+
+       group { name: "vpn_connected_popup";
+          parts {
+                 part { name: "base";
+                        type: SPACER;
+                        scale: 1;
+                        description { state: "default" 0.0;
+                               min: 0 130;
+                               fixed: 1 0;
+                        }
+                 }
+                 part {
+                       name: "elm.padding.top";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 24;
+                               fixed: 0 1;
+                               rel2.relative: 1.0 0.0;
+                               align: 0.0 0.0;
                        }
-                       part{
-                               name:"content2";
-                               type: SWALLOW;
-                               scale : 1;
+                 }
+                 part {
+                       name: "elm.padding.bottom";
+                       type: SPACER;
+                       scale: 1;
+                       description {
+                               state: "default" 0.0;
+                               min: 0 20;
+                               fixed: 0 1;
+                               rel2.relative: 0.0 1.0;
+                               align: 0.0 1.0;
+                       }
+                 }
+                 part {
+                               name: "elm.padding.left";
+                               type: SPACER;
+                               scale: 1;
                                description {
                                        state: "default" 0.0;
-                                       min: 1 1;
-                                       align: 0.0 0.0;
+                                       min: 26 0;
                                        fixed: 1 0;
-                                       rel1 {
-                                               relative: 1.0 1.0;
-                                               to_x: "left_padding";
-                                               to_y: "content";
-                                       }
-                                       rel2 {
-                                               relative: 0.0 1.0;
-                                               to_x: "right_padding";
-                                               to_y: "content";
-                                       }
+                                       rel2.relative: 0.0 1.0;
+                                       align: 0.0 0.0;
                                }
                        }
                        part {
-                               name: "right_padding";
-                               type: RECT;
+                               name: "elm.padding.right";
+                               type: SPACER;
                                scale: 1;
                                description {
                                        state: "default" 0.0;
+                                       min: 26 0;
                                        fixed: 1 0;
-                                       visible: 0;
-                                       align: 1.0 0.5;
-                                       min: 32 0;
-                                       rel1 {
-                                               relative: 1.0 0.0;
-                                       }
-                                       rel2 {
-                                               relative: 1.0 1.0;
-                                       }
+                                       rel1.relative: 594/620 0.0;
+                                       align: 1.0 0.0;
                                }
                        }
-               }
-       }
+                 part {
+                        name: "elm.swallow.session";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.padding.top";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
 
-       group {
-               name: "silder_text_layout";
-               parts {
-                       part {
-                               name: "padding1";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       min: 0 1;
-                                       fixed: 0 1;
-                                       align: 0.5 0.0;
-                                       rel1 { relative: 0 0; }
-                                       rel2 { relative: 1 0; }
-                                       color: 0 0 0 0;
+                 part {
+                        name: "elm.swallow.duration";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.swallow.session";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
                                }
-                       }
-                       part {
-                               name: "text1";
-                               type: TEXT;
-                               scale: 1;
-                               description {
-                                       state: "default" 0.0;
-                                       min: 0 60;
-                                       fixed: 0 1;
-                                       align: 0.5 0.0;
-                                       rel1 { relative: 0 1; to: padding1; }
-                                       rel2 { relative: 1 1; to: padding1; }
-                                       color: 0 0 0 255;
-                                       text {
-                                               font: "SLP:style=Roman";
-                                               size: 36;
-                                               min:  1 0;
-                                               align: 0.0 0.5;
-                                       }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
                                }
-                       }
-               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.swallow.sent";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.swallow.duration";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+
+                 part {
+                        name: "elm.swallow.received";
+                        type: SWALLOW;
+                        scale: 1;
+                        ignore_flags: ON_HOLD;
+                        description { state: "default" 0.0;
+                               min: 0 32;
+                               rel1 {
+                                       to_x: "elm.padding.left";
+                                       to_y: "elm.swallow.sent";
+                                       relative: 1.0 1.0;
+                                       offset: 0 0;
+                               }
+                               rel2 {
+                                       to_x: "elm.padding.right";
+                                       to_y: "elm.padding.bottom";
+                                       relative: 0.0 0.0;
+                                       offset: 0 0;
+                               }
+                               align: 0.0 0.0;
+                               fixed: 1 0;
+                        }
+                 }
+          }
        }
+
 }