.number
{
    background-image:               url('/system/modules/Timer/images/timer-1.png');
    background-position:            0px 0px;
    height:                         190px;
    width:                          100px;
    display:                        inline-block;
    overflow:                       hidden;
    border-radius:                  4px;
}
#simpletimer-leftcol
{
    float:                      left;
    width:                      240px;
    min-height:                 400px;
}
#simpletimer-rightcol
{
    float:                      right;
    width:                      240px;
    min-height:                 400px;
}
#simpletimer-content
{
    text-align:                 center;
}
#timer
{
    width:                          440px;
    padding:                        10px;
    margin:                         auto;
    background-color:               #6A93CF;
    border-radius:                  8px;
}
#timer2
{
    width:                          440px;
    padding:                        10px;
    margin:                         auto;
    background-color:               #75bb1e;
    border-radius:                  8px;
}
#pausetimer
{
    width:                      100px;
    height:                     40px;
    background-color:           #ededed;
    color:                      white;
    border:                     none;
    border-radius:              8px;
    cursor:                     pointer;
}
#starttimer
{
    width:                      100px;
    height:                     40px;
    background-color:           #e70505;
    color:                      white;
    border:                     none;
    border-radius:              8px;
    cursor:                     pointer;
}
.time-div
{
    display:                    inline-block;
    width:                      40px;
}
#break-time2,
#break-time1,
#break-time
{
    background-color:           #E2EEF5;
    height:                     40px;
    width:                      440px;
    margin:                     auto;
    border-radius:              8px 8px 0px 0px;
    overflow:                   hidden;
}
#period_num_container
{
    font-family:                Tahoma;
    font-size:                  18px;
}
#breaktime-info
{
    width:                      440px;
    height:                     34px;
    text-align:                 center;
    position:                   absolute;
    font-size:                  18px;
    padding-top:                6px;
}
#breaktime_line
{
    height:                     40px;
    background-color:           #E78F08;
    width:                      0px;
}
#break-time1 #breaktime_line
{
    background-color:           #f57100;
}
#break-time2 #breaktime_line
{
    background-color:           #70c209;
}
#timer-message1,
#timer-message2,
#timer-message
{
    display:                    none;
}
input.pname
{
    border:                     0;
    border-bottom:              1px solid #F58220;
    color:                      #F58220;
    font-size:                  18px;
    font-weight:                bold;
}
input.pname2
{
    border:                     0;
    border-bottom:              1px solid #75BB1E;
    color:                      #75BB1E;
    font-size:                  18px;
    font-weight:                bold;
}
.name_container
{
    margin-bottom:              20px;
}