@font-face {
    font-family: 'galliard italic';
    src: url('../../fonts/umtypewriter-italic-webfont.woff2') format('woff2'),
         url('../../fonts/umtypewriter-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'galliard regular';
    src: url('../../fonts/umtypewriter-regular-webfont.woff2') format('woff2'),
         url('../../fonts/umtypewriter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {font-family:'galliard regular';background-color:white;font-size:14pt;color:black;line-height:24pt;letter-spacing:0.75pt}
a {text-decoration:none;color:black;cursor:pointer;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.cmd-menu {position:sticky;top:0;background-color:white;border-bottom:1px solid black;z-index:10;}
.top-panel {padding:24px;border-bottom:1px solid black;overflow:hidden}
.top-panel .logo {float:left}
.top-panel .nav {float:right}
.top-panel .nav a {text-decoration:none;color:black;padding-left:24px}
.top-panel .nav .active,
.top-panel .nav a:hover{color:#ed2024}

.wrapper .content {padding:24px;border-top:1px solid black;clear:both}
.wrapper .content:nth-of-type(1) {border:0;}

.error-msg {color:#ff0000;display:none;margin-left:170px}
.button2,
.button,
.field button {cursor:pointer;border:0;padding-left:0px;background-color:transparent;font-size:14pt;color:black;line-height:24pt;letter-spacing:0.4pt;;color:#95928B}
.button:hover,
.field button:hover {color:black}

.button2 {border:1px solid black;color:black;padding-left:5px;padding-right:5px}
.button2:hover {border:1px solid #ff0000;color:#ff0000}

.white-button {background-color:#fcee18;padding:6px;padding-left:24px;padding-right:24px;}
.white-button:hover {color:#ed2024}

.disable {color:#ff0000;font-weight: bold}

.confirmation {display:none;clear:left;font-size:14pt;line-height:26pt;margin-left:118px;padding-top:10px}
.confirmation .confirm-yes {cursor:pointer;font-weight:bold;color:red}
.confirmation .confirm-no {cursor:pointer;font-weight:bold;color:green}

.down-button,
.up-button {background:url(../img/up.png) 0px 0px no-repeat;background-size:cover;width:22px;height:22px;overflow:hidden;cursor:pointer;float:left;display:block;margin-top:8px;}
.down-button {background:url(../img/down.png) 0px 0px no-repeat;background-size:cover;margin-left:10px;}

.status2,
.status {font-size: 17px;padding-top: 42px;width: 100px;float: left;padding-left: 25px;box-sizing: border-box;overflow: hidden;line-height: 1em;}

.status2 {padding-top:10px;}

.linebreak {border-bottom:1px solid black;overflow:hidden}
.list-item {clear:left;overflow:hidden;width:100%;position:relative}
.item {clear:left;width:100%;overflow:hidden;position:relative;padding-top:20px;padding-bottom:20px;background-color:#e5e5e5;}
.item .c1 {float:left;margin-left:24px;width:90px;}
.item .c2 {float:left;width:150px;}
.item .c2 .button2 {font-size:10px}
.item .c3 {float:left;width:80px;}
.item .c4 {float:left;width:50%;margin-right:10px}
.item .c5 {float:right;margin-right:24px;width:250px;}
.item .c5 .white-button {float:left;margin-left:10px}
.item .c5 .white-button:first-child {margin-left:0px}
.item .c6 {float:left;width:200px;overflow:hidden}
.item .c7a,
.item .c7 {float:left;width:230px;overflow:hidden}
.item .c8 {float:left;;margin-left:24px;width:120px;overflow:hidden}
.item .c9a,
.item .c9 {float:left;margin-right:10px}
.item .c7a,
.item .c9a {margin-left:24px;width:73%;}
.item .c9a p:first-of-type,
.item .c9 p {margin:0;padding:0}

#titles,
#tags {
    clear:both;
    margin-left:170px;
    
    padding:0;
    padding-top:20px;
    list-style: none;
}

#titles li,
#tags li {
    margin-top:2px;
}

#titles li a,
#tags li a {
    cursor:pointer;
    background-color: #fcee18;
    padding: 6px;
    padding-left: 24px;
    padding-right: 24px;
    font-size:11px;
    margin-right:5px;
}

#book-id {
    display:block;
    margin-left:171px;
    padding-top:16px;
    clear:both;
}

#search-title-result,
#search-result {
    display:none;
    position:absolute;
    border:1px solid black;
    background-color:white;
    list-style: none;
    margin:0;
    padding:0;
    z-index:100;
    height:200px;
    width:290px;
    overflow-y: auto;
    -webkit-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.48);
    -moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.48);
    box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.48);
}
#search-title-result {
    width:auto;
    min-width: 290px;
    left:193px;
}

#search-title-result li,
#search-result li {
    padding:5px 15px;
    cursor:pointer;
}
#search-title-result li:hover,
#search-result li:hover {
    background-color:#D4D4D4;    
}

.related-content-lightbox {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;overflow:hidden;border:2px solid black;background-color:white;z-index:10;padding:20px;border-radius: 5px;display:none;}
.related-content-lightbox .col1 {float:left;height:50px;}
.related-content-lightbox .col2 {float:right;height:50px;}
.related-content-lightbox .related-items {padding:0;margin:0;position:relative;border:2px solid black;overflow-y:scroll;height: calc(100% - 50px);clear:both;}
.related-content-lightbox .related-items .centered {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;}
.related-content-lightbox .related-items li {list-style:none;overflow:hidden;border-bottom:1px solid black;}
.related-content-lightbox .related-items li .white-button {padding-top:2px;padding-bottom:2px;}
.related-content-lightbox .related-items li div {box-sizing: border-box;padding-top:7px;padding-bottom:7px;}
.related-content-lightbox .related-items li:nth-of-type(odd) {background-color: #D3D3D3;}
.related-content-lightbox .related-items li:nth-of-type(even) {background-color: #F5F5F5;}
.related-content-lightbox .related-items li div:first-of-type {float:left;width:90%;padding-left:20px;}
.related-content-lightbox .related-items li div:last-of-type {width:10%;float:right;padding-right:20px;text-align:right;}

#sortable3,
#sortable2,
#sortable { list-style-type: none; margin: 0; padding: 0;}
#sortable3 li,
#sortable2 li,
#sortable li {cursor:move;border-bottom:1px solid black}

#sortable2 li:last-of-type,
#sortable li:last-of-type {border-bottom:0;}

#sortable3 {clear:both;margin-top:10px;margin-bottom:10px;width:500px;}
#sortable3 li {padding-left:10px;}
#sortable3 li input {padding-right:10px;}

#non-sortable { list-style-type: none; margin: 0; padding: 0;border-top:1px solid black }
#non-sortable li {border-bottom:1px solid black}

.list-related li {list-style: none;overflow:hidden;padding-top:20px;padding-bottom:20px;}
.list-related li:last-of-type {border:0!important}
.list-related li:nth-child(even) {background:#F1F1F1!important}
.list-related li:nth-child(odd) {background:#E4E4E4!important}
.home-item li span,
.list-related li span {font-size:.7em;display:block;color:#ff0000;height:33px;}
.list-related li div {float:left;}
.list-related li div:first-of-type {font-size:.7em;width:10%;padding-top:33px;padding-left:24px;}
.list-related li div:nth-of-type(2) {width:80%;}
.list-related li div:nth-of-type(3) {width:10%;padding-top:20px;}
.list-related li div:nth-of-type(3) .white-button {text-align:center;}

.tags-list div {box-sizing: border-box;}
.tags-list li {overflow:hidden;padding-top:10px;padding-bottom:10px;}
.tags-list li:nth-of-type(even) {background:#F1F1F1}
.tags-list li:nth-of-type(odd) {background:#E4E4E4}

.tags-list div:first-of-type {float:left;width:80%;padding-left:24px;}
.tags-list div:last-of-type {float:right;text-align: right;width:20%;}

.processing {position: fixed;top:50%;left:50%;margin-left:-100px;margin-top:-30px;width: 200px;height: 60px;background-color: #ccc;border-radius: 10px;text-align: center;line-height:60px;box-shadow: 5px 5px 5px #888888;display:none}


.item .padding {margin-left:24px;margin-right:24px}
.item .padding .header {color:#95928B;display:block;padding-bottom:10px}

#column-body .item {border-top:1px solid black}
#column-body .item .padding .control .down-button,
#column-body .item .padding .control .up-button {display:inline-block;float:none;margin-top:10px}
#column-body .item .padding .control {margin-top:10px}
.browse {float:left;margin-left:20px;margin-top:5px}
.browse a:hover,
#column-body .item .padding .control a:hover {color:white}

.field {clear:both;margin-bottom:24px;overflow:hidden;}
.field > div {height:48px;float:left;}
.field div:nth-of-type(3),
.field div:first-of-type {float:left;width:170px;padding:5px;padding-left:0px}
.field div.input,
.white-input,
.field div:nth-of-type(2) {float:left;border:1px solid black;background-color:#D4D4D4;padding:5px;width:70%}
.white-input input,
.item div input,
.field div.input input,
.field div.input select,
.field div:nth-of-type(2) textarea,
.field div:nth-of-type(2) select,
.field div:nth-of-type(2) input:not([type="checkbox"]) {width:100%;border:0;background-color:transparent;font-size:14pt;color:black;line-height:24pt;letter-spacing:0.4pt;}
.field div:nth-of-type(3) {margin-left:30px}
.field div:first-of-type .control {display:inline-block;margin-left:40px}
.field div.no-box-pad,
.field div.no-box {float:left;border:0;background-color:transparent;height:auto;}
.field div.no-box-pad {padding:0;}

.field2 {display:inline;}
.field2 select {border:1px solid black;background-color:#D4D4D4;padding:9px}
.field2 input[type="text"] {border:1px solid black;background-color:#D4D4D4;padding:9px}
.field2 input[type="submit"] {border:0;}

.tag-list {list-style:none;margin:0;padding-left:0;width:100%;}
.tag-list li {width: calc(100% / 4);float:left;}

.browse-column {float:left;margin-left:10px;padding:5px;cursor:pointer}
.browse-column:hover {color:#ff0000}
.white-bg {background-color:white;padding:5px}

.category-droplist {position:absolute;top:0px;left:0px;display:none;background-color:white;;z-index:100;}
.category-droplist div {cursor:pointer;padding-left:10px;padding-right:10px}
.category-droplist div:first-of-type {padding-top:20px;}
.category-droplist div:last-of-type {padding-bottom:20px;}
.category-droplist div:hover {color:#ff0000}
.category-droplist .main-category:hover,
.category-droplist .main-category {text-transform:uppercase;color:#7F7F7F;cursor:default}

.column-droplist {position:absolute;top:0px;left:0px;display:none;background-color:white;;z-index:100;}
.column-droplist div {cursor:pointer;padding-left:10px;padding-right:10px}
.column-droplist div:first-of-type {padding-top:20px;}
.column-droplist div:last-of-type {padding-bottom:20px;}
.column-droplist div:hover {color:#ff0000}

.radio-btn {cursor:pointer;}
.radio-btn span:first-of-type,.checked span:first-of-type {
    display:inline-block;
    width:19px;
    height:19px;
	margin-top:-5px;
	margin-right:5px;
	
    vertical-align:middle;
    background:url(../img/circle-empty.png) 0px 0px no-repeat;
	background-size:cover;
}

.checked span:first-of-type {
    background:url(../img/circle-fill.png) 0px 0px no-repeat;
	background-size:cover;
}
.checked {color:black}


.list-item .item:last-of-type {border:0!important}
.list-item .item:nth-child(even) {background:#F1F1F1!important}
.list-item .item:nth-child(odd) {background:#E4E4E4!important}

.preview-head {position:fixed;top:0px;left:0px;width:100%;z-index:1000;height:40px;background-color:black;color:white;overflow:hidden;line-height:40px;padding-left:24px;padding-right:24px;cursor:pointer;display:none}
.preview-area {position:absolute;top:0px;padding-top:40px;left:0px;width:100%;z-index:999;height:100%;display:none;;overflow:hidden}
.preview-area iframe {width:100%;height:100%;background-color:#e5e5e5}



#category-selection input,
.category-droplist div,
a, .radio-btn{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}