/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition License
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magentocommerce.com/license/enterprise-edition
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     enterprise_connect
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://www.magentocommerce.com/license/enterprise-edition
 */

/****************************************************
    Custom forms (nice-forms)
*****************************************************/
.nice-form label {
    cursor:pointer;
}

/* Selects */
.nice-form select {
    position:relative;
    top:-10000px;
}
.nice-select {
    position:relative;
    display:inline-block;
    width:150px;
    text-align:left;
}
.nice-select span,
.nice-select a {
    color:#727272;
    font-size:13px;
}
.nice-select.small strong {
    font-size:13px;
}
.nice-select.small span,
.nice-select.small span strong {
    font-size:12px;
}
.nice-select select {
    position:absolute;
}
.nice-select.disabled span {
    color:#ccc;
}
.nice-select.disabled div.select {
    border:1px solid #cecece;
}
.nice-select div.select {
    border:1px solid #c9c7be;
    height:31px;
    overflow:hidden;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background: -moz-linear-gradient(top, #faf9f5 0%, #f1f0eb 25%, #e7e7e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf9f5), color-stop(25%,#f1f0eb), color-stop(100%,#e7e7e1));
    background: -webkit-linear-gradient(top, #faf9f5 0%,#f1f0eb 25%,#e7e7e1 100%);
    background: -o-linear-gradient(top, #faf9f5 0%,#f1f0eb 25%,#e7e7e1 100%);
    background: -ms-linear-gradient(top, #faf9f5 0%,#f1f0eb 25%,#e7e7e1 100%);
    background: linear-gradient(top, #faf9f5 0%,#f1f0eb 25%,#e7e7e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f5', endColorstr='#e7e7e1',GradientType=0 );
    cursor:pointer;
    position:relative;
}
.nice-select div.select:after,
.nice-select div.select .after {
    content:'';
    height:31px;
    width:32px;
    position:absolute;
    top:0;
    right:0;
    background:url(../../images/basicSprite.png?v=5) -51px -190px;
}
.nice-select.small div.select {
    height:25px;
    background: #faf9f5;
    background: -moz-linear-gradient(top,  #faf9f5 0%, #e7e7e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf9f5), color-stop(100%,#e7e7e1));
    background: -webkit-linear-gradient(top,  #faf9f5 0%,#e7e7e1 100%);
    background: -o-linear-gradient(top,  #faf9f5 0%,#e7e7e1 100%);
    background: -ms-linear-gradient(top,  #faf9f5 0%,#e7e7e1 100%);
    background: linear-gradient(top,  #faf9f5 0%,#e7e7e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f5', endColorstr='#e7e7e1',GradientType=0 );
}
.nice-select.small div.select:after,
.nice-select.small div.select .after {
    content:'';
    height:28px;
    width:28px;
    position:absolute;
    top:0;
    right:0;
    background:url(../../images/basicSprite.png?v=5) -86px -193px;
}
.nice-select div.select span {
    position:relative;
    white-space:nowrap;
    display:block;
    max-width:280px;
    overflow:hidden;
    line-height:20px;
    padding:6px 0 6px 14px;
    line-height:20px;
    margin-right:32px;
    text-overflow:ellipsis;
}
.nice-select.small div.select span {
    line-height:20px;
    padding:3px 0 3px 9px;
}
.nice-select .options {
    position:absolute;
    top:-10000px;
    padding:8px 0;
    min-width:120px;
    background:#fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #c9c7be;
    -moz-box-shadow:1px 2px 2px -1px #C9C7BE;
    -webkit-box-shadow:1px 2px 2px -1px #C9C7BE;
    box-shadow:1px 2px 2px -1px #C9C7BE;
}

.nice-select.active {
    z-index:100;
}
.nice-select.active .options {
    top:0;
    left:0;
    right:0;
}
.nice-select.active.open-up .options {
    top:auto;
    bottom:0;
}
.nice-select.small.active .options {
    top:-4px;
    left:-10px;
    right:0;
}
.nice-select.small.active.open-up .options {
    top:auto;
    bottom:4px;
}
.nice-select .options ul {
    max-height:390px;
    overflow-y:auto;
    position:relative;

}
.nice-select .options li:first-child {
    margin-top:0;
}
.nice-select .options li {
    display:block;
    cursor:pointer;
    padding:0 15px 0 30px;
    line-height:24px;
    margin:2px 0 0 0;
    position:relative;
    top:-1px;

}
.nice-select .options li.selected:before,
.nice-select .options li.selected .before {
    content:'';
    background:transparent url(../../images/basicSprite.png?v=5) no-repeat 0 -217px;
    height:12px;
    width:14px;
    left:11px;
    top:6px;
    position:absolute;
}
.nice-select.small .options ul li {
    padding:0 15px 0 19px;
}
.nice-select .options li span {
    overflow:hidden;
    display:block;
    word-wrap:break-word;
}

.nice-select .options li:hover {
    background:#efeee9;
}
.nice-select.small .options li.selected:before,
.nice-select.small .options li.selected .before {
    content:'';
    background:transparent url(../../images/basicSprite.png?v=5) no-repeat 0 -206px;
    height:10px;
    width:10px;
    left:6px;
    top:6px;
    position:absolute;
}
.nice-select .options li.selected:hover {
    background-color:#efeee9 ;
}

/* Checkboxes, radio buttons */
.nice-checkbox,
.nice-radio {
    display:inline-block;
    width:18px;
    height:16px;
    background:transparent url(../../images/basicSprite.png?v=5) no-repeat;
    vertical-align:middle;
    cursor:pointer;
}
.nice-checkbox.disabled,
.nice-radio.disabled {
    opacity: 0.5;
}
.nice-radio {
    height:18px;
}
.nice-checkbox input,
.nice-radio input {
    position:absolute;
    margin:0;
    padding:0;
    left:-9999px;
}
.nice-radio input {
    left: -9999px;
}
.nice-checkbox {
    background-position:0 -112px;
}
.nice-checkbox.checked {
    background-position:0 -150px ;
}
.nice-radio {
    background-position:-30px -186px;
}
.nice-radio.checked {
    background-position:-1px -186px ;
}

/* Inputs */
.nice-input,
.nice-textarea {
    position:relative;
    display:inline-block;
}
.nice-input input,
.nice-textarea textarea {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    display:inline-block;
    border:1px solid #cfcfcf;
    border-width:1px 0 0 1px;
}
.nice-form.dark-inputs .nice-input input,
.nice-form.dark-inputs .nice-textarea textarea {
    border: 1px solid #c8c8c8;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px #c8c8c8 inset;
    -webkit-box-shadow: 1px 1px 1px #c8c8c8 inset;
    box-shadow: 1px 1px 1px #c8c8c8 inset;
    padding:6px 9px;
}

.nice-form.dark-inputs .nice-input input {
    height: 18px;
}
.nice-form.dark-inputs .validation-error {
    padding-right:20px;
    margin-right:-20px;
}
.nice-form.dark-inputs .input-box.validation-passed {
    padding-right:20px;
    margin-right:-20px;
}
.nice-form.dark-inputs .validation-error .select span {
    color:#d91a00;
}
.nice-form.dark-inputs .validation-error div.validation-failed {
    background:none !important;
}

/* Validation */
.nice-form .validation-advice {
    position:absolute;
    bottom:-17px;
    left:3px;
    line-height:16px;
}
.nice-form .nice-select .validation-advice {
    bottom:-16px;
}
.nice-input input,
.nice-textarea textarea {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    line-height:16px;
    padding:5px 9px;
    border:1px solid #efefef;
    border-width:1px 0 0 1px;
    background:#fff;
    margin:0;
}