.trns_head_container {
    border-bottom:1px solid #E8E8E8;
}

.trns_headline {
    color:#FF4035;
    font-weight:lighter;
    padding-left:30px;
}

/*  ------  */

.trns_main {
    padding-left:30px;
    padding-right:20px;
    padding-top:15px;
}

/*  ------  */

.trns_lngButtongroup_from {
    display:inline-block;
    margin-bottom:10px;
}

.trns_lngButtongroup_to {
    display:inline-block;
    margin-bottom:10px;
}

.trns_lng_button {
    width:auto;
    padding:4px;
    padding-left:6px;
    padding-right:6px;
    border:1px solid #E1E1E1;
    border-right:none;
    background:#F2F2F2;
    font-weight:bold;
    margin-right:-4px;
    color:#4E4E4E;
    height:28px;
    min-width:35px;
    font-size:12px;
}

.trns_lng_button:hover {
    border-color:#CDCDCD;
    color:#1E1E1E;
}

.trns_lng_button_active {
    background:#DFDFDF;
}

.trns_lb_left {
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}

.trns_lb_right {
    border-right:1px solid #E1E1E1;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
}

.trns_lb_swap {
    background-image:url(/general/imgs/static/arrow_swap_grey.png);
    background-size:21px 21px;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:2px;
    margin-left:-50px;
    margin-right:10px;
    border:1px solid #E1E1E1;
}

.trns_lb_swap:hover {
    background-image:url(/general/imgs/static/arrow_swap_black.png);
}

.trns_leftPart {
    width:48%;
    max-width:600px;
    display:inline-block;
    float:left;
}

.trns_rightPart {
    width:48%;
    max-width:600px;
    display:inline-block;
}

.trns_translateButton {
    font-size:11px;
    background:#0080FF;
    color:white;
    border:1px solid #0080C0;
    height:28px;
    font-weight:bold;
    border-radius:2px;
    margin-left:20px;
}

.unknownword {
    color:#D2D2D2;
    font-style:italic;
}

.warning {
    color:#F77048;
    font-style:italic;
}

.multiword:hover {
    background-color:#0080FF;
    color:white;
    font-weight:bold;
    padding:2px;
    cursor:pointer;
    font-size:14px;
    border-radius:2px;
}

.mwopend {
    background-color:#0080FF;
    color:white;
    font-weight:bold;
    padding:2px;
    cursor:pointer;
    font-size:14px;
    border-radius:2px;
}

.wordSelectionHandle {
    position:absolute;
    padding:5px;
    background-color:rgba(255,255,255,.5);
    max-width:100px;
    display:inline-block;
    text-align:center;
    border:1px solid #DDDDDD;
    border-radius:2px;
    border-top:none;
    margin-top:16px;
}

.wordSelectionHandle > div{
    padding:1px 3px 1px 3px;
    color:#0080FF;
}

.wordSelectionHandle > div:hover {
    cursor:pointer;
    background-color:rgba(200,200,200,.6);
}