﻿
#book{
	width:544px;
	height:375px;
    /*width:800px;
	height:500px;*/
    z-index: 1;
    margin: 20px auto 0;
}

#book .turn-page{
	background-color:white;

    
    
}

#book .cover{
	background: url(../Images/flipbook/book-cover_Ar.png) no-repeat right center;
}

#book .cover h1{
	color:white;
	text-align:center;
	font-size:50px;
	line-height:500px;
	margin:0px;
}

#book .loader{
	background-image:url(loader.gif);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:238px;
	left:188px;
}

#book .data{
	/*text-align:center;*/
	font-size:40px;
	color:#999;
	/*line-height:500px;*/
    padding: 15px 18px;
    height: 325px;
    overflow-y:hidden;
    position:relative;
    direction: rtl !important;


    
}

#controls{
	text-align:center;
	margin:5px 0 15px;
	font:14px arial;

}

#controls input, #controls label{
	font:14px arial;
}

#book .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);

  background:url("../Images/flipbook/Page_Tile_Even.jpg") repeat-y scroll left center white;
 
}

#book .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);

    background:url("../Images/flipbook/Page_Tile_Odd.jpg") repeat-y scroll left center white;
    
}

.bookContainer
{
    background: url("../Images/flipbook/white-book_ar.png") no-repeat scroll center center transparent;
    height: 426px;
    padding-top: 13px;
    width: 580px;
    position:relative;
}


.guestName 
{
    background: url("../Images/flipbook/person.png") no-repeat scroll right top transparent;
    color: #FF5A00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    padding-right: 34px;
    border-bottom: 1px solid Lavender;
    padding-bottom: 5px;
}

.guestDate {
    color: #b5b5b5;
    float: right;
    font-size: 12px;
    line-height: 20px;
    margin-left: 0;
    margin-top: 0;
}
.guestMessage {
    clear: both;
    color: #127C9D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 200px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 30px;
    overflow-y: auto;
    word-wrap: break-word;
}
.guestMessage img{
width: 50px;
display:block;
}
.turn-page-wrapper
{
    
}
.guestMedia 
{
    border-top: 1px solid Lavender;
    bottom: 0;
    padding-top: 5px;
    position: relative;
    direction:ltr !important;
}
.guestMedia img 
{
    border:none !important;
    padding:0 !important;
    margin:5px 10px !important;
}
.odd .data .guestMedia .mediaVideo 
{
   float:right;
}

.even .data .guestMedia .mediaVideo 
{
   float:left;
}

.odd .data .guestMedia .mediaImage 
{
   float:left;
}

.even .data .guestMedia .mediaImage
{
   float:right;
}
.Book_Cover_Text 
{
    position: absolute;
    right: 66px;
    top: 207px;
}

