.browser {
  position: relative;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  width: 483px;
  padding-bottom: expression('17px');
}
.browser ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*width: 723px;*/
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.browser ul li {
  float: left;
  width: 241px;
}
.browser ul li.next {
  background: url(/resources/i/next-arrow.gif) no-repeat right center;
  background-position: expression('210px center');
}

.browser h3 {
  margin: 5px 0;
}
.browser ul ul, .browser ul div {
  margin: 0;
  /*padding: 0 15px 0 0;*/
  /*width: 226px;*/
  width: 190px;
  height: 250px;
  border: 1px solid #C5C5C5;
  border-width: 1px 0;
  background: white;
}

.browser ul ul {
  list-style-type: none;

  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}

.browser .placeholder {
  padding-top: 120px;
  text-align: center;
  color: #c8c8c8;
  font-size: 30px;
  font-weight: bold;
}

.browser .category ul, .browser .category div {
  /*width: 225px;*/
  width: 240px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.browser .category ul.empty, .browser .category div.empty {
  /*background: #FFF url('/resources/i/blankscroll.gif') center center no-repeat;*/
  background: #FFF url('/resources/i/wait.gif') center center no-repeat;
}

.browser ul ul li {
  float: none;
  /*width: 220px;*/
  width: 100%;
  padding: 2px 0 2px 5px;
  margin-bottom: 0;
  cursor: default;
}

.browser ul ul li:hover,
.browser ul ul li.hover {
  cursor: pointer;
}

.browser ul ul li:hover, .browser ul ul li.active, 
.browser ul ul li.hover {
  color: #000;
  background-color: #8BCEE1;
}

.browser ul ul li:active {
  background: #8BCEE1;
}

.browser img {display: block; margin: 10px auto 5px;}
.browser h4 {margin: 0; padding: 0; font-size: 16px !important;}
.browser p {margin: 0; padding: 0; font-size: 11px;}
.browser .date {font-size: 11px;}
