/* @@@LICENSE
*
*      Copyright (c) 2010-2013 LG Electronics, Inc.
*
* 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://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,
* 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.
*
* LICENSE@@@ */

.scrim {
  background-color: rgba(255, 250, 237, .80);
}

.back-button {
  padding-left: 25px;
  background: url(../images/title-bar/dark-back-arrow.png) 5px 6px no-repeat;
}

.edit-background {
  padding: 11px 60px 0 60px;
  overflow: hidden;
}

.edit-background.blue {
  background: url(../images/edit/memo-edit-blue.png) no-repeat;
}

.edit-background.green {
  background: url(../images/edit/memo-edit-green.png) no-repeat;
}

.edit-background.pink {
  background: url(../images/edit/memo-edit-pink.png) no-repeat;
}

.edit-background.yellow {
  background: url(../images/edit/memo-edit-yellow.png) no-repeat;
}

.edit-background.salmon {
  background: url(../images/edit/memo-edit-salmon.png) no-repeat;
}

.edit-scroller {
  width: 648px;
  max-height: 648px;
}

.memo-input {
  -webkit-transform: translateZ(0);
  word-break: break-word;
  width: 640px;
  margin-right: 0;
  padding: 20px 40px;
}

.memo-input > * {
  -webkit-transform: translateZ(0);
}

/* Removes the shadow box effect on the input div that RichText uses */
.memo-input.enyo-input-focus {
  -webkit-border-image: none;
}

/* Fix to move RadioGroup down w/in title bar */
.color-picker {
  margin-top: 3px;
}

/* Fixes to make icon radio buttons preserve & move their icons on press */
.enyo-radiobutton.enyo-button-down .enyo-button-icon {
  background-position: center 1px;
}

.title-bar .enyo-radiobutton {
  padding: 0;
  -webkit-border-image: none !important;
}

.title-bar .button-group {
  width: 150px;
}

.title-bar .enyo-button-icon {
  margin: -6px 4px -10px 4px;
}