/**
 * 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
 */

/*
 * ****************************************************
 * UI: button
 * ****************************************************
 */

/* buttons reset */
.ui-button {
    position: relative;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 1em Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    outline: none;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px #000;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ui-button:hover {
    color: #fff;
}
@-moz-document url-prefix() {
    input.ui-button,
    button.ui-button {
        padding: 0 17px;
    }
}

/* Simple blue button */
.ui-button-blue,
.ui-button-blue-middle {
    height: 28px;
    line-height: 28px;
    padding: 0 21px;
    font-size: 12px;
    text-shadow: 0 -1px #094c7d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #1D7CBF; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(34,134,203,1) 0%, rgba(25,115,180,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,134,203,1)), color-stop(100%,rgba(25,115,180,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(34,134,203,1) 0%,rgba(25,115,180,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(34,134,203,1) 0%,rgba(25,115,180,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(34,134,203,1) 0%,rgba(25,115,180,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(34,134,203,1) 0%,rgba(25,115,180,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2286cb', endColorstr='#1973b4',GradientType=0 ); /* IE6-8 */
    box-shadow: 1px 1px 3px #c0c0c0;
}

.ui-button-blue:hover,
.ui-button-blue-middle:hover,
.ui-button-blue-huge:hover {
    background: #278AD0; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(48,151,224,1) 0%, rgba(30,124,190,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,151,224,1)), color-stop(100%,rgba(30,124,190,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(48,151,224,1) 0%,rgba(30,124,190,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(48,151,224,1) 0%,rgba(30,124,190,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(48,151,224,1) 0%,rgba(30,124,190,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(48,151,224,1) 0%,rgba(30,124,190,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3097e0', endColorstr='#1e7cbe',GradientType=0 ); /* IE6-8 */
    border: 0;
}

.ui-button-blue:active,
.ui-button-blue-middle:active,
.ui-button-blue-huge:active {
    background: #1F80C3; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,115,180,1) 0%, rgba(34,134,203,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,115,180,1)), color-stop(100%,rgba(34,134,203,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(25,115,180,1) 0%,rgba(34,134,203,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(25,115,180,1) 0%,rgba(34,134,203,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(25,115,180,1) 0%,rgba(34,134,203,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(25,115,180,1) 0%,rgba(34,134,203,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1973b4', endColorstr='#2286cb',GradientType=0 ); /* IE6-8 */
}

/* Middle blue button */
.ui-button-blue-middle {
    height: 38px;
    line-height: 38px;
    padding: 0 26px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 16px;
}

@-moz-document url-prefix() {
    input.ui-button-blue-middle,
    button.ui-button-blue-middle {
        padding: 0 23px;
    }
}

/* Huge blue button */
.ui-button-blue-huge {
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
    font-size: 20px;
    font-weight: normal;
    text-shadow: 0 -1px #094c7d;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgb(36,131,199); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(36,131,199,1) 0%, rgba(27,119,184,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,131,199,1)), color-stop(100%,rgba(27,119,184,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(36,131,199,1) 0%,rgba(27,119,184,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(36,131,199,1) 0%,rgba(27,119,184,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(36,131,199,1) 0%,rgba(27,119,184,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(36,131,199,1) 0%,rgba(27,119,184,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2483c7', endColorstr='#1b77b8',GradientType=0 ); /* IE6-8 */
    box-shadow: 1px 1px 5px #999;
}

@-moz-document url-prefix() {
    input.ui-button-blue-huge,
    button.ui-button-blue-huge {
        padding: 0 27px;
    }
}

/* Simple green button */
.ui-button-green,
.ui-button-green-middle {
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    font-size: 12px;
    text-shadow: 0 -1px #15594d;
    border: 1px solid #428b7e;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #449e8e;
    box-shadow: 1px 1px 3px #888;
}

.ui-button-green:hover,
.ui-button-green-middle:hover,
.ui-button-green-huge:hover {
    background: #2DB49C;
    border: 1px solid #42857c;
}
.ui-button-green:hover,
.ui-button-green-middle:hover {
    border: 1px solid #428b7e;
}
.ui-button-green:active,
.ui-button-green-middle:active,
.ui-button-green-huge:active {
    background: rgb(0,155,127); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,155,127,1) 0%, rgba(45,180,156,1) 43%, rgba(45,180,156,1) 80%, rgba(1,178,146,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,155,127,1)), color-stop(43%,rgba(45,180,156,1)), color-stop(80%,rgba(45,180,156,1)), color-stop(100%,rgba(1,178,146,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,155,127,1) 0%,rgba(45,180,156,1) 43%,rgba(45,180,156,1) 80%,rgba(1,178,146,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,155,127,1) 0%,rgba(45,180,156,1) 43%,rgba(45,180,156,1) 80%,rgba(1,178,146,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,155,127,1) 0%,rgba(45,180,156,1) 43%,rgba(45,180,156,1) 80%,rgba(1,178,146,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,155,127,1) 0%,rgba(45,180,156,1) 43%,rgba(45,180,156,1) 80%,rgba(1,178,146,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b7f', endColorstr='#01b292',GradientType=0 ); /* IE6-8 */
}

input.ui-button-green,
button.ui-button-green {
    height: 28px;
    line-height: 24px;
}

/* Middle green button */
.ui-button-green-middle {
    height: 36px;
    line-height: 36px;
    padding: 0 28px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 16px;
}

input.ui-button-green-middle,
button.ui-button-green-middle {
    height: 38px;
    line-height: 36px;
}

@-moz-document url-prefix() {
    input.ui-button-green-middle,
    button.ui-button-green-middle {
        padding: 0 25px;
    }
}

/* Huge green button */
.ui-button-green-huge {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    font-size: 20px;
    font-weight: normal;
    text-shadow: 0 -1px #215f52;
    border: 1px solid #42857c;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgb(74,171,154); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(74,171,154,1) 0%, rgba(67,151,136,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,171,154,1)), color-stop(100%,rgba(67,151,136,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(74,171,154,1) 0%,rgba(67,151,136,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(74,171,154,1) 0%,rgba(67,151,136,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(74,171,154,1) 0%,rgba(67,151,136,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(74,171,154,1) 0%,rgba(67,151,136,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aab9a', endColorstr='#439788',GradientType=0 ); /* IE6-8 */
    box-shadow: 1px 1px 5px #999;
}

input.ui-button-green-huge,
button.ui-button-green-huge {
    height: 42px;
    line-height: 38px;
}

@-moz-document url-prefix() {
    input.ui-button-green-huge,
    button.ui-button-green-huge {
        padding: 0 26px;
    }
}

/* Orange button */
.ui-button-orange-huge,
.ui-button-orange-squared {
    height: 31px;
    line-height: 31px;
    padding: 0 24px;
    font-size: 13px;
    text-shadow: 1px 0 1px #c45700;
    border: 1px solid #b95401;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: #FA6F00; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,159,89,1) 0%, rgba(253,138,44,1) 5%, rgba(254,114,0,1) 25%, rgba(241,105,0,1) 75%, rgba(217,98,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,159,89,1)), color-stop(5%,rgba(253,138,44,1)), color-stop(25%,rgba(254,114,0,1)), color-stop(75%,rgba(241,105,0,1)), color-stop(100%,rgba(217,98,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(253,138,44,1) 5%,rgba(254,114,0,1) 25%,rgba(241,105,0,1) 75%,rgba(217,98,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(253,138,44,1) 5%,rgba(254,114,0,1) 25%,rgba(241,105,0,1) 75%,rgba(217,98,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(253,138,44,1) 5%,rgba(254,114,0,1) 25%,rgba(241,105,0,1) 75%,rgba(217,98,0,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(245,159,89,1) 0%,rgba(253,138,44,1) 5%,rgba(254,114,0,1) 25%,rgba(241,105,0,1) 75%,rgba(217,98,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE7B10', endColorstr='#DE6300',GradientType=0 ); /* IE6-8 */
}

.ui-button-orange-huge:hover,
.ui-button-orange-squared:hover {
    color: #fff;
    border: 1px solid #b95401;
    background: #F68629; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,159,89,1) 0%, rgba(249,160,86,1) 9%, rgba(247,137,46,1) 25%, rgba(244,125,27,1) 75%, rgba(238,110,6,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,159,89,1)), color-stop(9%,rgba(249,160,86,1)), color-stop(25%,rgba(247,137,46,1)), color-stop(75%,rgba(244,125,27,1)), color-stop(100%,rgba(238,110,6,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(249,160,86,1) 9%,rgba(247,137,46,1) 25%,rgba(244,125,27,1) 75%,rgba(238,110,6,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(249,160,86,1) 9%,rgba(247,137,46,1) 25%,rgba(244,125,27,1) 75%,rgba(238,110,6,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,159,89,1) 0%,rgba(249,160,86,1) 9%,rgba(247,137,46,1) 25%,rgba(244,125,27,1) 75%,rgba(238,110,6,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(245,159,89,1) 0%,rgba(249,160,86,1) 9%,rgba(247,137,46,1) 25%,rgba(244,125,27,1) 75%,rgba(238,110,6,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59f59', endColorstr='#ee6e06',GradientType=0 ); /* IE6-8 */
}

.ui-button-orange-huge:active,
.ui-button-orange-squared:active {
    background: #DB6607; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(217,98,0,1) 0%, rgba(238,150,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,98,0,1)), color-stop(100%,rgba(238,150,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(217,98,0,1) 0%,rgba(238,150,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(217,98,0,1) 0%,rgba(238,150,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(217,98,0,1) 0%,rgba(238,150,79,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(217,98,0,1) 0%,rgba(238,150,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96200', endColorstr='#ee964f',GradientType=0 ); /* IE6-8 */
}

input.ui-button-orange-huge,
button.ui-button-orange-huge,
input.ui-button-orange-squared,
button.ui-button-orange-squared {
    height: 33px;
    line-height: 30px;
}

@-moz-document url-prefix() {
    input.ui-button-orange-huge,
    button.ui-button-orange-huge {
        padding: 0 21px;
    }
}

/* Orange squared button */
.ui-button-orange-squared {
    height: 29px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@-moz-document url-prefix() {
    input.ui-button-orange-squared,
    button.ui-button-orange-squared {
        padding: 0 7px;
    }
}

/* Orange simple */
.ui-button-orange,
.ui-button-orange-middle {
    height: 21px;
    line-height: 21px;
    padding: 0 11px;
    font-size: 12px;
    text-shadow: none;
    background: #F27832; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,144,58,1) 0%, rgba(241,117,49,1) 50%, rgba(238,90,12,1) 50%, rgba(223,61,1,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,144,58,1)), color-stop(50%,rgba(241,117,49,1)), color-stop(50%,rgba(238,90,12,1)), color-stop(100%,rgba(223,61,1,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,144,58,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(223,61,1,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,144,58,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(223,61,1,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,144,58,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(223,61,1,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(253,144,58,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(223,61,1,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd903a', endColorstr='#df3d01',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e8792d;
    box-shadow: 1px 1px 3px #aaa;
}

input.ui-button-orange,
button.ui-button-orange {
    height: 23px;
    line-height: 18px;
}

@-moz-document url-prefix() {
    input.ui-button-orange,
    button.ui-button-orange,
    input.ui-button-orange-middle,
    button.ui-button-orange-middle {
        padding: 0 8px 5px 8px;
    }
}

.ui-button-orange:hover,
.ui-button-orange-middle:hover {
    background: #FA9953; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,159,88,1) 0%, rgba(241,117,49,1) 50%, rgba(238,90,12,1) 50%, rgba(219,72,19,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,159,88,1)), color-stop(50%,rgba(241,117,49,1)), color-stop(50%,rgba(238,90,12,1)), color-stop(100%,rgba(219,72,19,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,159,88,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(219,72,19,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,159,88,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(219,72,19,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,159,88,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(219,72,19,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(252,159,88,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(219,72,19,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9f58', endColorstr='#db4813',GradientType=0 ); /* IE6-8 */
    border: 1px solid #f76400;
}

.ui-button-orange:active,
.ui-button-orange-middle:active {
    background: #CE4503; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(234,129,37,1) 0%, rgba(241,117,49,1) 50%, rgba(238,90,12,1) 50%, rgba(201,65,2,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,129,37,1)), color-stop(50%,rgba(241,117,49,1)), color-stop(50%,rgba(238,90,12,1)), color-stop(100%,rgba(201,65,2,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234,129,37,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(201,65,2,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234,129,37,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(201,65,2,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(234,129,37,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(201,65,2,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(234,129,37,1) 0%,rgba(241,117,49,1) 50%,rgba(238,90,12,1) 50%,rgba(201,65,2,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8125', endColorstr='#c94102',GradientType=0 ); /* IE6-8 */
}

/* Orange middle button */
.ui-button-orange-middle {
    height: 26px;
    line-height: 26px;
    border-color: #ca3400;
}

.ui-button-orange-middle:hover {
    border-color: #a22b01;
}

input.ui-button-orange-middle,
button.ui-button-orange-middle {
    height: 28px;
    line-height: 24px;
}

/* Silver button */
.ui-button-darkgrey,
.ui-button-grey {
    height: 25px;
    line-height: 25px;
    padding: 0 11px 0 10px;
    font-size: 12px;
    color: #727272;
    text-shadow: none;
    border: 1px solid #c9c7be;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #F0F0EB; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,249,245,1) 0%, rgba(231,231,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,249,245,1)), color-stop(100%,rgba(231,231,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,249,245,1) 0%,rgba(231,231,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,249,245,1) 0%,rgba(231,231,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,249,245,1) 0%,rgba(231,231,225,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(250,249,245,1) 0%,rgba(231,231,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9f5', endColorstr='#e7e7e1',GradientType=0 ); /* IE6-8 */
}

input.ui-button-darkgrey,
button.ui-button-darkgrey,
input.ui-button-grey,
button.ui-button-grey {
    height: 27px;
    line-height: 25px;
}

.ui-button-darkgrey:hover,
.ui-button-grey:hover {
    background: #F8F8F6; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,238,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2ee',GradientType=0 ); /* IE6-8 */
    color: #727272;
    border: 1px solid #c9c7be;
}

.ui-button-darkgrey:active,
.ui-button-grey:active {
    background: #EBEBE5; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(231,231,225,1) 0%, rgba(250,249,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,225,1)), color-stop(100%,rgba(250,249,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(231,231,225,1) 0%,rgba(250,249,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(231,231,225,1) 0%,rgba(250,249,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(231,231,225,1) 0%,rgba(250,249,245,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(231,231,225,1) 0%,rgba(250,249,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e1', endColorstr='#faf9f5',GradientType=0 ); /* IE6-8 */
}

@-moz-document url-prefix() {
    .ui-button-darkgrey,
    .ui-button-grey {
        line-height: 27px;
    }

    input.ui-button-darkgrey,
    button.ui-button-darkgrey,
    input.ui-button-grey,
    button.ui-button-grey {
        padding: 0 7px;
    }
}

/* Grey button */
.ui-button-grey {
    font-weight: normal;
}

.ui-button-grey.active {
    background: rgb(242,241,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,241,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,241,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,241,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,241,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,241,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(242,241,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    box-shadow: -1px 1px 2px #ccc inset;
}

/* Button squared */
.ui-button-squared,
.ui-button-squared:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

/* Button rounded Left */
.ui-button-roundedleft {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

/* Button rounded right */
.ui-button-roundedright {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

/* "Back" button */
.ui-button-back {
    font-size: 14px;
    padding: 17px 50px;
    text-shadow: 1px 0 0 #CA5601;
    background: #F58836;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ui-button-back:hover {
    background: #FA9348;
}
.ui-button-back:active {
    background: #EF5C13;
    box-shadow: 0 0 5px #CF681D inset;
}
.ui-button-back .icon {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin: 0 6px 0 0;
    background: url(../images/basicSprite.png?v=5) no-repeat -25px -71px;
}
@-moz-document url-prefix() {
    input.ui-button-back,
    button.ui-button-back {
        padding: 17px 50px;
    }
}

/* "Add" button */
.ui-button-add,
button.ui-button-add {
    position: relative;
    padding-left: 28px;
}
.ui-button-add .icon {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 12px;
    height: 14px;
    content: '';
    background: url(../images/basicSprite.png?v=5) no-repeat -22px -134px;
}




/*
 * ****************************************************
 * UI: input type="text"
 * ****************************************************
 */

.ui-input-silver {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 7px 5px;
    color: #86857C;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-left-color: #cfcfcf;
    border-top-color: #cfcfcf;
    border-bottom-color: #eceae1;
    border-right-color: #eceae1;
    -webkit-box-shadow: inset 1px 1px 0 #eee;
    -moz-box-shadow: inset 1px 1px 0 #eee;
    box-shadow: inset 1px 1px 0 #eee;
    border-radius: 4px;
}
.ui-input-silver:focus {
    border: 1px solid #c5c2b0;
    -webkit-box-shadow: 0 0 1px 1px #c5c2b0 inset;
    -moz-shadow: 0 0 1px 1px #c5c2b0 inset;
    box-shadow: 0 0 1px 1px #c5c2b0 inset;
}
input.ui-input-grey {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 7px 5px;
    background: #fff;
    border:1px solid #c9c9c9;
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
}
input.ui-input-small {
    padding: 3px 4px;
}




/*
 * ****************************************************
 * UI: select
 * ****************************************************
 */

select.ui-select-grey,
#account-create-form select,
.ui-popup select {
    display: inline-block;
    height: 24px;
    line-height: 15px;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    padding: 0;
}

@-moz-document url-prefix() {
    select.ui-select-grey,
    #account-create-form select,
    .ui-popup select {
        padding-top: 3px;
    }
}




/*
 * ****************************************************
 * UI: textarea
 * ****************************************************
 */

textarea.ui-textarea-grey {
    display: inline-block;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    padding: 5px;
}
textarea.ui-textarea-silver {
    display: inline-block;
    background: #fff;
    color: #86857C;
    border-width: 1px;
    border-style: solid;
    border-left-color: #cfcfcf;
    border-top-color: #cfcfcf;
    border-bottom-color: #eceae1;
    border-right-color: #eceae1;
    -webkit-box-shadow: inset 1px 1px 0 #eee;
    -moz-box-shadow: inset 1px 1px 0 #eee;
    box-shadow: inset 1px 1px 0 #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    padding: 7px 5px;
}
textarea.ui-textarea-silver:focus {
    border: 1px solid #c5c2b0;
    -webkit-box-shadow: 0 0 1px 1px #c5c2b0 inset;
    -moz-shadow: 0 0 1px 1px #c5c2b0 inset;
    box-shadow: 0 0 1px 1px #c5c2b0 inset;
}




/*
 * ****************************************************
 * UI: placeholder
 * ****************************************************
 */

.ui-placeholder-wrapper {
    position: relative;
    display: inline-block;
}
.ui-placeholder {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background: #fff;
    line-height: 27px;
    padding: 0 0 0 5px;
    color: #B9A9A9;
    cursor: text;
}




/*
 * ****************************************************
 * UI: tooltip
 * ****************************************************
 */

/* ui-tooltip: base */

.ui-tooltip {
    visibility: hidden;
    position: absolute;
    text-align: center;
    background: #fff;
    border: 1px solid #C9C7BE;
    padding: 10px 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 3px #c0c0c0;
    -moz-shadow: -1px 1px 3px #c0c0c0;
    box-shadow: -1px 1px 3px #c0c0c0;
    white-space: nowrap;
    z-index: 200;
}
.ui-tooltip:before,
.ui-tooltip .before {
    position: absolute;
    top: -8px;
    left: 8px;
    width: 12px;
    height: 8px;
    background: url(../images/basicSprite.png?v=5) no-repeat -40px -139px;
    content: '';
}

/* ui-tooltip: question */

.ui-tooltip-question {
    background: url(../images/basicSprite.png?v=5) no-repeat 0 -133px;
    width: 16px;
    height: 15px;
    display: inline-block;
    position: relative;
}
.ui-tooltip-question .ui-tooltip {
    width: 190px;
    text-align: left;
    white-space: normal;
    top: 150%;
    right: -213px;
    color: #727272;
    font: normal 12px/16px Helvetica,Arial,sans-serif;
}
.ui-tooltip-question:hover .ui-tooltip {
    visibility: visible;
}
.ui-tooltip-question .ui-tooltip b,
.ui-tooltip-question .ui-tooltip li {
    padding-bottom: 5px;
    display: inline-block;
}




/*
 * ****************************************************
 * UI: checkbox
 * ****************************************************
 */

.ui-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/basicSprite.png?v=5) 0 -111px no-repeat;
}
.ui-checkbox-checked {
    background-position: 0 -150px;
}
.ui-checkbox input {
    display: none;
}




/*
 * ****************************************************
 * UI: box
 * ****************************************************
 */

/* Textured Block */

.ui-textured-block {
    border: 1px solid #E2E0D7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../images/ui/textured-block-bg.jpg);
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

/* Darkgrey Block */

.ui-textured-darkgrey-block {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../images/ui/textured-darkgrey-block-bg.jpg);
}

/* White Block */

.ui-white-block {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:#fff;
}




/*
 * ****************************************************
 * UI: tab
 * ****************************************************
 */

.ui-tabs {
    clear: both;
}
.ui-tabs > dt {
    float: left;
    margin: 0 4px 0 0;
    padding: 0 27px;
    height: 44px;
    color: #858585;
    font: 18px/44px CallunaSansRegular;
    background: #f9f9f9;
    cursor: pointer;
    border: 1px solid #ddddd5;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -moz-box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10), inset 0 -1px 0 0 rgba(186, 183, 165, .10);
    -webkit-box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10), inset 0 -1px 0 0 rgba(186, 183, 165, .10);
    box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10), inset 0 -1px 0 0 rgba(186, 183, 165, .10);
}
.ui-tabs > dt:hover {
    color: #505050;
    background: #fff;
}
.ui-tabs > dt.active {
    height: 45px;
    color: #505050;
    background: #fff;
    cursor: default;
    position: relative;
    -moz-box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10);
    -webkit-box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10);
    box-shadow: -1px 0 0 0 rgba(186, 183, 165, .10), 0 -1px 0 0 rgba(186, 183, 165, .10), 1px 0 0 0 rgba(186, 183, 165, .10);
    z-index: 100;
}
.ui-tabs > dd {
    float: right;
    margin: 45px 0 0 -100%;
    width: 100%;
    display: none;
}
.ui-tabs > dd.active {
    display: block;
}
.ui-tabs > dd > div {
    color: #727272;
    font-size: 16px;
    line-height: 26px;
    padding: 75px;
    background: #fff;
    border: 1px solid #ddddd5;
    -moz-box-shadow: 0 0 1px rgba(186, 183, 165, .50);
    -webkit-box-shadow: 0 0 1px rgba(186, 183, 165, .50);
    box-shadow: 0 0 1px rgba(186, 183, 165, .50);
}




/*
 * ****************************************************
 * UI: pop-up
 * ****************************************************
 */

/* Brown pop-up */

.ui-popup-brown {
    display: none;
    position: absolute;
    top: -2px;
    left: 0;
    width: 223px;
    -moz-box-shadow: 0 0 1px 1px #ebe9e2;
    -webkit-box-shadow: 0 0 1px 1px #ebe9e2;
    box-shadow: 0 0 1px 1px #ebe9e2;
    background: #fff;
    padding: 11px;
    border: 5px solid #C5BDA3;
    min-height: 25px;
}
.ui-popup-brown .ui-popup-brown-close {
    float: right;
    height: 14px;
    width: 14px;
    margin: 0 0 3px 3px;
    cursor: pointer;
    background: url(../images/ui/icon_notice_close.gif) no-repeat 0 0;
}

/* White pop-up */

.ui-popup,
.authorization-popup { /* TODO: delete this selector after checkout issue */
    position: fixed;
    top: 40%;
    left: 50%;
    width: 485px;
    padding: 15px 40px 25px;
    margin-left: -282px;
    color: #86857c;
    background: #fff;
    z-index: 400;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: none;
}
.ui-popup.active,
.authorization-popup.active { /* TODO: delete this selector after checkout issue */
    display: block;
}
.close {
    text-indent: -100em;
    overflow: hidden;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/basicSprite.png?v=5) no-repeat -321px -14px;
    cursor: pointer;
    top: 7px;
    right: 10px;
}
#ui-popup-overlay,
#trusted-extensions-popup-overlay,
.authorization-popup-overlay { /* TODO: delete this selector after checkout issue */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(59, 82, 105, .8);
    z-index: 300;
    display: none;
}
#ui-popup-overlay.active,
#trusted-extensions-popup-overlay.active,
.authorization-popup-overlay.active { /* TODO: delete this selector after checkout issue */
    display: block;
}
#ui-popup-overlay.white {
    background: url(../images/checkout/white-overlay.png) 0 0;
}
#ui-popup-overlay.white:after,
#ui-popup-overlay.white .after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 64px;
    margin-left: -35px;
    margin-top: -32px;
    content: '';
    background: url(../images/pictures/loader-big.gif) no-repeat 0 0;
    opacity: .5;
}