/*This file is part of <PubML>™ Publishing Tools ©2014 by Spot Grafix, Inc.

<PubML> - Web-Based eBooks

Copyright 2014 by Spot Grafix, Inc.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

<PubML>™ eBooks rely on third-party libraries offered under various open 
source licenses (MIT, Apache, etc.). The licensing terms for these files 
are described within these files. 

This <PubML>™ eBook includes files and images released under the GNU 
General Public License that are used to display YOUR content. Most of 
these files are named with a "pubml_" prefix. Any modifications you make 
to the <PubML>™ eBook platform or its css styles are considered derivative 
works that others may use and modify as provided for by, and subject to, 
the GNU General Public License. 

And any modifications or additions to such CONTENT remains the property 
of the applicable  author or rights holder and is not subject to the GNU 
General Public License. The goal is to ensure that the <PubML>™ eBook 
platform remains open source and free for anyone to modify or customize, 
while not infringing on the rights of authors to retain control, over the
rights to their content. 

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA*/


/* Tiny Scrollbar */
#scrollbar1 {
	width: 875px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	clear:both;
}
#scrollbar1 .viewport {
	width: 853px;
	height: 480px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align:left;
	padding-right:5px;
}
#scrollbar1 .scrollbar {
	background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}
#scrollbar1 .track {
	background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -5px;
}
#scrollbar1 .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}
#scrollbar1 .disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.helpbox {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	width: 880px;
	height: 530px;
	-webkit-box-shadow: 1px 1px 2px 2px #666666;
	box-shadow: 1px 1px 2px 2px #666666;
	border-radius: 8px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(252,252,247,1.00)),color-stop( 100% , rgba(229,219,193,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(252,252,247,1.00) 0%,rgba(229,219,193,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(252,252,247,1.00) 0%,rgba(229,219,193,1.00) 100%);
	margin-top: 34px;
}

.helpbox .helpbox-icon  {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	width: 20px;
	float: left;
}
.helpbox .helpbox-title {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	width: 800px;
	float:left;
}

.helpbox .help-close-box {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
	width:auto;
	margin-right:5px;
}

.helpbox .help-close-box:hover {
	color: #fff;
	background-color:#999;
}

.helpbox .help-separator {
	clear:both;
	width:868px;
	padding-top:1px;
}

.helpbox .helpbox-content {
	margin-left: -8px;
	clear: both;
	height:450px;
}
.helpbox #helpbox-content {
	clear:both;
	height: 480px;
    overflow-x: auto;
}
.helpbox .button.b-close,.helpbox .button.bClose{
	color: #333333;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
 	width:auto;
	margin-right:5px;
}
#popup,#popup2,.bMulti
{
	color: #111;
	display: none;
	min-width: 450px;
}
#popup .logo
{
	color: #2b91af;
	font: bold 325% 'Petrona',sans;
}
#popup,.bMulti
{
	min-height: 250px;
	padding-top:5px;
}
#popup2 iframe
{
	background: url('loader.gif') center center no-repeat;
	min-height: 240px;
	min-width: 450px;
}
.loading
{
	background: url('loader.gif') center center no-repeat;
}
.bMulti p
{
	font: 500% 'Petrona',sans-serif;
	padding: 45px 0 0;
	text-align: center;
}
.bMulti a
{
	left: 175px;
	position: absolute;
	top: 175px;
}
.lt-ie9 .bModal
{
	background-color: #000;
}


/* Preview Box CSS */

.previewBox {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	min-height: 530px;
	-webkit-box-shadow: 1px 1px 2px 2px #666666;
	box-shadow: 1px 1px 2px 2px #666666;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(252,252,247,1.00)),color-stop( 100% , rgba(229,219,193,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(252,252,247,1.00) 0%,rgba(229,219,193,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(252,252,247,1.00) 0%,rgba(229,219,193,1.00) 100%);
}

.previewBox .previewBox-icon  {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	width: 20px;
	float: left;
}
.previewBox .previewBox-title {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	width: 800px;
	float:left;
}

.previewBox .help-close-box {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
	width:auto;
	margin-right:5px;
}

.previewBox .help-close-box:hover {
	color: #fff;
	background-color:#999;
}

.previewBox .previewBox-separator {
	clear:both;
	width:100%;
	padding-top:0.5px;
}

.previewBox .previewBox-content {
	margin-left: -8px;
	clear: both;
	min-height:450px;
	width: 100%;
}
.previewBox #preview-content {
	clear:both;
	min-height: 480px;
	width: 100% !important;
	position: relative;
    z-index: 999;	
}
.previewBox .button.b-close,.previewBox .button.bClose{
	color: #333333;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
 	width:auto;
	margin-right:5px;
	position:absolute;
	top:0;
	right:0;
	width: 25px;
	height:25px;
	line-height:22px;
	text-align:center;
	z-index: 1000;
}
#previewPopup{
	color: #111;
	display: none;
	min-width: 320px;
	width: 100% !important;
	height: 100% !important;
}

/* Plugin Alert Box Popup */
#pluginAlertBox{
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    /*color: #2B91AF;*/
	color:#111;
    display: none;
    min-width: 450px;
    padding: 25px;
}
.pluginAlertBox .pluginAlertBox-icon  {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	width: 20px;
	float: left;
}
.pluginAlertBox .pluginAlertBox-title {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	width: 800px;
	float:left;
}

.pluginAlertBox .pluginAlertBox-close-box {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
	width:auto;
	margin-right:5px;
}

.pluginAlertBox .pluginAlertBox-close-box:hover {
	color: #fff;
	background-color:#999;
}

.pluginAlertBox .pluginAlertBox-separator {
	clear:both;
	width:100%;
	padding-top:0.5px;
}

.pluginAlertBox .pluginAlertBox-content {
	margin-left: -8px;
	clear: both;
	min-height:450px;
	width: 100%;
}
.pluginAlertBox #pluginAlertBox-content {
	clear:both;
	min-height: 100px;
	width: 100% !important;
	position: relative;
    z-index: 999;	
}
.pluginAlertBox .button.b-close,.pluginAlertBox .button.bClose{
	color: #333333;
	font-size: 16px;
	border: thin solid #333333;
	float:right;
	padding-left: 4px;
    padding-right: 4px;
 	width:auto;
	margin-right:5px;
	position:absolute;
	top:4px;
	right:4px;
	width: 25px;
	height:25px;
	line-height:22px;
	text-align:center;
	z-index: 1000;
}