.ui-progressbar {
     position: relative;
 }
 .progress-label {
     position: absolute;
     text-align: center;
     width: 100%;
     top: 4px;
     font-weight: bold;
     text-shadow: 1px 1px 0 #fff;
 }

div.upload {
    background-color: #CCC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 5px 0px 5px;
    height: 25px;
}
div.uploadspacer {
    height:2px;
}

table {
    border-spacing:0;
    border-collapse:collapse;
}

td, th {
    padding:4px;
}

.aw_notice {
    background-color: #F2F5A9;
    padding: 5px 10px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-radius: 5px;
}

#lb_body {
    margin-left: 0px;
    width: 100%;
}

.silverbar {
    background-image: url('http://files.qrz.com/static/images/silver10.png');
}

#mainmenu {
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    margin-top: 2px;
}

#panel {
    background-image: url('http://files.qrz.com/static/images/silver12.png');
    margin-top: 2px;
    vertical-align: top;
    padding-top:4px;
}

#listnav {
    margin-left: 2px;
    margin-right: 4px;
}

#panel .left {
    width: 66%;
    padding: 5px 5px 5px 5px;
    display: inline-block;
}

#panel .left1 {
    width: 33%;
    display: inline-block;
    padding: 5px 5px 5px 5px;
}

#panel .linner {
    display: inline;
}

#panel .block {
    display: block;
}

#panel .linner2 {
    min-width:40%;
    display: inline-block;
    padding-bottom: 15px;
}

#panel .linner3 {
    display: inline;
    white-space: nowrap;
    padding-bottom: 15px;
}

#panel .linner4 {
    width: 100%;
    white-space: nowrap;
    padding-top: 10px;
}

#panel .center {
    width: 33%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

#panel .right {
    width: 33%;
    display: inline-block;
    text-align: right;
    padding: 5px 5px 5px 5px;
}

.qnav {
    padding: 8px;
/*    border:2px groove #ccc;
    -webkit-border-radius:4px;
    border-radius: 4px;*/
}

#panel .mname, .ttl {
    font-size: 1.3em;
    font-weight: bold;
    font-style:italic;
    color: #009;
    text-shadow:1px 1px #FFFFFF;
}

#panel .fname {
    font-size: 1.1em;
    font-weight: bold;
    font-style:italic;
    color: red;
}

.mitm {
    font-size: 1.2em;
    font-weight: bold;
    color: #333FF3;
}

#panel .txt, .grh {
    color: #666;
    font-weight:bold;
}

#paneEast {
    background-color: #F2F2F2;
    border: solid 1px #ccc;
}

#paneEast .header {
    background-image: url("http://files.qrz.com/static/images/silver10.png");
    padding: 2px;
}

#paneEast .minimizeFilter {
    float:right;
}

#paneEast .txt {
    color: #666;
    font-size: .8em;
    font-weight:bold;
}

#paneEast .filterContent {
    height: 100%;
}

#paneEast .addFilter {
    margin: 10px 0px 0px 10px;
    height: 60px;
}

#paneEast .titleFilters {
    margin: 50px 10px 0 10px;
}

#paneEast .appliedFilters {
    background-color: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #ccc;
    padding: 5px 0 5px 0;
    position: absolute;
    top: 165px;
    bottom: 35px;
    left: 10px;
    right: 10px;
}

#paneEast .bottomMenu {
    background-image: url("http://files.qrz.com/static/images/silver10.png");
    height: 28px;
    padding: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 25px;
    border: medium none;
    width: 100%;
}

#paneEast .bottom {
    position: absolute;
    height: 24px;
    width: 100%;
    background-color: #FFF;
    bottom: 0px;
    left: 0px;
}

#paneEast .filterShow {
    font-size: .8em;
    background-color: #CCC;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 5px 2px 5px;
    padding: 2px 5px 0px 5px;
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
}

#paneEast .inlineText {
    display: inline-block;
    overflow: hidden;
    width: 90%;
}

#paneEast .deleteButton {
}

.ui-layout-resizer {
    background-color: #C0C0C0;
    padding-bottom: 28px !important;
}

#acp_div .header {
    background-image: url("http://files.qrz.com/static/images/silver10.png");
    padding: 2px;
}

#acp_div .txt {
    color:  red;
    font-size: 1.2em;
    font-weight:bold;
}

#errmsg {
    margin-top:6px;
    border:solid 2px red;
    width: 100%;
    background-color:#FFDDDD;
    padding:1em;
    -webkit-border-radius:8px;
    border-radius: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
.booksel {
    -webkit-appearance: none;
    padding:1px 5px 1px 5px; 
    background: #FFF url('http://files.qrz.com/static/images/select_arrow.gif') no-repeat; 
    border-radius:5px; 
    background-size: 20px 25px; 
    background-position: 178px 0px; 
    width: 200px; 
    height: 27px;
}


.viewsel {
    -webkit-appearance: none;
    display: inline-block;
    padding: 0px 2px 1px 2px;
    background: #FFF url('http://files.qrz.com/static/images/select_arrow.gif') no-repeat;
    border-radius:5px;
    border: 1px solid transparent;
    background-size: 20px 20px;
    background-position: 109px -1px;
    width: 130px;
    height: 20px;
}
}

/*
.viewsel {
   background: transparent;
   width: 158px;
   padding: 1px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 20px;
   -webkit-appearance: none;
}

.styled-view {
    width: 130px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background: url('http://files.qrz.com/static/images/select_arrow.gif') no-repeat right #FFF;
    background-size: 20px 21px;
    background-position: 111px 0px;
    border: 1px solid #ccc;
}
*/
#feedback { font-size: 1.4em; }
#booklist .ui-selecting { background: #FECA40; }
#booklist .ui-selected { background: #F39814; color: white; }
#booklist { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#booklist li { margin: 3px; padding: 0.4em; font-size: 1.0em; height: 12px; }


.btbl td {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.bst td {
    font-size: 0.8em;
    font-weight: bold;
    color:#900;
    padding: 2px;
    white-space:nowrap;
}

.bst .tc {
    font-style:italic;
    padding-left: 2px;
    color: #090;
    font-weight: bold;
}

.bort { border-top: solid 1px #ccc; }
.borr { border-right: solid 1px #ccc !important; }
.borb { border-bottom: solid 1px #ccc; }
.borl { border-left: solid 1px #ccc !important; }
.bora { border: solid 1px #aaaaaa; }

#bklist {
    margin-left: 1em;
    border: solid 1px #ccc;
    padding-bottom: 1.5em;
    height: 210px;
    width: 636px;
}

#hlist {
    margin-left: 1em;
    border: solid 1px #ccc;
    padding-bottom: 1.5em;
    height: 210px;
    width: 800px;
}

.vscrl {
    overflow-x:hidden;
    overflow-y:scroll;
    width:100%;
    height:100%;
}

.showlist {
/*    overflow-x:scroll;
    overflow-y:scroll;*/
     overflow: auto;
    width: 100%;
    min-height: 140px;
    max-height: 500px;
    border: solid #ccc 1px;
}

.headerShow {
    text-align: center;
    font-weight: bold;
}

#listhead td {
    padding:4px;
}

#lb_body td {
    white-space: nowrap;
}

#lb_body .hd {
    text-align: center;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #fc6;
    font-weight: bold;
    width:10%;
}

#lb_body .lc {
    color: #600;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

#lb_body .rc {
}

#lb_body .color1 {
    width: 50%;
    background-color: #f0f0f0;
}

#lb_body .color2 {
    margin-left:1em;
    background-color: #ffffe0;
}

#lb_body .rc1 {
}

#lb_body .red {
    color:red;
}

#lb_body .cbk {
    cursor: pointer;
}

#lb_body .rc2 {
}

#lb_body .rl2 {
    background-color: #ffffff;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    width: 45%;
}

#lb_body .rl1 {
    background-color: #f0f0f0;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    width: 45%;
}

#lb_body .btop {
    border-top: solid 1px #ccc;
}

#lb_body .di {
    color: #600;
    font-weight: bold;
    font-size: 0.8em;
}

#lb_body .dr {
    color: #F00;
    font-weight: bold;
    font-size: 0.8em;
}

#lb_body .dg {
    color: #090;
    font-weight: bold;
    font-size: 0.8em;
}

#lb_body .db {
    font-size: 0.8em;
}

#lb_body .dl {
    color: #009;
    font-weight: bold;
}

#lb_body .bx {
    color: #666;
    font-size:smaller;
    border: solid 1px #999;
    padding-left: 2px;
    padding-right: 2px;
}

#lb_body .bx2 {
    color: #666;
    font-weight:bold;
    border: solid 1px #999;
    padding-left: 2px;
    padding-right: 2px;
}

.land {
    color: #080;
    font-weight: bold;
    font-style: italic;
}

#lb_body .hdr {
    color: #009;
    font-weight: bold;
}


#lb_body .note {
    font-size: 0.8em;
    color: #009;
}

.cnr {
    -webkit-border-radius:4px;
    border-radius: 4px;
}

.ui-widget-content {
    border: 1px solid #000 !important;
}

.ui-dialog-content {
    border: 1px solid #CCC !important;
}

.sdiv {
    margin-top: 2px;
    border: solid 1px #aaa;
    -webkit-border-radius:4px;
    border-radius: 4px;
    padding: 8px;
    background-color:white;
}

.pdiv {
    margin-top: 2px;
    width: 100%;
}

.msg {
    background-color:#090;
    color:white;
    font-weight:bold;
    font-style:italic;
}

.msg a {
    text-decoration:underline;
    color:white;
}

.outer {
    background-color: #d0f0ff;
    border: solid 1px #ccc;
    margin-top: 2px;
    padding: 2px;
}

.bts {
    vertical-align: -12px; 
}

.bts2 {
    vertical-align: -6px;
    padding: 3px;
}

.mr1{margin-right:1em}

#lbnlist {
    padding: 4px;
    width: 700px;
}

#lcol {
    padding: 2px;
}

.flg {
    background-image:url('http://files.qrz.com/static/icons/16x16/flag_blue.png');
    background-repeat:no-repeat;
    background-position: 2px 4px;
    color:transparent;
}

.tinc {
    background-color:#FFFFDD;
}

.lg {
    vertical-align: -4px; 
}

#lblistrs {
    border: solid 1px #ccc;
    min-height: 320px;
    position: relative;
}

#lbtab {
    table-layout:auto;
}

#lbtab2 {
    position: absolute;
    bottom: 1.5em;
}

#lblist .xtable {
    border: solid 1px #ccc;
}

#award-stats .xtable {
    border: solid 1px #ccc;
}

#award-stats th {
    font-size: 0.8em;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    background-color: #e0f0ff;
    padding: 2px;
    border: none;
    border-bottom: solid 1px #ccc;
}

#award-stats td {
    padding: 2px 4px 2px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#award-stats .lstat {
    text-align: center;
    font-size: 0.9em;
    color: black;
    width: 1%;
}

#award-stats .lent {
    text-align: left;
    font-weight: bold;
    font-size:1.1em;
    color: #00a;
    width: 1%;
}


.acplist th {
    font-size: 0.8em;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    background-color: #e0f0ff;
    padding: 2px;
    border: none;
    border-bottom: solid 1px #ccc;
}

.acplist td {
    padding: 2px 4px 2px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
}

.nobg {
    background-color: #FFF;
}

#lblist th {
    font-size: 0.8em;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    background-color: #e0f0ff;
    padding: 2px;
    border: none;
    border-bottom: solid 1px #ccc;
}

#lblist .thr {
    text-align: right;
    font-style: italic;
    background-color: #e0f0ff;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    border: none;
}


#lblist .thc {
    text-align: center;
    font-style: italic;
    background-color: #e0f0ff;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    border: none;
}

#lblist .thl {
    font-style: italic;
    background-color: #e0f0ff;
    background-image: url('http://files.qrz.com/static/images/silver10.png');
    border: none;
    height: 24px;
}

#lbh img {
    position: relative;
    top: 4px;
}


#lblist td {
    padding: 2px 4px 2px;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#lbout th {
    font-size: 0.8em;
    background-color: #0da;
    padding: 2px;
    border: none;
}

#lb_save {
    margin-bottom: 0.5em;
    background-color: #fc9;
    border: solid 1px #ccc;
}

#lmenu {
    position: relative;
    background-color: white;
}

#lmenu td {
    padding: 2px 4px 2px 4px;
}

#stt {
    font-size: 0.8em;
    color: #009;
}

#stt .left {
    text-align: right;
    width: 60%;
}


#lblist .r0 {
    background-color: #fdfdfd;
}

#lblist .r1 {
    background-color: #f0fdf0;
}

#lblist .ldi, .lba, .lmo {
    text-align: center;
    font-size: 0.9em;
    color: black;
    width: 1%;
    cursor:pointer;
}

#lblist .lstat {
    text-align: center;
    font-size: 0.9em;
    color: black;
    width: 1%;
}

#lblist .lfr {
    text-align: right;
    color: #000099;
    font-weight:bold;
    width: 1%;
    cursor:pointer;
}

.lbstyle {
    width: 100%;
    padding: 4px;
    background-color: #cef;
    margin-top: 2px;
    border: solid 1px #ccc;
}

.rust {
    color:#900;
}

.pane {
    margin-top: 0px;
    padding:4px;
}


#lblist .lde {
    text-align: left;
    font-weight: bold;
    font-size:1.1em;
    color: #00a;
    width: 1%;
    cursor:pointer;
}

#lblist .lent {
    text-align: left;
    font-weight: bold;
    font-size:1.1em;
    color: #00a;
    width: 1%;
}

#lblist .lcc {
    font-style: italic;
    font-size: 0.9em;
    text-align: left;
    overflow: hidden;
    cursor:pointer;
}

#lblist .lop {
    font-style: italic;
    font-size: 0.9em;
    width: 99%;
    max-width: 30px;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}

#lblist table {
    background-color: white;
}

#lblist .lid {
    color:#a00;
    font-size:0.8em;
    width:1%;
    text-align:right;
    cursor:pointer;
}

#lblist .lpos {
    font-size: 0.8em;
    width:1%;
    cursor:pointer;
    border-left:solid 1px #ccc;
}

#lblist .ldt {
    text-align: center;
    font-size: 0.9em;
    width:1%;
    cursor:pointer;
    border-left:solid 1px #ccc;
}

#lblist .ltm {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #900;
    width:1%;
    cursor:pointer;
}

#lblist .lgr {
    font-family: monospace;
    color: #900;
    width:1%;
    cursor:pointer;
}

.mt06 {
    margin-top: 6px;
}

#lblist .ldax {
    text-align: center;
    font-weight:bold;
    font-size:0.9em;
    width:1%;
}

.s12 {
    background-image: url('http://files.qrz.com/static/images/silver12.png');
}

#logmenu {
    background-image: url('http://files.qrz.com/static/images/silver12.png');
    width: 100%;
    padding:4px;
    background-color: #d0f0ff;
    margin-top:0.5em;
    margin-left:4px;
    border: solid 1px #ccc;
}

#logitem {
    width:100%;
    padding:4px;
    margin-top:4px;
    margin-left:4px;
    margin-bottom:1em;
    font-size:1.1em;
    background-color:#fafafa;
    border: solid 1px #ccc;
}


.chdr1 {
    color: #009;
    font-style: italic;
    font-size: 0.9em;
}

.chdr2 {
    color: #900;
    font-style: italic;
    font-size: 0.9em;
}

.working {
    background-image: url('/si/pbar-ani.gif');
}

.work {
    background-color: #ccc;
}

.lrow {

}

.lhov {
    background-color: #f0f0f0 !important;
}

.lpick {
    background-color: #f0f0f0;
}

.bhov {
    border: solid 1px black;
}

.cbut{border:solid 1px transparent;border-radius:5px;padding:3px 8px;}
.cbut:hover{border:solid 1px#000000;}
.gbut{background-color:#090;color:white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 8px;}
.rbut{background-color:#A00;color:white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 8px;}
.bbut{background-color:#3366ff;color:white;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 8px;}
.bbut:hover{background-color:#3399ff;}
.rbut:hover{background-color:#FF0000;}
.hot:hover{background-color:#6ac;}
.gbut:hover{background-color:#00dd00;}


.cs {
    white-space: nowrap;
}

.cd {
    white-space: nowrap;
    font-size:0.8em;
    font-weight:bold;
}

.plink {
    color: #00f;
    text-decoration: underline;
}

.ph {
    white-space: nowrap;
    font-size: 0.8em;
    color: white;
    background-color: #aaa;
    text-align: right;
    width: 10px;
}

#lprops td {
    white-space: normal;
}

#lbstat {
    background-color: #d0f0ff;
    font-size: 0.8em;
    text-align: center;
    border: solid 1px #ccc;
}

#filtermenu {
    width: 150px;
    position: absolute;
    margin-top:18px;
    text-align:left;
    z-index:9;
}

.fwno {
    font-weight: normal !important;
}

.emptyfield {
    background-color: #FFFFCC !important;
    border: solid 2px red;
}

.emptybtn {
    border: solid 2px red;
}

a.xdp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/si/calendar.png) no-repeat; 
}

.lac {
    text-align: center;
    width: 1%;
}

.lab {
    cursor: pointer;
    color: #00a;
}

#adlg td {
    white-space: nowrap;
}

.lbstyle a:link {color : black}
.lbstyle a:visited {color : black}
.lbstyle a:hover {color:black;}
.lbstyle a:active {color : #FFF; background:black;}


.pshift {
    position: relative;
    left: 1px;
    top: 1px;
}

a.xdp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
/*	width: 140px; */
input.dp-applied {
	width: 80px;
	float: none;
}