#screenHeader {
    padding:10px 20px 10px 20px;
    border-bottom:2px solid #eee;
    background-color:#fff;
}

.screenHeader_span {
    padding:5px;
    font-size:18px;
    color:red;
    width:250px;
    display:inline-block;
    text-align:center;
}

.span_green {
    color: green;
}

#team_id {
    width:120px;
}

#screenBody {
    background-color:#fff;
    padding:10px 20px 10px 20px;
}

.screenBody_item {
    margin:0px 0px 5px 5px;
    float:left;
    border:1px solid #eee;
    font-size:18px;
    width:150px;
    text-align:center;
}

.screenBody_item_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:1px solid #eee;
    padding:10px 0px;
}

.screenBody_item_row1 {
    padding:10px 0px;
}

#screenFooter {
    padding:10px 20px 20px 20px;
    border-top:2px solid #eee;
    bottom:0;
    width:100%;
    background-color:#fff;
    position: absolute;
}

.screenFooter_span {
    padding:5px;
    font-size:18px;
    width:160px;
    display:inline-block;
    text-align:center;
}

.green {
    background-color:#45b6af;
}

.blue1 {
    background-color:#89c4f4;
}

.blue2 {
    background-color:#2977f7;
}

.yellow {
    background-color:#dfba49;
}

.purple {
    background-color:#793a93;
}

.red {
    background-color:#f3565d;
}

.idelcolor {
    background-color: #FFBBFF;
} 

.pausecolor {
    background-color: #FF4500;
} 

.ringcolor {
    background-color: #B3EE3A;
} 

.idelincolor {
    background-color: #BFEFFF;
} 

.ideloutcolor {
    background-color: #FFFF00;
} 

.callincolor {
    background-color: #D1D1D1;
}

.calloutcolor {
    background-color: #7EB594;
}

.acwcolor {
    background-color: #77E4FF;
}