html, body {
font-family:Arial, Helvetica, sans-serif;
}

body {
font-size:100%;
line-height:150%;
padding:2%;
text-align:justify;
}
img{
max-width:100%;
}
/* Chapter Name */
h2
{
color:rgb(27,98,183);
font-size:1.5em;
background:rgb(179,207,175);
padding:10px;
}
/* Chapter number */
h4
{
color:rgb(27,98,183);
font-size:1.3em;
}
/* Concept Heading */
.ConceptHeading
{
color:rgb(27,98,183);
font-size:1.3em;
font-weight:bold;
margin-top:20px;
text-transform:uppercase;
}
/* Sub Heading */
.SubHeading
{
color:#000000;
font-size:1.1em;
font-weight:bold;
}
/* Sub Heading 2*/
.SubHeading2
{
color:#d1640f;
font-size:1em;
font-weight:bold;
}

/* Hightlisght Boxes */
.purple_box{
background-color:rgb(223,207,236);
padding: 15px;
font-size:0.9em;
line-height:120%;
border:4px solid rgb(179,144,207);
}
.purple_head{
background-color:rgb(140,92,181);
color:#fff;
padding: 15px;
font-size:1.2em;
font-weight:bold;
}
.yellow_box{
background-color:rgb(254,227,172);
padding: 15px;
border:1px dashed #000;
}
.NewWordBox{
background-color:rgb(216,222,243);
padding: 15px;
font-size:0.9em;
line-height:120%;
border-top:8px solid rgb(109,142,209);
border-radius:15px;
}
.activityBox{
background-color:rgb(250,179,210);
padding: 15px;
font-size:0.9em;
line-height:120%;
border-radius:15px;
}
.start, .Intro
{
background-color:rgb(229,234,224);
padding: 15px;
}
.box{
background-color:rgb(204,238,238);
padding: 15px;
font-size:0.9em;
line-height:120%;
}
.border{
background-color:rgb(0,171,192);
}
.border1{
padding: 15px;
border-top:6px solid rgb(0,171,192);
border-bottom:3px solid rgb(161,224,226);
border-left:3px solid rgb(161,224,226);
border-right:3px solid rgb(161,224,226);
}
.purple{
color:rgb(66,117,196);
font-size:1.2em;
font-weight:bold;
}
.blue_box{
background-color:rgb(206,230,240);
padding: 15px;
font-size:0.9em;
line-height:120%;
}
.green_box{
background-color:rgb(232,246,217);
padding: 15px;
font-size:0.9em;
line-height:120%;
}
table
{
    width:100%;
    border:1px solid #000;
    border-collapse:collapse;
}
td
{
    padding:10px;
    border:1px solid #000;
    border-collapse:collapse;
}
p.Discuss {
	color:#f37021;
	font-size:1.1em;
}
p.Discuss-text {
	color:#f37021;
	font-size:0.917em;
}
p.DBtitle {
	color:#00abbd;
	font-weight:bold;
}
.line{
border-bottom:2px solid #f37021;
}

p.Excercise-Title {
background-color:rgb(211,211,211);
	color:rgb(241,101,39);
font-size:1.1em;
padding:5px;
font-weight:bold;
}
* {
margin:0;
padding:0;
}


.image {
text-align:center;
}


.lining_box
{
	border:2px solid #000;
	padding:15px;
border-radius:15px;
}
.lining_boxo
{
	border:4px solid rgb(249,167,114);
	padding:15px;
border-radius:15px;
}
.lining_boxp
{
	border:4px solid rgb(246,128,198);
	padding:15px;
border-radius:15px;
}

p.F-Para-Conclu {
	color:#00aeef;
}

.center {
	text-align: center;
}





ul
{
	margin-left:45px;
}
.caption, .Caption2
{
	font-style: italic; 
	font-size: 0.83em; 
	color: #4D4D4D;
	text-align:center;
}
.note
{
	font-style: italic; 
	font-size: 0.83em; 
	color: #4D4D4D;
}
p
{
	margin-top:10px;
}

.footer
{
	display:none;
}

.conc
{
	color:#006699;
}
div.layout
{
  text-align: center;
}
div.chapter_pos

{

text-align: center;

width: 96%;

position:absolute;
line-height:150%;
top:60%;

font-weight:bold;

font-size:1.5em;

color:#fff;

}

div.chapter_pos div

{

background:#0099CC;

padding:10px;

width:40%;

margin:auto;
opacity:0.9;

}

div.chapter_pos div span

{

font-size:0.7em;

color:#eaeaea;

font-weight:normal;

}
.img
{
	margin-left: auto;
    margin-right: auto;
	display: block;
	width:50%;
}
.img1{
position:relative;
top:10px;
}
#prelims .char-style-override-15, #prelims .char-style-override-19
{
	font-weight:bold;
}
#prelims .heading
{
	font-size: 1.667em; 
	color:#af7b0a;
}
.char-style-override-2
{
	font-style:italic;
}
@media only screen and (max-width: 767px) {


div.chapter_pos


{

top:30%;

font-size:1em;

}

div.chapter_pos div


{

width:70%;



}

.cover_img_small

{

width:90%;

}

   
}
.img_wid
{
	margin-left: auto;
    margin-right: auto;
	display: block;
	width:80%;
}
.bold
{
	font-weight:bold;
}



