.attachimg {
  border: 3px solid transparent !important;
}
.attachimg:hover {
  border: 3px solid #ADD8E6 !important;
  cursor: pointer;
}
.attachx {
  background:url('images/xsmall.png') no-repeat;
  background-position:center; 
  font-size:25px;
  line-height:25px;
  width:22px;
  vertical-align:top;
}
.attachx:hover {
  background-image:url('images/xsmallroll.png');
  cursor: pointer;
}
.attach_list_dropStyle { /* this entry is based on combobox.css */
  border:thin dotted;
background: #919191 !important; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
  font-weight: bold;
  color: #e7e5e5;
  position:absolute;
  cursor:default;
  text-align:left;
  font-size:12px;
  z-index:10000;
  overflow:auto;
}

.attach_extension {
  text-align:center;
  font-size:12px;
  padding-right:8px;
}

.attach_list_dropStyle .item {
  padding:5px 11px;
}

#lpaddattach {
  background:url('images/paperclip.png') no-repeat;
  background-position:center; 
  height:30px;
  width:30px; 
}
#lpaddattach:hover {
  background-image:url('images/paperclip_hover.png');
  cursor: pointer;
}


/*------scrollbar css --------*/

::-webkit-scrollbar {
        width: 6px;
        height: 15px;
}

::-webkit-scrollbar-thumb {
        width: 6px;
        background: hsla(0,0%,0%,0.15);
        -webkit-border-radius: 5px;
        -webkit-box-shadow:inset -2px 0px 5px hsla(0,0%,0%,0.3), inset 1px 0 0 hsla(0,0%,0%,0.2), inset -1px 0 0 hsla(0,0%,0%,0.2), inset 2px 0 0 hsla(0,0%,100%,0.4);
}

::-webkit-scrollbar-track {
        width: 6px;
        border-style: none;
        -webkit-box-shadow:inset 2px 0px 5px hsla(0,0%,0%,0.15), inset 1px 0 0 hsla(0,0%,0%,0.2);
        background-color: hsl(0,0%,93%);
}

#notestype{
  padding: 5px 25px;
  -webkit-border-radius: 6px;
}