/* TIMESPAN EDITOR */

/* basic styling */

.timeSpanEditor input 
{
    display: none;
}

.timeSpanEditor .value 
{    
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    
    /* can be changed */
    width: 100px;
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    color: #293747;
}

.timeSpanEditor .buttons 
{
    display: inline-block;
    vertical-align: middle;
    
    /* can be changed */
    height: 52px;
}

.timeSpanEditor .buttonInc,
.timeSpanEditor .buttonDec
{
    display: block;
    cursor: pointer;
    
    /* can be changed */
    width: 63px;
    height: 26px;
    
    /* can be changed */
    background: url(../../Images/Schedule/timespan_editor_buttons.png?1);
    background-position: left 0;
}

.timeSpanEditor .buttonDec 
{
    /* can be changed */
    background-position: left 26px;
}

/* SETPOINT EDITOR */

.setpointEditor input 
{
    display: none;
}

.setpointEditor .labelWithValue,
.setpointEditor .buttons 
{
    display: inline-block;
    vertical-align: middle;
}

.setpointEditor label,
.setpointEditor .value {
    display: block;
    text-align: right;
}

.setpointEditor label {
    color: #7A7A7A;
    font-size: 10px;
    text-transform: uppercase;
}

.setpointEditor .value {
    font-size: 21px;
    font-weight: bold;
    min-width: 43px;
    color: #293747;
}

.setpointEditor .buttons 
{   
    /* can be changed */
    height: 52px;
}

.setpointEditor .buttonInc,
.setpointEditor .buttonDec
{
    display: block;
    cursor: pointer;
    
    /* can be changed */
    width: 42px;
    height: 26px;
    
    /* can be changed */
    background: url(../../Images/Schedule/setpoint_editor_heat_buttons.png?1);
    background-position: left 0;
}

.setpointEditor.cool .buttonInc,
.setpointEditor.cool .buttonDec {
    background-image: url(../../Images/Schedule/setpoint_editor_cool_buttons.png?1);
}

.setpointEditor .buttonDec 
{
    /* can be changed */
    background-position: left 26px;
}