/* 






















 configuration.ftl included */

/* 
 * Copyright (C) 2012 IP Labs GmbH <http://www.iplabs.de/>
 * All rights reserved.
 *
 * Button/Increment Control Emenent style definition file
 *
 * @author Hendrik Pütz <h.puetz@iplabs.de>
 * @author Biser Yordanov <b.yordanov@iplabs.de>
 */

.btn-big {
    float: left;
    display: inline-block;
    position: relative; 
    padding: 0px 20px; /* ensures the space between text and shape edges */
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #777;
    cursor: pointer;
    min-width:107px;
}

.btn-big:HOVER {
    color: #3b4044;
}

.current {
    color: #3b4044;
    cursor:default;
    font-weight: bold;
}    

.btn-big .numberFrame {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    border-radius: 3px;
    background: #fff;
    color: #777;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    behavior: none;
}

.current .numberFrame { 
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 100 , 164 , 47 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 189 , 253 , 136 ), inset 0px 40px 30px -30px rgb( 164 , 228 , 111 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 189 , 253 , 136 ), inset 0px 40px 30px -30px rgb( 164 , 228 , 111 );
    box-shadow: inset 0px 1px 0px rgb( 189 , 253 , 136 ), inset 0px 40px 30px -30px rgb( 164 , 228 , 111 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
}

.btn-big.done .numberFrame,
.btn-big .done {
    color: transparent;
    background: url(/ips-opdata/layout/ips01/widget/button/images/icons/step-tick.png) no-repeat center;
    cursor: pointer;
}