incubator-callback-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From a...@apache.org
Subject [52/72] [abbrv] [partial] [tizen] Add samples and templates
Date Fri, 24 Aug 2012 20:29:40 GMT
http://git-wip-us.apache.org/repos/asf/incubator-cordova-tizen/blob/f98b376a/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
----------------------------------------------------------------------
diff --git a/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css b/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
new file mode 100644
index 0000000..18f3916
--- /dev/null
+++ b/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
@@ -0,0 +1,12866 @@
+/*!
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ */
+/******************************
+  z-index order collection
+ ******************************/
+/******************************
+  Global LESS mixin collection
+ ******************************/
+/*************************
+  Vars/Mixins for Widgets
+
+  NOTE:
+    * Color variables' name: @color_<widget name>_<identifier>
+	* Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+                   List 
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+                   Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+                   Popup 
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+                    Button
+***************************************************************************/
+.LESSbutton_text1_style {
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+  color: #f9f9f9;
+}
+/***************************************************************************
+		    Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+                  Contextual Popup 
+***************************************************************************/
+/***************************************************************************
+                    DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+                    OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+                    SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+                    SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+                    ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+                    Tickernoti
+***************************************************************************/
+/***************************************************************************
+                    Smallpopup
+***************************************************************************/
+/***************************************************************************
+                    No Contents
+***************************************************************************/
+/***************************************************************************
+                    Slider
+***************************************************************************/
+/***************************************************************************
+                   Handler
+***************************************************************************/
+/***************************************************************************
+                   multimediaview
+***************************************************************************/
+/* Swatches */
+/* S
+-----------------------------------------------------------------------------------------------------------*/
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar
+***************************************************************************/
+.ui-bar-s {
+  border: none;
+  background: #1f1f1f;
+  color: #f9f9f9;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 1rem;
+  /*	
+	.ui-link {
+		color: #7cc4e7; 
+		font-weight: bold;
+		&:hover { color: #2489CE; }
+		&:active { color: #2489CE; }
+		&:visited {	color: #2489CE; }
+	}
+	*/
+}
+.ui-bar-s .ui-link-inherit {
+  color: #f9f9f9;
+}
+.ui-bar-s .ui-btn.ui-btn-back.ui-btn-down-s .ui-btn-inner {
+  background: #0a8cd2;
+}
+.ui-bar-s .ui-btn.ui-btn-back, .ui-bar-s .ui-btn.ui-btn-footer-right {
+  position: absolute;
+  font-size: 0.8888888888888888rem;
+  width: 4rem;
+  height: 3.1666666666666665rem;
+  top: 0rem;
+  border-style: none;
+  border-width: 0px;
+  background: #1f1f1f;
+}
+.ui-bar-s .ui-btn.ui-btn-back .ui-btn-inner, .ui-bar-s .ui-btn.ui-btn-footer-right .ui-btn-inner {
+  padding: 0;
+  width: 2.888888888888889rem;
+  height: 2.0555555555555554rem;
+  top: 0.5555555555555556rem;
+  left: 0.5555555555555556rem;
+  background: #353535;
+  border-color: black;
+  border-width: 0.05555555555555555rem;
+  border-style: groove;
+}
+.ui-bar-s .ui-btn.ui-btn-back {
+  right: 0rem;
+}
+.ui-bar-s .ui-btn.ui-btn-footer-right.ui-btn-down-s .ui-btn-inner {
+  background: #0a8cd2;
+}
+.ui-bar-s .ui-btn.ui-btn-footer-right .ui-btn-inner .ui-btn-text {
+  line-height: 2.0555555555555554rem;
+}
+.ui-bar-s .ui-field-contain {
+  margin-left: auto;
+  margin-right: auto;
+  height: 2.0555555555555554rem;
+  font-size: 0.7777777777777777rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup {
+  position: absolute;
+  display: inline;
+  margin-top: 0rem;
+  margin-bottom: 0rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup label {
+  border-color: #2b2b2b;
+  border-style: solid;
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio {
+  height: 2.0555555555555554rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-btn {
+  width: 100%;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-btn-inner .ui-btn-text {
+  text-align: center;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-off {
+  background: #434343;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-off .ui-btn-text {
+  color: #767676;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-on {
+  background: #f9f9f9;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-on .ui-btn-text {
+  color: #000000;
+}
+.ui-bar-s .ui-field-contain .ui-title-extended-controlgroup {
+  top: 0.1388888888888889rem;
+}
+.ui-bar-s .ui-field-contain .ui-footer-extended-controlgroup {
+  top: 0.4444444444444444rem;
+}
+.ui-bar-s .ui-field-contain .ui-footer-extended-controlgroup .ui-btn-inner {
+  line-height: 2.0555555555555554rem;
+  padding: 0rem;
+}
+.ui-bar-s .ui-title-normal-3btn {
+  position: absolute;
+  right: 4.277777777777778rem;
+  display: block;
+}
+.ui-bar-s .ui-title-extended-controlgroup-4btn {
+  width: 18.944444444444443rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-4btn .ui-radio {
+  width: 4.722222222222222rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-3btn {
+  width: 12rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-3btn .ui-radio {
+  width: 3.972222222222222rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-2btn {
+  width: 9.11111111111111rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-2btn .ui-radio {
+  width: 4.527777777777778rem;
+}
+.ui-header.ui-bar-s {
+  position: fixed;
+  top: 0px;
+  background: #6c6c6c;
+}
+.ui-header.ui-bar-s .ui-title {
+  color: #f9f9f9;
+  top: 0px;
+  min-height: 1rem;
+  text-align: center;
+  font-size: 1rem;
+  display: block;
+  margin: 0.7777777777777777rem 3.75rem 0.7777777777777777rem 3.75rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  outline: 0 !important;
+}
+.ui-header.ui-bar-s .ui-btn {
+  font-size: 0.7777777777777777rem;
+  height: 2.0555555555555554rem;
+  width: 3.444444444444444rem;
+}
+.ui-header.ui-bar-s > .ui-btn {
+  top: 0.3333333333333333rem;
+  margin-top: 0px;
+  font-size: 0.7777777777777777rem;
+  height: 2.0555555555555554rem;
+  background: #848484;
+  color: #f9f9f9;
+  border-style: solid;
+  border-color: #4c4c4c;
+  border-width: 1px;
+}
+.ui-header.ui-bar-s > .ui-btn .ui-btn-inner {
+  width: 3rem;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-down-s {
+  background: #0a8cd2;
+  color: #f9f9f9;
+}
+.ui-header.ui-bar-s.ui-title-extended-height {
+  height: 3.7777777777777777rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height a {
+  top: 1.3888888888888888rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height .ui-title {
+  font-size: 0.7777777777777777rem;
+  top: 0rem;
+  padding-top: 0.3055555555555555rem;
+  margin-top: 0rem;
+  margin-bottom: 0rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height .ui-title-extended-segment-style {
+  left: 0rem;
+  margin-top: 0rem;
+  top: 0.05555555555555555rem;
+}
+.ui-header.ui-bar-s.ui-title-controlbar-height, .ui-footer.ui-bar-s {
+  height: 3.1666666666666665rem;
+}
+.ui-footer.ui-bar-s.ui-footer-fixed {
+  background: #1f1f1f;
+  height: 3.1666666666666665rem;
+}
+.ui-footer.ui-bar-s.ui-footer-fixed .ui-title {
+  font-size: 0.8888888888888888rem;
+}
+.ui-footer.ui-bar-s .ui-title-extended-controlgroup-4btn {
+  margin-top: 0rem;
+}
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar
+***************************************************************************/
+/***************************************************************************
+                    Content Top calculate
+***************************************************************************/
+.ui-title-content-normal-height, .ui-title-content-option-header-collapsed-1line-height {
+  position: relative;
+  top: 2.7777777777777777rem;
+}
+.ui-title-content-extended-height {
+  position: relative;
+  top: 3.7777777777777777rem;
+}
+.ui-title-content-option-header-expanded-1line-height {
+  position: relative;
+  top: 5.416666666666666rem;
+}
+.ui-title-content-search {
+  position: relative;
+  top: 5.722222222222222rem;
+}
+.ui-title-content-optionheader-search {
+  position: relative;
+  top: 6.083333333333333rem;
+}
+.ui-title-content-controlbar-height {
+  position: relative;
+  top: 3.194444444444444rem;
+}
+/***************************************************************************
+                    Content Top calculate
+***************************************************************************/
+.ui-body-s {
+  border: 1px solid #2a2a2a;
+  background: #000000;
+  color: #f9f9f9;
+  font-weight: normal;
+  font-family: Helvetica, Arial, sans-serif;
+}
+.ui-body-s .ui-link-inherit {
+  color: #fff;
+}
+.ui-body-s .ui-link {
+  /* ui-body-link */
+
+  color: #2489CE;
+  font-weight: bold;
+}
+.ui-body-s .ui-link:hover {
+  color: #2489CE;
+}
+.ui-body-s .ui-link:active {
+  color: #2489CE;
+}
+.ui-body-s .ui-link:visited {
+  color: #2489CE;
+}
+.ui-btn-up-s {
+  background: #3b3b3b;
+  font-weight: bold;
+  color: #f9f9f9;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.ui-btn-up-s a.ui-link-inherit {
+  color: #f9f9f9;
+}
+.ui-btn-up-s:hover {
+  color: #f9f9f9;
+}
+.ui-btn-hover-s {
+  background: #454545;
+  font-weight: bold;
+  color: #f9f9f9;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.ui-btn-hover-s a.ui-link-inherit {
+  color: #f9f9f9;
+}
+.ui-btn-hover-s:hover {
+  color: #f9f9f9;
+}
+.ui-btn-down-s {
+  background: #008cd2;
+  font-weight: bold;
+  color: #f9f9f9;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.ui-btn-down-s a.ui-link-inherit {
+  color: #f9f9f9;
+}
+.ui-btn-down-s:hover {
+  color: #f9f9f9;
+}
+.ui-btn-up-s, .ui-btn-hover-s, .ui-btn-down-s {
+  font-family: Helvetica, Arial, sans-serif;
+  text-decoration: none;
+}
+.ui-listview {
+  border-top-color: #444444;
+  /* listview: fonts for li with a link */
+
+  /* listview divider */
+
+  /* NOTE: this divider has no swatch tag! */
+
+  /* subitem */
+
+}
+.ui-listview > .ui-li {
+  border-bottom-color: #444444;
+}
+.ui-listview  > .ui-li-static {
+  background-color: #000000;
+}
+.ui-listview li.ui-btn-up-s, .ui-listview li.ui-btn-hover-s {
+  background-color: #000000;
+  color: #f9f9f9;
+}
+.ui-listview li.ui-btn-down-s {
+  background-color: #008cd2;
+  color: #f9f9f9;
+}
+.ui-listview li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit {
+  color: #f9f9f9;
+}
+.ui-listview li.ui-li-divider {
+  background: #424242;
+  color: #a4a4a4;
+}
+.ui-listview .ui-li-sub {
+  color: #666666;
+}
+.ui-listview .ui-li-sub-setting {
+  color: #2a6d8c;
+}
+.ui-listview > .ui-li-expanded {
+  background-color: #1f1f1f;
+}
+.ui-listview > .ui-li-expanded .ui-li-expanded {
+  background-color: #2e2e2e;
+}
+.ui-listview .ui-li-static.ui-li-bubble-left {
+  background-color: #ddce7a;
+  -moz-box-shadow: 2px 3px 3px #4d3a17;
+  -webkit-box-shadow: 2px 3px 3px #4d3a17;
+  box-shadow: 2px 3px 3px #4d3a17;
+  color: #000000;
+}
+.ui-listview .ui-li-static.ui-li-bubble-right {
+  background-color: #ddce7a;
+  -moz-box-shadow: 2px 3px 3px #4d3a17;
+  -webkit-box-shadow: 2px 3px 3px #4d3a17;
+  box-shadow: 2px 3px 3px #4d3a17;
+  color: #606060;
+}
+.ui-listview .ui-li-static.ui-li-bubble-sos {
+  color: #d30000;
+}
+.ui-listview .ui-li-static.ui-li-bubble-date {
+  background-color: #424242;
+  color: #39a6d7;
+}
+.ui-listview span.ui-li-bubble-time {
+  color: #39a6d7;
+}
+/* Structure */
+/* links within "buttons" 
+-----------------------------------------------------------------------------------------------------------*/
+a.ui-link-inherit {
+  text-decoration: none !important;
+}
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+/* button default color for active state */
+.ui-btn-active {
+  /* global-active */
+
+  color: #f9f9f9;
+  cursor: pointer;
+  text-decoration: none;
+  background: #008cd2;
+  outline: none;
+}
+.ui-btn-active a.ui-link-inherit {
+  color: #f9f9f9;
+}
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+/*************************************************************************** 
+                    ControlBar
+***************************************************************************/
+.ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right {
+  border: 1px solid #2a2a2a;
+  background: #1f1f1f;
+  color: #f9f9f9;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 1rem;
+}
+.ui-controlbar-s .ui-link-inherit,
+.ui-controlbar-left .ui-link-inherit,
+.ui-controlbar-right .ui-link-inherit,
+.ui-controlbar-s .ui-link,
+.ui-controlbar-left .ui-link,
+.ui-controlbar-right .ui-link {
+  color: #f9f9f9;
+  font-weight: bold;
+}
+.ui-controlbar-s .ui-link-inherit:hover,
+.ui-controlbar-left .ui-link-inherit:hover,
+.ui-controlbar-right .ui-link-inherit:hover,
+.ui-controlbar-s .ui-link:hover,
+.ui-controlbar-left .ui-link:hover,
+.ui-controlbar-right .ui-link:hover {
+  color: #f9f9f9;
+}
+.ui-controlbar-s .ui-link-inherit:active,
+.ui-controlbar-left .ui-link-inherit:active,
+.ui-controlbar-right .ui-link-inherit:active,
+.ui-controlbar-s .ui-link:active,
+.ui-controlbar-left .ui-link:active,
+.ui-controlbar-right .ui-link:active {
+  color: #f9f9f9;
+}
+.ui-controlbar-s .ui-link-inherit:visited,
+.ui-controlbar-left .ui-link-inherit:visited,
+.ui-controlbar-right .ui-link-inherit:visited,
+.ui-controlbar-s .ui-link:visited,
+.ui-controlbar-left .ui-link:visited,
+.ui-controlbar-right .ui-link:visited {
+  color: #f9f9f9;
+}
+.ui-controlbar-s .ui-btn-text,
+.ui-controlbar-left .ui-btn-text,
+.ui-controlbar-right .ui-btn-text,
+.ui-controlbar-s .ui-btn,
+.ui-controlbar-left .ui-btn,
+.ui-controlbar-right .ui-btn {
+  color: #f9f9f9;
+  font-weight: bold;
+  text-decoration: none;
+}
+.ui-controlbar-s .ui-btn-down-s,
+.ui-controlbar-left .ui-btn-down-s,
+.ui-controlbar-right .ui-btn-down-s,
+.ui-controlbar-s .ui-btn-active,
+.ui-controlbar-left .ui-btn-active,
+.ui-controlbar-right .ui-btn-active {
+  color: #f9f9f9;
+}
+.ui-controlbar-s.ui-navbar {
+  position: absolute;
+  height: 3.1666666666666665rem;
+  /* temporary value */
+
+  width: 100%;
+  left: 0px;
+  border-top: none;
+  border-bottom: none;
+  z-index: 50;
+}
+.ui-controlbar-s.ui-navbar li .ui-btn, .ui-controlbar-s.ui-navbar .ui-navbar-toggle .ui-btn {
+  font-size: 0.7222222222222222rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-icon-top .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-hover-s .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-active .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-up-s .ui-btn-inner {
+  padding-top: 2.194444444444444rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-icon {
+  left: 50%;
+  top: 0.3333333333333333rem;
+  margin-left: -1.3em;
+  width: 1.5555555555555554rem;
+  height: 1.5555555555555554rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-btn-text {
+  padding-left: 0px;
+}
+.ui-controlbar-s.ui-navbar .ui-btn.ui-ctrlbar-icononly {
+  padding-top: 0.5555555555555556rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn-inner {
+  z-index: 200;
+}
+.ui-controlbar-s.ui-navbar .ui-btn-inner.ui-navbar-textonly {
+  font-size: 0.7777777777777777rem;
+  padding-top: 1.222222222222222rem;
+  padding-bottom: 1.25rem;
+}
+.ui-tabbar-s .ui-btn {
+  background: #1f1f1f;
+}
+.ui-tabbar-s .ui-btn-active, .ui-tabbar-s .ui-btn-show-style {
+  background: #4c4c4c;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-left-color: #2a2a2a;
+  border-right-color: #2a2a2a;
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+.ui-tabbar-s .ui-btn-animation {
+  background: #4c4c4c;
+  border-left-style: solid;
+  border-right-style: solid;
+  border-left-color: #2a2a2a;
+  border-right-color: #2a2a2a;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  position: absolute;
+  top: 0px;
+  height: 3.4166666666666665rem;
+  z-index: 100;
+}
+.ui-tabbar-s .ui-btn-hide-style {
+  background: #1f1f1f;
+  border: none;
+}
+.ui-toolbar-s .ui-btn, .ui-toolbar-s .ui-btn-up-s {
+  background: #1f1f1f;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-color: #2a2a2a;
+  border-style: solid;
+}
+.ui-toolbar-s .ui-btn-down-s {
+  background: #4c4c4c;
+}
+.ui-header .ui-navbar.ui-tabbar-s a, .ui-header .ui-navbar.ui-toolbar-s a {
+  width: 100%;
+  height: 100%;
+}
+.ui-controlbar-left.ui-navbar, .ui-controlbar-right.ui-navbar {
+  position: fixed;
+  z-index: 50;
+}
+.ui-controlbar-left.ui-navbar li .ui-btn,
+.ui-controlbar-right.ui-navbar li .ui-btn,
+.ui-controlbar-left.ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-controlbar-right.ui-navbar .ui-navbar-toggle .ui-btn {
+  font-size: 0.5555555555555556rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn, .ui-controlbar-right.ui-navbar .ui-btn {
+  width: 100%;
+  margin: 0px 0em;
+  background: #1f1f1f;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-down-s,
+.ui-controlbar-right.ui-navbar .ui-btn-down-s,
+.ui-controlbar-left.ui-navbar .ui-btn-active,
+.ui-controlbar-right.ui-navbar .ui-btn-active {
+  color: #f9f9f9;
+}
+.ui-controlbar-left.ui-navbar li .ui-btn,
+.ui-controlbar-right.ui-navbar li .ui-btn,
+.ui-controlbar-left.ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-controlbar-right.ui-navbar .ui-navbar-toggle .ui-btn {
+  font-size: 0.5555555555555556rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner, .ui-controlbar-right.ui-navbar .ui-btn-inner {
+  z-index: 200;
+  padding-top: 3.5rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner .ui-icon, .ui-controlbar-right.ui-navbar .ui-btn-inner .ui-icon {
+  left: 23%;
+  top: 0.9722222222222222rem;
+  width: 1.9444444444444444rem;
+  height: 1.9444444444444444rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner .ui-btn-text.ui-btn-text-padding-left, .ui-controlbar-right.ui-navbar .ui-btn-inner .ui-btn-text.ui-btn-text-padding-left {
+  padding-left: 0px;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-animation, .ui-controlbar-right.ui-navbar .ui-btn-animation {
+  position: fixed;
+  background: #1f1f1f;
+  border-bottom-style: solid;
+  border-top-style: solid;
+  border-bottom-color: #2a2a2a;
+  border-top-color: #2a2a2a;
+  border-bottom-width: 1px;
+  border-top-width: 1px;
+  z-index: 100;
+}
+.ui-controlbar-left {
+  left: 0px;
+  float: left;
+}
+.ui-controlbar-right {
+  right: 0px;
+  float: right;
+}
+.ui-btn-ani-endposition {
+  -webkit-transition-property: left;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+.ui-btn-ani-verticalendposition {
+  -webkit-transition-property: top;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+/*************************************************************************** 
+                    ControlBar
+***************************************************************************/
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-tl {
+  -moz-border-radius-topleft: 0.6em;
+  -webkit-border-top-left-radius: 0.6em;
+  border-top-left-radius: 0.6em;
+}
+.ui-corner-tr {
+  -moz-border-radius-topright: 0.6em;
+  -webkit-border-top-right-radius: 0.6em;
+  border-top-right-radius: 0.6em;
+}
+.ui-corner-bl {
+  -moz-border-radius-bottomleft: 0.6em;
+  -webkit-border-bottom-left-radius: 0.6em;
+  border-bottom-left-radius: 0.6em;
+}
+.ui-corner-br {
+  -moz-border-radius-bottomright: 0.6em;
+  -webkit-border-bottom-right-radius: 0.6em;
+  border-bottom-right-radius: 0.6em;
+}
+.ui-corner-top {
+  -moz-border-radius-topleft: 0.6em;
+  -webkit-border-top-left-radius: 0.6em;
+  border-top-left-radius: 0.6em;
+  -moz-border-radius-topright: 0.6em;
+  -webkit-border-top-right-radius: 0.6em;
+  border-top-right-radius: 0.6em;
+}
+.ui-corner-bottom {
+  -moz-border-radius-bottomleft: 0.6em;
+  -webkit-border-bottom-left-radius: 0.6em;
+  border-bottom-left-radius: 0.6em;
+  -moz-border-radius-bottomright: 0.6em;
+  -webkit-border-bottom-right-radius: 0.6em;
+  border-bottom-right-radius: 0.6em;
+}
+.ui-corner-right {
+  -moz-border-radius-topright: 0.6em;
+  -webkit-border-top-right-radius: 0.6em;
+  border-top-right-radius: 0.6em;
+  -moz-border-radius-bottomright: 0.6em;
+  -webkit-border-bottom-right-radius: 0.6em;
+  border-bottom-right-radius: 0.6em;
+}
+.ui-corner-left {
+  -moz-border-radius-topleft: 0.6em;
+  -webkit-border-top-left-radius: 0.6em;
+  border-top-left-radius: 0.6em;
+  -moz-border-radius-bottomleft: 0.6em;
+  -webkit-border-bottom-left-radius: 0.6em;
+  border-bottom-left-radius: 0.6em;
+}
+.ui-corner-none {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  bordert-radius: 0;
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+  opacity: .3;
+}
+.ui-disabled, .ui-disabled a {
+  cursor: default;
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon {
+  /* global-icon */
+
+  background-image: url(images/icons-18-white.png);
+  background-repeat: no-repeat;
+}
+.ui-image-search {
+  background-image: url(images/00_search_icon.png);
+  background-repeat: no-repeat;
+  -moz-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+  -o-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+  -webkit-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+  background-size: 1.1666666666666665rem 1.1666666666666665rem;
+}
+.ui-icon-deleteSearch {
+  background-image: url(images/00_field_btn_Clear.png);
+  background-repeat: no-repeat;
+  -moz-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+  -o-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+  -webkit-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+  background-size: 1.0555555555555556rem 1.0555555555555556rem;
+}
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-alt {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.3);
+  background-image: url(images/icons-18-black.png);
+  background-repeat: no-repeat;
+}
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+       only screen and (min--moz-device-pixel-ratio: 1.5),
+       only screen and (min-resolution: 240dpi) {
+  .ui-icon-plus,
+  .ui-icon-minus,
+  .ui-icon-delete,
+  .ui-icon-arrow-r,
+  .ui-icon-arrow-l,
+  .ui-icon-arrow-u,
+  .ui-icon-arrow-d,
+  .ui-icon-check,
+  .ui-icon-gear,
+  .ui-icon-refresh,
+  .ui-icon-forward,
+  .ui-icon-back,
+  .ui-icon-grid,
+  .ui-icon-star,
+  .ui-icon-alert,
+  .ui-icon-info,
+  .ui-icon-home,
+  .ui-icon-search,
+  .ui-icon-searchfield:after,
+  .ui-icon-checkbox-off,
+  .ui-icon-checkbox-on,
+  .ui-icon-radio-off,
+  .ui-icon-radio-on {
+    background-image: url(images/icons-36-white.png);
+    -moz-background-size: 776px 18px;
+    -o-background-size: 776px 18px;
+    -webkit-background-size: 776px 18px;
+    background-size: 776px 18px;
+  }
+  .ui-icon-alt {
+    background-image: url(images/icons-36-black.png);
+  }
+}
+/* plus minus */
+.ui-icon-plus {
+  background-position: 0 50%;
+}
+.ui-icon-minus {
+  /*background-position: 	-36px 50%;*/
+  /* wongi_1018: Same name make problem. Later, origianl icons will be removed.  */
+
+}
+/* arrows */
+.ui-icon-arrow-r {
+  background-position: -108px 50%;
+}
+.ui-icon-arrow-l {
+  background-position: -144px 50%;
+}
+.ui-icon-arrow-u {
+  background-position: -180px 50%;
+}
+.ui-icon-arrow-d {
+  background-position: -216px 50%;
+}
+/* misc */
+.ui-icon-check {
+  background-position: -252px 50%;
+}
+.ui-icon-gear {
+  background-position: -288px 50%;
+}
+.ui-icon-refresh {
+  background-position: -324px 50%;
+}
+.ui-icon-forward {
+  background-position: -360px 50%;
+}
+.ui-icon-back {
+  background-position: -396px 50%;
+}
+.ui-icon-grid {
+  background-position: -432px 50%;
+}
+.ui-icon-star {
+  background-position: -468px 50%;
+}
+.ui-icon-alert {
+  background-position: -504px 50%;
+}
+.ui-icon-info {
+  background-position: -540px 50%;
+}
+.ui-icon-home {
+  background-position: -576px 50%;
+}
+/* checks,radios */
+.ui-checkbox .ui-icon {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+.ui-icon-radio-off {
+  background-color: transparent;
+}
+.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
+  /*Do not need bg color for icons..
+	background-color: #4596ce;*/
+  /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+
+}
+/* loading icon */
+.ui-icon-loading {
+  background-image: url(images/ajax-loader.png);
+  width: 40px;
+  height: 40px;
+  -moz-border-radius: 20px;
+  -webkit-border-radius: 20px;
+  bordert-radius: 20px;
+}
+/* Add ctrl bar *//* TIZEN Default Footer */
+.ui-icon-ctrlbar-account_sign-up,
+.ui-icon-ctrlbar-accounts,
+.ui-icon-ctrlbar-add-to-bookmarks,
+.ui-icon-ctrlbar-add-to-calendar,
+.ui-icon-ctrlbar-alarm,
+.ui-icon-ctrlbar-albums,
+.ui-icon-ctrlbar-area,
+.ui-icon-ctrlbar-artist,
+.ui-icon-ctrlbar-attach,
+.ui-icon-ctrlbar-back,
+.ui-icon-ctrlbar-backward,
+.ui-icon-ctrlbar-bluetooth_preview,
+.ui-icon-ctrlbar-bookmarks,
+.ui-icon-ctrlbar-brightness,
+.ui-icon-ctrlbar-calendar,
+.ui-icon-ctrlbar-call,
+.ui-icon-ctrlbar-camera,
+.ui-icon-ctrlbar-category,
+.ui-icon-ctrlbar-change_group,
+.ui-icon-ctrlbar-chat,
+.ui-icon-ctrlbar-check,
+.ui-icon-ctrlbar-compose,
+.ui-icon-ctrlbar-composer,
+.ui-icon-ctrlbar-contacts,
+.ui-icon-ctrlbar-copy,
+.ui-icon-ctrlbar-create,
+.ui-icon-ctrlbar-create_folder,
+.ui-icon-ctrlbar-delete,
+.ui-icon-ctrlbar-dialer,
+.ui-icon-ctrlbar-DM,
+.ui-icon-ctrlbar-edit,
+.ui-icon-ctrlbar-editor,
+.ui-icon-ctrlbar-eng_eng_result,
+.ui-icon-ctrlbar-exchangs_register,
+.ui-icon-ctrlbar-Externalstorage,
+.ui-icon-ctrlbar-favorite,
+.ui-icon-ctrlbar-features,
+.ui-icon-ctrlbar-forward,
+.ui-icon-ctrlbar-genre,
+.ui-icon-ctrlbar-help,
+.ui-icon-ctrlbar-home,
+.ui-icon-ctrlbar-info,
+.ui-icon-ctrlbar-length,
+.ui-icon-ctrlbar-list_by,
+.ui-icon-ctrlbar-logs,
+.ui-icon-ctrlbar-map,
+.ui-icon-ctrlbar-memolist,
+.ui-icon-ctrlbar-MemoryCard,
+.ui-icon-ctrlbar-mention,
+.ui-icon-ctrlbar-menu,
+.ui-icon-ctrlbar-more,
+.ui-icon-ctrlbar-move,
+.ui-icon-ctrlbar-multiview,
+.ui-icon-ctrlbar-multiview_02,
+.ui-icon-ctrlbar-multiview_03,
+.ui-icon-ctrlbar-multiview_04,
+.ui-icon-ctrlbar-multiview_05,
+.ui-icon-ctrlbar-multiview_06,
+.ui-icon-ctrlbar-multiview_07,
+.ui-icon-ctrlbar-multiview_08,
+.ui-icon-ctrlbar-multiview_09,
+.ui-icon-ctrlbar-music_albums,
+.ui-icon-ctrlbar-pause,
+.ui-icon-ctrlbar-phone,
+.ui-icon-ctrlbar-Play,
+.ui-icon-ctrlbar-playlists,
+.ui-icon-ctrlbar-receive,
+.ui-icon-ctrlbar-reply,
+.ui-icon-ctrlbar-save,
+.ui-icon-ctrlbar-save_to_calender,
+.ui-icon-ctrlbar-scrap,
+.ui-icon-ctrlbar-search,
+.ui-icon-ctrlbar-send,
+.ui-icon-ctrlbar-set_as,
+.ui-icon-ctrlbar-settings,
+.ui-icon-ctrlbar-setup_wizard_previous,
+.ui-icon-ctrlbar-share,
+.ui-icon-ctrlbar-songs,
+.ui-icon-ctrlbar-stop_watch,
+.ui-icon-ctrlbar-store,
+.ui-icon-ctrlbar-synchronise_start_sync,
+.ui-icon-ctrlbar-synchronise_stop_01,
+.ui-icon-ctrlbar-synchronise_stop_02,
+.ui-icon-ctrlbar-synchronise_stop_03,
+.ui-icon-ctrlbar-view_result,
+.ui-icon-ctrlbar-tag,
+.ui-icon-ctrlbar-temp,
+.ui-icon-ctrlbar-timeline,
+.ui-icon-ctrlbar-timer,
+.ui-icon-ctrlbar-today,
+.ui-icon-ctrlbar-top,
+.ui-icon-ctrlbar-trim,
+.ui-icon-ctrlbar-TTS,
+.ui-icon-ctrlbar-update,
+.ui-icon-ctrlbar-upload_export,
+.ui-icon-ctrlbar-volume,
+.ui-icon-ctrlbar-world_clock,
+.ui-icon-ctrlbar-year,
+.ui-icon-ctrlbar-add_tag,
+.ui-icon-ctrlbar-add_to_contact,
+.ui-icon-ctrlbar-close,
+.ui-icon-ctrlbar-groups,
+.ui-icon-ctrlbar-year,
+.ui-icon-ctrlbar-unread_message,
+.ui-icon-ctrlbar-weight.ui-icon-ctrlbar-3Dview {
+  background-color: transparent;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+  background-size: 100% 100%;
+  -moz-box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+  -webkit-box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+  box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+}
+.ui-icon-ctrlbar-account_sign-up {
+  background-image: url(images/controlbar/01_controlbar_icon_account_sign-up.png);
+}
+.ui-icon-ctrlbar-accounts {
+  background-image: url(images/controlbar/01_controlbar_icon_accounts.png);
+}
+.ui-icon-ctrlbar-add-to-bookmarks {
+  background-image: url(images/controlbar/01_controlbar_icon_add-to-bookmarks.png);
+}
+.ui-icon-ctrlbar-add-to-calendar {
+  background-image: url(images/controlbar/01_controlbar_icon_add-to-calendar.png);
+}
+.ui-icon-ctrlbar-alarm {
+  background-image: url(images/controlbar/01_controlbar_icon_alarm.png);
+}
+.ui-icon-ctrlbar-albums {
+  background-image: url(images/controlbar/01_controlbar_icon_albums.png);
+}
+.ui-icon-ctrlbar-area {
+  background-image: url(images/controlbar/01_controlbar_icon_area.png);
+}
+.ui-icon-ctrlbar-artist {
+  background-image: url(images/controlbar/01_controlbar_icon_artist.png);
+}
+.ui-icon-ctrlbar-attach {
+  background-image: url(images/controlbar/01_controlbar_icon_attach.png);
+}
+.ui-icon-ctrlbar-back {
+  background-image: url(images/controlbar/01_controlbar_icon_back.png);
+}
+.ui-icon-ctrlbar-backward {
+  background-image: url(images/controlbar/01_controlbar_icon_backward.png);
+}
+.ui-icon-ctrlbar-bluetooth_preview {
+  background-image: url(images/controlbar/01_controlbar_icon_bluetooth_preview.png);
+}
+.ui-icon-ctrlbar-bookmarks {
+  background-image: url(images/controlbar/01_controlbar_icon_bookmarks.png);
+}
+.ui-icon-ctrlbar-brightness {
+  background-image: url(images/controlbar/01_controlbar_icon_brightness.png);
+}
+.ui-icon-ctrlbar-calendar {
+  background-image: url(images/controlbar/01_controlbar_icon_calendar.png);
+}
+.ui-icon-ctrlbar-call {
+  background-image: url(images/controlbar/01_controlbar_icon_call.png);
+}
+.ui-icon-ctrlbar-camera {
+  background-image: url(images/controlbar/01_controlbar_icon_camera.png);
+}
+.ui-icon-ctrlbar-category {
+  background-image: url(images/controlbar/01_controlbar_icon_category.png);
+}
+.ui-icon-ctrlbar-change_group {
+  background-image: url(images/controlbar/01_controlbar_icon_change_group.png);
+}
+.ui-icon-ctrlbar-chat {
+  background-image: url(images/controlbar/01_controlbar_icon_chat.png);
+}
+.ui-icon-ctrlbar-check {
+  background-image: url(images/controlbar/01_controlbar_icon_check.png);
+}
+.ui-icon-ctrlbar-compose {
+  background-image: url(images/controlbar/01_controlbar_icon_compose.png);
+}
+.ui-icon-ctrlbar-composer {
+  background-image: url(images/controlbar/01_controlbar_icon_composer.png);
+}
+.ui-icon-ctrlbar-contacts {
+  background-image: url(images/controlbar/01_controlbar_icon_contacts.png);
+}
+.ui-icon-ctrlbar-copy {
+  background-image: url(images/controlbar/01_controlbar_icon_copy.png);
+}
+.ui-icon-ctrlbar-create {
+  background-image: url(images/controlbar/01_controlbar_icon_create.png);
+}
+.ui-icon-ctrlbar-create_folder {
+  background-image: url(images/controlbar/01_controlbar_icon_create_folder.png);
+}
+.ui-icon-ctrlbar-delete {
+  background-image: url(images/controlbar/01_controlbar_icon_delete.png);
+}
+.ui-icon-ctrlbar-dialer {
+  background-image: url(images/controlbar/01_controlbar_icon_dialer.png);
+}
+.ui-icon-ctrlbar-DM {
+  background-image: url(images/controlbar/01_controlbar_icon_DM.png);
+}
+.ui-icon-ctrlbar-edit {
+  background-image: url(images/controlbar/01_controlbar_icon_edit.png);
+}
+.ui-icon-ctrlbar-editor {
+  background-image: url(images/controlbar/01_controlbar_icon_editor.png);
+}
+.ui-icon-ctrlbar-eng_eng_result {
+  background-image: url(images/controlbar/01_controlbar_icon_eng_eng_result.png);
+}
+.ui-icon-ctrlbar-exchangs_register {
+  background-image: url(images/controlbar/01_controlbar_icon_exchangs_register.png);
+}
+.ui-icon-ctrlbar-Externalstorage {
+  background-image: url(images/controlbar/01_controlbar_icon_Externalstorage.png);
+}
+.ui-icon-ctrlbar-favorite {
+  background-image: url(images/controlbar/01_controlbar_icon_favorite.png);
+}
+.ui-icon-ctrlbar-features {
+  background-image: url(images/controlbar/01_controlbar_icon_features.png);
+}
+.ui-icon-ctrlbar-forward {
+  background-image: url(images/controlbar/01_controlbar_icon_forward.png);
+}
+.ui-icon-ctrlbar-genre {
+  background-image: url(images/controlbar/01_controlbar_icon_genre.png);
+}
+.ui-icon-ctrlbar-help {
+  background-image: url(images/controlbar/01_controlbar_icon_help.png);
+}
+.ui-icon-ctrlbar-home {
+  background-image: url(images/controlbar/01_controlbar_icon_home.png);
+}
+.ui-icon-ctrlbar-info {
+  background-image: url(images/controlbar/01_controlbar_icon_info.png);
+}
+.ui-icon-ctrlbar-length {
+  background-image: url(images/controlbar/01_controlbar_icon_length.png);
+}
+.ui-icon-ctrlbar-list_by {
+  background-image: url(images/controlbar/01_controlbar_icon_list_by.png);
+}
+.ui-icon-ctrlbar-logs {
+  background-image: url(images/controlbar/01_controlbar_icon_logs.png);
+}
+.ui-icon-ctrlbar-map {
+  background-image: url(images/controlbar/01_controlbar_icon_map.png);
+}
+.ui-icon-ctrlbar-memolist {
+  background-image: url(images/controlbar/01_controlbar_icon_memolist.png);
+}
+.ui-icon-ctrlbar-MemoryCard {
+  background-image: url(images/controlbar/01_controlbar_icon_MemoryCard.png);
+}
+.ui-icon-ctrlbar-mention {
+  background-image: url(images/controlbar/01_controlbar_icon_mention.png);
+}
+.ui-icon-ctrlbar-menu {
+  background-image: url(images/controlbar/01_controlbar_icon_menu.png);
+}
+.ui-icon-ctrlbar-more {
+  background-image: url(images/controlbar/01_controlbar_icon_more.png);
+}
+.ui-icon-ctrlbar-move {
+  background-image: url(images/controlbar/01_controlbar_icon_move.png);
+}
+.ui-icon-ctrlbar-multiview {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview.png);
+}
+.ui-icon-ctrlbar-multiview_02 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_02.png);
+}
+.ui-icon-ctrlbar-multiview_03 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_03.png);
+}
+.ui-icon-ctrlbar-multiview_04 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_04.png);
+}
+.ui-icon-ctrlbar-multiview_05 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_05.png);
+}
+.ui-icon-ctrlbar-multiview_06 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_06.png);
+}
+.ui-icon-ctrlbar-multiview_07 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_07.png);
+}
+.ui-icon-ctrlbar-multiview_08 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_08.png);
+}
+.ui-icon-ctrlbar-multiview_09 {
+  background-image: url(images/controlbar/01_controlbar_icon_multiview_09.png);
+}
+.ui-icon-ctrlbar-music_albums {
+  background-image: url(images/controlbar/01_controlbar_icon_music_albums.png);
+}
+.ui-icon-ctrlbar-pause {
+  background-image: url(images/controlbar/01_controlbar_icon_pause.png);
+}
+.ui-icon-ctrlbar-phone {
+  background-image: url(images/controlbar/01_controlbar_icon_phone.png);
+}
+.ui-icon-ctrlbar-Play {
+  background-image: url(images/controlbar/01_controlbar_icon_Play.png);
+}
+.ui-icon-ctrlbar-playlists {
+  background-image: url(images/controlbar/01_controlbar_icon_playlists.png);
+}
+.ui-icon-ctrlbar-receive {
+  background-image: url(images/controlbar/01_controlbar_icon_receive.png);
+}
+.ui-icon-ctrlbar-reply {
+  background-image: url(images/controlbar/01_controlbar_icon_reply.png);
+}
+.ui-icon-ctrlbar-save {
+  background-image: url(images/controlbar/01_controlbar_icon_save.png);
+}
+.ui-icon-ctrlbar-save_to_calender {
+  background-image: url(images/controlbar/01_controlbar_icon_save_to_calender.png);
+}
+.ui-icon-ctrlbar-scrap {
+  background-image: url(images/controlbar/01_controlbar_icon_scrap.png);
+}
+.ui-icon-ctrlbar-search {
+  background-image: url(images/controlbar/01_controlbar_icon_search.png);
+}
+.ui-icon-ctrlbar-send {
+  background-image: url(images/controlbar/01_controlbar_icon_send.png);
+}
+.ui-icon-ctrlbar-set_as {
+  background-image: url(images/controlbar/01_controlbar_icon_set_as.png);
+}
+.ui-icon-ctrlbar-settings {
+  background-image: url(images/controlbar/01_controlbar_icon_settings.png);
+}
+.ui-icon-ctrlbar-setup_wizard_previous {
+  background-image: url(images/controlbar/01_controlbar_icon_setup_wizard_previous.png);
+}
+.ui-icon-ctrlbar-share {
+  background-image: url(images/controlbar/01_controlbar_icon_share.png);
+}
+.ui-icon-ctrlbar-songs {
+  background-image: url(images/controlbar/01_controlbar_icon_songs.png);
+}
+.ui-icon-ctrlbar-stop_watch {
+  background-image: url(images/controlbar/01_controlbar_icon_stop_watch.png);
+}
+.ui-icon-ctrlbar-store {
+  background-image: url(images/controlbar/01_controlbar_icon_store.png);
+}
+.ui-icon-ctrlbar-synchronise_start_sync {
+  background-image: url(images/controlbar/01_controlbar_icon_synchronise_start_sync.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_01 {
+  background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_01.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_02 {
+  background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_02.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_03 {
+  background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_03.png);
+}
+.ui-icon-ctrlbar-synchronise_view_result {
+  background-image: url(images/controlbar/01_controlbar_icon_synchronise_view_result.png);
+}
+.ui-icon-ctrlbar-tag {
+  background-image: url(images/controlbar/01_controlbar_icon_tag.png);
+}
+.ui-icon-ctrlbar-temp {
+  background-image: url(images/controlbar/01_controlbar_icon_temp.png);
+}
+.ui-icon-ctrlbar-timeline {
+  background-image: url(images/controlbar/01_controlbar_icon_timeline.png);
+}
+.ui-icon-ctrlbar-timer {
+  background-image: url(images/controlbar/01_controlbar_icon_timer.png);
+}
+.ui-icon-ctrlbar-today {
+  background-image: url(images/controlbar/01_controlbar_icon_today.png);
+}
+.ui-icon-ctrlbar-top {
+  background-image: url(images/controlbar/01_controlbar_icon_top.png);
+}
+.ui-icon-ctrlbar-trim {
+  background-image: url(images/controlbar/01_controlbar_icon_trim.png);
+}
+.ui-icon-ctrlbar-TTS {
+  background-image: url(images/controlbar/01_controlbar_icon_TTS.png);
+}
+.ui-icon-ctrlbar-update {
+  background-image: url(images/controlbar/01_controlbar_icon_update.png);
+}
+.ui-icon-ctrlbar-upload_export {
+  background-image: url(images/controlbar/01_controlbar_icon_upload_export.png);
+}
+.ui-icon-ctrlbar-volume {
+  background-image: url(images/controlbar/01_controlbar_icon_volume.png);
+}
+.ui-icon-ctrlbar-world_clock {
+  background-image: url(images/controlbar/01_controlbar_icon_world_clock.png);
+}
+.ui-icon-ctrlbar-year {
+  background-image: url(images/controlbar/01_controlbar_icon_year.png);
+}
+.ui-icon-ctrlbar-add_tag {
+  background-image: url(images/controlbar/01_controlbar_icon_add_tag.png);
+}
+.ui-icon-ctrlbar-add_to_contact {
+  background-image: url(images/controlbar/01_controlbar_icon_add_to_contact.png);
+}
+.ui-icon-ctrlbar-close {
+  background-image: url(images/controlbar/01_controlbar_icon_close.png);
+}
+.ui-icon-ctrlbar-groups {
+  background-image: url(images/controlbar/01_controlbar_icon_groups.png);
+}
+.ui-icon-ctrlbar-unread_message {
+  background-image: url(images/controlbar/01_controlbar_icon_unread_message.png);
+}
+.ui-icon-ctrlbar-weight {
+  background-image: url(images/controlbar/01_controlbar_icon_weight.png);
+}
+.ui-icon-ctrlbar-3Dview {
+  background-image: url(images/controlbar/01_controlbar_icon_3Dview.png);
+}
+/* ---------------------------------------------- */
+/* Button corner classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-corner-tl {
+  -moz-border-radius-topleft: 1em;
+  -webkit-border-top-left-radius: 1em;
+  border-top-left-radius: 1em;
+}
+.ui-btn-corner-tr {
+  -moz-border-radius-topright: 1em;
+  -webkit-border-top-right-radius: 1em;
+  border-top-right-radius: 1em;
+}
+.ui-btn-corner-bl {
+  -moz-border-radius-bottomleft: 1em;
+  -webkit-border-bottom-left-radius: 1em;
+  border-bottom-left-radius: 1em;
+}
+.ui-btn-corner-br {
+  -moz-border-radius-bottomright: 1em;
+  -webkit-border-bottom-right-radius: 1em;
+  border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-top {
+  -moz-border-radius-topleft: 1em;
+  -webkit-border-top-left-radius: 1em;
+  border-top-left-radius: 1em;
+  -moz-border-radius-topright: 1em;
+  -webkit-border-top-right-radius: 1em;
+  border-top-right-radius: 1em;
+}
+.ui-btn-corner-bottom {
+  -moz-border-radius-bottomleft: 1em;
+  -webkit-border-bottom-left-radius: 1em;
+  border-bottom-left-radius: 1em;
+  -moz-border-radius-bottomright: 1em;
+  -webkit-border-bottom-right-radius: 1em;
+  border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-right {
+  -moz-border-radius-topright: 1em;
+  -webkit-border-top-right-radius: 1em;
+  border-top-right-radius: 1em;
+  -moz-border-radius-bottomright: 1em;
+  -webkit-border-bottom-right-radius: 1em;
+  border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-left {
+  -moz-border-radius-topleft: 1em;
+  -webkit-border-top-left-radius: 1em;
+  border-top-left-radius: 1em;
+  -moz-border-radius-bottomleft: 1em;
+  -webkit-border-bottom-left-radius: 1em;
+  border-bottom-left-radius: 1em;
+}
+.ui-btn-corner-all {
+  -moz-border-radius: 0.2em;
+  -webkit-border-radius: 0.2em;
+  bordert-radius: 0.2em;
+}
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-tl,
+.ui-corner-tr,
+.ui-corner-bl,
+.ui-corner-br,
+.ui-corner-top,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-left,
+.ui-corner-all,
+.ui-btn-corner-tl,
+.ui-btn-corner-tr,
+.ui-btn-corner-bl,
+.ui-btn-corner-br,
+.ui-btn-corner-top,
+.ui-btn-corner-bottom,
+.ui-btn-corner-right,
+.ui-btn-corner-left,
+.ui-btn-corner-all {
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+}
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+.ui-overlay {
+  background: #666;
+  opacity: .5;
+  filter: alpha(opacity=50);
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+/* Focus state - set here for specificity
+-----------------------------------------------------------------------------------------------------------*/
+.ui-focus {
+  /* global-active-background-color */
+
+  outline-color: #008cd2;
+}
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+.ui-mobile-nosupport-boxshadow * {
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus {
+  outline-width: 2px;
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+/*** less definitions ***/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ */
+/******************************
+  z-index order collection
+ ******************************/
+/******************************
+  Global LESS mixin collection
+ ******************************/
+/*************************
+  Vars/Mixins for Widgets
+
+  NOTE:
+    * Color variables' name: @color_<widget name>_<identifier>
+	* Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+                   List 
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+                   Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+                   Popup 
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+                    Button
+***************************************************************************/
+.LESSbutton_text1_style {
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+  color: #f9f9f9;
+}
+/***************************************************************************
+		    Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+                  Contextual Popup 
+***************************************************************************/
+/***************************************************************************
+                    DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+                    OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+                    SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+                    SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+                    ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+                    Tickernoti
+***************************************************************************/
+/***************************************************************************
+                    Smallpopup
+***************************************************************************/
+/***************************************************************************
+                    No Contents
+***************************************************************************/
+/***************************************************************************
+                    Slider
+***************************************************************************/
+/***************************************************************************
+                   Handler
+***************************************************************************/
+/***************************************************************************
+                   multimediaview
+***************************************************************************/
+/************************/
+/* some unsets - more probably needed */
+.ui-mobile, .ui-mobile body {
+  height: 100%;
+  font-size: 36px;
+}
+.ui-mobile fieldset, .ui-page {
+  padding: 0;
+  margin: 0;
+}
+.ui-mobile a img, .ui-mobile fieldset {
+  border: 0;
+}
+/* responsive page widths */
+.ui-mobile-viewport {
+  margin: 0;
+  overflow-x: hidden;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+/* "page" containers - full-screen views, one should always be in view post-pageload */
+.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
+  top: 0;
+  left: 0;
+  width: 100%;
+  min-height: 100%;
+  position: absolute;
+  display: none;
+  border: 0;
+}
+.ui-mobile .ui-page-active {
+  display: block;
+  overflow: visible;
+}
+/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
+.ui-page {
+  outline: none;
+}
+/*orientations from js are available */
+@media screen and (orientation: portrait) {
+  .ui-mobile, .ui-mobile .ui-page {
+    min-height: 420px;
+    background: black;
+  }
+}
+@media screen and (orientation: landscape) {
+  .ui-mobile, .ui-mobile .ui-page {
+    min-height: 300px;
+    background: black;
+  }
+}
+/* native overflow scrolling */
+.ui-page.ui-mobile-touch-overflow, .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
+  overflow: auto;
+  height: 100%;
+  -webkit-overflow-scrolling: touch;
+  -moz-overflow-scrolling: touch;
+  -o-overflow-scrolling: touch;
+  -ms-overflow-scrolling: touch;
+  overflow-scrolling: touch;
+}
+.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * {
+  /* some level of transform keeps elements from blinking out of visibility on iOS */
+
+  -webkit-transform: rotatey(0);
+}
+.ui-page.ui-mobile-pre-transition {
+  display: block;
+}
+/* loading screen */
+.ui-loading .ui-mobile-viewport {
+  overflow: hidden !important;
+}
+.ui-loading .ui-loader {
+  display: block;
+}
+.ui-loading .ui-page {
+  overflow: hidden;
+}
+.ui-loader {
+  display: none;
+  position: absolute;
+  opacity: .85;
+  z-index: 100;
+  left: 50%;
+  width: 200px;
+  margin-left: -130px;
+  margin-top: -35px;
+  padding: 10px 30px;
+}
+.ui-loader h1 {
+  font-size: 0.8888888888888888rem;
+  text-align: center;
+}
+.ui-loader .ui-icon {
+  position: static;
+  display: block;
+  opacity: .9;
+  margin: 0 auto;
+  width: 35px;
+  height: 35px;
+  background-color: transparent;
+}
+/*fouc*/
+.ui-mobile-rendering > * {
+  visibility: hidden;
+}
+/*headers, content panels*/
+.ui-bar, .ui-body {
+  position: relative;
+  padding: .4em 15px;
+  overflow: hidden;
+  display: block;
+  clear: both;
+}
+.ui-bar {
+  font-size: 16px;
+  margin: 0;
+}
+.ui-bar h1,
+.ui-bar h2,
+.ui-bar h3,
+.ui-bar h4,
+.ui-bar h5,
+.ui-bar h6 {
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  display: inline-block;
+}
+.ui-header, .ui-footer {
+  display: block;
+}
+.ui-page .ui-header, .ui-page .ui-footer {
+  position: fixed;
+  /*position: relative;*/
+  z-index: 1000;
+}
+/* Option header reposition : Jinhyuk */
+.ui-header .ui-btn-left {
+  position: absolute;
+  left: 10px;
+  top: .4em;
+}
+.ui-header .ui-btn-right {
+  position: absolute;
+  right: 10px;
+  top: .4em;
+}
+.ui-header .ui-title, .ui-footer .ui-title {
+  min-height: 1.1em;
+  text-align: center;
+  font-size: 16px;
+  display: block;
+  margin: .6em 90px .8em;
+  padding: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  outline: 0 !important;
+}
+/*content area*/
+.ui-content {
+  border-width: 0;
+  overflow: visible;
+  overflow-x: hidden;
+  padding: 15px;
+}
+.ui-page-fullscreen .ui-content {
+  padding: 0;
+}
+/* native fixed headers and footers */
+.ui-mobile-touch-overflow.ui-page.ui-native-fixed, .ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
+  overflow: visible;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-header, .ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 200;
+}
+.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
+  top: auto;
+  bottom: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
+  padding-top: 2.5em;
+  padding-bottom: 3em;
+  top: 0;
+  bottom: 0;
+  height: auto;
+  position: absolute;
+}
+.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, .ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
+  opacity: .9;
+}
+.ui-native-bars-hidden {
+  display: none;
+}
+/* icons sizing */
+.ui-icon {
+  width: 18px;
+  height: 18px;
+}
+/* fullscreen class on ui-content div */
+.ui-fullscreen img {
+  max-width: 100%;
+}
+/* non-js content hiding */
+.ui-nojs {
+  position: absolute;
+  left: -9999px;
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.spin  {
+	-webkit-transform: rotate(360deg);
+	-webkit-animation-name: spin;
+	-webkit-animation-duration: 1s;
+	-webkit-animation-iteration-count:  infinite;
+	-webkit-animation-timing-function: linear;
+}
+@-webkit-keyframes spin {
+	from {-webkit-transform: rotate(0deg);}
+  	to {-webkit-transform: rotate(360deg);}
+}
+
+/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
+Built by David Kaneda and maintained by Jonathan Stark.
+*/
+.in, .out {
+	-webkit-animation-timing-function: ease-in-out;
+	-webkit-animation-duration: 350ms;
+}
+
+
+.slide.out {
+	-webkit-transform: translateX(-100%);
+	-webkit-animation-name: slideouttoleft;
+}
+
+.slide.in {
+	-webkit-transform: translateX(0);
+	-webkit-animation-name: slideinfromright;
+}
+
+.slide.out.reverse {
+	-webkit-transform: translateX(100%);
+	-webkit-animation-name: slideouttoright;
+}
+
+.slide.in.reverse {
+	-webkit-transform: translateX(0);
+	-webkit-animation-name: slideinfromleft;
+}
+
+.slideup.out {
+	-webkit-animation-name: dontmove;
+	z-index: 0;
+}
+
+.slideup.in {
+	-webkit-transform: translateY(0);
+	-webkit-animation-name: slideinfrombottom;
+	z-index: 10;
+}
+
+.slideup.in.reverse {
+	z-index: 0;
+	-webkit-animation-name: dontmove;
+}
+
+.slideup.out.reverse {
+	-webkit-transform: translateY(100%);
+	z-index: 10;
+	-webkit-animation-name: slideouttobottom;
+}
+
+.slidedown.out {
+	-webkit-animation-name: dontmove;
+	z-index: 0;
+}
+
+.slidedown.in {
+	-webkit-transform: translateY(0);
+	-webkit-animation-name: slideinfromtop;
+	z-index: 10;
+}
+
+.slidedown.in.reverse {
+	z-index: 0;
+	-webkit-animation-name: dontmove;
+}
+
+.slidedown.out.reverse {
+	-webkit-transform: translateY(-100%);
+	z-index: 10;
+	-webkit-animation-name: slideouttotop;
+}
+
+@-webkit-keyframes slideinfromright {
+    from { -webkit-transform: translateX(100%); }
+    to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideinfromleft {
+    from { -webkit-transform: translateX(-100%); }
+    to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideouttoleft {
+    from { -webkit-transform: translateX(0); }
+    to { -webkit-transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slideouttoright {
+    from { -webkit-transform: translateX(0); }
+    to { -webkit-transform: translateX(100%); }
+}
+
+@-webkit-keyframes slideinfromtop {
+    from { -webkit-transform: translateY(-100%); }
+    to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideinfrombottom {
+    from { -webkit-transform: translateY(100%); }
+    to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideouttobottom {
+    from { -webkit-transform: translateY(0); }
+    to { -webkit-transform: translateY(100%); }
+}
+
+@-webkit-keyframes slideouttotop {
+    from { -webkit-transform: translateY(0); }
+    to { -webkit-transform: translateY(-100%); }
+}
+@-webkit-keyframes fadein {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+
+.fade.out {
+	z-index: 0;
+	-webkit-animation-name: fadeout;
+}
+
+.fade.in {
+	opacity: 1;
+	z-index: 10;
+	-webkit-animation-name: fadein;
+}
+
+/* The properties in this rule are only necessary for the 'flip' transition.
+ * We need specify the perspective to create a projection matrix. This will add
+ * some depth as the element flips. The depth number represents the distance of
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
+ * value.
+ */
+.viewport-flip {
+	-webkit-perspective: 1000;
+	position: absolute;
+}
+
+.ui-mobile-viewport-transitioning,
+.ui-mobile-viewport-transitioning .ui-page {
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.flip {
+	-webkit-animation-duration: .65s;
+	-webkit-backface-visibility:hidden;
+	-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+}
+
+.flip.out {
+	-webkit-transform: rotateY(-180deg) scale(.8);
+	-webkit-animation-name: flipouttoleft;
+}
+
+.flip.in {
+	-webkit-transform: rotateY(0) scale(1);
+	-webkit-animation-name: flipinfromleft;
+}
+
+/* Shake it all about */
+
+.flip.out.reverse {
+	-webkit-transform: rotateY(180deg) scale(.8);
+	-webkit-animation-name: flipouttoright;
+}
+
+.flip.in.reverse {
+	-webkit-transform: rotateY(0) scale(1);
+	-webkit-animation-name: flipinfromright;
+}
+
+@-webkit-keyframes flipinfromright {
+    from { -webkit-transform: rotateY(-180deg) scale(.8); }
+    to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipinfromleft {
+    from { -webkit-transform: rotateY(180deg) scale(.8); }
+    to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipouttoleft {
+    from { -webkit-transform: rotateY(0) scale(1); }
+    to { -webkit-transform: rotateY(-180deg) scale(.8); }
+}
+
+@-webkit-keyframes flipouttoright {
+    from { -webkit-transform: rotateY(0) scale(1); }
+    to { -webkit-transform: rotateY(180deg) scale(.8); }
+}
+
+
+/* Hackish, but reliable. */
+
+@-webkit-keyframes dontmove {
+    from { opacity: 1; }
+    to { opacity: 1; }
+}
+
+.pop {
+	-webkit-transform-origin: 50% 50%;
+}
+
+.pop.in {
+	-webkit-transform: scale(1);
+    opacity: 1;
+	-webkit-animation-name: popin;
+	z-index: 10;
+}
+
+.pop.in.reverse {
+	z-index: 0;
+	-webkit-animation-name: dontmove;
+}
+
+.pop.out.reverse {
+	-webkit-transform: scale(.2);
+	opacity: 0;
+	-webkit-animation-name: popout;
+	z-index: 10;
+}
+
+@-webkit-keyframes popin {
+    from {
+        -webkit-transform: scale(.2);
+        opacity: 0;
+    }
+    to {
+        -webkit-transform: scale(1);
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes popout {
+    from {
+        -webkit-transform: scale(1);
+        opacity: 1;
+    }
+    to {
+        -webkit-transform: scale(.2);
+        opacity: 0;
+    }
+}/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* content configurations. */
+.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
+.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
+
+/* grid solo: 100 - single item fallback */
+.ui-grid-solo .ui-block-a { width: 100%; float: none; }
+
+/* grid a: 50/50 */
+.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
+.ui-grid-a .ui-block-a { clear: left; }
+
+/* grid b: 33/33/33 */
+.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
+.ui-grid-b .ui-block-a { clear: left; }
+
+/* grid c: 25/25/25/25 */
+.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
+.ui-grid-c .ui-block-a { clear: left; }
+
+/* grid d: 20/20/20/20/20 */
+.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
+.ui-grid-d .ui-block-a { clear: left; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/* fixed page header & footer configuration */
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ */
+/******************************
+  z-index order collection
+ ******************************/
+/******************************
+  Global LESS mixin collection
+ ******************************/
+/*************************
+  Vars/Mixins for Widgets
+
+  NOTE:
+    * Color variables' name: @color_<widget name>_<identifier>
+	* Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+                   List 
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+                   Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+                   Popup 
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+                    Button
+***************************************************************************/
+.LESSbutton_text1_style {
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+  color: #f9f9f9;
+}
+/***************************************************************************
+		    Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+                  Contextual Popup 
+***************************************************************************/
+/***************************************************************************
+                    DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+                    OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+                    SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+                    SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+                    ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+                    Tickernoti
+***************************************************************************/
+/***************************************************************************
+                    Smallpopup
+***************************************************************************/
+/***************************************************************************
+                    No Contents
+***************************************************************************/
+/***************************************************************************
+                    Slider
+***************************************************************************/
+/***************************************************************************
+                   Handler
+***************************************************************************/
+/***************************************************************************
+                   multimediaview
+***************************************************************************/
+.ui-header,
+.ui-footer,
+.ui-page-fullscreen .ui-header,
+.ui-page-fullscreen .ui-footer {
+  position: absolute;
+  overflow: hidden;
+  width: 100%;
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.ui-header-fixed, .ui-footer-fixed {
+  z-index: 1000;
+  -webkit-transform: translatez(0);
+  /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
+
+}
+.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline {
+  display: none;
+}
+.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer {
+  opacity: .9;
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-navbar { overflow: hidden;  }
+.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
+.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
+.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
+.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
+.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
+.ui-navbar li .ui-btn {  margin-right: -1px; }
+.ui-navbar li .ui-btn:last-child { margin-right: 0; }
+.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
+.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
+.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
+/*expanded page styles*/
+.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
+.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
+.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
+.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
+.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ */
+/******************************
+  z-index order collection
+ ******************************/
+/******************************
+  Global LESS mixin collection
+ ******************************/
+/*************************
+  Vars/Mixins for Widgets
+
+  NOTE:
+    * Color variables' name: @color_<widget name>_<identifier>
+	* Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+                   List 
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+                   Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+                   Popup 
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+                    Button
+***************************************************************************/
+.LESSbutton_text1_style {
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 1.0rem;
+  font-style: normal;
+  color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+  color: #f9f9f9;
+}
+/***************************************************************************
+		    Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+                  Contextual Popup 
+***************************************************************************/
+/***************************************************************************
+                    DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+                    OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+                    SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+                    SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+                    ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+                    Header / Footer 
+                    NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+                    Tickernoti
+***************************************************************************/
+/***************************************************************************
+                    Smallpopup
+***************************************************************************/
+/***************************************************************************
+                    No Contents
+***************************************************************************/
+/***************************************************************************
+                    Slider
+***************************************************************************/
+/***************************************************************************
+                   Handler
+***************************************************************************/
+/***************************************************************************
+                   multimediaview
+***************************************************************************/
+/* Button colors are defined in config.less
+
+/* Edit button size */
+.ui-btn {
+  display: block;
+  text-align: center;
+  cursor: pointer;
+  position: relative;
+  /*margin: .5em 5px;*/
+  padding: 0;
+  vertical-align: middle;
+}
+/* wongi_1018 : For button align. */
+.ui-btn:focus, .ui-btn:active {
+  outline: none;
+}
+.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn {
+  display: inline-block;
+  font-size: 0.3611111111111111rem;
+  margin: 0;
+}
+.ui-btn-inline {
+  display: inline-block;
+}
+.ui-btn-inner {
+  padding: 0.6em 0.6944444444444444rem;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative;
+  zoom: 1;
+}
+.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner {
+  padding: 0.7em 0.2222222222222222rem 0.7em;
+}
+/* wongi_1024 : Button text middle align */
+.ui-header .ui-btn-inner.ui-btn-icon-only, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner.ui-btn-icon-only {
+  padding: 0.4em 0.2222222222222222rem 0.5em;
+}
+/* wongi_1024 : Button text middle align */
+.ui-btn-icon-notext {
+  width: 0.6666666666666666rem;
+  height: 0.6666666666666666rem;
+}
+.ui-btn-icon-notext .ui-btn-inner {
+  padding: 0.05555555555555555rem 0.027777777777777776rem 0.05555555555555555rem 0.08333333333333333rem;
+}
+.ui-btn-icon-notext .ui-btn-text {
+  position: absolute;
+  left: -27.75rem;
+}
+.ui-btn-icon-left .ui-btn-inner {
+  padding-left: 0.9166666666666666rem;
+}
+.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-bar .ui-btn-icon-left .ui-btn-inner {
+  padding-left: 0.75rem;
+}
+.ui-btn-icon-right .ui-btn-inner {
+  padding-right: 0.9166666666666666rem;
+}
+.ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-bar .ui-btn-icon-right .ui-btn-inner {
+  padding-right: 0.75rem;
+}
+.ui-btn-icon-top .ui-btn-inner {
+  padding-top: 0.9166666666666666rem;
+}
+.ui-header .ui-btn-icon-top .ui-btn-inner, .ui-footer .ui-btn-icon-top .ui-btn-inner, .ui-bar .ui-btn-icon-top .ui-btn-inner {
+  padding-top: 0.75rem;
+}
+.ui-btn-icon-bottom .ui-btn-inner {
+  padding-bottom: 0.9166666666666666rem;
+}
+.ui-header .ui-btn-icon-bottom .ui-btn-inner, .ui-footer .ui-btn-icon-bottom .ui-btn-inner, .ui-bar .ui-btn-icon-bottom .ui-btn-inner {
+  padding-bottom: 0.75rem;
+}
+/*btn icon positioning*/
+.ui-btn-icon-notext .ui-icon {
+  display: block;
+}
+.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon, .ui-btn-icon-circle .ui-icon {
+  position: absolute;
+  /*top: 50%; margin-top: -9px;*/
+}
+/* wongi_1018 : do not use. No more use 18px default icons. */
+.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon {
+  position: absolute;
+  left: 50%;
+  margin-left: -9px;
+}
+.ui-btn-icon-left .ui-icon {
+  left: /*10px;*/ 0rem;
+}
+/* wongi_1018 : with 64px icon, left 10 -> 0 for good looking. */
+.ui-btn-icon-circle .ui-icon {
+  left: 0rem;
+}
+/* wongi_1018 : for circle icon center positioning. */
+.ui-btn-icon-right .ui-icon {
+  right: 0.2777777777777778rem;
+}
+.ui-btn-icon-top .ui-icon {
+  top: 0.2777777777777778rem;
+}
+.ui-btn-icon-bottom .ui-icon {
+  bottom: 0.2777777777777778rem;
+}
+.ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-bar .ui-btn-icon-left .ui-icon {
+  left: 0.6666666666666666rem;
+}
+/* SLP Default Footer : Jinhyuk */
+.ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-bar .ui-btn-icon-right .ui-icon {
+  right: 0.1111111111111111rem;
+}
+.ui-header .ui-btn-icon-top .ui-icon, .ui-footer .ui-btn-icon-top .ui-icon, .ui-bar .ui-btn-icon-top .ui-icon {
+  top: 0.1111111111111111rem;
+}
+.ui-header .ui-btn-icon-bottom .ui-icon, .ui-footer .ui-btn-icon-bottom .ui-icon, .ui-bar .ui-btn-icon-bottom .ui-icon {
+  bottom: 0.1111111111111111rem;
+}
+/*hiding native button,inputs */
+.ui-btn-hidden {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-appearance: button;
+  opacity: .1;
+  cursor: pointer;
+  background: transparent;
+  font-size: 0.027777777777777776rem;
+  border: none;
+  line-height: 27.75rem;
+}
+.ui-btn-text {
+  /*padding-left : 80px;*/
+  margin-left: auto;
+  margin-right: auto;
+}
+.ui-li .ui-btn.ui-btn-icon_only {
+  top: 50%;
+  margin-top: -0.8888888888888888rem;
+}
+.ui-li .ui-btn .ui-btn-inner.ui-btn-hastxt {
+  padding: 0.2em 0.5em;
+}
+/* wongi_1017 : Icons */
+/* icons sizing */
+.ui-btn .ui-icon {
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+}
+.ui-btn.ui-btn-edit .ui-icon {
+  width: 2.0555555555555554rem;
+  height: 2.0555555555555554rem;
+}
+/* Padding for Icon with text */
+.ui-btn .ui-btn-text.ui-btn-text-padding-left {
+  padding-left: 0.8888888888888888rem;
+}
+.ui-btn .ui-btn-text.ui-btn-text-padding-right {
+  padding-right: 1.3333333333333333rem;
+}
+.tizen-icon-common {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+}
+.ui-icon-bg {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_btn_circle_bg_normal.png);
+  z-index: 0;
+}
+.ui-icon-reveal {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_reveal.png);
+}
+.ui-icon-reveal-left {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_reveal_left.png);
+}
+.ui-icon-closed {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_expand_closed.png);
+}
+.ui-icon-opened {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_expand_opened.png);
+}
+.ui-icon-info {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_info.png);
+}
+.ui-icon-rename {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_rename.png);
+}
+.ui-icon-call {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_call.png);
+}
+.ui-icon-warning {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_warning.png);
+}
+.ui-icon-plus {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_plus_normal.png);
+}
+.ui-icon-minus {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_minus_normal.png);
+}
+.ui-icon-cancel {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_cancel.png);
+}
+.ui-icon-send {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_send.png);
+}
+.ui-icon-favorite {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_winset_icon_favorite_on.png);
+}
+.ui-icon-editexpand {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_icon_expand.png);
+  top: -1.0277777777777777rem;
+}
+.ui-icon-editminus {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_icon_minus.png);
+  top: -1.0277777777777777rem;
+}
+.ui-icon-editplus {
+  /* Overlap original property */
+
+  background-position: 0% 0%;
+  width: 1.7777777777777777rem;
+  height: 1.7777777777777777rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-top: 50%;
+  top: -0.8888888888888888rem;
+  z-index: 10;
+  vertical-align: middle;
+  background-image: url(images/00_button_icon_plus.png);
+  top: -1.0277777777777777rem;
+}
+/* Header back btn : Jinjyuk */
+.ui-btn-up-s .ui-icon-header-back-btn {
+  width: 1.5555555555555554rem;
+  height: 1.5555555555555554rem;
+  left: 0.6666666666666666rem;
+  top: 0.2777777777777778rem;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-image: url(images/00_winset_Back.png);
+}
+.ui-btn-down-s .ui-icon-header-back-btn, .ui-btn-hover-s .ui-icon-header-back-btn {
+  width: 1

<TRUNCATED>

Mime
View raw message