@charset "utf-8"
.clear {
  clear: both;
}

.diyImCssWidget {
  position: absolute !important;
  top: 150px !important;
  right: 0px;
  width:130px;
  z-index:100;
  _position:absolute;    /* for ie */
  _top:expression(eval(document.body.scrollTop)); /* for ie 6 */  
  box-shadow: -1px 2px 6px rgba(0,0,0, 0.2);
  -moz-box-shadow: -1px 2px 6px rgba(0,0,0, 0.2);
  -webkit-box-shadow: -1px 2px 6px rgba(0,0,0, 0.2);
}


.skype-widget {
    top: 70px!important;
    height: 70px;
    background-color: #ffffff
}


.diyImCssWidget .msgList a:hover, .diyImCssWidget .msgList a:visited, .diyImCssWidget .msgList a:link, .diyImCssWidget .msgList a:active {
    text-decoration: none;
	color:#404040 !important;
}

.diyImCssWidget .title {
  background: url('../sitetpl-img/imwidget/sprite_icon.png') left top repeat-x ;
  width:100%;
  height:29px;
}

.diyImCssWidget .title h2{
   background:url('../sitetpl-img/imwidget/diy-icon.png') 10px center no-repeat;
   font-family:Helvetica, Arial,  sans-serif;
   width:100%;
   color:#fff !important;
   font-size:13px;
   font-weight:normal;
   line-height:29px;
   margin:0px;
   padding:0px;
   text-align:center!important;   
}

.diyImCssWidget .msgList{
  background-color:#f8f8f8;
  border-left:1px solid #dbdbdb;
  padding:10px 5px;
}

.diyImCssWidget .msgList .online, .diyImCssWidget .msgList .offline{
  color:#404040;
  word-wrap: break-word; 
  word-break: normal;
  font-family:Helvetica, Arial,  sans-serif;
  font-size:12px;
  padding: 3px 10px 3px 17px;
  background-image: url('../sitetpl-img/imwidget/sprite_icon.png') ;
}

.diyImCssWidget .msgList .online{
  background-position:0 -70px;
  background-repeat:no-repeat;
}

.diyImCssWidget .msgList .offline{
  background-position:-150px -70px;
  background-repeat:no-repeat;
}

.diyImCssWidget .contactInfo{
  background: #fff url('../sitetpl-img/imwidget/contactInfoBg.gif') left top repeat-x;
  padding:10px 5px;
  border-left:1px solid #dbdbdb;
}

.diyImCssWidget .contactInfo h2{
  color:#eb662f !important;
  white-space: nowrap;
  font-family:Helvetica, Arial,  sans-serif;
  font-size:13px;
  font-weight:normal;
  margin:0px;
  padding:3px 10px 3px 25px;
  background-image: url('../sitetpl-img/imwidget/sprite_icon.png') ;
}

.diyImCssWidget .contactInfo h2.tel{
  background-position:0 -140px;
  background-repeat:no-repeat;
  display: none;
}

.diyImCssWidget .contactInfo h2.contact{
  background-position:-150px -140px;
  background-repeat:no-repeat;
}
.diyImCssWidget .contactInfo h2.contact a:hover, .diyImCssWidget .contactInfo h2.contact a:visited, .diyImCssWidget .contactInfo h2.contact a:link, .diyImCssWidget .contactInfo h2.contact a:active {
    text-decoration: none;
	color:#eb662f !important;
}

.diyImCssWidget .closeWidget{
  padding:0 0 2px 0;
  background: url('../sitetpl-img/imwidget/widgetBottom.png') left bottom repeat-x ;
}