body {
font-family:"Arial";
font-size:100%;
line-height:150%;
padding:2%;
text-align:justify;
}

* {
margin:0;
padding:0;
}


.barcord {
    float: right;
    height: 0px;
    margin-top: 5px;
    margin-left: 5px;
	height:180px;
}

h3, .subHeading, .HEADING {
	color:#F36421;
	font-weight:bold;
font-style:italic;
font-size:1.2em;
}
h4
{
color:#4C4B42;
	font-weight:bold;
font-style:italic;
font-size:1em;
	}

.image {
text-align:center;
}
.author {
text-align:right;
}
h1,.chapterNumber, .ChapterNo {
	text-align:left;
	font-weight:bold;
	font-size:180%;
	
	color:#4C4B42;
	font-size:1.3em;
}
h2, .chapterHeading {
	font-size:1.5em;
	margin:5% 0;
	color:#ffffff;
	font-weight:bold;
    background:#655f00;
    padding:15px;
	text-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.60);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.60);
	
}

.center {
	text-align: center;
}

.excercise {
text-transform:uppercase;
font-weight:bold;
margin:1% 0%;
}

.Activity {
	
	border-radius:15px;
    border:1px solid #00aeef;
	padding: 15px;
}
.blue_txt
{
	text-align:left;
	padding: 10px;
	color:#000;
}

table, th, td {
  border: 1px solid black;
padding:15px;
}

img
{
	margin-left: auto;
    margin-right: auto;
	display: block;
	max-width:90%;
padding:5px;
}
.img_left
{
	margin-left:0px;
}
ul
{
	margin-left:45px;
}
p.Chapter-No- {
	color:#000000;
	font-size:1.417em;
	text-align:left;
}
p.Begin-Question {
	color:#0089cf;
	font-size:1.333em;
}
/*p.SubTitle2 {
	color:#0089cf;
	font-size:1.333em;
}

*/
span.char-style-override-2 {
	color:#a3238e;
}
p.Box-Sub-Title {
	color:#0089cf;
	font-size:1.333em;
}
p.Subhead-2 {
	font-size:1em;
}
p.para-style-override-4 {
	color:#6d6e71;
	font-size:1.333em;
	font-style:normal;
	font-weight:bold;
}
p.Imagine {
	color:#ec008c;
	font-size:1.042em;
}
p.Excercise-Title {
	color:#a3238e;
	font-size:1.333em;
}
p.Excercise {
	color:#00adee;
	font-size:1.5em;
	font-weight:700;
}
.caption, .Caption, .umText
{
	font-style: italic; 
	font-size: 0.83em; 
	color: #4D4D4D;
	text-align:center;
}
p
{
	margin-top:10px;
}

.footer
{
	display:none;
}
table td
{
	padding:10px;
}
.conc
{
	color:#006699;
}
div.layout
{
  text-align: center;
}
div.chapter_pos

{

text-align: center;

width: 96%;

position:absolute;

top:50%;

font-weight:bold;

font-size:28px;

color:#fff;

}

div.chapter_pos div

{

background:#993300;

padding:10px;

width:40%;

margin:auto;
opacity:0.9;

}

div.chapter_pos div span

{

font-size:0.7em;

color:#eaeaea;

font-weight:normal;

}

.clear
{
clear:both;
}


/* Chapter Name */

/* Concept Heading */
.ConceptHeading
{
color:#00aeef;
font-size:1.3em;
font-weight:bold;
margin-top:20px;
}
/* Sub Heading */
.SubHeading, .Subhead1
{
color:#00aeef;
font-size:1.1em;
font-weight:bold;
}
/* Sub Heading 2*/
.SubHeading2
{
color:#B04AA2;
f
ont-size:1em;
font-weight:bold;
}
/* Hightlisght Boxes */
.NewWordBox{
background-color:#e4dfb6;
padding: 15px;
font-size:0.9em;
line-height:120%;
}
.activity{
background-color:#d99f9a;
padding-top: 5px;
font-size:1em;
line-height:100%;
font-weight:bold;
}
.text{

padding: 15px;

}
.activityBox{
background-color:#e9c6c0;
padding: 15px;
font-size:0.9em;
line-height:120%;
font-weight:100;
border-top:2px solid #fff;
}

.discuss{
background-color:#8bc2d5;
padding-top: 5px;
padding-bottom: 5px;
font-size:1em;
line-height:100%;
font-weight:bold;
display:block;
margin-bottom: 10px;
border-top:2px solid #fff
}

.discussBox{
background-color:#cae3ed;
padding: 15px;
font-size:0.9em;
line-height:120%;
font-weight:100;
margin-top: 10px;
border-top:2px solid #fff

}
.write{
background-color:#e1b78e;
padding-top: 5px;
padding-bottom: 5px;
font-size:1em;
line-height:100%;
font-weight:bold;
display:block;
margin-bottom: 10px
}

.writeBox{
background-color:#efd8c0;
padding: 15px;
font-size:0.9em;
line-height:120%;
font-weight:100;
margin-top: 10px;
border-top:2px solid #fff

}
p.caption
{
font-style: italic;
font-size: 0.83em;
color: #4D4D4D;
text-align:center;
}
.line
{
border-bottom:1px solid #000;
padding:5px 0px;
padding-top:0px;

}
 .lining
{
border:2px solid black;
padding:15px;
border-radius:15px;


}

.talk-bubble {
	margin: 40px;
  display: inline-block;
  position: relative;
	width: 200px;
	height: auto;
	background-color: lightyellow;
}

.ibox
{
//border:5px solid #A9DCD9;
padding:15px;
background:#f4dfb6;
border-radius:15px;
margin-top:10px;
}

.bbox
{
//border:5px solid #A9DCD9;
padding:15px;
background:#6bcff6;
border-radius:15px;
margin-top:10px;
}
.rbox
{
//border:5px solid #A9DCD9;
padding:15px;
background:#fccdad;
border-radius:15px;
margin-top:10px;
}

.brownbox
{
border:5px solid #EEB881;
padding:15px;
background:#EEB881;
border-radius:15px;
margin-top:10px;
}

 .lining_box
{
border:2px solid #655f00;
padding:15px;
border-radius:15px;

}
.qbox
{
border:1px solid #E1DDBD;
background-color:#E1DDBD;
padding:15px;
}
.box {
background:#E0AC0F;
padding: 15px;
}
.box1 {
background:#F8F6C1;
padding: 15px;
}


.box-text {
background:#c7ebfc;
padding: 15px;
margin-top:5px;
}
.blackbox {
background:#000;
padding: 15px;
color:#fff;
}

.firstbox {
background:#F36421;
padding: 15px;
}


.source {background-color:#feefd3;padding:15px;}

table
{
    width:100%;
    border:1px solid #000;
    border-collapse:collapse;
}
td
{
    padding:10px;
    border:1px solid #000;
    border-collapse:collapse;
}
/* General CSS Setup */


/* container */
.container {
  padding: 5% 5%;
}

/* CSS talk bubble */
.talk-bubble {
	margin: 40px;
  display: inline-block;
  position: relative;
	width: 200px;
	height: auto;
	background-color: #fccdad;
}
.border{
  border: 8px solid #666;
}
.round{
  border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #fccdad transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #fccdad #fccdad transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent lightyellow;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 12px solid;
	border-color: lightyellow transparent transparent lightyellow;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 30px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 38px;
	bottom: -20px;
	border: 12px solid;
	border-color: lightyellow lightyellow transparent transparent;
}
/*
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent lightyellow;

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: lightyellow lightyellow transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: lightyellow transparent transparent lightyellow;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: lightyellow transparent transparent transparent;
}

/* talk bubble contents */
.talktext{
  padding: 1em;
	text-align: left;
  line-height: 1.5em;
}
.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}
.cover_img_small
{
width:50%;
}
@media only screen and (max-width: 767px) {


img
{
	margin-left: auto;
    margin-right: auto;
	display: block;
	max-width:80%;
padding:5px;
}
div.chapter_pos
{
top:20%;
font-size:1em;
}
div.chapter_pos div
{
width:80%;
}
.cover_img_small
{
width:90%;
}
}