body{background:url(img/bg2.png) no-repeat center center fixed;background-size:cover;}
i{cursor:hand;cursor:pointer;}

a{color:#fff;}
td.bid{background:#337ab7}
td.target-set{background:#5a5}
td.target-unset{background:#d9534f}
.container{max-width:98%;}
.row{width:100%;margin:0;padding:1%;}
.btn{margin:2px;}
.topbar{background:#337ab7;color:#fff;font-size:1.5em;padding:0;}
.topbar a{color:#fff;}
.userform{display:none;max-width:300px;}
h2{color:#d71921;margin:1}

input{margin:4px;background:#ffffff;}
input[reaonly=readonly]{background:none;}
input[disabled=disabled]{color:#3a3;font-weight:bold;}
input.lost{color:#a33;}
.auct-board{background:#222;color:#ddd;text-align:center;border-radius:5px;font-size:12pt;padding:1%;line-height:1.2;}
.auct-board input,select{background:none;text-align:center;border:none;margin:0;padding:0;font-weight:bold;}
.auct-room {text-align:center;margin:5px 0px;}
.auct-start,.auct-step{margin:0;padding:0;color:#79cbf7;}
.auct-room button{margin:2px;font-size:11pt;width:30%;}
.auct-curbid{font-size:3em;color:#faa;margin:0;} 
.auct-item{font-size:2em;color:#afa;margin:0;}



.auct-btn{width:30%;}
#your{margin:0px;padding:1px;color:#666;display:none;}
#your.win{color:#fc0;display:block;}

.admin-item, .log-board{text-align:center;background:#ddd;}
table{width:100%;background:#744;color:#fff;}
thead,tfoot {text-align:center;font-weight:bold;background:#622;}
table td{font-size:10pt;border:1px solid #aaa;padding:2px;text-align:center;}

td button{background:#888;border:none;}

tr.b1{background:#522;}
.form-inline{}
form.row{margin:3;padding:0;}
.btn40{width:40px;}
.error{color:#d00;font-weight:normal;}

.user-doc{border:1px solid #aaa;margin:2;padding:2;width:120;height:120;}
.user-doc img{max-width:100;max-height:100;}
.red{color:#f00;}
.red1{color:#744;}
.slider{}
.slider-selection{background:#faa;}
.slider-handle{background:#f00;}
.btn-success{background:#5a5;border-color:#4a4}

.blink, .blink span{}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
.modal-body{white-space:pre-wrap;}
#user-docs img{width:500px;}
.jconfirm-box-container{margin:5%;width:85%;font-size:1.5em;}
.footer{border-top:1px solid #bbb;width:90%;margin:10% auto;text-align:center;}
@media (min-width:800px) and (orientation:landscape){
	.auct-board{font-size:20pt;}
	.container{max-width:800px;margin:auto;}
}
@media (min-width:600px) and (orientation:landscape){
	.auct-board{font-size:20pt;}
	.container{max-width:600px;margin:auto;}
}
@media (min-width:500px) and (orientation:landscape){
	.auct-board{font-size:16pt;}
}