/*
 * Copyright (C) 2013 salesforce.com, 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.
 */
.THIS{
}

.THIS.has_error {
    border-color: red;
    background-color: rgba(255, 0, 0, .025);
}

.THIS.errorMsg {
    display: block;
    color: red;
    font-size: 0.75em;
}

.THIS.hide {
    display: none;
}

.THIS:invalid {
  box-shadow: none;
}

.THIS:-moz-submit-invalid {
  box-shadow: none;
}

.THIS:-moz-ui-invalid {
  box-shadow:none;
}

.THIS::-ms-clear {
  width : 0;
  height: 0;
}


/* Flavors */

.THIS--checkbox {
}
.THIS--text {
}
.THIS--input {
}
.THIS--radio {
}
.THIS--textarea {
}
.THIS--select {
}
.THIS--compound {
}
.THIS--datetime {
}

.THIS--lookup .lookup__menu, .THIS--lookup.lookup__menu{
    border: 1px solid #CCC;
    border-radius: 4px;
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
}

.THIS--lookup ul {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.THIS--lookup .lookup__item a {
    color: #ccc;
    display:block;
    height: 1.1em;
    padding:3px 9px;
    text-decoration:none;
}

.THIS--lookup .lookup__item.highlighted a {
    background-color:#0683C5;
    color:#015BA7;
    outline:none;
    text-decoration:underline;
    padding:3px 9px;
}

.THIS--lookup .lookup__footer.highlighted, .THIS--lookup .lookup__header.highlighted {
    background-color:#0683C5;
}

.THIS--lookup .lookup__item a.mouseovered {
    background-color: #A9D0F5;
}

.THIS--lookup .lookup__item.default .data-match {
    border-radius: 2px;
    background-color: #B5DAEE;
}
.THIS--datetime + .datePicker-openIcon,
.THIS--datetime .datePicker-openIcon,
.THIS--datetime + .timePicker-openIcon,
.THIS--datetime .timePicker-openIcon {
    position: relative;
    vertical-align: middle;
    left: -22px;
    width: 12px;
    height: 15px;
    background: url('/auraFW/resources/aura/images/icon_openCalendar.png') no-repeat 0 0;
}

.THIS--datetime .clearIcon {
    position: relative;
    vertical-align: middle;
    left: -22px;
    width: 15px;
    height: 15px;
    background: url('/auraFW/resources/aura/images/clear.png') no-repeat 0 0;
}