@charset "utf-8";
html {
	height:100%
}
body {
	color:#333;
	background:#ebebeb;
	font-size:13px;
	line-height:145%;
	padding:0;
	margin:0;
	height:99.9%; /* to avoid flickering in chrome because of bs tooltips*/
}
/* no outline for any links / buttons */
a, a:hover, a:focus, a:visited {
    outline: 0;
}
/* font family for all elements */
body,
h1,h2,h3,h4,h5,h6,
p, li, td
{
	font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif;
}
body.zenMode .bookbar,body.zenMode .navigation-bar {
	display:none
}
body.zenMode .contentHeader {
	top:0
}
body.zenMode .contentContainer {
	padding:55px 0 0
}
body.zenMode .tablist {
	top:55px;
	display:none
}
body.zenMode .tabpane {
	box-shadow:none
}
body.zenMode .zenBtn .icon-double-angle-up:before {
	content:"\f103"
}
body.draft {
	background-image:url('../img/draft.png');
	background-repeat:repeat;
	background-position:top left;
	background-attachment:fixed
}
body.draft .btn-toolbar {
	margin:14px 10px 0 0
}
body.draft .btn-toolbar .btn {
	padding:5px 12px
}
::-webkit-scrollbar {
	width:12px
}
::-webkit-scrollbar-track {
	background:#fff;
	-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}
::-webkit-scrollbar-thumb {
	background:#dbdbdb;
	-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.5)
}
::-webkit-scrollbar-thumb:hover {
	background:#666
}
h1,h2,h3,h4,h5,h6 {
	color:#333;
	margin:10px 0;
	font-weight:400
}
h1 {
	font-size:24px;
	color:#E55B00
}
h2 {
	font-size:21px
}
h3 {
	line-height:20px
}
p {
	margin:0 0 1.2em
}
p.small {
	margin:-1em 0 1em 0;
	font-size:11px;
	color:black
}
p.quote {
	border-left:2px solid #333;
	margin:30px 0;
	font-size:18px;
	line-height:140%;
	padding:4px 20px 4px 60px;
	quotes:"\201C" "\201D" "\2018" "\2019";
	position:relative
}
p.quote:before {
	color:#333;
	content:open-quote;
	font-size:72px;
	margin-right:20px;
	position:absolute;
	top:14px;
	left:6px;
	bottom:0
}
a {
	color:#E55B00;
	text-decoration:none
}
a:focus,a:hover {
	color:#E55B00;
	text-decoration:underline
}
.float-right {
	float:right
}
.float-left {
	float:left
}
.no-margin {
	margin:0 !important
}
.content {
	font-size:1.1em;
	line-height:160%
}
.content>h1 {
	font-size:2em;
	margin:10px 0 20px 0;
	border:1px solid #e0dfe1;
	padding:10px 8px;
	position:relative
}
.content>h1:after {
	content:"CHAPTER TITLE";
	background:#c0c0c0;
	color:#fff;
	padding:4px;
	font-size:10px;
	line-height:10px;
	position:absolute;
	top:-22px;
	left:-1px
}
.content h2 {
	font-size:1.5em;
	color:#E55B00
}
.content h3 {
	font-size:1.3em;
	color:#E55B00;
	line-height:20px
}
.content.small-padding {
	padding:30px 20px
}
.content.small-padding .box {
	padding-top:9px
}
.navigation-bar {
	background:#313B44;
	background:-moz-linear-gradient(top, #313B44 0, #313B44 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #313B44), color-stop(100%, #313B44));
	background:-webkit-linear-gradient(top, #313B44 0, #313B44 100%);
	background:-o-linear-gradient(top, #313B44 0, #313B44 100%);
	background:-ms-linear-gradient(top, #313B44 0, #313B44 100%);
	background:linear-gradient(to bottom, #313B44 0, #313B44 100%);
	color:#ebebeb;
	height:40px;
	padding:0 20px 0 0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:106;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.user {
	position:absolute;
	top:6px;
	right:20px
}
.bookbar {
	background:rgba(223,222,224,0.9);
	border-bottom:1px solid #bfbfbf;
	height:60px;
	padding:0 0 0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:fixed;
	top:40px;
	left:0;
	right:0;
	z-index:103;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.bookbar h1 {
	float:left;
	width:54%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px 0;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.bookbar.flat .btn-toolbar {
	margin:0
}
.bookbar.flat .btn-toolbar>.btn-group+.btn-group {
	margin-left:0 !important
}
.bookbar.flat .btn-toolbar>.btn-group+.btn-group .btn-default:first-child {
	border-left:1px solid white
}
.bookbar.flat .btn-toolbar>.btn-group .btn-default:last-child {
	border-right:1px solid #bfbfbf
}
.bookbar.flat .btn {
	padding: 9px 8px 10px 8px;
	margin: 0;
	border-radius:0
}
.bookbar.flat .btn-default {
	border-color:transparent #d7d6d8 transparent #d7d6d8;
	background-image:none !important;
	background-color:#eae9eb;
	border-width:0 1px 0 1px;
	box-shadow:none
}
.bookbar.flat .btn-default:hover {
	background-color:#e4e3e6
}
.bookbar.flat .btn-default:first-child {
	border-color:transparent #d7d6d8 transparent #bfbfbf
}
.bookbar.flat .btn-default [class^="bk-icon-"] {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	vertical-align:text-top;
	background-image:url(../img/side-tab-icons.png);
	background-position:0 0;
	background-repeat:no-repeat
}
.bookbar.flat .btn-default .bk-icon-toc {
	background-position:0 -320px
}
.bookbar.flat .btn-default .bk-icon-media {
	background-position:0 -360px
}
.bookbar.flat .btn-default .bk-icon-cover {
	background-position:0 -400px
}
.bookbar.flat .btn-default .bk-icon-history {
	background-position:0 -440px
}
.bookbar.flat .btn-default .bk-icon-settings {
	background-position:0 -480px
}
.bookbar.flat .btn-default.active+.btn-default {
	border-left:1px solid #7d7d7d !important
}
.bookbar.flat .btn-default.active .bk-icon-toc {
	background-position:-40px -320px
}
.bookbar.flat .btn-default.active .bk-icon-media {
	background-position:-40px -360px
}
.bookbar.flat .btn-default.active .bk-icon-cover {
	background-position:-40px -400px
}
.bookbar.flat .btn-default.active .bk-icon-history {
	background-position:-40px -440px
}
.bookbar.flat .btn-default.active .bk-icon-settings {
	background-position:-40px -480px
}
.bookbar.flat .btn-primary {
	background-color:#FF6600;
	padding:29px 38px 30px 22px;
	color:#fff;
	text-transform:uppercase;
	background-image:url(../img/arrow-right-big.png);
	background-repeat:no-repeat;
	background-position:right center;
	text-shadow:none;
	box-shadow:none;
	border:none;
	line-height:0
}
.bookbar.flat .btn-primary:active {
	background-image:url(../img/arrow-right-big.png) !important;
	background-repeat:no-repeat !important
}
.contentContainer {
	padding:155px 0 0 0;
	height:100%;
	margin:0 60px
}
.contentHeader {
	background:rgba(245,245,245,0.9);
	height:55px;
	border-bottom:1px solid #e0e0e0;
	padding:8px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:fixed;
	top:100px;
	left:0;
	right:0;
	z-index:102
}
.contentHeader h2 {
	float:left;
	margin:0;
	padding:0
}
.contentHeader .btn-toolbar {
	margin:5px 0
}
.contentHeader .btn-toolbar .btn {
	padding:5px 7px
}
.contentHeader.zen {
	padding:8px 50px 8px 10px
}
.contentHeader .zenBtn {
	display:block;
	width:28px;
	height:26px;
	padding:2px 8px;
	background:#dfdfe1;
	position:absolute;
	top:0;
	right:10px;
	color:#444
}
.contentHeader .zenBtn i {
	font-size:20px
}
.contentHeader .zenBtn:hover {
	text-decoration:none;
	color:#000;
	background:#ccc
}

.contentHeader ul.dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

@media all and (max-height: 550px) {
	.contentHeader ul.dropdown-menu {
		max-height: 200px;
	}
}

.content {
	margin:0 auto;
	position:relative;
	max-width:960px;
	background:#fff;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:40px 50px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	min-height:100%
}
.logo a {
	background:url(../img/logo.png) no-repeat 24px 0;
	width:140px;
	height:30px;
	display:block;
	margin-top:4px;
	float:left;
	border-left:1px solid #333;
	border-right:1px solid #222
}
.collapse-navigation a {
	padding:4px 6px;
	display:block;
	float:left;
	width:50px;
	height:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../img/menu-collapse.png) no-repeat center center;
	border-right:1px solid #222
}
.collapse-navigation a:hover {
	background-color:#222
}
.sf-main-menu {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:0;
	background:#272727;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	-webkit-box-shadow:inset -5px 0 6px 0 #181818;
	-moz-box-shadow:inset -5px 0 6px 0 #181818;
	box-shadow:inset -5px 0 6px 0 #181818;
	z-index:1000;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.sf-main-menu .sf-menu-header-bar {
	height:40px;
	width:100%;
	background-color:#212121;
	background-image:-moz-linear-gradient(top, #262626, #1a1a1a);
	background-image:-ms-linear-gradient(top, #262626, #1a1a1a);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#262626), to(#1a1a1a));
	background-image:-webkit-linear-gradient(top, #262626, #1a1a1a);
	background-image:-o-linear-gradient(top, #262626, #1a1a1a);
	background-image:linear-gradient(top, #262626, #1a1a1a);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#1a1a1a', GradientType=0);
	border-color:#1a1a1a #1a1a1a #000;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:inset -13px 0 10px -10px #070707,0 2px 3px 0 #202020;
	-moz-box-shadow:inset -13px 0 10px -10px #070707,0 2px 3px 0 #202020;
	box-shadow:inset -13px 0 10px -10px #070707,0 2px 3px 0 #202020;
	border-bottom:1px solid #121212
}
.sf-main-menu .sf-menu-content {
	position:absolute;
	bottom:100px;
	left:0;
	right:0;
	top:40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto
}
.sf-main-menu .sf-menu-content>ul {
	list-style-type:none;
	margin:0;
	margin-bottom:30px;
	padding:0
}
.sf-main-menu .sf-menu-content>ul>li>a {
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	display:block;
	position:relative;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid #353535;
	border-top:1px solid #272727;
	-webkit-box-shadow:inset 0 -1px 0 0 #1b1b1b;
	-moz-box-shadow:inset 0 -1px 0 0 #1b1b1b;
	box-shadow:inset 0 -1px 0 0 #1b1b1b;
	padding-left:30px;
	height:35px;
	line-height:35px;
	font-size:13px;
	color:#aaa9aa;
	text-decoration:none
}
.sf-main-menu .sf-menu-content>ul>li>a:hover {
	color:#f0f0f0
}
.sf-main-menu .sf-menu-content>ul>li.active>a {
	color:#f0f0f0;
	background:url(../img/menu-arrow-right.png) no-repeat 176px center
}
.menu-open .contentContainer {
	margin-left:260px
}
.menu-open .navigation-bar,.menu-open .bookbar,.menu-open .contentHeader {
	left:200px
}
.menu-open .tabpane.left-tabpane {
	left:-130px
}
.menu-open .tabpane.left-tabpane.open {
	left:248px
}
.menu-open .tablist.left-tablist {
	left:200px
}
.menu-open.opentabpane-left .contentContainer {
	margin-left:590px
}
.menu-open .sf-main-menu {
	width:200px
}
[class^="big-icon-"],[class*=" big-icon-"] {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	vertical-align:text-top;
	background-image:url(../img/side-tab-icons.png);
	background-position:0 0;
	background-repeat:no-repeat
}
.tablist {
	width:48px;
	position:fixed;
	top:155px;
	bottom:0;
	z-index:20;
	background:#a1a1a1;
	overflow:hidden;
	-webkit-box-shadow:inset 8px 0 6px -8px rgba(0,0,0,0.8);
	-moz-box-shadow:inset 8px 0 6px -8px rgba(0,0,0,0.8);
	box-shadow:inset 8px 0 6px -8px rgba(0,0,0,0.8)
}
.tablist.right-tablist {
	right:0
}
.tablist.left-tablist {
	left:0
}
.tablist .navigation-tabs {
	list-style:none;
	margin:0;
	padding:0
}
.tablist .navigation-tabs li {
	position:relative
}
.tablist .navigation-tabs li a {
	display:block;
	width:48px;
	min-width:48px;
	height:47px;
	padding:0;
	margin-bottom:0;
	margin-right:0;
	border:1px solid #7c7c7c;
	border-width:0 0 1px 0 !important
}
.tablist .navigation-tabs li a:hover {
	background-color:#f5f5f5
}
.tablist .navigation-tabs li a i[class^="big-icon-"] {
	margin:8px 0 0 5px
}
.tablist .navigation-tabs li .label {
	position:absolute;
	top:2px;
	right:2px;
	display:block;
	text-shadow:none;
	padding:0 3px 1px 3px
}
.tablist .navigation-tabs li .big-icon-hold {
	background-position:0 0
}
.tablist .navigation-tabs li .big-icon-history {
	background-position:0 -45px
}
.tablist .navigation-tabs li .big-icon-online-users {
	background-position:0 -85px
}
.tablist .navigation-tabs li .big-icon-chat {
	background-position:0 -125px
}
.tablist .navigation-tabs li .big-icon-chapters {
	background-position:0 -165px
}
.tablist .navigation-tabs li .big-icon-attachments {
	background-position:0 -205px
}
.tablist .navigation-tabs li .big-icon-track {
	background-position:0 -525px
}
.tablist .navigation-tabs li .big-icon-notes {
	background-position:0 -245px
}
.tablist .navigation-tabs li .big-icon-style {
	background-position:0 -285px
}
.tablist .navigation-tabs li .big-icon-comments {
	background-position:0 -565px
}
.tablist .navigation-tabs li.active a {
	background-color:#f5f5f5
}
.tablist .navigation-tabs li.active a#hold-tab {
	background-color:#fff5f5
}
.tablist .navigation-tabs li.active .label {
	display:none
}
.tablist .navigation-tabs li.active .big-icon-hold,.tablist .navigation-tabs li.active a:hover .big-icon-hold {
	background-position:-80px 0
}
.tablist .navigation-tabs li.active .big-icon-history,.tablist .navigation-tabs li.active a:hover .big-icon-history {
	background-position:-80px -45px
}
.tablist .navigation-tabs li.active .big-icon-online-users,.tablist .navigation-tabs li.active a:hover .big-icon-online-users {
	background-position:-80px -85px
}
.tablist .navigation-tabs li.active .big-icon-chat,.tablist .navigation-tabs li.active a:hover .big-icon-chat {
	background-position:-80px -125px
}
.tablist .navigation-tabs li.active .big-icon-chapters,.tablist .navigation-tabs li.active a:hover .big-icon-chapters {
	background-position:-80px -165px
}
.tablist .navigation-tabs li.active .big-icon-attachments,.tablist .navigation-tabs li.active a:hover .big-icon-attachments {
	background-position:-80px -205px
}
.tablist .navigation-tabs li.active .big-icon-track,.tablist .navigation-tabs li.active a:hover .big-icon-track {
	background-position:-80px -525px
}
.tablist .navigation-tabs li.active .big-icon-notes,.tablist .navigation-tabs li.active a:hover .big-icon-notes {
	background-position:-80px -245px
}
.tablist .navigation-tabs li.active .big-icon-style,.tablist .navigation-tabs li.active a:hover .big-icon-style {
	background-position:-80px -285px
}
.tablist .navigation-tabs li.active .big-icon-comments,.tablist .navigation-tabs li.active a:hover .big-icon-comments {
	background-position:-80px -565px
}
.tabpane {
	position:fixed;
	width:330px;
	top:155px;
	bottom:0;
	background:#f5f5f5;
	border-color:#7c7c7c;
	border-style:solid;
	border-width:0;
	z-index:10;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-box-shadow:-2px 0 8px 0 rgba(40,50,50,0.35);
	-moz-box-shadow:-2px 0 8px 0 rgba(40,50,50,0.35);
	box-shadow:-2px 0 8px 0 rgba(40,50,50,0.35)
}
.tabpane.right-tabpane {
	right:-330px
}
.tabpane.right-tabpane.open {
	right:48px;
	border-width:0 0 0 3px
}
.tabpane.left-tabpane {
	left:-330px
}
.tabpane.left-tabpane.open {
	left:48px;
	border-width:0 3px 0 0
}
.tabpane.open.hold {
	background:#fff5f4;
	border-color:#da8b8b
}
.opentabpane-right .contentContainer {
	margin-right:390px
}
.opentabpane-left .contentContainer {
	margin-left:390px
}
.tabpane .tab-content {
	display:none;
	position:absolute;
	top:6px;
	bottom:0;
	left:15px;
	right:15px
}
.tabpane .tab-content h3 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:0
}
.tabpane .tab-content ul.hold-chapters {
	list-style:none;
	margin:0;
	padding-bottom:10px;
	padding-left:0
}
.tabpane .tab-content ul.hold-chapters li {
	border:1px solid #f3cccc;
	background:#f9e2e2;
	padding:4px 95px 4px 6px;
	margin:8px 0;
	position:relative;
	cursor:default
}
.tabpane .tab-content ul.hold-chapters li>div:first-child {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.tabpane .tab-content ul.hold-chapters li .btn-toolbar {
	position:absolute;
	top:2px;
	right:4px
}
.tabpane .tab-content ul.hold-chapters li .btn-group .icon-arrow-left {
	margin-top:-1px
}
.tabpane .tab-content .scrollable {
	position:absolute;
	top:40px;
	bottom:10px;
	left:0;
	right:0;
	overflow-y:auto
}
.tabpane .tab-content .scrollable.margin-top {
	top:60px
}
.tabpane .tab-content .scrollable .list li {
	overflow:hidden
}
.tabpane .tab-content .scrollable .list figure img {
	margin-bottom:0
}
.tabpane .tab-content .scrollable .list .label {
	color:white;
	position:absolute;
	top:0;
	right:0;
	font-size:10px;
	padding:1px 4px 2px 4px;
	line-height:normal;
	font-weight:normal
}
.tabpane .tab-content .scrollable .list .label.label-default {
	background-color:#c0c0c0
}
.tabpane .tab-content .scrollable .list h4 {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-right:50px
}
.tabpane .tab-content .scrollable .list.border-top li:first-child {
	border-top:none
}
.tabpane .tab-content .scrollable .list.border-top li:last-child {
	border-bottom:1px solid #e1e1e1
}
.tabpane .tab-content .scrollable::-webkit-scrollbar {
	width:14px !important;
	height:8px;
	margin:-1px 0
}
.tabpane .tab-content .scrollable::-webkit-scrollbar-track {
	background:#f5f5f5;
	border:none;
	box-shadow:none
}
.tabpane .tab-content .scrollable::-webkit-scrollbar-thumb {
	background:#949494;
	border-left:6px solid rgba(0,0,0,0) !important;
	background-clip:padding-box !important
}
.tabpane .tab-content .scrollable::-webkit-scrollbar-thumb:hover {
	background:#6e6e6e;
	border-left:6px solid rgba(0,0,0,0);
	background-clip:padding-box
}
.tabpane .tab-content ul.edit-toc {
	list-style:none;
	margin:20px 0 0;
	padding:0 0 10px 0
}
.tabpane .tab-content ul.edit-toc li {
	padding:0;
	margin:8px 0;
	position:relative;
	cursor:default
}
.tabpane .tab-content ul.edit-toc li:first-child {
	margin-top:0
}
.tabpane .tab-content ul.edit-toc li a {
	border:1px solid #ddd;
	background:#eee;
	padding:4px 6px;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.tabpane .tab-content ul.edit-toc li a:hover {
	background:#ddd;
	border:1px solid #ccc
}
.tabpane .tab-content ul.edit-toc li .section {
	border:1px solid #ddd;
	background:#eee;
	padding:4px 6px;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:bold
}
.tabpane .tab-content ul.edit-toc li.active a {
	border:1px solid #7c7c7c;
	background:#7c7c7c;
	color:#fff
}
.tabpane .tab-content h3+.btn {
	position:absolute;
	top:14px;
	right:0
}
.tabpane .tab-content.chat .notification-list-box {
	position:absolute;
	top:51px;
	bottom:60px;
	left:0;
	right:0
}
.tabpane .tab-content.chat .notification-write-box {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:10px 10px 15px;
	-webkit-box-shadow:0 -6px 5px -3px #dfdfdf;
	-moz-box-shadow:0 -6px 5px -3px #dfdfdf;
	box-shadow:0 -6px 5px -3px #dfdfdf;
	border-top:1px solid #fff;
	background:#f5f5f5
}
.tabpane .tab-content.chat .notification-write-box .notification-writer {
	border:2px solid #7b5fb1;
	-webkit-border-radius:5px !important;
	-moz-border-radius:5px !important;
	border-radius:5px !important;
	line-height:18px;
	padding:3px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	height:30px;
	resize:none;
	color:#787878;
	overflow:hidden;
	width:100%
}
.tabpane .tab-content.chat .notification-write-box .notification-writer:focus {
	outline:none;
	-webkit-box-shadow:0 0 4px #ddd;
	-moz-box-shadow:0 0 4px #ddd;
	box-shadow:0 0 4px #ddd;
	border:2px solid #E55B00 !important
}
.tabpane .tab-content.chat.typing-active .notification-list-box {
	bottom:160px
}
.tabpane .tab-content.chat.typing-active .notification-write-box .notification-writer {
	height:70px;
	overflow:auto
}
.tabpane .tab-content.chat.typing-active .notification-write-box .button-area {
	display:block
}
.tabpane .tab-content.chat.typing-active .notification-write-box .notification-important {
	display:block
}
.tabpane .tab-content.chat .notification-write-box .notification-important {
	width:16px;
	height:16px;
	padding:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	right:15px;
	top:11px;
	opacity:.7;
	filter:alpha(opacity=70);
	display:none
}
.tabpane .tab-content.chat .notification-write-box .notification-important:hover {
	opacity:.9;
	filter:alpha(opacity=90);
	cursor:pointer
}
.tabpane .tab-content.chat .notification-write-box .notification-writer.important {
	border-color:#d62727 !important
}
.tabpane .tab-content.chat .notification-write-box .button-area {
	margin:10px 0 5px 0;
	display:none
}
.tabpane .tab-content.chat .notification-write-box .button-area .btn+.btn {
	margin-right:8px
}
.notification-list {
	margin:-10px 0 0;
	list-style-type:none;
	padding:0;
	height:100%;
	overflow-y:auto
}
.notification-list::-webkit-scrollbar {
	width:14px !important;
	height:8px;
	margin:-1px 0
}
.notification-list::-webkit-scrollbar-track {
	background:#f5f5f5;
	border:none;
	box-shadow:none
}
.notification-list::-webkit-scrollbar-thumb {
	background:#949494;
	border-left:6px solid rgba(0,0,0,0) !important;
	background-clip:padding-box !important
}
.notification-list::-webkit-scrollbar-thumb:hover {
	background:#6e6e6e;
	border-left:6px solid rgba(0,0,0,0);
	background-clip:padding-box
}
.notification-list li {
	border-top:1px solid #dedede;
	padding:10px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	min-height:45px;
	margin:0
}
.notification-list li:last-child {
	border-bottom:1px solid #dedede
}
.notification-list li:first-child {
	border-top:none
}
.notification-list li.important {
	border:1px solid #d62727 !important;
	-webkit-box-shadow:inset 0 0 1px 1px #e4b2b2,0 2px 6px 0 #d8d8d8;
	-moz-box-shadow:inset 0 0 1px 1px #e4b2b2,0 2px 6px 0 #d8d8d8;
	box-shadow:inset 0 0 1px 1px #e4b2b2,0 2px 6px 0 #d8d8d8
}
.notification-list li.personal,.notification-list li.important {
	border:1px solid #e2e2e2;
	border-radius:3px;
	background:#fff;
	padding:5px;
	margin-bottom:7px;
	-webkit-box-shadow:0 1px 0 #e2e2e2;
	-moz-box-shadow:0 1px 0 #e2e2e2;
	box-shadow:0 1px 0 #e2e2e2
}
.notification-avatar {
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	background:url("../img/avatar-chat.png") no-repeat 0 0
}
.notification-avatar img {
	width:100%;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px
}
.notification-content {
	padding-left:35px
}
.notification-content .notification-text {
	margin:-3px 0 0 0;
	font-size:12px;
	overflow:hidden
}
.notification-content .notification-author {
	font-weight:700
}
.notification-info {
	font-size:11px;
	color:#949494
}
[class^="toc-icon-"],[class*=" toc-icon-"] {
	display:inline-block;
	position:absolute;
	top:3px;
	left:4px;
	width:25px;
	height:25px;
	line-height:25px;
	vertical-align:text-top;
	background-image:url(../img/toc-chapter-icons.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0
}
.hold-target-box {
	position:fixed;
	top:170px;
	right:47px;
	max-width:100px;
	height:47px;
	background:#fff5f5;
	border:1px dashed #d9a5a5;
	padding:8px;
	color:#e7c3c3;
	text-align:center;
	text-transform:uppercase;
	line-height:120%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.placeholder {
	outline:1px dashed #ccc
}
.mjs-nestedSortable-error {
	background:#fbe3e4;
	border-color:transparent
}
ol {
	margin:0;
	padding:0;
	padding-left:30px
}
ol.sortable,ol.sortable ol {
	margin:0 0 0 25px;
	padding:0;
	list-style-type:none
}
ol.sortable {
	margin:1em 0
}
.sortable li {
	margin:5px 0 0 0;
	padding:0;
	position:relative
}
.sortable li>div {
	border-left:3px solid #ddd;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:6px 190px 6px 30px;
	margin:0;
	cursor:move;
	background:#eee
}
.sortable li>div:hover,.sortable li>div.hover-effect {
	border-left:3px solid #444
}
.sortable li>div+div {
	background-color:transparent
}
.sortable li.section>div {
	font-weight:600;
	background:#ddd
}
.sortable>li>div>.btn-group {
	font-weight:400
}
.sortable li.section.mjs-nestedSortable-leaf div {
	color:#929292
}
li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
	border-color:#999;
	background:#bbb
}
.disclose {
	cursor:pointer;
	width:16px;
	display:none;
	display:inline-block;
	position:absolute;
	top:2px;
	left:3px;
	width:25px;
	height:25px;
	line-height:14px;
	vertical-align:text-top
}
.sortable li.mjs-nestedSortable-collapsed>ol {
	display:none
}
.sortable li.mjs-nestedSortable-branch>div>.disclose {
	background-image:url("../img/toc-chapter-icons.png");
	background-repeat:no-repeat
}
.sortable li.mjs-nestedSortable-leaf>div>.disclose {
	background-image:url("../img/toc-chapter-icons.png");
	background-repeat:no-repeat;
	background-position:0 -50px
}
.sortable li.mjs-nestedSortable-collapsed>div>.disclose {
	background-position:0 0 !important
}
.sortable li.mjs-nestedSortable-expanded>div>.disclose {
	background-position:0 -25px !important
}
.sortable li div.btn-toolbar {
	position:absolute;
	right:6px;
	top:0;
	padding:0;
	border:0;
	padding:5px 0;
	display:none
}
.sortable li div.btn-toolbar:hover {
	border:0
}
.sortable li div.btn-toolbar .btn-group {
	margin-left:5px
}
.sortable .btn-group+.btn-group {
	margin-left:5px !important
}
.placeholder-status {
	outline:1px dashed #ccc
}
.statuses {
	margin:0 0 30px 0
}
.sortable-status {
	margin:0 0 2em 0;
	list-style:none;
	padding:0
}
.sortable-status li {
	margin:5px 0 0 0;
	padding:0;
	position:relative
}
.sortable-status li>div {
	border-left:3px solid #ddd;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:6px 10px 6px 10px;
	margin:0;
	cursor:move;
	background:#eee;
	font-size:13px
}
.sortable-status li>div:hover,.sortable-status li>div.hover-effect {
	border-left:3px solid #444
}
.sortable-status li>div .status-name {
	padding:3px 4px;
	display:inline-block;
}
.sortable-status li>div .edit-status-block {
	display:none;
	margin-right:60px;
	padding-right:40px
}
.sortable-status li>div .edit-status-block .input-group {
	width:100%
}
.sortable-status li>div .edit-status-block .input-group input.form-control {
	padding:4px 10px;
	height:auto
}
.sortable-status li>div .edit-status-block .input-group .input-group-btn:last-child>.btn {
	margin-left:-1px
}
.sortable-status li>div .edit-status-block .input-group .input-group-btn .btn+.btn {
	margin:-4px
}
.sortable-status li>div.btn-toolbar {
	position:absolute;
	right:6px;
	top:0;
	border:0;
	padding:5px 0
}
.sortable-status li>div .btn-xs {
	padding:6px 8px 7px
}
.sortable-status li>div .btn [class^="icon-"] {
	margin-right:0
}

a.terminate-edit-chapter {
	margin-right: 4px;
}

.dropdown-menu.status-options > li {
	cursor: pointer;
}

.dropdown-menu.status-options > li:hover {
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#FF6600),to(#FF6600));
	background-image: -webkit-linear-gradient(top,#FF6600 0,#FF6600 100%);
	background-image: -moz-linear-gradient(top,#FF6600 0,#FF6600 100%);
	background-image: linear-gradient(to bottom,#FF6600 0,#FF6600 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#MSbutton-background-lighter',endColorstr='#MSbutton-background-darker',GradientType=0);
	background-color: #FF6600
}

.dropdown-menu.status-options > li:hover a {
	color: #fff;
}

.dropdown-menu.status-options > li > a {
	width: 87%;
	display: inline-block;
}

.dropdown-menu.status-options > li > input[type=checkbox] {
	width: 10%;
	display: inline-block;
}


.book-versions {
	margin:30px 0
}
.book-versions .version-list {
	list-style:none;
	padding:0;
	margin:10px 0;
	background:#f6f6f6;
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2
}
.book-versions .version-list li {
	border-bottom:1px solid #e6e6e6
}
.book-versions .version-list li:last-child {
	border-bottom:none
}
.book-versions .version-list li a {
	display:block;
	padding:4px 10px
}
.book-versions .version-list li a:hover,.book-versions .version-list li a:focus {
	background:#eee;
	text-decoration:none
}
.book-versions .all {
	margin-top:30px
}
.sortable li div .toc-chapter-detail {
	display:none;
	height:18px;
	margin:4px -189px 0 0;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	color:#fff
}
.sortable li.detail-switch div .toc-chapter-detail {
	display:block
}

.sortable li div .toc-chapter-detail .selectize-control.single {
	min-width: 100px;
  float: right;
	margin-right: 10px;
	margin-top: 1px;
}

.sortable li div .toc-chapter-detail .selectize-input {
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 9px;
  padding: 0px 5px;
  font-weight: 600;
	text-shadow: 0 1px 0 #fff;
	background: #efefef;
  border: 1px solid #dfdfdf;
  box-shadow: none;
  top: -1px;
}

.sortable li div .toc-chapter-detail .selectize-input:after{
	display: none;
}

.sortable li div .toc-chapter-detail .selectize-dropdown.single{
	top: 20px !important;
}

.sortable li div .toc-chapter-detail .selectize-dropdown-content div.option,
.sortable li div .toc-chapter-detail .selectize-dropdown-content div.create,
.sortable li div .toc-chapter-detail .selectize-input input{
	font-weight: 600;
	text-transform: uppercase;
  font-size: 9px;
	text-shadow: 0 1px 0 #fff;
}

.sortable li div .toc-chapter-detail .selectize-dropdown-content div.option{
	padding: 3px 8px;
}

.sortable li .label {
	margin-top:1px
}

.sortable li div .toc-chapter-detail .status {
	float:right;
	background:#48B0F7;
	padding:0 6px 1px 6px;

	margin-right:5px;
	font-size:11px;
	line-height:16px;

	text-align: center;
	min-width: 60px;

	-webkit-border-radius:0px;
	moz-border-radius:0px;
	border-radius:0px;
}

.sortable li div .toc-chapter-detail .status label {
	margin-bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 14px;
	position: relative;
	top: -1px;
}

.sortable li div .toc-chapter-detail .status input[type=checkbox] {
	margin-top: 0px;
	display: inline-block;
	position: relative;
	top: 2.5px;
}


.sortable li .btn-toolbar .status-dropdown > button {
	min-width: 60px;
}

.sortable li div .toc-chapter-detail .icons {
	background:none;
	padding:0 6px 1px 6px;
	padding-left: 0px;
	font-size: 12px;
	color: #000;
	float:left;
}

.toc-icon-chapter {
	background-position:0 -75px
}
.toc-icon-chapter-locked {
	background-position:0 -100px
}
.toc-icon-chapter-admin-locked {
	background-position:0 -125px
}
#newChapter.modal input,#newSection.modal input,#importChapter.modal input {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	height:30px
}
.linktochapter {
	margin-bottom:20px
}
.linktochapter .linktochapter-header {
	position:relative;
	margin-bottom:10px
}
.linktochapter .linktochapter-header:before {
	content:" ";
	position:absolute;
	border-bottom:1px solid #dcdcdc;
	height:1px;
	top:9px;
	left:20px;
	right:0
}
.linktochapter .linktochapter-content {
	display:none;
	max-height:200px;
	overflow:auto
}
.linktochapter .linktochapter-header .linktochapter-title {
	background:#fff;
	padding:0 5px;
	font-size:11px;
	text-transform:uppercase;
	color:#666;
	position:relative
}
.linktochapter .linktochapter-header i {
	margin-top:2px;
	display:none
}
.linktochapter .linktochapter-header i:hover {
	cursor:pointer
}
.linktochapter .linktochapter-header [class^="icon-"],[class*=" icon-"] {
	width:14px;
	height:14px;
	line-height:14px
}
.linktochapter .linktochapter-header i.toggle-open {
	display:inline-block
}
.linktochapter.open .linktochapter-content {
	display:block !important
}
.linktochapter.open .toggle-close {
	display:inline-block !important
}
.linktochapter.open .toggle-open {
	display:none !important
}
.linktochapter .linktochapter-content ul {
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid #dcdcdc
}
.linktochapter .linktochapter-content li {
	border-bottom:1px solid #e6e6e6
}
.linktochapter .linktochapter-content li:last-child {
	border-bottom:none
}
.linktochapter .linktochapter-content li a {
	background-color:#fafafa;
	padding:4px 7px 5px 18px;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.linktochapter .linktochapter-content li a:hover {
	background-color:#e6e6e6;
	text-decoration:none
}
.linktochapter .linktochapter-content li:nth-child(2n+0) a {
	background-color:#f2f2f2
}
.linktochapter .linktochapter-content li:nth-child(2n+0) a:hover {
	background-color:#e6e6e6
}
.linktochapter .linktochapter-content li a>i {
	margin-left:-15px;
	margin-right:3px;
	font-size:14px;
	display:none
}
.linktochapter .linktochapter-content li a.selected>i {
	display:inline-block !important
}
.responsive-popup {
	position:fixed;
	width:auto;
	height:auto;
	margin:0 70px 70px;
	left:0 !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	padding:0 !important;
	overflow:hidden !important
}
.responsive-popup .modal-dialog {
	width:auto;
	padding:70px 0 0;
	margin:0;
	height:100%
}
.responsive-popup .modal-content {
	height:98%;
	margin:5px
}
.responsive-popup .modal-content .modal-body {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:42px;
	left:0;
	bottom:58px;
	right:0;
	max-height:none !important;
	min-height:auto !important
}
.responsive-popup .modal-content .modal-body .alert-wrapper {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,0.8)
}
.responsive-popup .modal-content .modal-body .alert-wrapper .alert {
	position:relative;
	width:400px;
	margin:0 auto;
	margin-top:30px;
	padding:10px
}
.responsive-popup .modal-content .modal-body .alert-wrapper .alert .spinner {
	position:absolute;
	top:5px;
	right:0
}
.responsive-popup .modal-content .modal-header {
	min-height:28px;
	margin-bottom:0
}
.responsive-popup .modal-content .modal-footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.modal-left-pane {
	width:130px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	padding:10px 0 15px 0;
	border-right:1px solid #d2d2d2
}
.modal-left-pane h4 {
	padding:0;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	margin:5px 0
}
.modal-right-pane {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	margin:15px 15px 15px 15px;
	top:0;
	bottom:0;
	right:0;
	left:145px
}
.responsive-popup .nav-tabs>li {
	float:none
}
.responsive-popup .nav-tabs>li>a {
	border-radius:0;
	border-bottom:1px solid #eee;
	margin-right:-1px;
	padding:8px 15px 8px 3px
}
.responsive-popup .nav-tabs>li>a:hover {
	background-color:#f0f0f0;
	border-color:#d2d2d2 #d2d2d2 #eee transparent
}
.responsive-popup .nav-tabs>li.active>a {
	border-color:#d2d2d2 transparent #d2d2d2 transparent;
	padding-left:10px;
	font-weight:600;
	color:#000
}
.responsive-popup .nav-tabs>li.active>a:hover {
	border-color:#d2d2d2 #fff #d2d2d2 transparent;
	background-color:#fff
}
.drag-area {
	background:#f8f8f8;
	border:3px dashed #e0e0e0;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0
}
.drag-area-title {
	width:100%;
	background:url("../img/dragfiles.png") no-repeat 50% 0;
	margin-top:100px;
	padding-top:100px;
	text-align:center;
	color:#a0a0a0;
	font-size:24px
}
.drag-area-button {
	text-align:center;
	margin-top:30px
}
.drag-area.disabled {
	opacity:.4
}

#media-image-search {
	margin-top: 2px;
}

#media-image-search input{
	width: 180px;
}

#renameMedia input[type='text'] {
	width: 300px;
}

.uploads-grid {
	list-style-type:none;
	margin:0;
	padding:0;
	top:27px;
	bottom:0;
	overflow-y:auto;
	overflow-x:visible;
	position:absolute;
	width:100%
}
.uploads-grid li {
	max-height:108px;
	float:left;
	margin:0 15px 15px 0;
	padding:3px;
	border:1px solid #d0d0d0;
	position:relative;
	overflow:visible
}
.uploads-grid li:hover {
	background:#aaa;
	border-color:#999;
	cursor:pointer;
	-webkit-box-shadow:0 0 3px #a0a0a0;
	-moz-box-shadow:0 0 3px #a0a0a0;
	box-shadow:0 0 3px #a0a0a0
}
.uploads-grid li.active {
	background:#FF6600;
	border-color:#55398a;
	cursor:pointer;
	-webkit-box-shadow:0 0 3px #a0a0a0;
	-moz-box-shadow:0 0 3px #a0a0a0;
	box-shadow:0 0 3px #a0a0a0
}
.uploads-grid li img {
	height:100px;
	max-height:100px
}
.uploads-grid::-webkit-scrollbar {
	width:8px;
	height:8px;
	margin:-1px 0
}
.uploads-grid .dropdown-menu {
	min-width:140px;
	left:-1px
}
.uploads-grid .dropdown-menu li {
	border:none;
	margin:0;
	padding:0;
	float:none
}
.uploads-grid .dropdown-menu li:hover {
	border:none;
	background:transparent
}
.uploads-grid .dropdown-menu li a {
	padding:2px 10px 2px 10px
}
.uploads-grid .dropdown-menu [class^="icon-"] {
	min-width:20px
}
.uploads-grid .dropdown-menu.right {
	left:auto;
	right:0
}
.image-info-container {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:300px;
	display:none
}
.image-info-container .image-preview {
	width:300px;
	height:240px;
	padding:7px;
	background-color:#f2f2f2;
	text-align:center
}
.image-info-container .image-preview img {
	max-width:286px;
	max-height:226px
}
.image-info-container .image-info {
	padding:0 10px 5px 0;
	color:#555;
	margin-top:3px;
	font-size:12px;
	overflow:auto;
	position:absolute;
	top:250px;
	right:0;
	bottom:30px
}
.image-info-container .image-info::-webkit-scrollbar {
	width:8px;
	height:8px;
	margin:-1px 0
}
.image-info-container .image-info span {
	font-weight:600;
	color:#333
}
.image-info-container .image-info ul {
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd
}
.image-info-container .image-info ul li {
	padding:1px 0
}
.image-info-container h5 {
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	margin-top:10px
}
.image-info-container .metadata-btn {
	position:absolute;
	bottom:0;
	text-transform:uppercase
}
.image-info-container .closeinfo {
	position:absolute;
	bottom:0;
	right:0
}
.image-info-container .cancel-metadata-btn {
	position:absolute;
	bottom:0;
	left:0;
	text-transform:uppercase;
	display:none
}
.image-info-container .save-metadata-btn {
	position:absolute;
	bottom:0;
	left:50px;
	text-transform:uppercase;
	display:none
}
.image-info-container .edit-metadata {
	display:none;
	padding:0 10px 5px 0;
	color:#555;
	font-size:12px;
	overflow:auto;
	position:absolute;
	top:250px;
	right:0;
	left:0;
	bottom:30px
}
.image-info-container .edit-metadata::-webkit-scrollbar {
	width:8px;
	height:8px;
	margin:-1px 0
}
.image-info-container.metadata-switch .image-info,.image-info-container.metadata-switch .metadata-btn {
	display:none
}
.image-info-container.metadata-switch .edit-metadata,.image-info-container.metadata-switch .cancel-metadata-btn,.image-info-container.metadata-switch .save-metadata-btn {
	display:block
}
.open-info .image-info-container {
	display:block
}
.open-info .uploads-grid {
	margin:0 320px 0 0
}
.image-dropdown-button {
	background-color:#FF6600;
	border-style:solid;
	border-color:#fff;
	border-width:2px 2px 0 0;
	padding:0 5px;
	position:absolute;
	bottom:3px;
	left:3px;
	display:none
}
.image-dropdown-button:hover {
	text-decoration:none;
	background-color:#7858b3
}
.image-dropdown-button i {
	font-size:14px;
	color:#fff
}
.open-image-menu .image-dropdown-button {
	display:block
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane {
	padding:10px 0 15px 0
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane h4+.nav-tabs {
	padding-top:0
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs {
	padding-top:20px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs>li {
	float:none
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs>li>a {
	border-radius:0;
	border-bottom:1px solid #eee;
	margin-right:-1px;
	padding:8px 15px 8px 3px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs>li>a:hover {
	background-color:#f0f0f0;
	border-color:#d2d2d2 #d2d2d2 #eee transparent
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs>li.active>a {
	border-color:#d2d2d2 transparent #d2d2d2 transparent;
	padding-left:10px;
	font-weight:600;
	color:#000
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-left-pane .nav-tabs>li.active>a:hover {
	border-color:#d2d2d2 #fff #d2d2d2 transparent;
	background-color:#fff
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane {
	position:relative;
	top:0;
	bottom:0;
	left:0;
	margin:0 0 15px 145px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane .tab-pane>h4 {
	margin:0 0 10px 0
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane input+input {
	margin-top:12px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane input+h4 {
	margin:30px 0 10px 0 !important
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane .drag-area {
	position:relative;
	margin-bottom:20px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane .drag-area .drag-area-title {
	margin-top:25px
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane .drag-area .drag-area-title.file {
	background:url("../img/dragfiles2.png") no-repeat 50% 0
}
.tabbed-popup .modal-dialog .modal-content .modal-body .modal-right-pane .drag-area .drag-area-button {
	margin-bottom:30px
}
.tabbed-popup .modal-dialog .modal-content .modal-footer {
	margin:0
}
.importBook .drag-area {
	position:relative;
	margin-bottom:10px
}
.importBook .drag-area .drag-area-title {
	margin-top:25px
}

.importBook .drag-area.dragover{
	border: 3px dashed #ff6601;
	opacity: .4;
}

.importBook .drag-area.dragover .drag-area-title.file {
	color: #ff6601;
}

.importBook .drag-area .drag-area-title.file {
	background:url("../img/dragfiles2.png") no-repeat 50% 0
}
.importBook .drag-area .drag-area-button {
	margin-bottom:30px
}
.importBook .modal-dialog .modal-content .modal-body .progress {
	height:8px
}
.importBook .modal-dialog .modal-content .modal-body .alert ul {
	padding-left:20px
}
.importBook .modal-dialog .modal-content .modal-body .alert.animated {
	position:relative
}
.importBook .modal-dialog .modal-content .modal-body .alert.animated .spinner {
	position:absolute;
	top:10px;
	right:0
}
.importBook .modal-dialog .modal-content .modal-body .checkbox {
	margin-top:20px
}
.compare .modal-dialog {
	width:760px
}
.compare .modal-dialog .modal-content .modal-body .row {
	margin-bottom:20px;
	margin-left:0;
	margin-right:0
}
.compare .modal-dialog .modal-content .modal-body .row .header {
	font-size:14px;
	font-weight:600;
	padding:6px 10px;
	background:#f2f2f2
}
.compare .modal-dialog .modal-content .modal-body .row .header+.header {
	border-left:1px solid #ccc
}
.compare .modal-dialog .modal-content .modal-body .row .marker {
	padding:1px 6px;
	font-size:11px;
	font-weight:600;
	margin-left:-10px
}
.compare .modal-dialog .modal-content .modal-body .row .changed {
	background-color:#ffeda8
}
.compare .modal-dialog .modal-content .modal-body .row .added {
	background-color:#b9f0a2
}
.compare .modal-dialog .modal-content .modal-body .row .deleted {
	background-color:#fa897a
}
.history-filters {
	margin:20px 0 10px 0;
	padding:4px 0;
	float:left
}
.history-filters input {
	width:auto;
	float:left;
	margin-right:10px
}
.history-filters .btn {
	padding:6px 12px
}
.history-filters .btn [class^="icon-"] {
	margin-left:-4px
}
.modal-body [class^="icon-"] {
	font-size:14px
}
.addBookGroup {
	position:fixed;
	width:auto;
	height:auto;
	margin:0 50px 50px;
	left:0 !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	padding:0 !important;
	overflow:hidden !important
}
.addBookGroup .modal-dialog {
	padding:50px 0 0;
	height:100%
}
.addBookGroup .modal-dialog .modal-content {
	height:98%;
	margin:5px
}
.addBookGroup .modal-dialog .modal-content .modal-body {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:49px;
	left:0;
	bottom:58px;
	right:0;
	max-height:none !important;
	min-height:auto !important;
	background:#f5f5f5;
	overflow-y:auto
}
.addBookGroup .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
	width:8px !important;
	height:8px;
	margin:-1px 0
}
.addBookGroup .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
	background:#f5f5f5;
	border:none;
	box-shadow:none
}
.addBookGroup .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
	background:#949494;
	background-clip:padding-box !important
}
.addBookGroup .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
	background:#6e6e6e;
	background-clip:padding-box
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list {
	margin:0
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item {
	position:relative;
	margin:0 0 5px 0;
	min-height:70px
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item:last-child {
	margin:0
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item .add-box {
	position:absolute;
	top:13px;
	right:8px
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item .add-box input[type="checkbox"] {
	display:none
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item .add-box input[type="checkbox"]+label {
	color:#000;
	font-size:12px;
	font-weight:normal;
	margin-top:1px
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item .add-box input[type="checkbox"]+label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(../img/check_box.png) left top no-repeat;
	cursor:pointer
}
.addBookGroup .modal-dialog .modal-content .modal-body .book-list .item .add-box input[type="checkbox"]:checked+label span {
	background:url(../img/check_box.png) -19px top no-repeat
}
.addBookGroup .modal-dialog .modal-content .modal-footer {
	margin-top:0;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.changeRoles .modal-dialog .modal-content .modal-body .roles-options button {
	margin-right:4px;
	margin-bottom:14px
}
.changeRoles .modal-dialog .modal-content .modal-body span.label-info {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 1px;
}
.assignUsers {
	position:fixed;
	width:auto;
	height:auto;
	margin:0 20px 20px;
	left:0 !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	padding:0 !important;
	overflow:hidden !important
}
.assignUsers .modal-dialog {
	padding:20px 0 0;
	height:100%
}
.assignUsers .modal-dialog .modal-content {
	height:98%;
	margin:5px;
	overflow:hidden
}
.assignUsers .modal-dialog .modal-content .modal-body {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:59px;
	left:0;
	bottom:58px;
	right:0;
	max-height:none !important;
	min-height:auto !important
}
.assignUsers .modal-dialog .modal-content .modal-body .search-box {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:15px;
	background-color:#fafafa;
	border-bottom:1px solid #ddd
}
.assignUsers .modal-dialog .modal-content .modal-body .search-box .form-control {
	height:auto
}
.assignUsers .modal-dialog .modal-content .modal-body .search-box .btn-default {
	border-left:none
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list {
	position:absolute;
	top:61px;
	left:0;
	right:0;
	padding:0;
	overflow-y:auto
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list {
	margin-bottom:0
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list li {
	padding:10px 15px;
	border-bottom:1px solid #eee;
	overflow:hidden
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list li figure img {
	margin:0
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list li:hover {
	background:#f8f8f8;
	cursor:pointer
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list li.active {
	background:#e2e2e2
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list li:last-child {
	border-bottom:none
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list.user-avatar figure {
	width:36px
}
.assignUsers .modal-dialog .modal-content .modal-body .users-list .list.user-avatar figure+.list-info {
	margin-left:55px
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:15px 15px 8px 15px;
	background-color:#fafafa;
	border-top:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options .user-roles {
	margin-bottom:15px
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options .user-roles span {
	font-weight:600;
	margin-left:10px
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options .roles-options {
	position:relative
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options .roles-options .btn {
	margin-right:4px;
	margin-bottom:14px
}
.assignUsers .modal-dialog .modal-content .modal-body .assign-options .roles-options.disabled:before {
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(255,255,255,0.8)
}
.assignUsers .modal-dialog .modal-content .modal-footer {
	margin-top:0;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.notificationContainer {
	width:70%;
	position:fixed;
	top:-1px;
	text-align:center;
	z-index:110;
	margin:0 15%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
.notification {
	padding:5px 12px;
	background:#edfae1;
	border-style:solid;
	border-color:#5fa641;
	border-width:0 1px 1px 1px;
	display:inline-block;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	color:#000;
	-webkit-box-shadow:0 1px 3px rgba(50,50,50,0.25);
	-moz-box-shadow:0 1px 3px rgba(50,50,50,0.25);
	box-shadow:0 1px 3px rgba(50,50,50,0.25)
}
.notification.alert {
	background:#ffeded;
	border-color:#e03434;
	font-weight:600
}
.mediaTable {
	width:100%;
	border-top:1px solid #ccc;
	margin-bottom:20px
}
.mediaTable th,.mediaTable td {
	text-align:left;
	white-space:no-wrap;
	padding:5px 6px;
	vertical-align:top;
	vertical-align:middle;
	border-bottom:1px solid #e6e6e6
}
.mediaTable th img,.mediaTable td img {
	width:auto;
	max-height:60px;
	max-width:80px
}
.mediaTable td:first-child {
	width:30px
}
.mediaTable input[type="checkbox"] {
	margin:5px 0 0 !important;
	vertical-align:top
}
.historyTable {
	width:100%;
	font-size:12px;
	color:#222;
	border-top:1px solid #c2c2c2;
	margin-bottom:20px;
	background:#f6f6f6
}
.historyTable th,.historyTable td {
	text-align:left;
	white-space:no-wrap;
	padding:5px 10px;
	vertical-align:top;
	vertical-align:middle
}
.historyTable th a,.historyTable td a {
	font-weight:600
}
.historyTable td {
	border-bottom:1px solid #e6e6e6
}
.historyTable tr:last-child td {
	border-bottom:1px solid #ccc
}
.historyTable tr:hover {
	background:#eee
}
.historyTable thead th {
	background:#d1d1d1;
	padding:8px 10px
}
.historyTable input[type="radio"] {
	margin:5px 0 0 5px
}
.historyTable input[type="radio"]+input[type="radio"] {
	margin-left:10px
}
.historyTable.chapter {
	background:#f6f6f6
}
.historyTable.chapter th,.historyTable.chapter td {
	padding:4px 8px 2px 8px
}
.historyTable.chapter thead th {
	background:#f6f6f6;
	border-bottom:1px solid #e6e6e6;
	padding:6px 8px
}
.history-compare {
	overflow:hidden;
	margin:30px 0 0;
	background:#d1d1d1;
	padding:10px
}
.history-compare h3 {
	float:left;
	color:#222;
	font-size:1.2em;
	margin:3px 2px
}
.history-compare .btn {
	float:left;
	margin-right:10px
}
.history-compare .btn+h3 {
	margin:4px 0 0
}
.history-compare :after {
	clear:both
}
.revision-details {
	font-size:13px;
	margin:0;
	color:black;
	padding:20px 12px 10px 12px
}
.revision-details .detail-label {
	min-width:70px;
	display:inline-block;
	color:#777
}
.revision-details p {
	margin-bottom:0
}
.revision-header {
	padding:6px 0 0;
	font-size:13px;
	overflow:hidden;
	clear:both
}
.revision-header .number {
	float:left;
	color:#777;
	margin-left:12px
}
.revision-header .nav-tabs {
	margin-top:2px
}
.revision-header .nav-tabs>li {
	float:right
}
.revision-header .nav-tabs>li>a {
	padding:7px 12px
}
.revision-header .nav-tabs>li>a:last-child {
	margin-right:0
}
.revision-header .nav-tabs>li.active>a,.revision-header .nav-tabs>li.active>a:hover,.revision-header .nav-tabs>li.active>a:focus {
	background:#fafafa;
	padding:7px 12px
}
.revision-header .label {
	font-size:13px;
	padding:1px 5px 2px 5px;
	margin:0 25px 0 16px;
	position:relative
}
.revision-header .label:after {
	content:"\A";
	border-style:solid;
	border-width:0 6px 6px 6px;
	border-color:transparent transparent #e0e0e0 transparent;
	position:absolute;
	bottom:-13px;
	left:12%
}
.revision-header .btn-group {
	margin-top:1px
}
.revision-header .btn-group .btn [class^="icon-"] {
	line-height:1.4;
	font-size:12px;
	margin:0
}
.revision-header .btn-group .btn.btn-xs {
	padding:2px 7px
}
.revision-header .btn-group .btn+.btn {
	margin-left:6px !important
}
.revision-header .btn-group .btn:last-child {
	margin-left:26px !important
}
.revision-content {
	background:#fafafa;
	padding:20px;
	position:relative;
	border-style:solid;
	border-color:#ddd;
	border-width:0 1px 1px 1px
}
.revision-content .tab-content textarea {
	width:100%;
	height:400px
}
.page-break {
	text-align:center;
	width:100%;
	position:relative;
	margin:30px 0
}
.page-break:after {
	content:" ";
	position:absolute;
	top:12px;
	right:0;
	background:#9d9d9d;
	height:1px;
	width:46%
}
.page-break:before {
	content:" ";
	position:absolute;
	top:12px;
	left:0;
	background:#9d9d9d;
	height:1px;
	width:46%
}
.page-break .icon-ellipsis-horizontal {
	font-size:28px;
	color:#444
}
.templateCoversContent .coverMessageButton {
	overflow:hidden;
	text-align:left;
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
	padding-left:22px;
	cursor:pointer;
	margin-bottom:10px
}
.templateCoversContent .coverMessageButton:before,.templateCoversContent .coverMessageButton:after {
	background-color:#ccc;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:100%;
	top:-2px
}
.templateCoversContent .coverMessageButton:before {
	right:.6em;
	margin-left:-100%
}
.templateCoversContent .coverMessageButton:after {
	left:.6em;
	margin-right:-100%
}
.templateCoversContent .coverMessageButton i {
	font-size:14px !important;
	margin-right:4px
}
.templateCoversContent .coverMessage {
	padding:20px 20px;
	border-color:#ccc;
	border-style:solid;
	border-width:0 1px 1px 1px;
	margin-top:-21px;
	display:none
}
.templateCoversContent .coverMessage.open {
	display:block
}
.templateCoversContent .coversContainer {
	margin-top:15px;
	margin-right:-35px;
	overflow:hidden
}
.templateCoversContent .coverThumbnail {
	width:264px;
	height:240px;
	float:left;
	position:relative;
	background:#f6f6f6;
	border-radius:2px;
	margin:15px 29px 15px 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	box-shadow:0 1px 2px rgba(0,0,0,0.07);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2)
}
.templateCoversContent .coverThumbnailImg {
	padding:10px;
	text-align:center
}
.templateCoversContent .coverThumbnail img {
	max-width:244px;
	max-height:186px
}
.templateCoversContent .coverThumbnail .coverOptions {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:35px;
	border-top:1px solid #e6e6e6;
	padding:5px 10px;
	font-size:12px
}
.templateCoversContent .coverThumbnail .coverOptions .btn-group {
	float:right;
	margin-top:1px
}
.templateCoversContent .coverThumbnail .coverOptions .btn-xs {
	padding:3px 5px
}
.templateCoversContent .coverThumbnail .coverOptions .btn.btn-xs [class^="icon-"] {
	line-height:.9;
	font-size:14px
}
.templateCoversContent .coverThumbnail .coverOptions input[type="checkbox"] {
	display:none
}
.templateCoversContent .coverThumbnail .coverOptions input[type="checkbox"]+label {
	color:#000;
	font-size:12px;
	font-weight:normal;
	margin-top:1px
}
.templateCoversContent .coverThumbnail .coverOptions input[type="checkbox"]+label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(../img/check_box.png) left top no-repeat;
	cursor:pointer
}
.templateCoversContent .coverThumbnail .coverOptions input[type="checkbox"]:checked+label span {
	background:url(../img/check_box.png) -19px top no-repeat
}
.templateCoversContent .coverThumbnail .coverInfo {
	position:absolute;
	top:0;
	bottom:35px;
	right:0;
	left:0;
	width:100%;
	background-color:#f6f6f6;
	text-align:left;
	font-size:12px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-o-transition:all .1s linear;
	-ms-transition:all .1s linear;
	transition:all .1s linear;
	padding:17px
}
.templateCoversContent .coverThumbnail .coverInfo h3 {
	margin:0 0 4px 0;
	line-height:18px;
	font-weight:600
}
.templateCoversContent .coverThumbnailImg:hover .coverInfo {
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter:alpha(opacity=1);
	opacity:.98;
	cursor:default
}
.templateCoversContent .coverThumbnail .coverInfo .coverFileInfo {
	position:absolute;
	bottom:10px
}
.templateCoversContent .coverThumbnail .coverInfo .coverFileInfo span {
	display:block;
	line-height:1.3;
	margin-bottom:3px
}
.templateCoversContent .coverThumbnail .coverInfo .coverFileInfo span strong {
	font-weight:600
}
.two-col,.three-col {
	margin-top:150px
}
.book-thumb {
	margin-top:20px;
	margin-left:-20px;
	overflow:hidden
}
.book-thumb .grid-2 {
	width:50%;
	padding-left:20px;
	display:block;
	float:left;
	margin-bottom:20px;
	position:relative
}
.book-thumb .grid-2:hover h4 a {
	position:absolute;
	top:0;
	left:20px;
	right:0;
	background-color:#636363;
	bottom:0;
	padding:10px 10px 30px 10px;
	color:#fff
}
.book-thumb .grid-2:hover h4 a:hover {
	text-decoration:none
}
.book-thumb .grid-2:hover i {
	color:#fff
}
.book-thumb .grid-4 {
	width:25%;
	padding-left:20px;
	display:block;
	float:left;
	margin-bottom:20px;
	position:relative
}
.book-thumb .grid-4:hover h4 a {
	position:absolute;
	top:0;
	background-color:#636363;
	bottom:0;
	left:20px;
	right:0;
	padding:10px 10px 30px 10px;
	color:#fff
}
.book-thumb .grid-4:hover h4 a:hover {
	text-decoration:none
}
.book-thumb .grid-4:hover i {
	color:#fff
}
.book-thumb figure {
	border-bottom:2px solid #d0d0d0;
	background-color:#e6e6e6;
	text-align:center;
	overflow:hidden;
	height:155px
}
.book-thumb img {
	max-width:155px;
	max-height:155px
}
.book-thumb .book-info {
	background-color:#e6e6e6;
	padding:0 10px 30px 10px
}
.book-thumb .book-info h4 {
	font-size:13px;
	height:50px;
	overflow:hidden;
	margin:0;
	line-height:1.4
}
.book-thumb.no-buttons .book-info {
	padding:0 10px 10px
}
.book-list {
	margin-top:20px
}
.book-list>div {
	background-color:#fff;
	padding:15px;
	margin-bottom:5px;
	min-height:60px;
	position:relative
}
.book-list>div:last-child {
	margin-bottom:25px
}
.white .book-list>div {
	background-color:#f5f5f5
}
.book-list h4 {
	margin:0;
	line-height:20px;
	font-size:13px;
	overflow:hidden;
	max-width:80%
}
.book-list .btn-group {
	display:none
}
.book-list>div:hover .btn-group {
	display:block;
	margin-top:-10px
}
.book-list figure {
	display:inline-block;
	float:left;
	width:40px;
	margin-right:20px
}
.book-list figure img {
	max-width:40px;
	max-height:40px
}
h2 .view_all {
	position:absolute;
	right:0;
	top:2px;
	font-size:13px
}
h2 .btn-toolbar+.view_all {
	right:100px
}
.profile-box {
	background-color:#FF6600;
	min-height:242px !important
}
.profile-box h2 {
	font-size:21px;
	color:#fff
}
.profile-box p {
	color:#fff
}
.profile-box a {
	color:#e3cef1
}
.profile-box figure+.list-info {
	margin-left:240px
}
.profile-box figure {
	max-width:240px;
	margin-top:-20px;
	margin-left:-20px;
	float:left
}
.profile-box figure img {
	width:100%
}
.container p {
	font-size:12px
}
form {
	margin-bottom:20px
}
label {
	font-weight:600
}
textarea,input {
	border:1px solid #ccc
}
dd input,dt input,dd textarea,dt textarea {
	width:100%
}
.container-fluid a,
.container a {
	font-size:12px
}
.box {
	padding:20px;
	margin-bottom:20px;
	border:1px solid #d9d9d9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px
}
.box.gray {
	background-color:#f5f5f5 !important
}
.box.white {
	background-color:#fff !important
}
.box.purple {
	background-color:#FF6600 !important
}
.box.black {
	background-color:#464646 !important
}
.box.purple .box-title,.box.purple p {
	color:#fff
}
.box .separator {
	height:1px;
	background:#e1e1e1
}
.box .separator+h2 {
	margin-top:16px
}
.box-title {
	font-size:18px;
	margin:0;
	margin-bottom:15px;
	position:relative
}
.box-title-alter {
	font-size:18px;
	margin:-20px -20px 0 -20px;
	padding:20px 20px 15px 20px;
	background-color:#fff;
	border-bottom:1px solid #d9d9d9;
	position:relative
}
.box-title-alter+p {
	margin-top:20px
}
.box-bottom-gray {
	background:#f5f5f5;
	padding:20px;
	margin:0 -20px -20px -20px;
	border-top:1px solid #e1e1e1
}
.box-bottom-white {
	background:#fff;
	padding:20px;
	margin:0 -20px -20px -20px;
	border-top:1px solid #e1e1e1;
	clear:both;
	min-height:72px
}
.box-bottom-gray {
	background:#f5f5f5;
	padding:20px;
	margin:0 -20px -20px -20px;
	border-top:1px solid #e1e1e1;
	min-height:72px;
	clear:both
}
.border-bottom {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px
}
.content-divider {
	border-top:1px solid #eaeaea;
	margin:15px 0;
	clear:both
}
.status {
	background:#48B0F7;
	padding:0 6px 1px 6px;
	margin:0 5px;
	-webkit-border-radius:2px;
	moz-border-radius:2px;
	border-radius:2px
}
.draft-stat {
	color:#fff;
	font-size:18px;
	background:#48B0F7;
	padding:2px 10px 2px 10px;
	margin:0 15px 0 0;
	-webkit-border-radius:2px;
	moz-border-radius:2px;
	border-radius:2px
}
a.draft-stat,
a.draft-stat:hover {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
.draft-stat:hover,
a.draft-stat:hover {
    background-color: #10729b;
}
span.draft-stat:hover {
	cursor: pointer;
}
.btn-space .btn {
	margin-right:5px;
	margin-left:5px
}
.list,
.list ul {
	list-style:none;
	padding-left:0
}

.list li {
	padding:10px 0;
	position:relative;
	clear:both
}

.list li .people-info {
	min-height:47px;
	overflow:hidden;
	border-left:2px solid #d7d7d7;
	background-color:#fff;
	padding-top:5px;
	padding-left:20px;
	position:relative;
	display:block;
	margin-left:35px
}
.list figure+.list-info {
	display:block;
	margin-left:35px;
	position:relative
}
.list figure+.list-info .btn {
	position:absolute;
	top:0;
	right:0
}
.list figure+.list-info button+h4 {
	margin-right:95px
}
.list p {
	margin:0
}
.list h4 {
	margin:0;
	font-size:13px;
	line-height:18px
}
.list h4 a {
	font-size:13px;
	font-weight:600
}
.list span {
	font-size:11px;
	color:#9f9f9f;
	display:block
}
.list .time {
	position:absolute;
	right:0
}
.list figure {
	width:24px;
	vertical-align:top;
	float:left
}
.list figure img {
	width:100%;
	margin-bottom:10px
}
.list-people li {
	padding:0;
	margin-bottom:10px
}
.list.user-avatar figure {
	width:47px
}
.list.user-avatar figure+.list-info {
	margin-left:65px
}
.list.user-avatar.circle img {
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px
}
.list.history li {
	padding:7px 8px
}
.list.history li.active {
	background:#fff
}
.list.history li.active .list-info .revision-time {
	color:#000;
	font-weight:600
}
.list.history li.active .list-info .revision-number {
	color:#000
}
.list.history li.active .list-info .btn-xs {
	padding:2px 5px
}
.list.history li:first-child {
	margin-top:1px
}
.list.history li:hover {
	background:#fff
}
.list.history li h4 {
	float:left;
	margin-top:2px
}
.list.history li h4 a {
	font-weight:400
}
.list.history li .list-info .revision-time {
	color:#333;
	font-size:13px;
	font-weight:400
}
.list.history li .list-info .revision-number {
	color:#666;
	font-size:12px;
	font-weight:400;
	display:inline;
	float:right
}
.list.history li .list-info .restore-btn {
	float:right
}

.list ul li {
	display: inline-block;
}

.list ul li label {
	font-weight: normal;
}

.list ul li label input[type=checkbox] {
	margin-right: 3px;
}

#books-prew h4 a {
	font-size:13px
}
.border-top li {
	border-top:1px solid #e1e1e1
}
.profile-box .contributors img {
	width:30px;
	margin-left:10px
}
.profile-box .contributors a {
	position:relative
}
.profile-box .contributors a span {
	display:none;
	background:#000;
	padding:2px 4px;
	color:#fff;
	text-align:center;
	position:absolute;
	margin-left:9px;
	margin-top:5px
}
.profile-box .contributors a:hover span {
	display:block;
	position:absolute
}
/* old css for old fullview and draft */
#bookcontent {
	min-height:200px
}
#bookcontent p {
	font-size:13px;
	line-height:20px
}
#bookcontent div.image,
#bookcontent div.group_img div.caption_small,
#bookcontent div.group_img p.caption_small{
	display: inline-block;
}

/* css for reader */
#contenteditor div.chapter-inner {
	min-height:200px
}

#contenteditor div.chapter-inner div.image,
#contenteditor div.chapter-inner div.group_img div.caption_small,
#contenteditor div.chapter-inner div.group_img p.caption_small{
	display: inline-block;
}

.toc_sidebar {
	position:fixed;
	max-width:380px;
	top:150px;
	bottom:0;
	padding-bottom:20px;
	z-index:999;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.toc_sidebar.footer_visible {
	bottom:407px
}
.selected-chapter {
	background-color:#f5f5f5;
	border-left:4px solid #E55B00
}
.table_of_contents {
	height:100%;
	padding:0 10px 50px 20px
}
.table_of_contents .list h4 a {
	font-weight:400
}
.table_of_contents .list .selected-chapter h4 a {
	padding-left:15px;
	font-weight:800
}
.table_of_contents .box-title {
	margin-bottom:0;
	margin-right:-10px;
	margin-left:-20px;
	padding:10px 10px 10px 20px;
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
	overflow:hidden
}
.toc_wrap {
	overflow-y:scroll;
	height:96%
}
.toc_wrap::-webkit-scrollbar {
	width:14px !important;
	height:8px;
	margin:-1px 0
}
.toc_wrap::-webkit-scrollbar-track {
	background:#fff;
	border:none;
	box-shadow:none
}
.toc_wrap::-webkit-scrollbar-thumb {
	background:#949494;
	border-left:6px solid rgba(0,0,0,0) !important;
	background-clip:padding-box !important
}
.toc_wrap::-webkit-scrollbar-thumb:hover {
	background:#6e6e6e;
	border-left:6px solid rgba(0,0,0,0);
	background-clip:padding-box
}
.admin-panel:before {
	background-image:url('../img/admin-center-bck.png');
	width:263px;
	height:263px;
	display:block;
	position:absolute;
	margin-top:-40px;
	margin-left:-150px;
	z-index:-1
}
.info-list {
	list-style:none;
	color:#fff;
	padding-left:0
}
.info-list li {
	display:inline-block;
	margin-right:30px;
	margin-bottom:10px
}
.info-list li span {
	display:block;
	font-size:32px;
	font-weight:600;
	margin-bottom:5px
}
.info-list li a {
	color:#fff;
	text-decoration: underline;
}
.info-list li a:hover {
	cursor: pointer;
}
#git-log-modal pre {
	font-size: 10px;
}
.smaller-spacing li {
	padding:6px 0
}
.admin-panel .nav>li>a {
	padding:8px 15px;
	border-radius:0
}
form .list label,fieldset .list label {
	width:200px;
	font-weight:600
}
form .list input,fieldset .list input,form .list textarea,fieldset .list textarea {
	display:inline-block;
	max-width:322px
}
form .list .btn-sm {
	vertical-align:top;
	margin-left:4px
}
textarea.form-control {
	vertical-align:top
}
.notes textarea.form-control {
	position:absolute;
	top:30px;
	bottom:40px;
	left:0;
	right:0
}
.notes textarea.form-control::-webkit-scrollbar {
	width:8px;
	height:8px;
	margin:-1px 0
}
.notes textarea.form-control::-webkit-scrollbar-track {
	background:#fff;
	border:none;
	box-shadow:none
}
.notes textarea.form-control::-webkit-scrollbar-thumb {
	border:none;
	box-shadow:none;
	background:#949494
}
.notes textarea.form-control::-webkit-scrollbar-thumb:hover {
	background:#6e6e6e
}
.notes .save-button {
	position:absolute;
	bottom:5px
}
#settings.nav-tabs {
	border:none
}
#settings.nav-tabs>li {
	float:none;
	margin-bottom:0
}
#settings.nav-tabs>li>a {
	border:none;
	border-left:4px solid transparent
}
#settings.nav-tabs>li.active>a,#settings.nav-tabs>li.active>a:hover,#settings.nav-tabs>li.active>a:focus {
	color:#E55B00;
	font-weight:800;
	border:none;
	border-left:4px solid #E55B00;
	border-bottom-color:transparent;
	border-radius:0
}
.wizard,.tabcontrol {
	display:block;
	width:100%;
	overflow:hidden
}
.wizard a,.tabcontrol a {
	outline:0
}
.wizard ul,.tabcontrol ul {
	list-style:none !important;
	padding:0;
	margin:0
}
.wizard ul>li,.tabcontrol ul>li {
	display:block;
	padding:0
}
.wizard>.steps .current-info,.tabcontrol>.steps .current-info {
	position:absolute;
	left:-999em
}
.wizard>.content>.title,.tabcontrol>.content>.title {
	position:absolute;
	left:-999em
}
.wizard>.steps {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	background:#eee
}
.wizard.vertical>.steps {
	display:inline;
	float:left;
	width:30%
}
.wizard>.steps a .number {
	font-size:1.429em;
	background:#b4b4b4;
	clear:both;
	display:block;
	text-align:center;
	padding:12px 10px 12px 14px;
	border-radius:50%;
	width:45px;
	height:45px;
	margin:0 auto;
	margin-bottom:5px;
	color:#fff;
	font-size:13px;
	font-weight:bold
}
.wizard>.steps .current a .number {
	background:#FF6600;
	color:#fff;
	height:45px
}
.wizard>.steps .disabled a .number {
	background:#e2e2e2
}
.wizard>.steps>ul>li {
	width:20%
}
.wizard>.steps>ul>li,.wizard>.actions>ul>li {
	float:left;
	text-align:center
}
.wizard.vertical>.steps>ul>li {
	float:none;
	width:100%
}
.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active {
	display:block;
	width:auto;
	margin:0;
	padding:1em 0;
	text-decoration:none;
	font-size:14px
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active {
	color:#aaa;
	cursor:default
}
.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active {
	color:#FF6600;
	cursor:default;
	font-weight:bold
}
.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active {
	color:#aaa
}
.wizard>.steps .error a,.wizard>.steps .error a:hover,.wizard>.steps .error a:active {
	background:#ff3111;
	color:#fff
}
.wizard>.content {
	display:block;
	overflow:hidden;
	overflow-y: auto;
	position:relative;
	width:auto;
	min-height:360px;
	padding:0;
	border:none
}

.wizard>.content.importMode {
	min-height: 485px;
}

.wizard.vertical>.content {
	display:inline;
	float:left;
	margin:0 2.5% .5em 2.5%;
	width:65%
}
.wizard>.content>.body {
	float:left;
	position:absolute;
	width:100%;
	height:95%;
	padding:2.5%
}
.wizard>.content>.body ul {
	list-style:disc !important
}
.wizard>.content>.body ul>li {
	display:list-item;
}
.wizard>.content>.body>iframe {
	border:0 none;
	width:100%;
	height:100%
}
.wizard>.content>.body select.form-control,
.wizard>.content>.body input {
	display:inline-block;
	max-width:420px;
}
.wizard>.content>.body input[type="checkbox"] {
	display:inline-block;
}
.wizard>.content>.body input.error {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#8a1f11;
}
.wizard>.content>.body label {
	margin-bottom:.5em;
	font-size:13px;
	width:170px;
	font-weight:600
}
.wizard>.content>.body label.error {
	color:#8a1f11;
	display:inline-block;
	margin-left:1.5em
}
.wizard>.actions {
	margin-top:10px;
	background-color:#f5f5f5;
	padding:14px 15px 15px;
	text-align:right;
	border-top:1px solid #ddd;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	-moz-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px
}
.wizard.vertical>.actions {
	display:inline;
	float:right;
	margin:0 2.5%;
	width:95%
}
.wizard>.actions>ul {
	display:inline-block;
	text-align:right
}
.wizard>.actions>ul>li {
	margin:0 .5em
}
.wizard.vertical>.actions>ul>li {
	margin:0 0 0 1em
}
.wizard>.actions a {
	background-image:-webkit-gradient(linear, left 0, left 100%, from(#f8f8f8), to(#dfdfdf));
	background-image:-webkit-linear-gradient(top, #f8f8f8 0, #dfdfdf 100%);
	background-image:-moz-linear-gradient(top, #f8f8f8 0, #dfdfdf 100%);
	background-image:linear-gradient(to bottom, #f8f8f8 0, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffdfdfdf', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat:repeat-x;
	margin-left:5px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 0 #fff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),0 1px 0 #fff;
	font-size:13px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	padding:5px 12px;
	margin-bottom:0;
	font-weight:normal;
	line-height:1.42857143;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	white-space:nowrap;
	text-shadow:0 1px 0 #fff;
	color:#333;
	border:1px solid #bdbdbd
}
.wizard>.actions a:hover,.wizard>.actions a:active {
	background-color:#d9d9d9;
	background-position:0 -15px;
	text-decoration:none
}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active {
	background:#eee;
	color:#aaa
}
.tabcontrol>.steps {
	position:relative;
	display:block;
	width:100%
}
.tabcontrol>.steps>ul {
	position:relative;
	margin:6px 0 0 0;
	top:1px;
	z-index:1
}
.tabcontrol>.steps>ul>li {
	float:left;
	margin:5px 2px 0 0;
	padding:1px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px
}
.tabcontrol>.steps>ul>li:hover {
	background:#edecec;
	border:1px solid #bbb;
	padding:0
}
.tabcontrol>.steps>ul>li.current {
	background:#fff;
	border:1px solid #bbb;
	border-bottom:0 none;
	padding:0 0 1px 0;
	margin-top:0
}
.tabcontrol>.steps>ul>li>a {
	color:#5f5f5f;
	display:inline-block;
	border:0 none;
	margin:0;
	padding:10px 30px;
	text-decoration:none
}
.tabcontrol>.steps>ul>li>a:hover {
	text-decoration:none
}
.tabcontrol>.steps>ul>li.current>a {
	padding:15px 30px 10px 30px
}
.tabcontrol>.content {
	position:relative;
	display:inline-block;
	width:100%;
	height:35em;
	overflow:hidden;
	border-top:1px solid #bbb;
	padding-top:20px
}
.tabcontrol>.content>.body {
	float:left;
	position:absolute;
	width:95%;
	height:95%;
	padding:2.5%
}
.tabcontrol>.content>.body ul {
	list-style:disc !important
}
.tabcontrol>.content>.body ul>li {
	display:list-item
}
.new_book .modal-body {
	padding:0
}
.new_book form {
	margin-bottom:0
}
.new_book textarea {
	max-width:480px;
	display:inline-block
}
.new_book select,.new_book input {
	font-size:13px
}
.invitePeopleWizard .modal-body {
	padding:0;
	height:500px;
	position:relative
}
.invitePeopleWizard .modal-body .roles-options .btn {
	margin-right:4px;
	margin-bottom:10px
}
.invitePeopleWizard .modal-body .books-header {
	position:absolute;
	top:49px;
	left:0;
	right:0;
	padding:10px 160px 10px 15px;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.invitePeopleWizard .modal-body .books-header span {
	font-weight:600;
	margin-left:6px
}
.invitePeopleWizard .modal-body .books-header label {
	font-weight:400
}
.invitePeopleWizard .modal-body .books-header .switcher {
	position:absolute;
	right:27px;
	top:10px;
	display:block
}
.invitePeopleWizard .modal-body .books-header .switcher input[type="checkbox"] {
	vertical-align:middle;
	margin:0 0 0 8px
}
.invitePeopleWizard .modal-body .books-header .switcher label {
	width:auto
}
.invitePeopleWizard .modal-body .books-list {
	position:absolute;
	top:92px;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	overflow-y:scroll
}
.invitePeopleWizard .modal-body .books-list ul {
	list-style:none;
	margin:0;
	padding:0 0 3px 0
}
.invitePeopleWizard .modal-body .books-list ul li {
	padding:0;
	border-bottom:1px solid #eee
}
.invitePeopleWizard .modal-body .books-list ul li:last-child {
	border-bottom:none
}
.invitePeopleWizard .modal-body .books-list ul li a {
	padding:7px 50px 7px 15px;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative
}
.invitePeopleWizard .modal-body .books-list ul li a:hover {
	text-decoration:none;
	background:#f8f8f8;
	cursor:default
}
.invitePeopleWizard .modal-body .books-list ul li a input[type="checkbox"] {
	position:absolute;
	right:15px;
	top:6px;
	display:block
}
.invitePeopleWizard form {
	margin-bottom:0
}
.invitePeopleWizard textarea {
	max-width:480px;
	display:inline-block
}
.invitePeopleWizard select,.invitePeopleWizard input {
	font-size:13px
}
.invitePeopleWizard .wizard>.content {
	min-height:auto;
	height:340px
}
.invitePeopleWizard .wizard>.content>.body {
	height:340px
}
.invitePeopleWizard .wizard>.steps>ul>li {
	width:25%
}
.invitePeopleWizard .wizard>.steps a .number {
	padding:12px 10px 12px 14px
}
.invitePeopleWizard .wizard>.actions {
	position:absolute;
	left:0;
	right:0;
	bottom:0
}
.wizard_desc {
	font-family:Arial,sans-serif;
	line-height:20px;
	background:#FF6600;
	padding:15px 20px;
	color:#fff;
	margin:-20px -20px 20px -20px
}
@media (max-width:600px) {
	.wizard>.steps>ul>li {
		width:50%
	}
	.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active {
		margin-top:.5em
	}
	.wizard.vertical>.steps,.wizard.vertical>.actions {
		display:block;
		float:none;
		width:100%
	}
	.wizard.vertical>.content {
		display:block;
		float:none;
		margin:0 .5em .5em;
		width:auto
	}
}
@media (max-width:480px) {
	.wizard>.steps>ul>li {
		width:100%
	}
}
.com {
	color:#93a1a1
}
.lit {
	color:#195f91
}
.pun,.opn,.clo {
	color:#93a1a1
}
.fun {
	color:#dc322f
}
.str,.atv {
	color:#d14
}
.kwd,.prettyprint .tag {
	color:#1e347b
}
.typ,.atn,.dec,.var {
	color:teal
}
.pln {
	color:#48484c
}
.prettyprint {
	padding:8px;
	background-color:#f7f7f9;
	border:1px solid #e1e1e8
}
.prettyprint.linenums {
	-webkit-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
	-moz-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;
	box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0
}
ol.linenums {
	margin:0 0 0 33px
}
ol.linenums li {
	padding-left:12px;
	color:#bebec5;
	line-height:20px;
	text-shadow:0 1px 0 #fff
}
footer {
	padding-top:40px;
	padding-bottom:20px;
	margin-top:30px;
	background-color:#f5f5f5;
	border-top:1px solid #bfbfbf
}
.content.settings {
	padding:20px 30px
}
.content.settings .two-col,.content.settings .three-col {
	margin-top:0
}
.content.settings .box {
	border:none;
	padding:0;
	margin-bottom:14px
}
.content.settings .roles .box-title {
	font-size:14px;
	font-weight:600;
	margin:0;
	padding:6px 10px
}
.content.settings .roles .assign {
	margin:20px 0 20px 0
}
.content.settings .roles .role-description {
	font-size:13px;
	font-weight:400;
	margin:0;
	padding:0 10px 10px 10px;
	display:none
}
.content.settings .roles .role-description.show {
	display:block
}
.content.settings .roles .box {
	border:1px solid #d9d9d9;
	position:relative
}
.content.settings .roles .box.gray {
	background-color:#f8f8f8 !important
}
.content.settings .roles .box .toggle-description {
	position:absolute;
	top:4px;
	right:10px
}
.content.settings .roles .list {
	margin-bottom:0
}
.content.settings .roles .list-roles .label {
	display: inline-block;
	margin-right: 1px;
}
.content.settings .roles .list-roles a.btn {
	margin-right: 2px;
	margin-bottom: 2px;
}
.content.settings .roles .list-roles .label:hover {
	cursor: pointer;
}
.content.settings .roles .list table tr td:last-child {
	white-space: nowrap;
	width: 1px;
}
.content.settings .roles .list li {
	padding:10px 10px 8px 10px;
	overflow:hidden
}
.content.settings .roles .list li .change-btn {
	position:absolute;
	top:16px;
	right:12px;
	display:block;
}
.content.settings .roles .list li:hover {
	background:#f2f2f2
}
.content.settings .roles .list figure {
	width:36px
}
.content.settings .roles .list figure img {
	margin:0
}
.content.settings .roles .list.border-top li {
	border-top:1px solid #e6e6e6
}
.spinner {
	margin:0;
	width:50px;
	height:27px;
	text-align:center;
	font-size:8px
}
.spinner>div {
	background-color:#816b46;
	height:100%;
	width:4px;
	display:inline-block;
	-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
	animation:stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2 {
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.spinner .rect3 {
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
.spinner .rect4 {
	-webkit-animation-delay:-0.9s;
	animation-delay:-0.9s
}
.spinner .rect5 {
	-webkit-animation-delay:-0.8s;
	animation-delay:-0.8s
}
@-webkit-keyframes stretchdelay {
	0%,40%,100% {
		-webkit-transform:scaleY(.4)
	}
	20% {
		-webkit-transform:scaleY(1)
	}
}
@keyframes stretchdelay {
	0%,40%,100% {
		transform:scaleY(.4);
		-webkit-transform:scaleY(.4)
	}
	20% {
		transform:scaleY(1);
		-webkit-transform:scaleY(1)
	}
}
.export-formats {
	margin-bottom:10px
}
.export-formats .checkbox {
	margin:0 0 8px 0
}
.export-formats .checkbox label {
	display:block;
	font-size:13px;
	font-weight:600;
	line-height:150%
}
.export-formats .checkbox a {
	display:block;
	margin-top:-3px
}
.publish_history .alert {
	position:relative;
	margin:0 auto;
	margin-top:10px;
	padding:10px 10px 10px 10px
}
.publish_history .alert .spinner {
	position:absolute;
	top:5px;
	left:0
}
.publish_history .export-item {
	background:#fff;
	padding:8px 26px 8px 26px;
	border-bottom:2px solid #ccc;
	border-radius:2px;
	margin:12px 0;
	position:relative;
	-moz-border-radius:2px;
	-webkit-border-radius:2px
}
.publish_history .export-item .label.disabled {
	opacity:.4;
	cursor:not-allowed;
	font-size:11px
}
.publish_history .export-item .published-label {
	background-image:url('../img/published-label.png');
	background-repeat:no-repeat;
	background-position:6px -32px;
	width:106px;
	height:92px;
	position:absolute;
	top:0;
	right:0;
	display:none
}
.publish_history .export-item.published .published-label {
	display:block
}
.publish_history .export-item .export-expand {
	display:inline-block;
	width:18px;
	height:20px;
	text-align:center;
	position:absolute;
	top:8px;
	left:6px
}
.publish_history .export-item .export-expand:hover {
	cursor:pointer;
	color:#888
}
.publish_history .export-item .export-name {
	display:inline-block;
	font-weight:600;
	margin-right:45px;
	margin-bottom:4px;
	line-height:140%
}
.publish_history .export-item .export-name:hover {
	border-bottom:1px dotted #FF6600;
	margin-bottom:3px
}
.publish_history .export-item .export-name:focus {
	border-bottom:1px dotted #FF6600;
	margin-bottom:3px;
	outline:0
}
.publish_history .export-item .export-stamp {
	font-size:13px;
	margin-bottom:0;
	line-height:120%
}
.publish_history .export-item .export-stamp span {
	margin-right:6px;
	padding-right:6px;
	display:inline-block;
	border-right:1px solid #ccc;
	line-height:120%
}
.publish_history .export-item .export-stamp span:last-child {
	border-right:none
}
.publish_history .export-item .btn-group {
	position:absolute;
	right:10px;
	top:10px
}
.publish_history .export-item .export-results {
	display:block;
	margin-top:8px;
	margin-right:70px
}
.publish_history .export-item .export-results .result-label {
	font-size:11px;
	font-weight:600;
	color:#999;
	text-transform:uppercase;
	min-width:80px;
	display:inline-block
}
.publish_history .export-item .export-results .group {
	margin-bottom:6px;
	margin-right:8px;
	display:inline;
	line-height:180%
}
.publish_history .export-item .export-results a {
	font-size:11px
}
.publish_history .export-item .export-results .label {
	padding:2px 5px 3px 5px
}
.publish_history .export-item .export-results-detail {
	display:none;
	font-size:13px
}
.publish_history .export-item .export-results-detail ul {
	list-style:none;
	margin:0;
	padding:0
}
.publish_history .export-item .export-results-detail ul li {
	padding:10px 0;
	border-bottom:1px solid #eee
}
.publish_history .export-item .export-results-detail ul li:last-child {
	border:none
}
.publish_history .export-item .export-results-detail ul li span {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #ccc
}
.publish_history .export-item .export-results-detail ul li span:last-child {
	border:none
}
.publish_history .export-item .export-results-detail ul li .label {
	min-width:75px;
	text-align:center;
	display:inline-block;
	margin-right:10px;
	padding:3px 5px;
	font-size:11px
}
.publish_history .export-item .fa-chevron-down {
	display:none;
	margin-top:4px
}
.publish_history .export-item.detail-view .export-results {
	display:none
}
.publish_history .export-item.detail-view .export-results-detail {
	display:block
}
.publish_history .export-item.detail-view .fa-chevron-right {
	display:none
}
.publish_history .export-item.detail-view .fa-chevron-down {
	display:block
}
.publish_history .export-item .export-comments {
	margin:10px 0 2px 0
}
.publish_history .export-item .export-comments .wrapper {
	display:none
}
.publish_history .export-item .export-comments.show .wrapper {
	display:block
}
.publish_history .export-item .export-comments .expand {
	text-transform:uppercase;
	font-size:10px;
	font-weight:600;
	position:relative;
	padding-left:20px;
	color:#888;
	margin:0 -26px 0 -26px
}
.publish_history .export-item .export-comments .expand:hover {
	cursor:pointer;
	color:#333
}
.publish_history .export-item .export-comments .expand:hover .badge {
	background:#666
}
.publish_history .export-item .export-comments .expand:before {
	position:absolute;
	top:10px;
	left:0;
	width:10px;
	background:#e6e6e6;
	content:'';
	height:1px
}
.publish_history .export-item .export-comments .expand:after {
	position:absolute;
	top:10px;
	left:115px;
	right:0;
	height:1px;
	content:'';
	background:#e6e6e6
}
.publish_history .export-item .export-comments .expand .badge {
	margin-left:6px
}
.publish_history .export-item .export-comments .notification-list {
	margin-top:20px
}
.publish_history .export-item .export-comments .notification-list li {
	padding:10px 0;
	border-top:1px solid #eee
}
.publish_history .export-item .export-comments .notification-list li:last-child {
	border-bottom:1px solid #eee
}
.publish_history .export-item .export-comments .notification-list .notification-content .notification-text {
	line-height:140%
}
.publish_history .export-item .export-comments .notification-list .notification-content .notification-text .notification-author {
	display:block
}
.publish_history .export-item .export-comments .post-comment {
	margin:40px 0 20px 0
}
.publish_history .export-item .export-comments .post-comment p {
	margin-bottom:4px
}
.publish_history .export-item .export-comments .post-comment textarea {
	margin-bottom:14px
}

.btn-toolbar>.btn-group+.btn-group {
	margin-left: 15px !important
}

@media (max-width:1600px) {
	.menu-open .container {
		margin-left:220px
	}
	.menu-open .toc_sidebar {
		left:220px
	}
}
@media only screen and (max-width:1279px) {
	.bookbar {
		padding:0 0 0 10px
	}
	.bookbar h1 {
		width:44% !important
	}
	.btn-toolbar>.btn-group+.btn-group {
		margin-left:6px !important
	}
	.contentHeader {
		padding:8px 7px
	}
	.content {
		padding:44px 30px
	}
	.edit-menu {
		margin-right:10px
	}
	.responsive-popup {
		margin:0 30px 30px
	}
	.responsive-popup .modal-dialog {
		padding:30px 0 0
	}
	.templateCoversContent .coverInfoButton:after {
		width:82%
	}
	.hide1279 {
		display:none;
		visibility:hidden
	}
	.menu-open .toc_sidebar {
		max-width:320px !important
	}
}
@media (max-width:1279px) {
	.info-list li {
		margin-bottom:20px
	}
	.hide1200 {
		display:none;
		visibility:hidden
	}
	.book-thumb .book-info h4 {
		line-height:1.3
	}
}
@media (max-width:1100px) {
	.hide1100 {
		display:none;
		visibility:hidden
	}
	.contentHeader.zen {
		padding:8px 35px 8px 0
	}
	.contentHeader .zenBtn {
		right:4px
	}
}
@media only screen and (max-width:1386px) {
	.opentabpane-left .templateCoversContent .coverMessageButton:after,.opentabpane-right .templateCoversContent .coverMessageButton:after {
		width:73%
	}
}
@media (max-width:767px) {
	*[class*="col-xs-"] {
		width:100%
	}
	.toc_sidebar {
		position:relative;
		z-index:1;
		max-width:100%;
		top:auto
	}
	.toc_wrap {
		max-height:300px
	}
}
@media (min-width:768px) {
	.toc_sidebar {
		max-width:250px
	}
	.new_book,.invitePeopleWizard .modal-dialog {
		width:760px
	}
}
@media (min-width:992px) {
	.toc_sidebar {
		max-width:320px
	}
	.toc_sidebar.footer_visible {
		bottom:352px
	}
}
@media (min-width:1200px) {
	.toc_sidebar.footer_visible {
		bottom:334px
	}
}
@media (min-width:1400px) {
	.contentHeader.zen {
		padding:8px 55px 8px 50px
	}
}
@media (max-height:640px) {
	.two-col,.three-col {
		margin-top:120px
	}
	.toc_sidebar {
		top:120px
	}
	.toc_sidebar.footer_visible {
		display:none
	}
}
