/*========================== YPH2 - CallCenter ===============================*/

/* ------------------------------- LAYOUT ----------------------------------- */

#yph2-callCenter
{
    width:180px;
}

#yph2-callCenter        span {
    padding: 0px;
    margin: 0px;
}

#yph2-callCenter    >   span {              /*  nadpis: CALL CENTRUM */
    display: block;
    font-size: 1.8em;
    font-variant: small-caps;
    padding: 15px 0px;
    text-align: left;
    text-transform: capitalize;
}

/* ---------------------------- */

#operatorsContainer
{
    font-size: 12px;
    position: relative;
    width: inherit;
}

#operatorsContainer >   div.operator
{
    border-style: solid;
    border-width: 1px;
    font-size: inherit;
    position: relative;
}

#operatorsContainer >   div.operator    >   div
{
    font-size: inherit;
    padding:3px;
    position: relative;
    text-align:center;
}

#operatorsContainer >   div.operator    >   div.operatorHeading
{
    font-variant: small-caps;
    font-weight: bold;
    text-transform: capitalize;
}

#operatorsContainer >   div.operator    >   div.operatorContent
{}

#operatorsContainer >   div.operator    >   div.operatorContent >   *
{
    clear:both;
    font-size: inherit;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div
{
    position: relative;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part1
{
    font-size: inherit;
    font-weight:bold;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part1   >   span.operatorStatus
{
    display: inline;
    font-size: 1.4em;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part2
{
    padding-right:10px;
    text-align:left;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part2   >   div.operatorLanguages
{
    float:right;
    position: relative;
    text-align:center;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   table.operatorContactData
{
    font-size: inherit;
    font-weight:bold;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   table.operatorContactData       td.operatorPhoneNumber
{
    font-size:1.4em;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   table.operatorContactData       td.operatorSkypeID,
#operatorsContainer >   div.operator    >   div.operatorContent >   table.operatorContactData       td.operatorEmail
{}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatHeading
{
    font-weight:bold;
    text-align:left;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatContent
{
    border-style: solid;
    border-width: 1px;
    padding:3px;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatContent >   div.messagebox
{
    font-size: inherit;
    height:100px;
    overflow:auto;
    position: relative;
    text-align:left;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatContent >   div.inputbox
{
    font-size: inherit;
    position: relative;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatContent >   div.inputbox    >   input
{
    width:150px;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest
{
    text-align:left;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   span.operatorEasyRequestHeading
{
    display: inline;
    font-size: inherit;
    font-weight: bold;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent
{
    border-style: solid;
    border-width: 1px;
    font-size: inherit;
    padding:3px;
    position: relative;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   span
{
    font-size: inherit;
    font-variant: normal;
    text-transform: none;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   form.easyRequestForm    >   div
{
    clear:both;
    font-size: 0.8em;
    position: relative;
    text-align:right;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   form.easyRequestForm    >   div >   div:first-child
{
    float:left;
    font-size: inherit;
    padding-top:5px;
    position: relative;
    text-align:center;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   form.easyRequestForm    >   div >   div:last-child
{
    font-size: inherit;
    position: relative;
    text-align:right;
}