.play { position: relative; }
.play.loading:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #fff; opacity: 0.7; z-index: 5; }
.play-h1 { font: 600 45px/50px roboto; padding: 20px 0 0 0; text-align: center; }
.play-left { font: 300 21px/31px "Open Sans"; text-align: center; margin: 25px 0 50px 0 }

.play-social { display: block; text-align: center; height: 30px; margin: 0 0 25px 0 }


.cdown { font: 600 60px/61px "Roboto Condensed"; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.7); }
.cdown-left { font: 400 30px/30px "Roboto Condensed"; text-align: center; margin: 0 0 35px 0 }
.cdown-item { display: inline-block; vertical-align: top; width: 110px; height: 107px; text-align: center; letter-spacing: -2px; background: #fd2; padding: 12px 0 0 0; }
.cdown-points { display: inline-block; font-size: 40px; line-height: 81px; margin: 0 3px; vertical-align: top; }
.cdown-item:after { content: attr(data-sub); font: 400 18px/30px "Roboto Condensed"; display: block; letter-spacing: 0; text-align: center; color: #333 }

.play-txt { margin: 45px 50px 50px 80px; font: 15px/23px roboto; position: relative; }
.play-txt > h2 { font: 22px/26px "Open Sans"; margin: 30px 0 18px 0 }
.play-txt > ol, .play-txt > ul { margin-left: -7px }
.play-txt > ol > li { margin-bottom: 7px; }
.play-txt > .adb { position: absolute; right: 0; top: 0; }
.touch .play-txt  .adb { display: none; }

.play-txt a { text-decoration: none; }
.play-txt a:hover { text-decoration: underline; }

.play-comments { margin: 0 0 0 100px }
.play-comments-title { font: 22px/26px "Open Sans"; margin: 0 0 25px 0 }

.play-comments-form { background: #f1f1f1; padding: 15px; display: inline-block; left: -15px; position: relative; }
textarea.play-comments-ta { display: block; margin: 0 0 12px 0; width: 680px; height: 80px; }
.play-comments-form.collapsed > .play-comments-ta { height: 23px; margin: 0; }
.play-comments-form.collapsed > .l2form-button { display: none; }

.play-comments-form.userpic { padding-left: 80px; }
.play-comments-userpic { position: absolute; left: 15px; top: 15px; width: 50px; height: 50px; }
.play-replay { height: 35px; line-height: 35px; }

.play-txt .alt-txt { font: 300 13px/20px roboto; color: #666; }

.play-users { margin: 0 0 50px 80px; }


.play-users-list { margin: 0 0 0 -20px; -moz-columns: 3; -webkit-columns: 3; columns: 3; max-height: 999999px /*hack disable chrome mobile font boosting*/; }
.play-users-title { font: 22px/26px "Open Sans"; margin: 0 0 25px }
.play-users-empty { font: 15px/23px roboto }
.play-do-wrap { margin: -20px 0 50px 80px; }
.play-users-item { list-style: outside decimal; font: 15px/23px roboto; margin: 0 0 13px 40px; max-height: 999999px /*hack disable chrome mobile font boosting*/; }
.play-users-item > img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 5px  }
.play-users-item > a { display: inline-block; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.play-member { margin: 80px 0 0 0; font: 15px/23px roboto  }

.play-history { margin: 0 0 50px 80px; }
.play-history-title {  font: 22px/26px "Open Sans"; margin: 0 0 17px 0 }
.play-history-list { font: 15px/30px roboto; margin: 0 0 0 20px; }
.play-history-list > li { list-style: outside disc; }

.play-current { width: 60px; height: 60px; vertical-align: top; }
.play-current-info { display: inline-block; vertical-align: top; margin: 7px 0 0 14px; }
.play-current-info > b { font-weight: 600; }
.play-current-logout { color: #999; cursor: pointer; display: inline-block; border-bottom: 1px dashed; line-height: 13px;}
.play-current-logout:hover { color: #666; }

.play-gallery .gallery-fullsize > img { max-width: 100%; display: block; }