html { overflow-y: scroll; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; max-width: 100%; }

h1 { 
  font-weight: bold;
  font-size: 3.6em;
  line-height: 1.7em;
  margin-bottom: 10px;
  margin-top: 10px;
}


/** page structure **/
#wrapper {
  display: block;
  width: 850px;
  background: #fff;
  margin: 0 auto;
  padding: 10px 17px;
  -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.35);
}

table {
	text-align: left;
  margin-bottom: 15px;
}

table thead {
  cursor: pointer;
}

table thead tr th { 
  font-weight: bold;
  background-color: #c9c7c7;
}
table thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

table thead tr th.headerSortUp, table thead tr th.headerSortDown {
  background-color: #c9c7c7;
}

table thead tr th.headerSortUp {
  background-image: url('up-arrow.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-position-x: 95%;

}
table thead tr th.headerSortDown {
  background-image: url('down-arrow.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-position-x: 95%;
}

table tbody tr td.lalign {
  text-align: left;
}