﻿
    .ui-widget.ui-widget-content { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB; }
    .ui-widget-content .ui-state-default { border: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; padding: 12px; top: -8px; }
    .ui-widget-header { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,.45); }

    .result { color: #333; font-weight: bold; margin-bottom: 1.8rem; }
    .result input { border: none; color: #333; font-weight: bold; }
    .btn { padding: .6rem 2.14rem; margin: 0; }

    /*Sold Out*/
    .overlay { position: relative; }
    .ribbon { top: 2em; left: -5em; color: #fff; display: block; position: absolute; text-align: center; text-decoration: none; letter-spacing: .06em; background-color: #A00; padding: 0.5em 5em 0.4em 6em; text-shadow: 0 0 0.75em #444; box-shadow: 0 0 0.5em rgba(0,0,0,0.5); font: bold 16px/1.2em Arial, Sans-Serif; -webkit-text-shadow: 0 0 0.75em #444; -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5); -webkit-transform: rotate(-45deg) scale(0.75,1); z-index: 10; }
    .ribbon:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; margin: -0.3em -5em; transform: scale(0.7); -webkit-transform: scale(0.7); border: 2px rgba(255,255,255,0.7) dashed; }
