/* 
-- image path: It was working. [ background path: ../../images/xxxx.jpg ]
#gl-menu #bg-chat { background:url('../../images/TopRowButton.png') no-repeat; 
                    height:42px; width:105px; display:inline-block; position:relative; }
*/



#gl-menu { bottom: 0; right: 10px; position: fixed; z-index: 9999; display:none; 
           border-top:0; border-bottom:0; background-color:transparent; }
#gl-menu:hover { cursor:pointer; }

#gl-menu #bg-chat { position:relative; }

#gl-menu #bg-chat #spChat { background:url('../../images/Smiley/Smile.gif') no-repeat 8px 7px; padding-left:31px; line-height:34px; display:inline-block; }
#gl-menu #bg-chat #spMsg { background:url('../../images/OrbColour/Gray.gif') no-repeat 0 2px ; padding-left:15px; margin-left:8px; }
#gl-menu #bg-chat #navigationUp { background:url('../../images/NavigationUp16.png') no-repeat; width:16px; height:16px; display:inline-block; position:absolute; right:10px; top:8px; }

#gl-menu #bg-chat #spChatFloat { display:inline-block; text-align:center; }
#gl-menu #bg-chat #spChatFloat .chattext { display:inline-block; margin-top:5px; padding:2px 8px 3px; border-radius:3px; background-color:#fff; font-size:12px; font-family:Arial; 
                                           font-weight:bold; color:#333; text-decoration:none; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }
#gl-menu #bg-chat i.material-icons { display:inline-flex; vertical-align:middle; font-size:40px; color:#FF821C; text-shadow:unset; }

/* general */
.gl-frame-float { }
.gl-frame { position: fixed; right:20px; bottom:0;
    background-color:#259959; border: solid 1px #000000; border-bottom:0; 
           -moz-border-radius:2px; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0; -webkit-border-radius:2px;
           -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;
           border-radius:2px; border-bottom-left-radius:0; border-bottom-right-radius:0;
            -moz-box-shadow: 0px 0px 10px #000;
            -webkit-box-shadow: 0px 0px 10px #000;
            box-shadow: 0px 0px 10px #000;  width:220px; background-color:#f0f0f0; color:#000000;
            font-size:13px;  font-family:Arial; font-weight:bold; text-shadow: 1px 1px #ffffff; text-decoration:none;  }

.gl-frame2 { position: fixed; right:20px; bottom:0;
             border: solid 1px #000000; border-bottom:0; 
           -moz-border-radius:2px; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0; -webkit-border-radius:2px;
           -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;
           border-radius:2px; border-bottom-left-radius:0; border-bottom-right-radius:0;
            -moz-box-shadow: 0px 0px 10px #000;
            -webkit-box-shadow: 0px 0px 10px #000;
            box-shadow: 0px 0px 10px #000;
}
@media screen and (max-width: 400px) {
    .gl-frame2 { right:5px; }
}

#gl-navigationDown { background:url('../../images/NavigationDown16.png') no-repeat; width:16px; height:16px; display:inline-block; 
                     position:absolute; right:10px; top:7px; cursor:pointer; }

/* Dialog header */
#gl-HdrMsg { background:#259959 url('../../images/LiveChat16.png') no-repeat 10px 7px; display:block;
             height:30px; line-height:30px; padding:0 26px 0 31px; 
             color:#ffffff; font-size:12px; font-family:Verdana; font-weight:bold; text-decoration:none; text-shadow: 1px 1px #666666;
             white-space: nowrap; text-overflow: ellipsis; overflow:hidden; cursor:pointer;  }

#gl-Footer { position:absolute; bottom:-1px; left:0; width:100%; background-color:#259959; height:20px; line-height:20px; color:#ffffff; font-size:9px; text-shadow: 1px 1px #666666; text-align:right; 
             -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:5px; }
#gl-Footer a { text-decoration:none; color:#ffffff; }
#gl-Footer a:hover { text-decoration:none; cursor:pointer; }

@media ( max-width:500px) {
    /*    #gl-menu { right: 3px; bottom: 0; }
    .gl-frame  { right:3px; bottom:0; }
    .hidden-small { display:none !important; }
    .outline-border { background-color:#FF821C; border-radius:50%; padding:10px; }
    .outline-border .material-icons { color:#fff !important; font-size:30px !important; }*/
}