#tp-mode-selector
{
    margin: 0px;
    padding: 0px;
    height: 40px;
    margin-left: 20px;
}
.tp-mode-btn
{
    display: inline-block;
    height: auto;
    padding: 10px;
    background-color: #666;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}

.tp-mode-btn-sel
{
    background-color: #333;
    color: #F16C22;
}

#tp-editbox-holder
{
    width: inherit;
    height: 300px;
}

#tp-editbox-holder textarea
{
    width: 958px;
    height: 300px;
    padding: 10px;
    font-size: 18px;
    color: #333;
}

#teleprompter
{
    height: 300px;
    border-bottom: 1px dashed #333;
    overflow: hidden;
}

#teleprompter-text
{
    font-family: Georgia, serif;
    position: relative;
    z-index: 7;
}

.teleprompter-menu
{
    background-color: #333;
    height: 60px;
    padding: 10px;
    color: #fff;
    background-image: url(../images/tp-dashboard-bg.png);
}

.teleprompter-btn
{
    cursor: pointer;
    margin-left: 5px;
    float: left;
    height: 30px;
}

.dark-on-light
{
    background-color: #f2f2f2;
    color: #000;
}

.light-on-dark
{
    background-color: #444;
    color: #f2f2f2;
}

#tpTextL
{
    width: 30px;
    background-image: url(../images/tpTextL.png);
}

.tpTextL-sel
{
    background-image: url(../images/tpTextL-sel.png) !important;
}

#tpTextM
{
    width: 20px;
    background-image: url(../images/tpTextM.png);
}

.tpTextM-sel
{
    background-image: url(../images/tpTextM-sel.png) !important;
}

#tpTextS
{
    width: 20px;
    background-image: url(../images/tpTextS.png);
}

.tpTextS-sel
{
    background-image: url(../images/tpTextS-sel.png) !important;
}

.small-font
{
    font-size: 24px !important;
    line-height: 30px !important;
}

.medium-font
{
    font-size: 40px !important;
    line-height: 48px !important;
}

.large-font
{
    font-size: 60px !important;
    line-height: 70px !important;
}

#tStop
{
    width: 30px;
    background-image: url(../images/tpStop.png);
}

#tStartStop
{
    width: 30px;
}

.tpPlay
{
    width: 30px;
    background-image: url(../images/tpPlay.png);
}

.tpPause
{
    width: 30px;
    background-image: url(../images/tpPause.png);
}

.tpSwitchColor2
{
    background-image: url(../images/tpSwitchColor2.png) !important;
}

#tSwitchColor
{
    width: 30px;
    background-image: url(../images/tpSwitchColor1.png);
}

#tFontSize
{
    
}

#tSpeed
{
    width: 100px;
    height: 30px;
    margin-left: 20px;
}

#tSpeedBg
{
    width: inherit;
    height: inherit;
    background-image: url(../images/tpSpeedSliderBg.png);
}

#tSpeedShuttle
{
    width: 10px;
    height: 30px;
    background-image: url(../images/tpSpeedShuttleBg.png);
    cursor: pointer;
}

#tpUp
{
    width: 20px;
    height: 30px;
    background-image: url(../images/btn-up.png);
    background-position: top center;
}

#tpDown
{
    width: 20px;
    height: 30px;
    background-image: url(../images/btn-down.png);
    background-position: top center;
}

#tClock
{
    float: right;
}

#tHrs, #tMins, #tSecs
{
    width: 30px;
    height: 30px;
    display: inline-block;
}

#tp-overlay
{
    display: block;
    position: absolute;
    z-index: 6;
    width: 980px;
    height: 60px;
}

.tp-overlay-small
{
    background-image: url(../images/tp-overlay-line-small.png);
    background-repeat: repeat-x;
}

.tp-overlay-medium
{
    background-image: url(../images/tp-overlay-line-medium.png);
    background-repeat: repeat-x;
}

.tp-overlay-large
{
    background-image: url(../images/tp-overlay-line-large.png);
    background-repeat: repeat-x;
}


/*recorder*/
#tpRecorder
{
    margin-left: 450px;    
}

#call
{
    width: 30px;
    background-image: url(../images/tpRecordPassive.png);
}

#hangup
{
    width: 30px;
    background-image: url(../images/tpRecordActive.png);
}

#status
{
    padding-top: 8px;
}