﻿/* Customization Style of SyoTimer */.syotimer
{
    text-align: center;
    margin: 30px auto 0;
    padding: 0 0 10px;
}
.syotimer-cell
{
    display: inline-block;
    margin: 0 5px;
    width: 79px;
    background: url(../img/timer.png) no-repeat 0 0;
}
.syotimer-cell__value
{
    font-size: 35px;
    color: #80a3ca;
    height: 81px;
    line-height: 81px;
    margin: 0 0 5px;
}
.syotimer-cell__unit
{
    font-family: Arial, serif;
    font-size: 12px;
    text-transform: uppercase;
}
#simple-timer .syotimer-cell_type_day, #periodic-timer_period_days .syotimer-cell_type_hour, #layout-timer_only-seconds .syotimer-cell_type_second, #layout-timer_mixed-units .syotimer-cell_type_minute
{
    width: 79px;
    background-image: url(../img/timer.png);
}
.option
{
    font-weight: 700;
}
/* For layout demo page */body
{
    font-family: Tahoma, serif;
    font-size: 14px;
    padding: 0 0 60px;
}

.row blockquote
{
    border-left: 5px solid #999;
    padding-left: 20px;
    width: 600px;
    margin: 0 auto;
}
pre
{
    display: none;
    width: 650px;
    margin: 0 auto 10px;
    padding: 5px;
    border: 1px solid #e1e1e1;
}
.toggle-source-code
{
    width: 650px;
    margin: 10px auto;
    text-align: right;
}
.toggle-source-code:before
{
    font-size: .9em;
    color: #666666;
    border-bottom: 1px dashed #666666;
}
.toggle-source-code_action_show:before
{
    content: "Show code";
}
.toggle-source-code_action_hide:before
{
    content: "Hide code";
}
#simple-timer
{
    
}