@import "resets.css";

/* Main */

#wrapper {
  border: 1px #000 solid;
  width: 298px;
  height: 248px;
  overflow: hidden;
  position: relative;
  font-family: Arial;
}
#banner {
  width: 298px;
  height: 248px;
  overflow: hidden;
}
#frame, #text1a, #text1b, #text1c, #text1d, #text2a, #text2b, #text2c, #text3, #text4, #scroll {
  position: absolute;
}
#bg1, #bg2, #bg3, #bg4, #text5, #logo, #cta {
  opacity: 0;
  position: absolute;
}
/* Frames */

#frame {
  width: 298px;
  height: 248px;
  background-color: #006c3e;
}
#bg1 {
  background-image: url("../img/bg1.jpg");
  width: 298px;
  height: 248px;
}
#bg2 {
  background-image: url("../img/bg2.jpg");
  width: 298px;
  height: 248px;
}
#bg3 {
  background-image: url("../img/bg3.jpg");
  width: 298px;
  height: 248px;
}
#bg4 {
  background-image: url("../img/bg4.jpg");
  width: 298px;
  height: 248px;
}
#text1a {
  background-image: url("../img/text1a.png");
  width: 217px;
  height: 48px;
  /*top: 34px;*/
  /*left: 37px;*/
  top: 76px;
  left: -263px;
}
#text1b {
  background-image: url("../img/text1b.png");
  width: 225px;
  height: 61px;
  /*top: 62px;*/
  /*left: 35px;*/
  top: 103px;
  left: -265px;
}
#text1c {
  background-image: url("../img/text1c.png");
  width: 221px;
  height: 66px;
  /*top: 99px;*/
  /*left: 38px;*/
  top: 141px;
  left: -262px;
}
#text1d {
  background-image: url("../img/text1d.png");
  width: 225px;
  height: 65px;
  /*top: 143px;*/
  /*left: 38px;*/
  top: 185px;
  left: -262px;
}
#text2a {
  background-image: url("../img/text2a.png");
  width: 114px;
  height: 46px;
  /*top: 78px;*/
  /*left: 94px;*/
  top: 120px;
  left: -206px;
}
#text2b {
  background-image: url("../img/text2b.png");
  width: 261px;
  height: 64px;
  /*top: 107px;*/
  /*left: 20px;*/
  top: 149px;
  left: -280px;
}
#text2c {
  background-image: url("../img/text2c.png");
  width: 261px;
  height: 60px;
  /*top: 141px;*/
  /*left: 20px;*/
  top: 183px;
  left: -280px;
}
#text3 {
  background-image: url("../img/text3.png");
  width: 233px;
  height: 139px;
  /*top: 6px;*/
  /*left: 18px;*/
  top: 48px;
  left: -282px;
}
#text4 {
  background-image: url("../img/text4.png");
  width: 245px;
  height: 123px;
  /*top: 16px;*/
  /*left: 23px;*/
  top: 58px;
  left: -277px;
}
#logo {
  background-image: url("../img/logo.png");
  width: 105px;
  height: 47px;
  top: 32px;
  left: 97px;
}
#text5 {
  background-image: url("../img/text5.png");
  width: 163px;
  height: 35px;
  top: 85px;
  left: 68px;
}
#cta {
  background-image: url("../img/cta-text.png"), -webkit-linear-gradient(rgba(193,215,44,1) 0%,rgba(76,154,34,1) 100%);
  background-image: url("../img/cta-text.png"), linear-gradient(rgba(193,215,44,1) 0%,rgba(76,154,34,1) 100%);
  background-position: center center;
  background-repeat: no-repeat;
  height: 26px;
  width: 217px;
  border: 1px solid #cfd915;
  border-radius: 6px;
  top: 110px;
  left: 40px;
}
#cta:hover {
  background-image: url("../img/cta-text.png"), -webkit-linear-gradient(rgba(76,154,34,1) 0%,rgba(193,215,44,1) 100%);
  background-image: url("../img/cta-text.png"), linear-gradient(rgba(76,154,34,1) 0%,rgba(193,215,44,1) 100%);
  background-position: center center;
  background-repeat: no-repeat;
}

/* Click-Area */

#click-area {
  position: absolute;
  background-color: #6AEAEA; opacity: 0; /* Development */
  width: 298px;
  height: 248px;
}

/* Scroll */

#scroll {
  opacity: 1;
  position: absolute;
  width: 298px;
  height: 101px;
  background-color: #fff;
  border-top: 1px solid #01663b;
  bottom: -102px;
  /*bottom: 0;*/
}
#scroll-wrapper {
  direction:rtl;
  overflow-y: scroll;
  width: 298px;
  height: 71px;
}
#scroll-content {
  direction: ltr;
  margin: 4px 6px;
  font-size: 11px;
  line-height: 14px;
  color: #666;
}
#scroll-content ul {
  margin-left: 16px;
}
#scroll-content span#title {
  font-size: 10px;
  font-weight: bold;
  color: #000;
}
#scroll-content p {
  margin-bottom: 4px;
}
#scroll-title {
  background-image: radial-gradient(rgba(78,167,39,1) 0%,rgba(55,118,28,1) 100%);
  background-image: -webkit-radial-gradient(rgba(78,167,39,1) 0%,rgba(55,118,28,1) 100%);
  height: 27px;
  line-height: 13px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding-left: 6px;
  padding-top: 3px;
}
#scroll .important{
	font-size:14px;
}
#scroll-title a {
  color: #fff;
}
#scroll-content a {
  color: #298733;
}
#scroll .green {
  color: #298733;
}
#scroll .italic{
  font-style: italic;
}
#scroll .bold{
  font-weight: bold;
}
.frame::-webkit-scrollbar {
  width: 12px;
}
.frame::-webkit-scrollbar-thumb {
  background-color: #72bf41;
  background-image: url("../img/scroll_thumb.gif");
  height:40px;
}
.frame::-webkit-scrollbar-track {
  background-color: #d9eac5;
}