﻿#leftcontentcontainer { width: 530px; margin: 0; padding: 0; float:left; }
#lefttab 
{	
	float: left;
	clear: left;
	width: 250px;
	padding: .25em 0 .5em .5em;
	border: 1px solid red;
	border-bottom: 0; 
	background-color: #CCD9FB;
	color: #333;
	position: relative;
	z-index:2;
}
#lefttabnav
{
	padding: 0em 0em 0em .5em;
	float:left;
	font-size:medium;
	font-weight:bolder;
	color:Black;
}
#lefttabnav2
{
	padding: 0em 0em 0em 5em;
	float:left;
	color:Black;
}

#leftcontent
{
	padding: .1em .5em 1em 1.7em;
	border: 0px solid #409ccb;
	background-color: #FFFFFF;
	color: #333;
	clear:both;
	float: left;
	position: relative;
	width: 442px; /* 61.54% of total (492 adding in 50 space) */ 
	z-index: 1;
	min-height: 400px;
	margin-top:-1px; /* to cover border and blend into tab */
}
#leftcontent table, th, tr {border:0; padding:0; margin:0; }
#leftcontent tr {background-color: white;}
#leftcontent td {border: 1px solid #ccccff; padding: .25em; }
#leftcontent th {background-color: #CCD9FB; padding: .25em; text-align: left; }
#leftcontent th a {color: #333; text-decoration: none;}
.btnMore { display: block; width:100%; text-align:right;}
.nodata {padding: 1em;}
#righttab 
{	
	width: 278px;
	margin-left: 492px;
	padding: .25em .25em .5em .5em;
	border: 1px solid red;
	border-bottom: 0; 
	background-color: #8FA7FF;
	color: #333;
	position: relative;
	z-index:4;
}
#rightcontent
{
	width: 300px;
	margin-left: 485px;
	margin-top:-1px; /* to cover border and blend into tab */
	padding: .1em .5em 1em .5em; /* extra .25em needed on right side to bring it flush with tab */
	border: 1px solid white;
	background-color: #FFFFFF;
	color: #333;
	position: relative;
	z-index: 3;
}
#righttabbtm 
{	
	width: 50px;
	margin-left: 580px;
	margin-top: -1px; /* overlaps border above to hide it and flow smoothly */
	padding: 0 .25em 0 .5em;
	border: 1px solid blue;
	border-bottom: 0; 
	border-top: 0;
	background-color: #8FA7FF;
	color: #333;
	position: relative;
	z-index:4;
}
#rightcontentbtm
{
	width: 225px;
	margin-left: 540px;
	margin-top:-1px; /* to cover border and blend into tab */
	padding: 1em .5em 1em .5em; /* extra .25em needed on right side to bring it flush with tab */
	border: 1px solid #409ccb;
	background-color: #FFFFFF;
	color: #333;
	position: relative;
	z-index: 3;
	line-height:normal;
	font-size:small;
}
#PurchaseText { font-size:smaller; font-weight:bold;  text-align:center;}
.ChapterButtons
{
	border-bottom-color:#409ccb;
	 border-right-color:#409ccb;
 background-color:White;
 border-width:medium;
   font-weight:500;
  color:Black; /* #c41429; */
}
.TextBoxReading
{
	font:Bookman,Tahoma,Arial;
	font-size:small;
	
	}
.PlayButton
{
	width:30px;
	 position:relative;
	
	}