/*table th { white-space: pre-line; vertical-align:bottom; }*/

#logo
{
    background-image: url('../../images/zisson_200x62.png');
    background-size: 100% 100%;
    position: absolute;
    top: 5px;
    left: 5px; 
    width: 116px;
    height: 36px;
}

.mainTableDialog
{
    /*background-color: Yellow;*/
    margin: 0px; /*0px;*/
    padding: 5px;
}
.mainTableDiv
{
    /*background-color: Lime;*/
    margin: 0px; /*0px;*/
    padding: 0px; /*0px;*/
    width: 100%;
    height: 100%;
}
.mainTable
{
    border: 0px solid black;
    background-color: #F8F8F8;
    width: 100%;
    height: 100%;
    border-collapse: collapse; /*table-layout: fixed;*/
}
.mainTable tr th
{
    background-color: #afafaf;
    text-align: left;
    padding-left: 7px; 
    border-right: 1px gray solid;
    /*vertical-align:top;
    background-color: yellow;*/
}
.mainTable tr td
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
}
.mainTable tfoot
{
    background-color: #FFFFDD;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left: 7px;
}
.mainTable tbody tr:nth-of-type(odd)
{
    background-color: #E8E8E8; /* Pyjamas stripes */
}
.collapsibleTableImg
{
    position: relative;
    height: 20px;
    top: -26px;
    float: right;
}
.headerCell
{
    /*height: 100%;*/
    padding-top: 4px;
    /*padding-bottom: 8px;*/
}
.deleteImg
{
    float: right;
    height: 10px;
    position: relative;
    margin-top: 2px;
    margin-right: 2px;
    /* top: -8px; */
    /*background-color: red;
    position:absolute;
    top:10px;
    left:10px*/
}
.chart
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#callsChartDialog
{
    padding: 10px;
}
#answerPctChartDialog
{
    padding: 10px;
}
.queueTableDialog
{
    margin: 0px; /*0px;*/
}
.queueTable
{
    background-color: #F8F8F8;
    width: 100%;
    height: 100%;
    border-collapse: collapse; /*table-layout: fixed;*/ /*padding: 1px 2px;*/
}
.queueTable th
{
    background-color: #afafaf;
    margin: 0px;
    border: 0px solid black;
}
.queueTable td
{
    border: 0px solid black;
    margin: 0px;
    font-weight: bold;
    text-align: center;
}
.queueGraphDialog
{
    margin: 0px; /*0px;*/
}
.fontSizeImg
{
    position: relative;
    height: 20px;
    top: -26px;
    float: right;
}
.fontSizeSlider
{
    position: absolute;
    z-index: 9999 !important;
    float: left;
    height: 5px;
    width: 100px;
    margin: 1px;
}

#agentStatusList 
{
    /*max-height:150px;*/
    overflow: auto;
}
.agentname {
    width: 200px;
}
.agentstatus {
    width: 100px;
    margin-left:5px;
}
.pausedot { 
    width: 15px;
    height: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px; 
}

#maxmiseImage
{
    cursor: pointer;
    position: relative;
    float: right;
    top: 4px;
    left: -25px;
}

/* ignore jslint start */

/* Override some stuff from jquery-ui.css */

.ui-widget
{
    font-size: 1.1em;
}
.ui-dialog
{
    padding: 0.15em; /* works... */ /*background-color: Yellow; */
}
.ui-dialog .ui-dialog-titlebar
{
    padding: 0.1em; /*.4em 1em;*/ /* works... */
    background-color: #E8E8E8;
    border: 0px solid black;
}
.ui-dialog .ui-dialog-title
{
    float: left;
    margin: 0.1em 16px 0.1em 10px; /*background-color: Lime;      color: Red;*/
}
.ui-dialog .ui-dialog-titlebar-close
{
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px; /*margin: -10px 0 0 0; */
    padding: 1px;
    height: 18px; /* background-color: Blue; */
}
.ui-dialog .ui-dialog-content
{
    position: relative;
    border: 0; /*padding: .5em 1em;*/
    padding: 1px;
    background: none;
    overflow: auto;
    zoom: 1;
}
.ui-menu
{
    width: 150px;
    font-size: small;
}

/* Line- and bar graphs point labels */
.jqplot-point-label
{
    /*color: #7F7F7F;*/
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px #777777;
}
/* Pie graphs point labels */
.jqplot-data-label
{
    /*color: #7F7F7F;*/
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 2px 2px #777777;
}

#ticker
{
    margin-left:35px;
    margin-right:35px;
    overflow: hidden;
}
.ticker_green
{
    height: 30px;
    width: auto;
    position: static;
    margin-top: 3px;
    top: auto;
    bottom: auto;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    background-color: white;
    border: none;
    z-index: auto;
    overflow: hidden;
}
.ticker_yellow
{
    height: 30px;
    width: auto;
    position: static;
    margin-top: 3px;
    top: auto;
    bottom: auto;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    background-color: yellow;
    border: 1px solid black;
    z-index: auto;
    overflow: hidden;
}
.ticker_red
{
    height: 160px;
    width: 90%;
    margin-top: -200px;
    position: absolute;
    top: 50%;
    font-size: 100px;
    font-style: normal;
    font-weight: bold;
    background-color: yellow;
    border: 12px solid red;
    z-index: 9999;
    overflow: hidden;
}

/* ignore jslint end */