/* HAWHAW skin stylesheet for iPhone */

body {
  background-color: #FFFFFF;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #222222;
  font-size:12px;
  font-family: Arial;
}

#skin {
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 334px;
  height: 492px;
  background-image: url(../images/iPhone_skin.jpg);
}

#display {
  position: relative;
  top: 118px;
  left: 66px;
  width: 213px;
  height: 264px;
  overflow: auto;
}

/* fleXcroll magic */
.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbar {width: 9px; background: #5EC0A7 url(scrollbar.png) -9px 0px repeat-y;}
.vscrollerbarbeg {height: 9px !important; width: 9px; background: url(scrollbar.png) -27px 0px no-repeat;}
.vscrollerbarend {height: 9px; width: 9px; background: url(scrollbar.png) -27px -19px no-repeat;}
.vscrollerbase {width: 9px; background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 9px; height: 12px !important; background: url(scrollbar.png) -18px -14px no-repeat;}
.vscrollerbaseend {height: 12px; width: 9px; background: url(scrollbar.png) -18px -2px no-repeat;}
.hscrollerbase {height: 12px; background-color: white;}
.hscrollerbar {height: 12px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 12px; z-index: 2;}
.scrollerjogbox {width: 36px; height: 12px; top: auto; left: auto; bottom: 0px; right: 0px; background: #37917A;}