.BookApplicationWindow {
	margin-left:		auto;
	margin-right:		auto;
	border:				none;
}

.BookApplicationWindowContent {
	float:				left;
	margin:				0;
	border:				0;
	padding:			0;
}

/* ========== */
/* Toolbar    */
/* ========== */
.BookToolbarArea {
	float:				left;
	height:				40px;
	background-color:	#c6c7c7;
	background-repeat:	no-repeat;
	margin-left:		10px;
	font-family: 		Verdana;
	font-size:			12px;
	font-style:			normal;	
	overflow:			hidden;
}


.BookToolbarTitleArea {
	float: 				left;
	height:				40px;
}

.BookToolbarIconsArea {
	float:				left;
	margin:				0;
	padding:			0;
	border:				none;
	height:				40px;
	width:				60px;
}

.BookToolbarIconSet {
	float:				right;
	margin:				5px 0 5px -1px;
	padding:			0 2px;
	height:				25px;
	width:				24px;
	border-left:		solid;
	border-right:		solid;
	border-width:		1px;
	border-color:		#D9DADA;
}

a.BookToolbarButton {
	padding:			4px 2px 3px 2px;
	width:				18px;
	height:				16px;		
}

button.BookToolbarButton {
	padding:			3px 2px 4px 2px;
	width:				24px;	
	height:				25px;
}

.BookToolbarButton {
	float:				left;
	margin:				0;
	border:				1px solid transparent;
	outline:			0 none;
	background-color:	#c6c7c7;
	cursor:				pointer;
	zoom: 				1;
}

.BookToolbarButton.selected {
	background-color:	#D9DADA;
	border:				1px solid #999;
}

.BookToolbarIcon {
	margin:					0;
	padding:				0;
	border-style:			none;
}

.BookToolbarPageArea {
	float:				left;
	padding-top:		7px;
	padding-left:		5px;
	height:				33px;
	width:				170px;
}

.BookToolbarPageInput {
	width:				30px;
	height:				15px;
	text-align:			right;
	font-family: 		Verdana;
	font-size:			12px;
	font-style:			normal;	
}

.BookPageAreaDiv {	
	float:				left;
	margin:				0;
	position:			relative;
}

/* ========== */
/* Intro text */
/* ========== */
.publishedIntro {
	font-family: 		Verdana;
	font-size:			12px;
	font-style:			normal;	
}

/* ======================= */
/* Showing one single page */
/* ======================= */
.BookSinglePageDiv {
	float:				left;
	margin-top:			10px;
	margin-bottom:		60px;
	cursor:				url("../images/ZoomOut.gif"), pointer;
}

/* ================= */
/* Showing two pages */
/* ================= */
.BookLeftPageDiv {
	float:				left; 	
	margin-top:			10px;
	margin-bottom:		60px;
}

.BookRightPageDiv {
	float:				left;	
	margin-top:			10px;
	margin-bottom:		60px;
}

.BookLeftPageDiv.BookZoom {
	cursor:				url("../images/ZoomIn.gif"), pointer;
}

.BookRightPageDiv.BookZoom {
	cursor:				url("../images/ZoomIn.gif"), pointer;
}

.BookLeftPageDiv.BookPageInfo {
	overflow:			hidden;
}

.BookPageLast {
	overflow:			hidden;
}

/* ======================= */
/* Showing page content    */
/* ======================= */
.BookPageContentParent {
	position: 			relative;
}

.BookLeftPageClueParent {
	position: 			relative;
	z-index:			1001;
}

.BookPageContentChild {
	position:			absolute; 
	left:				0; 
	right:				0;
}

.BookPageContentIEChild {
	background-color:	#ffffff; 
	filter: 			alpha(opacity=0);
}

/* ======================= */
/* Showing hotspots        */
/* ======================= */
.BookHotspotDragMe{
	padding-left:		18px;
	border-style:		dotted;
	border-width:		1px;
	border-color:		#FF0000;	
	background-image:	url("../images/hotspotIcon.png");
	background-repeat:	no-repeat;
	height:				35px; 
	width: 				40px;
	cursor:				move; 
}

.BookHotspot {
	position:			absolute; 	
	padding:			0;
	border-style:		dotted;
	border-width:		1px;	
	outline-style:		none;
	background-repeat:	no-repeat;	
}

.BookHotspot.invisible {
	background-image:	none;
	border-color:		transparent;	
}

.BookHotspot.DoublePage.visible,
.BookHotspot.DoublePage.invisible:hover {
	background-image:	url("../images/hotspotIcon_10.png");
	border-color:		#FF0000;
}

.BookHotspot.SinglePage.visible,
.BookHotspot.SinglePage.invisible:hover {
	background-image:	url("../images/hotspotIcon_17.png");	
	border-color:		#FF0000;	
}

.BookHotspot:hover {
	border-width:		2px;
}

.BookThumbHotspot {
	position:			absolute; 
	padding:			0;
	border-style:		solid;
	border-width:		1px;
	border-color:		#FF0000;
}

.BookThumbHotspot.invisible {
	border-color:		transparent;
}

.BookDummyHotspot {
	border-color:		#FF0000; 
	border-width:		1px; 
	border-style:		solid; 
	top: 				0px; 
	left: 				0px; 
	width: 				200px; 
	height: 			200px;
	cursor:				pointer;
}

.BookClue {
	position:			absolute; 
	background-color:	#FFF; 
	margin:				0; 
	padding: 			0; 
	border-style:		none; 
	border-width:		0;
	height:				1px; 
	max-width:			1px; 
	cursor:				auto;
	z-index:			1001;
}

.BookClueTip {
	position:			absolute;
	top:				3px;
	width:				14px;
	height:				14px;
	background: 		transparent; 
	border: 			0;
	margin:				0;
	padding:			0; 	
	z-index:			1001;
}

.BookClueContent {
	position:			absolute; 
	background-color:	#f0de7d;
	margin:				0; 
	padding: 			5px; 
	border:				0;
	-moz-border-radius: 5px;
	height:				auto; 
	width:				200px; 
	font-family: 		Arial, Verdana, sans-serif;
	font-size: 			12px;
	z-index:			1001;
}

/* InlineGalleryHotspot  */
.InlineGalleryHotspot {
    position:           absolute;   
    padding:            0;
    border-style:       dotted;
    border-color:       #FF0000;
    border-width:       1px;    
    outline-style:      none;
    background-repeat:  no-repeat;
    background-color:   #c6c7c7;
    cursor:             auto;  
}

.InlineGalleryHotspot:hover {
    border-width:       2px;
}

.InlineGalleryHotspotArea {
	position:           relativ;
}

/* InlineGalleryHotspot Navigation */
.InlineGalleryHotspotNavTransparency {
	position:           absolute;
    background-color:   #c6c7c7;
    /* for IE */
    filter:             alpha(opacity=60);
    /* CSS3 standard */
    opacity:                0.6;    
}
	
.InlineGalleryHotspotNav {
	position:           absolute;
    cursor:             pointer;
}

.InlineGalleryHotspotNavFirst {
}
.InlineGalleryHotspotNavLast {
}
.InlineGalleryHotspotNavNext {
}
.InlineGalleryHotspotNavPrev {
}

/* ====================================== */
/* Previous/next page area                */
/* ====================================== */
.BookArrowLeftArea {
	float:				left;
	width:				30px;
	margin-top:			10px;
	margin-left:		10px;
	margin-right:		10px;
	border:				none;
	background-color:	#c6c7c7;
	cursor:				pointer;
	overflow:			hidden;
}

.BookArrowRightArea {
	float:				left;
	width:				30px;
	margin-top:			10px;
	margin-left:		10px;
	border:				none;
	background-color:	#c6c7c7;
	cursor:				pointer;
	overflow:			hidden;
}

.BookArrowSubareaThumbnail {
	float:				left;
	margin-top: 		20px; 
	margin-left: 		5px; 
}

.BookArrowSubarea {					/* height and padding are overridden in some subareas */
	float:				left;
	height: 			30px; 
	width: 				30px; 
	padding-top:		5px;
	padding-left:		5px;	
}

.BookEmptyArrowArea {
	float:				left;
	width:				40px;
	margin-top:			10px;
	margin-left:		10px;
	margin-right:		10px;
	border:				none;
	background-color:	#c6c7c7;
}

.BookArrowSubareaIE6Hack {		/* To avoid that previous area is moved below page */
	display:			none;
	float:				left;
	height:				1px;
	width:				1px;
}

/* ====================================== */
/* Navigation buttons for pages/openings  */
/* ====================================== */
.BookButtonAreaDiv {
	height:				100px;
	background-color:	#D9DADA;
}

.BookNavButtons {
	height:				80px;
	width:				345px;
	padding-top:		2px;
	margin-left:		auto;
	margin-right:		auto;	
}

.BookSingleNavButton {
	float:				left;
	margin-left:		20px;
	margin-right:		20px;		
}

/* ======================== */
/* Thumbnails               */
/* ======================== */
.BookThumbnails {	
	float:				left;
	margin-top:			5px;
}

.BookThumbnailList {
	float:				left;
	overflow:			hidden; 
}

.BookThumbnailOpening {
	float: 				left;
	border:				none;
	margin-top:			10px;
	margin-right:		0.7%;	
	border:				1px solid transparent;	
	cursor:				pointer;
}

.BookThumbnailOpeningPage {
	float:				left;
}

.BookThumbnailOpening.isSelected {
	border:				1px solid #FF0000;
}

.BookThumbnailSingle {
	float: 				left;
	border:				none;
	margin-top:			10px;
	margin-right:		1%;
	border:				1px solid transparent;	
	cursor:				pointer;
}

.BookThumbnailSingle.isSelected {
	border:				1px solid #FF0000;
}

.BookThumbnailImg {
	float:				left;	
}

.BookFooter {
	float:				left;
	background-color:	#c6c7c7;
	background-repeat:	no-repeat;
	margin:				5px 0 5px 10px;
	font-family: 		Verdana;
	font-size:			12px;
	font-style:			normal;		
	overflow:			hidden;
}

/* ====================================== */
/* 	Sidebar and InfoPage		          */
/* ====================================== */
.BookSidebarArea {
	float:				left; 
	background-color: 	#c6c7c7; 
	border:				0; 
	padding:			0; 
	margin:				0;	
	width: 				250px; 
}

.BookSidebarItem {	
	clear:				both;
	border:				0;
	padding:			0;
	margin:				0;	
	width: 				250px;	
}

.BookSidebarImageDiv {
	position:           relative;
	border:				0;
	padding:			0;
	margin:				0;
	outline:			0 none;
	width: 				250px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
}

.BookInfoPageItem {
	float:				left;
	clear:				both;
	width:				100%;
	border:				0;
	padding:			0;
	margin:				0;
	outline:			0 none;
}

.BookLastPageItem {
	float:				left;
	clear:				both;
	border:				0;
	padding:			0;
	margin:				0;
	outline:			0 none;
}

.BookFooterItem {
	border:				0;
	padding:			0;
	margin:				0;
	outline:			0 none;
}

.BookFooterImageDiv {
    position:           relative;
    border:             0;
    padding:            0;
    margin:             0;
    outline:            0 none;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;    
}

/* ============== */
/* Hotspot Dialog */
/* ============== */
.ActionFieldSet {
	width: 				250px; 
	float:				left; 
	border-width: 		0px;
	height:				30px;
}

.ActionTypeLabel {
	width:              80px;
	float:				left;
}

.ActionTypeSpan {
	float: 				right;
}

.ActionTypeSelect {
    width:              100px;
}

.EditorFieldSet {
	width: 				492px; 
	border-style:		none; 
	padding:			0; 
	float:				left;
}

.EditorTextarea {
	height: 			250px; 
	width: 				490px;
}

/* ================ */
/* TipFriend Dialog */
/* ================ */
.TipFriendForm {
	margin:				0;
	padding:			0;
}

.TipFriendHeader {
	float:				left;
	clear:				left;
	font-size:			21px;
	font-weight:		bold;
	margin-top:			5px;
	max-height:			50px;
	overflow:			hidden;
}

.TipFriendLabel {
	float: 				left; 
	clear:				left; 
	width:	 			400px; 
	text-align:			left; 
	margin:				10px 2px 2px 2px;
	font-weight:		bold;
}

.TipFriendInput {
	float:				left;
	clear:				left;
	width:				400px;
}

.TipFriendTextarea {
	float:				left;
	clear:				left;
	width:				400px;
	height:				60px;	
	margin:				0;
}

/* ================ */
/* TipTeam Dialog */
/* ================ */
.TipTeamForm {
	margin:				0;
	padding:			0;
}

.TipTeamHeader {
	float:				left;
	clear:				left;
	font-size:			21px;
	font-weight:		bold;
	margin-top:			5px;
	max-height:			50px;
	overflow:			hidden;
}

.TipTeamLabel {
	float: 				left; 
	clear:				left; 
	width:	 			400px; 
	text-align:			left; 
	margin:				10px 2px 2px 2px;
	font-weight:		bold;
}

.TipTeamInput {
	float:				left;
	clear:				left;
	width:				400px;
}

.TipTeamTextarea {
	float:				left;
	clear:				left;
	width:				400px;
	height:				110px;	
	margin:				0;
}

/* ================ */
/* Comments Dialog  */
/* ================ */
.ViewCommentsSingle {
	border-bottom:		1px solid #bbbbbb;
	margin:		5px;
	font-size: 			12px;
}

.ViewCommentsSingle p {
	margin-top:		1px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	
	font-size: 			12px;
}

.ViewCommentsAuthorLine {
	font-size: 			12px;	
}

.ViewCommentsCreatedLine {
	font-size:			10px;
}

.ViewSubject {
	font-style:			Italic;
}

.AddCommentLabel {
	float: 				left; 
	clear:				left; 
	width:	 			385px; 
	text-align:			left; 
	margin:				10px 2px 2px 2px;
	font-weight:		bold;
}

.AddCommentInput {
	float:				left;
	clear:				left;
	width:				385px;
}

.AddCommentTextarea {
	float:				left;
	clear:				left;
	width:				385px;
	height:				110px;	
	margin:				0;
}

.BookEditContextMenu {
	font-family: 		Verdana;
	font-size:			12px;
}