@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'kitaboo';
	src: url('fonts/kitaboo.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'kitaboo';
	src: url(//:) format('no404'), url('fonts/kitaboo.woff') format('woff'), url('fonts/kitaboo.ttf') format('truetype'), url('fonts/kitaboo.svgz#kitaboo') format('svg'), url('fonts/kitaboo.svg#kitaboo') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {

}

.mystyle {
	font-family: 'kitaboo';
	font-style: normal;
	font-size: 40px;
	color: orange;
}

#titleWrapper {
	background: none;
	background-color: #fabd10;
	/* Old browsers */
}
#glossaryButtonWrapper #glossaryListPanel #glossaryPanelTitleBar {
	background: url("images/glossary_heading_bg.png") repeat-x;
}
#glossaryButtonWrapper #glossaryListPanel #btnCloseGlossaryPanel {
	border: 0px;
	background: transparent url("images/closeGlossaryUp.png") center center no-repeat;
}
#glossaryButtonWrapper #glossaryListPanel #btnCloseGlossaryPanel:hover {
	background: transparent url("images/closeGlossaryOver.png") center center no-repeat;
}/*
 #notesListPanelOverlay #notesScroller #notesTable {
 background: url("images/pupup_note-BG.png") no-repeat;
 }*/
#playerContainer {
	background: #ffffff url("images/body-bg.png") bottom left repeat-x;
}
#toolBarWrapper {
	background: none;
	background-color: #7aa101;
}
#btnPageList .ui-button-text {

	background-image: url("images/secondary_spirtesheet.png");
	background-position: -38px -263px;
}
#btnPageList.selected .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -163px -263px !important;
}
#btnPageList:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -103px -263px;
}
#btnPrintPage .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -38px -328px;
}
#btnPrintPage .ui-button-text:active{
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -163px -328px !important;
	
}
#btnPrintPage:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -103px -328px;
}
#btnPrintPage.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -227px -328px;
}
#btnGlossary .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -38px -393px;
}
#btnGlossary.selected .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -163px -393px;
}
#btnGlossary:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -103px -393px;
}
#btnGlossary.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -227px -393px;
}
#btnTranscript {
	border-left: none;
}
#btnTranscript .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -405px -599px;
}
#btnTranscript.selected .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -531px -597px !important;
}
#btnTranscript:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -468px -596px;
}
#btnTranscript.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -592px -597px;
}
#btnNotes .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -38px -453px;
}
#btnNotes.selected .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -163px -453px !important;
}
#btnNotes:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -103px -453px;
}
#btnNotes.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -227px -453px;
}
#btnHelp .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
}
#btnHelp.selected .ui-button-text {
	background-image: url("images/icon_help.png");
}
#pageNavigationWrapper {
	background: none;
	top: -14px;
	padding-top: 10px;
	width: 290px;
	backgro
}
#btnPreviousPage .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -35px -592px;
	
}
#btnPreviousPage .ui-button-text:active {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -130px -592px;
}
#btnPreviousPage .ui-button-text:hover {

	background-image: url("images/secondary_spirtesheet.png");
	background-position: -34px -592px;
}
#btnPreviousPage.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -298px -592px;
}
#btnNextPage .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -53px -706px;
	
}
#btnNextPage .ui-button-text:active {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -139px -706px;
}
#btnNextPage .ui-button-text:hover {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -52px -706px;
}
#btnNextPage.ui-state-disabled .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -316px -706px;
}
#volumeControl {
	background-image: url("images/secondary_spirtesheet.png");
background-position: -707px -308px;
}
#volumeControl .ui-slider-range {
	background: url("images/icon_seekbar_value.png") center center repeat-y;
	width:23px;
}
#volumeControl .ui-slider-handle {
	background-image: url("images/secondary_spirtesheet.png");
background-position: -750px -299px;
}
#volumeControl .ui-slider-handle {
width: 33px;
height: 31px;
margin-bottom: -20px
}
#btnVolume .ui-button-text {
	
	background-image: url("images/secondary_spirtesheet.png");
background-position: -338px -296px;

}
#btnVolume.selected .ui-button-text {	
background-image: url("images/secondary_spirtesheet.png");
background-position: -502px -296px;
}
#btnVolume.ui-state-disabled .ui-button-text {
background-image: url("images/secondary_spirtesheet.png");
background-position: -582px -296px;
}
#btnVolume.muted .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
background-position: -582px -296px;
}
#btnVolume.muted.selected .ui-button-text {
		background-image: url("images/secondary_spirtesheet.png");
background-position: -582px -296px;
}
#btnVolume.muted.ui-state-disabled .ui-button-text {
	background-image: url("images/icon_mute_disabled.png");
}
#summaryAudioContainer .jp-play.ui-state-disabled span {
	background-image: url("images/icon_play_disabled.png");
}
.toolBarButtontip {
	background: url("images/tooltipPointer.png") bottom center repeat-y;
}
.treeview .hitarea {
	background: url("images/treeview-default.png") -64px -25px no-repeat;
}
.treeview li.lastCollapsable, .treeview li.lastExpandable {
	background-image: url("images/treeview-default.png/treeview-default.png");
}
.jp-seek-bar {
	/*background: url("images/icon_seekbar_back.png") left center repeat-x;*/
	background:none;
}
.jp-play-bar {
	background: url("images/icon_seekbar_value.png") left center repeat-x;
}
.jp-play-bar-thumb {
	background-image: url("images/secondary_spirtesheet.png");
background-position: -598px -427px;
right: -8px;
height: 36px;
width: 27px;
top: -7px;
}
div.jp-type-single .jp-play span {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -346px -458px !important;
	height: 50px !important;
}
div.jp-type-single .jp-pause span {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -346px -518px !important;
	height: 50px !important;
}

/***for menu styles***/
#pageListPanel {
	opacity: 0.9;
}

#pageList .pageListItem a {
	background: #141414 !important;
	border: none;
}
#pageList .pageListItem.isCurrent a {
	color: whiteSmoke;
	font-weight: bold;
	background: #8b8b8b !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjOGI4YjhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjN2Q3ZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNjU2NTY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNWY1ZjVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b8b8b), color-stop(4%, #909090), color-stop(21%, #8b8b8b), color-stop(46%, #7d7d7d), color-stop(50%, #777777), color-stop(54%, #6b6b6b), color-stop(63%, #6b6b6b), color-stop(71%, #656565), color-stop(96%, #5f5f5f), color-stop(100%, #5b5b5b));
	background: -webkit-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -o-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -ms-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#5b5b5b',GradientType=0 );
}
#playerWrapper #pageListWrapper #pageList .pageListItem a:hover, .no-touch #playerWrapper #pageListWrapper #pageList .pageListItem a:focus {
	background: #8b8b8b !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjOGI4YjhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjN2Q3ZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNjU2NTY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNWY1ZjVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b8b8b), color-stop(4%, #909090), color-stop(21%, #8b8b8b), color-stop(46%, #7d7d7d), color-stop(50%, #777777), color-stop(54%, #6b6b6b), color-stop(63%, #6b6b6b), color-stop(71%, #656565), color-stop(96%, #5f5f5f), color-stop(100%, #5b5b5b));
	background: -webkit-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -o-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: -ms-linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	background: linear-gradient(top, #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#5b5b5b',GradientType=0 );
}

/*summary button style*/
#btnsummary .ui-button-text {
	background-image: url("images/icon_summary_selected.png");
}
#btnsummary.selected .ui-button-text {
	background-image: url("images/icon_summary.png");
}

/*correc incorrect icon for summary screen*/
.correctAns {
	background-image: url("images/correctIndicator.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.incorrectAns {
	background-image: url("images/incorrectIndicator.png");
	background-repeat: no-repeat;
	background-position: center center;
}

#playerWrapper #summaryAudioContainer .jp-progress {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -605px -463px;
}
.jp-progress {
margin: 18px 10px;
height:15px;
}

.playerToolBarButton {
	border-right: none;
}
#playerWrapper #volumeWrapper #btnVolume {
	border-left: none;
	
}
.playerToolBarButton.selected, .playerToolBarButton.selected.ui-state-hover:hover {
	background: none;
}
div.jp-interface ul.jp-controls {
	height: 50px;
}
div.jp-interface ul.jp-controls a {
	height: 50px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
	opacity: 1;
}
#glossaryButtonWrapper #glossaryListPanelOverlay {
	background: rgba(0, 0, 0, 0.6);
}
#timerContainer {
    display:none;
	right: -2px;
    top: 53px;
    position:absolute;
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -28px -35px;
	width:260px;
	height:53px;
}
/*
#timerwrapper {
	background:none;
	top:0px;
	right:13px;
	line-height:33px;
	font-weight: bold;
	
}*/
@media all and (max-width: 1280px) {
	#playerWrapper #toolBarContainer .playerToolBarButton {
		/*width: 60px;*/
	}
	#playerWrapper #toolBarContainer .playerToolBarButton .ui-button-text {
		/*width: 60px;*/
	}
	#playerWrapper #toolBarContainer #btnPreviousPage, #playerWrapper #toolBarContainer #btnNextPage {
		width: 87px;
	}
	#playerWrapper #toolBarContainer #btnPreviousPage .ui-button-text, #playerWrapper #toolBarContainer #btnNextPage .ui-button-text {
		width: 87px;
	}

	#playerWrapper #toolBarContainer #pageNavigationWrapper #btnPreviousPage {
		margin-left: 11px;
	}
	
}
@media (max-width: 800px)
{

#playerWrapper #toolBarContainer #pageNavigationWrapper #btnPreviousPage {
margin-left: -52px;
}
#playerWrapper #toolBarContainer #pageNavigationWrapper #btnPreviousPage, #playerWrapper #toolBarContainer #pageNavigationWrapper #btnNextPage {
width: 88px;
}
#playerWrapper #toolBarContainer #pageNavigationWrapper #btnPreviousPage .ui-button-text , #playerWrapper #toolBarContainer #pageNavigationWrapper #btnNextPage .ui-button-text {
width: 88px;
}
#playerWrapper #toolBarContainer .playerToolBarButton .ui-button-text {
width: 60px;
}
#playerWrapper #toolBarContainer .playerToolBarButton {
		width: 60px;
	}
	#playerWrapper #toolBarContainer #summaryAudioContainer div.jp-interface ul.jp-controls {
width: 49px;
margin-left:-7px;
}
#playerWrapper #toolBarContainer #summaryAudioContainer .jp-controls li a, #playerWrapper #toolBarContainer #summaryAudioContainer .jp-controls li span {
width: 49px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#btnPreviousPage .ui-button-text{
		background-position: -13px -592px;
	}
	
	#btnPreviousPage.ui-state-disabled .ui-button-text {
		background-position: -274px -592px;
	}
	
	#btnPreviousPage .ui-button-text:hover {
	background-position: -14px -592px;
	}
}

.logoImage img
{
height:39px;
}


#saveBtn {
	border-left: none;
}
#saveBtn .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -405px -674px;
}

#saveBtn:hover .ui-button-text {
	background-image: url("images/secondary_spirtesheet.png");
	background-position: -468px -676px;
}