/** start: TEASER WRAPPER ******************************/
.game-teaser {
  clear: both;
  margin: 0 0 20px;
  background: url(/images/easylobby/bg-repeat_game-teaser.png) repeat-y 0 0;
}

.game-teaser > div {
  position: relative;
  top: 20px;
  min-height: 300px;
  padding: 0 55px 0 410px;
  background: url(/images/easylobby/bg-bottom_game-teaser.png) no-repeat left bottom;
}
/** start: TEASER WRAPPER ******************************/


/** start: TEXT ELEMENTS *******************************/
.game-teaser h2,
.game-teaser p {
  line-height: 125%;
}

.game-teaser h2 {
  margin: 14px 0;
  font-size: 22px;
  color: #a0000a;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  text-align: center;
}
/** end: TEXT ELEMENTS *********************************/


/** start: BUTTONS *************************************/
.game-teaser .actions {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}

.game-teaser .info .actions {
  margin-top: -5px;
  margin-bottom: -5px;
}

.game-teaser .button {
  position: relative;
  display: block;
  width: 160px;
  height: 43px;
  margin: 10px 0 0 20px;
  padding: 0 20px 0 0;
  background: url(/images/easylobby/sprite_game-teaser.png) no-repeat right -60px;
  color: #fff;
  white-space: nowrap;
  font-size: 22px;
  line-height: 40px;
  text-decoration: none;
}

.game-teaser .button:first-child {
  margin-top: 0;
}

.game-teaser .button:before,
.game-teaser .button > .ie-before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  width: 20px;
  height: 43px;
  background: url(/images/easylobby/sprite_game-teaser.png) no-repeat 0 0;
}

.game-teaser .button small {
  font-size: 18px;
}
/** end: BUTTONS ***************************************/


/** start: INFO BOX ************************************/
.game-teaser .info {
  position: relative;
  width: 297px;
  margin: 25px 0 20px;
  background: #ffd515; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDUxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYzc2MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffd114 0%, #fc761c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd114), color-stop(100%,#fc761c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffd114 0%,#fc761c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffd114 0%,#fc761c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffd114 0%,#fc761c 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffd114 0%,#fc761c 100%); /* W3C */
}

.game-teaser .info > div {
  position: relative;
  left: 7px;
  padding: 5px 30px 5px 23px;
  background: url(/images/easylobby/shadow-right_game-teaser-info.png) repeat-y right top;
}

.game-teaser .info:before,
.game-teaser .info > .ie-before,
.game-teaser .info:after,
.game-teaser .info > .ie-after {
  content: '';
  position: absolute;
  left: -8px;
  width: 100%;
  padding: 0 7px; /* room for drop shadow within sprite image */
}

.game-teaser .info:before,
.game-teaser .info > .ie-before {
  top: -11px;
  height: 11px;
  background: url(/images/easylobby/sprite_game-teaser.png) 0 -210px;
}

.game-teaser .info:after,
.game-teaser .info > .ie-after {
  bottom: -20px;
  height: 20px;
  background: url(/images/easylobby/sprite_game-teaser.png) 0 -180px;
}

.game-teaser .info.pointer-top {
  margin-top: 54px;
}

.game-teaser .info.pointer-top:before,
.game-teaser .info.pointer-top > .ie-before {
  left: 0;
  top: -38px;
  height: 38px;
  background: url(/images/easylobby/sprite_game-teaser.png) 0 -120px;
}

.game-teaser .info.pointer-bottom {
  margin-bottom: 46px;
}

.game-teaser .info.pointer-bottom:after,
.game-teaser .info.pointer-bottom > .ie-after {
  bottom: -42px;
  height: 42px;
  background: url(/images/easylobby/sprite-game-teaser.png) 0 -55px;
}

.game-teaser .ie-gradient-helper { /* for IE<9 */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd114', endColorstr='#fc761c',GradientType=0 ); /* IE6-8 */
}
/** end: INFO BOX **************************************/


/** start: IMAGE ***************************************/
.game-teaser img {
  position: absolute;
  left: 32px;
  bottom: 0;
}
/** end: IMAGE *****************************************/

.lobby #lobby_wrapper div.lobby_border {
  border-left: 0px;
}