/* Panels */
.panel {
    margin: 0 0 20px;
    padding: 20px;
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
}

.panel:after {
    content: "";
    display: table;
    clear: both;
}

.panel > :last-child {
    margin-bottom: 0;
}


/* Panel paddings */

.condensed-panel {
    padding: 10px;
}

.expanded-panel {
    padding: 40px;
}


/* Bordered panels */

.bordered-panel {
    padding: 19px;
    border: 1px solid #E5E5E5;
}

.bordered-panel.condensed-panel {
    padding: 9px;
}

.bordered-panel.expanded-panel {
    padding: 39px;
}


/* Panel colors */

.secondary-panel {
    background-color: #FFF;
}

.success-panel {
    background-color: #EDF8EC;
    border-color: #CAE9C7;
}

.info-panel {
    background-color: #ECF3F8;
    border-color: #C7DAE9;
}

.warning-panel {
    background-color: #FBF6E9;
    border-color: #F2E6BF;
}

.error-panel {
    background-color: #FAECEA;
    border-color: #F0C5C1;
}

/* Text style */
.text-alignment--center {
    text-align: center;
}

.text-font-size--16 {
    font-size: 16px;
}

/* Buttons */

.button {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    background-color: #CCC;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    color: #333 !important;
}

.button:hover,
.clickable tr:hover td > .button {
    background-color: #DBDBDB;
}

button.button {
    overflow: visible;
    cursor: pointer;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* More buttons */

.button .more {
    display: block;
    padding-right: 20px;
    background-position: 100% -779px;
    color: #333 !important;
}

.prev-button .more {
    padding-right: 0;
    padding-left: 20px;
    background-position: 0 -879px;
}


/* Button icons */

.button .icon:first-child {
    margin-left: -3px;
}


/* Small buttons */

.small-button {
    padding: 0 15px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}

.small-button .more {
    background-position: 100% -784px;
}

.small-button.prev-button .more {
    background-position: 0 -884px;
}


/* Large buttons */

.large-button {
    height: 60px;
    font-size: 20px;
    line-height: 60px;
}

.large-button .more {
    background-position: 100% -774px;
}

.large-button.prev-button .more {
    background-position: 0 -874px;
}


/* Block buttons */

a.block-button {
    display: block;
}

button.block-button {
    width: 100%;
}


/* Shared button styles */

.primary-button,
.secondary-button {
    color: #FFF !important;
}


/* Shared more button styles */

.primary-button .more,
.secondary-button .more {
    background-position: 100% 21px;
    color: #FFF !important;
}

.primary-button.prev-button .more,
.secondary-button.prev-button .more {
    background-position: 0 -79px;
}

.primary-button.small-button .more,
.secondary-button.small-button .more {
    background-position: 100% 16px;
}

.primary-button.small-button.prev-button .more,
.secondary-button.small-button.prev-button .more {
    background-position: 0 -84px;
}

.primary-button.large-button .more,
.secondary-button.large-button .more {
    background-position: 100% 26px;
}

.primary-button.large-button.prev-button .more,
.secondary-button.large-button.prev-button .more {
    background-position: 0 -74px;
}


/* Primary buttons */

.primary-button {
    background-color: #6C0;
}

.primary-button:hover {
    background-color: #94DB4C;
}


/* Secondary buttons */

.secondary-button {
    background-color: #F90;
}

.secondary-button:hover {
    background-color: #FFB74C;
}

/* Global styles */
.hide-non-ie {
    display: none;
}

.ext-ie .hide-non-ie {
    display: block;
}