/*Tab style goes here*/
@media screen and (max-width: 767px )
{

/* CSS Document */
body{
	/*font-family:Verdana, Geneva, sans-serif;*/
	margin:0;
	padding:0;
	background-color:#fff;
	overflow: hidden;
}

#mainContainer{
	float:left;
	width:100%;
	height:100%;
	margin: 0 auto;
	min-width: 250px;

}
#container{
    float: left;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 41px;
    width: 100%;
}
/*#leftImg{
	width:52px;
	position:absolute;
	display:none;
	z-index:10;
}*/
.dropDownStyle{
    float:left; 
    margin-right:10px;
}
.containerbody {
    width: 100%!important;
}
#dropDown{
	float: right;
    margin: 0px;
    width: 100%;
	padding-bottom:5px;
}
#bgDiv{
	width:52px !important;
}
.dropdownset
{
	float:right;
	margin-top:10px;

}
#chapters{
	width: 238px;
}
#resources{
	width:226px;
}
#home, #help{
	cursor:pointer;
}

#menuone {
	float: right;
	font-family:Verdana;
	font-weight:400;
	font-size:12px;
	margin:2px 0px 10px 0px;;
	padding:0px 40px 0px 0px;
}

#menuone li{
	display: inline;
	list-style-type: none;
	padding: 0px;
	z-index:1;

}
#ftrMenu{
	position:relative;
	bottom:0px;
	padding-left:10px;
	color: #505759;
    font-family: 'Open Sans';
    font-size: 0.625em;
    font-weight: 400;
	font-style: normal;
    width: 100%;
    margin: 1.625em auto;
	/*margin-bottom: 0.813rem;
	margin-top: 1.625em;
	*/
}
#ftrMenu li{
	display: inline-block;
	list-style-type: none;
	padding:0px;
	z-index:1;

}
#footer{
	clear:both;
    /*background-color: #FBF5EA;*/
    float: left;
    /*position: relative;*/
    width: 100%;
    z-index: 1000000;
}


.copwritetxt {
    color: #666666;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    padding:0px;
	padding-right:10px;
    position: relative;
    top: 5px;
	left:10px;
    width: 90%;
}

#PearsonLogo{
	float: right;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    margin-top: 1em!important;

}
#bottombgfooterl{
	float: left;
    background-repeat: no-repeat;
    margin-top: 1em;
}
#lrnTxt{
	color:#FFF;
	width:250px;
	margin-left:30px;
	margin-top:10px;
}
#logoTxt{
	color:#FFF;
	width:130px;
	float:right;
	right:0px;
	margin:6px;

	text-align:right;
	font-size:24px;
	height:30px;
}
/*#pageIframe{
	width:1121px;
	height:660px;
}*/
iframe{
	border:none;
	outline:none;
	width:100%;
	height:100%;
	overflow:inherit;

}
/*.menuIcon, .menuIconRes{
	width:48px;
	height:78px;
	margin-left:2px;
	cursor:pointer;
	overflow:hidden;
	margin-bottom:2px;
	font-family:Verdana;
	font-weight:400;
	font-size:12px;
}*/
#iframeContainer{
	/*float:right;*/
	width: 96%!important;
	position:relative;
	overflow:hidden;
	height: 50em!important;
}
.activitiesWrapperDiv{
	height: 39em!important;
}
.navigationMenus {

    margin: 0;
}
/*.menuTxt{
	width:48px;
	height:78px;
	font-size:7px;
	float:left;
	text-align:center;
	margin-top:0px;
	visibility:hidden;
	color:#FFF;
	position:relative;
}*/
.pageDispPath{
	position:absolute;
	z-index:1;
}
#u68 {
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    height: 15px;
    left: 78px;
    position: absolute;
    top: 4px;
    width: 75%;
}
.selectButtonColor{
	cursor:default;
}
.menu2lineText{
	font-size: 0.875em;
}

.navbar-header{
	display: block;
}
.navigationMenus{
	float: left;
	margin-top: 1.5em;
}
.dropdownArrow{
	top: 0.4em;
    right: 0.9em;
}
.headingOne{
	font-size: 1em;
	width: 57%;
}
.coverLtext3{
    font-size: 1.7em;
}
.rightColumnHome{
    margin-top: 3%!important;
}
.logoImage{
	margin: 1.375em 0.5em!important;
}
.leftTextDiv {
    margin-top: 20px;
    width: 100%!important;
    height: 15em;
}
.rightTextDiv {
    float: left;
    margin-top: 20px;
    width: 100%!important;
    height: 181px!important;
}
.chapterSelectionDiv {
    margin-top: 1em!important;
}
.homeUdiv{
	width: 96%!important;
}
.homeCvrImage {
    width: 200px;
    height: 239px;
}

.headingDivText1 {
    font-size: 1.125rem!important;
}
.chapterSelectionDiv p {
    font-size: 0.875rem!important;
    text-align: center;
    margin-bottom: 1em!important;
}
#chapters1 {
    margin-left: 7px;
}
.tablistDiv {
    width: 96%!important;
}
.homeUdiv {
    /* background-color: #FFFFFF; */
    margin: 2.313em auto 1em auto!important;
}
.linkOption{
	width: 96%;
}
#clickLinks{
	font-size: 0.825em;
}
#leftImg ul{
	min-height: 51px;
}
/*#leftImg ul li{
	padding: 0;
	padding-right: 2px;
}*/
#leftImg ul li:first-child{
	width: 44%;
}
#leftImg ul li:nth-child(2){
	width: 26%;
}
#leftImg ul li:nth-child(3){
	width: 26%;
}

/*audio player*/
#cssmenu {
	width: 96%;
    margin: 1.5em;
}
#wrapper {
    width: 96%;
    max-width: 96%;
    /* margin-top: 10px; */
    margin: 0 auto;
    left: -0.375em;
}
/*#leftImg ul{
	padding-top: 1em;
	min-height: 5em;
}
#leftImg ul li{
	padding-bottom: 1em;
}*/
.whiteBg{
	/*width: 60%;*/
}
.audioplayer-playpause {
    left: 24%;
}



}


/*Ipad Style goes here*/

@media only screen and (max-width: 900px) and (min-width: 768px)
{

.logoImage {
    margin: 1.3em 0 0 1.3em;
}
.navigationMenus {
    margin: 1.5em 0 0 0;
}
#menuone {
    padding: 0px 25px 0px 0px;
}
.dropdownArrow {
    right: 31%;
    top: 7%;
}
.dropDownStyle{
	margin-right: 28px;
}
/*.textDiv {
    width: 80%;
    margin-left: 2.25em;
    margin-top: 65px;
}*/
.coverLtext {
    font-size: 1em;
    margin-top: 4.3%;
}
.coverLtext2{
	font-size: 0.875em;
	margin-top: 14px;
}
.coverLtext3{
	font-size: 1.9em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
.coverLtext4{
	font-size: 1em;
	 margin-top: 7px;
	}
.coverLtext5{
	font-size: 0.875em;
	margin-left: 2.5em;
	margin-top: 7px;
}
.image {
    width: 42%;
}
.rightColumn {
    left: 212px;
    height: 16.25em;
}
.textDiv {
    width: 95%;
    margin-left: 1.5em;
}
#menuone {
    padding: 0px 15px 0px 0px;
}
/*maincontent second page*/
.headingOne {
    width: 60%;
    display: inline;
    font-size: 1.375em;
    padding: 0.3em 0;
    margin: 0;
    margin-top: 0.3em;
}
.headingOne span{
	display: inline;
}
.dynamicHeading{
	display: inline;
}
.homeLinkImg{
	padding-left: 0px;
}
.logoImage a img{
	max-width: 87%;
}

.leftTextDiv{
	width: 100%;
}
.leftTextContent{
	width: 35%!important;
}
.rightColumnHome{
	width: 62%;
}
.headingDivText span {
    display: inline!important;
}
.headingDivText1 {
    font-size: 1.125rem!important;
}
.rightTextDiv {
    width: 100%!important;
    margin-top: 1em;
   height: 250px!important;
    min-height: 200px;
}
#chapters1 {
    /*width: 75%!important;*/
}

.chapterSelectionDiv {
    margin: 1em 1em 0 1em!important;
}
.chapterSelectionDiv p{
    margin-bottom: 2em!important;
}
.dropdownArrow1 {
    right: 14px!important;
}
.rightColumn {
    height: 97%!important;
}
#cssmenu ul li a {
    padding: 10px;
    padding-left: 3em;
}

#leftImg ul li:first-child{
	width: 47%;
}
#leftImg ul li:nth-child(2){
	width: 30%;
}
#leftImg ul li:nth-child(3){
	width: 22%;
}

.activitiesWrapperDiv{
	height: 39em!important;
}
/*activity list style goes here*/

#leftImg ul{
	min-height: 55px;
}
#iframeContainer {
    height: 49em!important;
}

#clickLinks {
    font-size: 1em;
}
.menu2lineText{
	font-size: 1em;
}
#cssmenu ul a{
	font-size: 0.875em!important;
}
#cssmenu {
    margin: 0.5em;
}
#cssmenu ul li a {
    background-position: 12px 13px;
}
.containerbody {
    width: 81%!important;
}
.whiteBg {
    /*width: 86%;*/
}
.linkOption{
    width: 81%;
}
.audioplayer-playpause {
    left: 24%;
}


}



@media only screen and (max-width: 1023px) and (min-width: 901px){

.logoImage {
    margin: 1.3em 0 0 1.3em;
}

.navigationMenus {
    margin: 1.5em 0 0 0em;
}
#menuone {
    padding: 0px 25px 0px 0px;
}
.dropdownArrow {
    right: 29.5%;
}
.coverLtext {
    font-size: 1em;
    margin-top: 4.3%;
}
.coverLtext2{
	font-size: 0.875em;
	margin-top: 14px;
}
.coverLtext3{
	font-size: 2em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
.coverLtext4{
	font-size: 1em;
	 margin-top: 7px;
	}
.coverLtext5{
	font-size: 0.875em;
	margin-left: 3em;
	margin-top: 7px;
}
.textDiv {
    width: 95%;
    margin-left: 1.5em;
}
.leftTextDiv{
	width: 100%;
}
.rightColumn{
	height: 98%!important;
}
.containerbody {
    width: 81%!important;
}
.image {
    height: 55%!important;
}
/*maincontent second page*/
.headingOne {
    width: 60%;
    display: inline;
    font-size: 1.375em;
    padding: 0.3em 0;
    margin: 0;
    margin-top: 0.4em;
}
.headingOne span{
	display: inline;
}
.dynamicHeading{
	display: inline;
}
.homeLinkImg{
	padding-left: 0px;
}
.logoImage a img{
	max-width: 87%;
}

.leftTextDiv{
	width: 100%;
}
.leftTextContent{
	width: 30%!important;
}
.rightColumnHome{
	width: 70%!important;
}
.headingDivText span {
    display: inline!important;
}
.headingDivText1 {
    font-size: 1.125rem!important;
}
.rightTextDiv {
    width: 100%!important;
    margin-top: 1em;
    height: 250px!important;
    min-height: 200px;
}
#cssmenu ul li a {
    padding: 16px;
    padding-left: 3em;
}
#chapters1 {
   /* width: 75%!important;*/
}
.chapterSelectionDiv {
    margin: 1em 1em 0 1em!important;
}
.chapterSelectionDiv p{
	margin-bottom: 2em!important;
}
.dropdownArrow1 {
    right: 15px!important;
}
.activitiesWrapperDiv{
	height: 39em!important;
}

/*activity list style goes here*/
/*#leftImg ul li{
	padding: 0;
	padding-right: 2px;
}*/
#leftImg ul li:first-child{
	width: 47%;
}
#leftImg ul li:nth-child(2){
	width: 26%;
}
#leftImg ul li:nth-child(3){
	width: 26%;
}
/*#leftImg ul {
    padding: 1.2em;
}*/
#leftImg ul{
	min-height: 63px;
}
#leftImg ul li{
    min-height: 60px;
}
#iframeContainer {
    height: 46em!important;
}

#clickLinks {
    font-size: 1em;
}
.menu2lineText{
	font-size: 1em;
}
#cssmenu ul a{
	font-size: 0.875em!important;
}
#cssmenu {
    margin: 0.5em;
}
.whiteBg {
    /*width: 88.7%;*/
}
.linkOption{
    width: 81%;
}
.audioplayer-playpause {
    left: 24%;
}
#ftrMenu {
    font-size: 0.7em;
}


}

@media only screen and (max-width: 1280px) and (min-width: 1024px)
{
.image {
    width: 36.2%;
}
.leftTextDiv {
    width: 62%;
    height: 15.2em;
}
.homeCvrImage {
    height: 243px;
}
.coverLtext{
    font-size: 1em;
}
.coverLtext2{
    font-size: 0.975em;
}
.coverLtext3{
    font-size: 1.8em;
}
.coverLtext3 span{
    font-weight: 600;
    font-size: 0.9em!important;
}
.coverLtext4{
    font-size: 1em;
}
.chapterSelectionDiv p{
    margin-bottom: 1.5%!important;
}
.rightTextDiv{
    height: 244px!important;
}
#chapters1{
    font-size: 0.59em;
}
/*.textDiv {
    margin-left: 38px;
    margin-top: 0px;
    width: 92%;
}
.coverLtext{
	margin-top: 8.3%;
}
.coverLtext5{
	margin-left: 38px;
}
.rightColumn {
    width: 61%;
}*/
.dropdownArrow {
    right: 37%;
}
.dropdownArrow{
    right: 35%;
}


.logoImage {
    margin: 1.3em 0 0 1.3em;
}

.navigationMenus {
    margin: 1.5em 0 0 0em;
}
#menuone {
    padding: 0px 25px 0px 0px;
}
.dropdownArrow {
    right: 33%;
}
.headingOne {
    width: 70%;
    display: inline;
}
/*
.leftTextDiv {
    width: 30.5em;
    height: 15.6em;
}
.rightColumnHome {
    margin-top: 3%!important;
    margin-left: 2%!important;
}
.rightTextDiv {
    width: 40%!important;
    height: 15.6em!important;
}*/
#leftImg ul li:first-child{
	width: 40%;
}
#leftImg ul li:nth-child(2){
	width: 27.5%;
}
#leftImg ul li:nth-child(3){
	width: 27.5%;
}

#leftImg ul li{
	min-height: 64px;
}
#iframeContainer{
	height: 41em!important;
}
.image{
	height: 100%;
}
#leftImg ul{

}

.cssmenutab {
    /* max-width: 351px; */
    width: 40%!important;
}
#wrapper {
    width: 49%!important;
}

.columnsContainer {
    height: 71%;
}
#chapters option, #chapters1 option{
	font-size: 14px;
}
/*audio player style*/
.transcriptBtn {
    right: 10%;
    top: 37%;
    font-size: 0.725em;
}

.whiteBg {
    /*width: 80%;*/
}

.audioplayer-playpause {
    left: 13%;
}
.audioplayer-volume-button a{
    left: 5%;
}
.paraContent{
    width: 97%;
    margin-left: 2%;
}

.audioplayer-volume {
    top: -70%;
}

}

/*desktop style goes here*/

@media only screen and (min-width: 1281px){

.image {
    width: 36.2%;
}

/*.textDiv {
    margin-left: 38px;
    margin-top: 0px;
    width: 92%;
}*/
/*.coverLtext{
	margin-top: 8.3%;
}
.coverLtext5{
	margin-left: 38px;
}
.rightColumn {
    width: 64%;
}*/
/*.dropdownArrow {
    right: 37%;
}
.dropdownArrow{
    right: 35%;
}
*/

.logoImage {
    margin: 1.3em 0 0 1.3em;
}

.navigationMenus {
    margin: 1.5em 0 0 0em;
}
#menuone {
    padding: 0px 25px 0px 0px;
}
.dropdownArrow {
    right: 32.8%;
}
.headingOne {
    width: 68%;
    display: inline;
}

.leftTextDiv {
    width: 61%;
    height: 267px;
}
.rightColumnHome {
    margin-top: 3%!important;
    margin-left: 2%!important;
}
.rightTextDiv {
    width: 36%!important;
    height: 267px!important;
}

#leftImg ul li:first-child{
	width: 41%;
}
#leftImg ul li:nth-child(2){
	width: 27.5%;
}
#leftImg ul li:nth-child(3){
	width: 27.5%;
}

#leftImg ul li{
	/*height: 64px;*/
    height: 3.55em;
}
#iframeContainer{
	height: 41em!important;
}
.image{
	height: 100%;
}

.cssmenutab {
    /* max-width: 351px; */
    width: 38%!important;
}
#wrapper {
    width: 45%!important;
}
/*.dropdownArrow1 {
    right: 0.6em;
    height: 3.5rem;
    max-width: 4em;
}*/
.columnsContainer {
    height: 71%;
}
#chapters option, #chapters1 option{
	font-size: 14px;
}
/*audio player style*/
.transcriptBtn {
    right: 10%;
    top: 37%;
    font-size: 0.725em;
}

.audioplayer-playpause {
    left: 15%;
}

.audioplayer-volume-button {
    right: 0;
}

.whiteBg {
    /*width: 83.5%;*/
}
.homeUdiv {
    min-height: 200px;
    height: 17.5em;
}

}

@media only screen and (min-width: 5500px){

.homeUdiv {
    min-height: 200px;
    height: 280px;
}
#leftImg ul li{
    height: 64px;
}


}

@media screen and (-ms-high-contrast:active) {
/* All high contrast styling rules */
    .audioplayer-stopped .audioplayer-playpause button{
        background-image: url('../../images/Play.png');
    }
    .audioplayer-playing .audioplayer-playpause button{
        background-image: url('../../images/Pause.png');
    }
    .audioplayer-volume-button button{
        background-image: url('../../images/Speaker.png');
    }
    .audioplayer-muted button{
        background-image: url("../../images/Mute.png");
    }
}
@media screen and (-ms-high-contrast:black-on-white) {
    .audioplayer-stopped .audioplayer-playpause button{
        background-image: url('../../images/Play.png');
    }
    .audioplayer-playing .audioplayer-playpause button{
        background-image: url('../../images/Pause.png');
    }
    .audioplayer-volume-button button{
        background-image: url('../../images/Speaker.png');
    }
    .audioplayer-muted button{
        background-image: url("../../images/Mute.png");
    }
}
@media screen and (-ms-high-contrast:white-on-black) {
   .audioplayer-stopped .audioplayer-playpause button{
        background-image: url('../../images/Play.png');
    }
    .audioplayer-playing .audioplayer-playpause button{
        background-image: url('../../images/Pause.png');
    }
    .audioplayer-volume-button button{
        background-image: url('../../images/Speaker.png');
    }
    .audioplayer-muted button{
        background-image: url("../../images/Mute.png");
    }
}