#shop-hd {
    position: relative;
    height: 89px;
}
a {
    text-decoration: none;
    color: #06c;
}
#scratch {
    display: none;
    width: 400px;
    height: 150px;
    overflow: auto;
    background-color: oldlace;
    border: 1px solid #444;
}
#shop-hd div.title {
    position: absolute;
    height: 30px;
    min-width: 500px;
    margin-left: 150px;
    padding-top: 20px;
    font: bold 18px/30px Verdana;
    color: #17339D;
}
#content {
    position: relative;
}
#shop-coupon {
    position: relative;
}
#print {
    display: none;
}
#printframe {
    display: none;
}
#shop-panel{
    margin-right: 430px;
    padding-left: 100px;
}
#shop-panel.yui-navset-left .yui-nav {
    width: 100px;
}
#shop-panel #shop-panel-content .yui-nav {
    width: auto;
}
#shop-panel .yui-nav li a {
    white-space: nowrap;
}
#shop-panel-content {
    position: relative;
    height: 640px;
    background: none;
    border: 0;
}
#shop-coupon .yui-content,
#outrights .yui-content{
    position: relative;
    height: 600px;
    overflow: hidden;
    padding: 0;
}
#shop-coupon .yui-content div.sport-coupon,
#outrights .yui-content div.sport-coupon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

#shop-coupon div.match-coupon{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 600px;
    width: 100%;
    background-color: #eee;
}
#shop-coupon div.show-match div.match-coupon {
    display: block;
}
#shop-coupon div.match-coupon div.match-head {
    height: 30px;
    font: bold 12px/30px Verdana;
    text-align: center;
    color: #fff;
    background-color: #06c;
}
#shop-coupon div.match-coupon div.match-markets {
    position: relative;
    height: 570px;
}
#shop-coupon div.match-coupon div.match-markets div.market-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    border-right: 1px solid #ccc;
    height: 100%;
    overflow: auto;
}
#shop-coupon div.match-coupon div.match-markets div.market-list a {
    display: block;
    width: 200px;
    min-height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 12px;
    text-align: center;
}
#shop-coupon div.match-coupon div.match-markets div.markets {
    position: relative;
    margin-left: 201px;
    height: 540px;
    overflow: auto;
}
#shop-coupon div.match-coupon div.match-markets div.controls{
    position: relative;
    margin-left: 200px;
    height: 30px;
    padding-right: 25px;
    text-align: right;
}
#shop-coupon div.match-coupon div.markets div.market-hidden {
    display: none;
}
#shop-coupon div.match-coupon div.markets div.mt-selected table.coupon {
    background-color: #ffee69;
}
#shop-coupon div.match-coupon div.markets table.coupon {
    width: 500px;
    margin: 10px auto;
    background-color: #fff;
}
#shop-coupon div.match-coupon div.markets table.coupon thead tr {
    background-color: #00adf0;
}
#shop-coupon div.match-coupon div.markets table.coupon thead th {
    color: #fff;
    text-align: center;
    padding: 2px 8px;
    font: bold 12px Verdana;
}
#shop-coupon div.match-coupon div.markets table.coupon tbody td {
    padding: 2px 4px;
}
#shop-coupon div.match-coupon div.markets table.coupon td.competitor-1,
#shop-coupon div.match-coupon div.markets table.coupon td.competitor-2 {
    width: 150px;
}
#shop-coupon div.match-coupon div.markets table.coupon td.special {
    width: 120px;
    text-align: center;
    font: bold 13px Verdana;
}
#shop-coupon div.match-coupon div.markets table.coupon tr.labels td {
    padding: 2px 16px;
    text-align: center;
}
#shop-coupon div.match-coupon div.markets table.coupon tr td.label {
    width: 80px;
    text-align: right;
}

#shop-coupon div.match-coupon div.markets .player-markets table.coupon tr td.label {
    width: 200px;
    text-align: right;
}


#shop-coupon div.match-coupon div.markets table.coupon td.competitor-1 {
    text-align: left;
}
#shop-coupon div.match-coupon div.markets table.coupon td.competitor-2 {
    text-align: right;
}

div.sport-markets {
    display: none;
}

table.coupon {
    width: 100%;
}
table.coupon td div.selection{
    width: 42px;
    height: 24px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    font: bold 11px/24px Verdana;
    color: #000;
    background: url('../../images/kiosk/odds_av.png') center center no-repeat;
}
table.coupon td div.selection-na {
    background-image: url('../../images/kiosk/odds_na.png');
}
table.coupon td div.selection-on {
    background-image: url('../../images/kiosk/odds_on.png');
}
table.coupon tr td {
    font: 10px Verdana;
}
table.coupon tr td.league {
    color: #000;
    font-weight: bold;
}

#slip-wrapper #slip .bottom,
#slip-wrapper #slip .content,
#slip-wrapper #slip .content .selections .page,
#slip-wrapper #slip {
    background-color: #eee;
}
#slip-wrapper #slip .content .match-first {
    border-top: 1px solid #eee;
}
#slip-wrapper #slip.closed .content {
    display: block;
}
#slip-wrapper #slip.empty .content .totals {
    display: none;
}
#slip-wrapper #slip.empty .bottom div {
    display: none;
}
#slip-wrapper #slip .bottom div.expand {
    display: none;
}
#slip-wrapper #slip.closed .actions {
    display: block;
}
#slip-wrapper #slip.empty .actions {
    display: none;
}
#slip-wrapper #slip .actions .datetime {
    display: block;
}
#slip-wrapper #slip.recover .bottom {
    display: block;
}
#slip-wrapper #slip.recover .bottom div.recover {
    display: block;
}

#slip-wrapper #slip.warning .bottom,
#slip-wrapper #slip.warning .content,
#slip-wrapper #slip.warning .content .selections .page,
#slip-wrapper #slip.warning {
    background-color: #f2f0cf;
}
#slip-wrapper #slip.warning .content .match-first {
    border-top: 1px solid #f2f0cf;
}

#slip-wrapper #slip.error .bottom,
#slip-wrapper #slip.error .content,
#slip-wrapper #slip.error .content .selections .page,
#slip-wrapper #slip.error {
    background-color: #f4c1c1;
}
#slip-wrapper #slip.error .content .match-first {
    border-top: 1px solid #f4c1c1;
}

#slip-wrapper #slip-message {
    padding: 8px 16px 8px 58px;
    min-height: 50px;
    width: 300px;
    font: 12px Verdana;
    margin: 25px auto;
}
#slip-wrapper #slip-message.warning {
    border: 3px solid #f4d83c;
    background: #eeeaa9 url('../../images/admin/sprite2.png') 8px -1596px no-repeat;
}
#slip-wrapper #slip-message.error {
    border: 3px solid #bb5c5c;
    background: #f4c1c1 url('../../images/admin/sprite2.png') 8px -296px no-repeat;
}

#slip .bet-line .amount input {
    background: none;
    border: 0;
    text-align: right;
}

#slip-wrapper div.sliplist {
    position: relative;
    background-color: #eee;
    padding: 4px 0;
}
#placedslips{
    margin-top: 4px;
}

#slip-wrapper div.sliplist .top {
    position: relative;
    height: 20px;
    font: bold 12px/20px Verdana;
    color: #fff;
    background-color: #00adf0;
    margin-bottom: 4px;
}
#slip-wrapper div.sliplist .top .openclose {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 26px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}
#slip-wrapper div.sliplist .top .clear {
    position: absolute;
    width: 15px;
    height: 20px;
    top: 0;
    right: 8px;
    line-height: 20px;
    text-align: right;
    cursor: pointer;
}
#slip-wrapper div.sliplist .top .label {
    padding-left: 10px;
}
#slip-wrapper div.sliplist table.betslips {
    width: 96%;
    margin: 2px auto;
}
#slip-wrapper div.sliplist.closed table.betslips {
    display: none;
}
#slip-wrapper div.sliplist table.betslips td {
    font: 10px Verdana;
}
#slip-wrapper #slip .actions {
    background-color: #eee;
}
#slip-wrapper #slip .bottom {
    display: none;
}

#sell-scan {
    display: none;
    width: 170px;
    height: 25px;
    padding-top: 70px;
    background: url('../../images/admin/sellscan.png') top center no-repeat;
    cursor: pointer;
    color: #000;
    font: bold 12px/25px Verdana;
    text-align: center;
    margin: 10px auto;
}

#keysearch {
    display: none;
    position: fixed;
    width: 450px;
    height: 35px;
    top: 10px;
    right: 120px;
    padding: 0 8px;
    background-color: #eee;
    text-align: right;
    line-height: 35px;
    z-index: 99999;
}
#keysearch span.label {
    font: bold 16px/35px Verdana;
    color: #222;
}
#keysearch input.text {
    position: relative;
    width: 280px;
    height: 19px;
    border: 1px solid #444;
    padding: 2px 6px;
    font: bold 16px Verdana;
    color: #888;
}
#keysearch button.go {
    display: none;
}

#keysearch div.autocomplete {
    width: 292px;
    line-height: 18px;
    text-align: left;
}

#slip-wrapper.show-search {
    margin-top: 37px;
}
#keysearch.show-search {
    display: block;
    position: fixed;
    width: 384px;
    height: 35px;
    top: 40px;
    right: 20px;
    padding: 0 8px;
    background-color: #eee;
    text-align: right;
    line-height: 35px;
}
#keysearch.show-search span.label {
    font: bold 12px/35px Verdana;
    color: #222;
}
#keysearch.show-search input.text {
    position: relative;
    width: 200px;
    height: 19px;
    border: 1px solid #444;
    padding: 2px 6px;
    font: bold 16px Verdana;
    color: #888;
}
#keysearch.show-search input.go {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 27px;
    border: 1px #888 outset;
    padding: 0 6px;
    font: bold 14px/27px Verdana;
    background-color: #333;
    color: #fff;
}


table.downloads h4.downloads {
    margin-left: -50px;
    margin-top: 20px;
}

table.downloads {
    margin: 10px 50px;
}
table.downloads td {
    padding: 4px 16px;
}

#shop-panel div.country div.country-head {
    height: 40px;
    padding: 2px 8px;
    position: relative;
    background-color: #9cbdd2;
    color: #000;
    border-bottom: 1px solid #fff;
}
#shop-panel div.country div.flag {
    position: absolute;
    top: 2px;
    left: 8px;
}
#shop-panel div.country div.country-head div.label {
    padding-left: 60px;
    font: bold 11px/40px Verdana;
    text-align: left;
    cursor: pointer;
}
#shop-panel div.country div.outright {
    display: none;
    background-color: #b3ccdc;
    border-bottom: 1px solid #fff;
}
#shop-panel div.country div.outright div.outright-head {
    padding-left: 20px;
    font: 11px/25px Verdana;
    text-align: left;
    cursor: pointer;
}
#shop-panel div.country div.outright table.coupon {
    width: auto;
    margin: 2px 40px;
}
#shop-panel div.country div.outright table.coupon td {
    padding: 2px 8px;
}
#shop-panel div.country div.outright div.competitors {
    display: none;
    background-color: #d0e1eb;
}
#shop-panel div.selected div.outright,
#shop-panel div.country div.selected div.competitors {
    display: block;
}

.yui-skin-sam div.container-cashout div.yui-panel div.bd,
.yui-skin-sam div.container-warning div.yui-panel div.bd,
.yui-skin-sam div.container-error div.yui-panel div.bd,
.yui-skin-sam div.container-success div.yui-panel div.bd {
    padding-left: 75px;
    min-height: 50px;
    background-image: url('../../images/kiosk/sprite2.png');
    background-position: 15px -1585px;
    background-repeat: no-repeat;
}

.yui-skin-sam div.container-cashout div.yui-panel .first-child button{
    background: #4CAF50;
    color: #fff;
    height :30px;
    width:120px;
    font-weight:bold;
   
}

.yui-skin-sam div.container-cashout div.yui-panel .default .first-child button{
    background: #f44336;
}


.yui-skin-sam div.container-error div.yui-panel div.bd {
    background-position: 15px -285px;
}
.yui-skin-sam div.container-success div.yui-panel div.bd {
    background-position: 15px -935px;
}

#shop-panel ul.shop-panel-nav em.highlight {
    background-color: #abc66a;
    color: #fff;
}
#shop-panel ul.shop-panel-nav em.alert {
    background-color: #a21;
    color: #fff;
}
#authslips button.slipsell {
    padding: 4px 8px;
}
#terminals table.closed tbody {
    display: none;
}

div.markets table.coupon thead tr th .header {
    position: relative;
    height: 15px;
    font: bold 12px/15px Verdana;
    text-align: center;
}
div.markets table.coupon thead tr th .mincomb {
    position: absolute;
    height: 15px;
    font: 9px/15px Verdana;
    color: #22445a;
    width: 15px;
    top: -1px;
    left: 30px;
}

#prepaid button.sell-prepaid {
    display: inline-block;
    width: 75px;
    padding: 3px;
    text-align: center;
}
#prepaid #sell-prepaid-other-button {
    width: 120px;
}

table.betslip-pending tr.actual-payout {
    display: none;
}
table.betslip tr.actual-payout td {
    background-color: #000;
    color: #fff;
    font: bold 13px Verdana;
}

table.slip-result {
    margin: 2px auto;
}
table.slip-result tr th {
    text-align: center;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td {
    font: 10px Verdana;
    padding: 2px 4px;
}
table.slip-result tr td.status {
    text-align: left;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td.code {
    text-align: right;
}
table.slip-result tr td.payout {
    text-align: right;
    font: bold 12px/25px Verdana;
}
table.slip-result tr td.tax-payout {
    text-align: right;
    font: bold 12px/16px Verdana;
}
table.slip-result tr td.tax-payout-net {
    text-align: right;
    font: bold 16px/25px Verdana;
}
table.slip-result tr td.result-won {
    background-color: #080;
    color: #fff;
}
table.slip-result tr td.result-lost {
    background-color: #800;
    color: #fff;
}
table.slip-result tr td.result-pending {
    background-color: #888000;
    color: #000;
}

table.prepaid-card {
    margin: 2px auto;
}
table.prepaid-card tr th {
    text-align: center;
    font: bold 15px/25px Verdana;
}
table.prepaid-card tr td {
    font: 15px Verdana;
    padding: 4px 8px;
}

#prepaid,
#pools,
#authslips,
#placedslips,
#scannedslips,
#terminals,
#announcements{
    overflow: auto;
    height: 100%;
}

#announcements h1, #announcements div.section {
    color: #FFF;
    font: 20px/50px Tahoma;
    text-align: left;
    text-indent: 10px;
    text-transform: uppercase;
    width: 400px;
}
#announcements a.download.pdf, #announcements a.download.url {
    color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    text-decoration: none;
    width: 400px;
}
#announcements a.download {
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    vertical-align: middle;
    width: 40px;
}

#announcements div.download-list .download-item, 
#announcements div.announcement-list .announcement-item {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #444;
    border-radius: 1px;
    color: #444;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin-left: 10px;
}
#announcements div.download-list .download-item div, 
#announcements div.announcement-list .announcement-item div {
    color: #000;
    display: table-cell;
    font-weight: bolder;
    padding: 2px;
    text-align: center;
    width: 50px;
    height: 40px;
}
#announcements div.download-list .download-item div.name {
    cursor: default;
    display: inline-block;
    text-align: left;
    text-indent: 20px;
    vertical-align: middle;
    width: 400px;
}
#announcements div.announcement-list .announcement-item div.date {
    cursor: auto;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle;
    width: 200px;
}
#announcements div.announcement-list .announcement-item div.section {
    width: 150px;
}
#announcements div.announcement-list .announcement-item div.description {
    width: 35%;
}
#announcements div.announcement-list .announcement-item div.description {
    cursor: auto;
    text-align: left;
    text-indent: 20px;
    vertical-align: middle;
    width: 250px;
}

#announcements a.download.default {
    background-image: url("../../images/common/download.png");
}
#announcements a.download.xls {
    background: rgba(0, 0, 0, 0) url("../../images/common/xls.png") no-repeat scroll center center;
}
#announcements a.download.doc, #bd .accounts-content a.download.docx {
    background: rgba(0, 0, 0, 0) url("../../images/common/doc.png") no-repeat scroll center center;
}
#announcements a.download.pdf {
    background: rgba(0, 0, 0, 0) url("../../images/common/pdf.png") no-repeat scroll center center;
}
#announcements a.download.img {
    background: rgba(0, 0, 0, 0) url("../../images/common/img.png") no-repeat scroll center center;
}
#announcements a.download.txt {
    background: rgba(0, 0, 0, 0) url("../../images/common/txt.png") no-repeat scroll center center;
}
#announcements a.download.other {
    background: rgba(0, 0, 0, 0) url("../../images/common/other.png") no-repeat scroll center center;
}

#announcements .announcement-list .nothing {
    /* margin: 20px auto; */
    font: 20px/50px Tahoma,Arial;
    padding-top: 50px;
    padding-left: 150px;
}