/* *********************************************************
	Import slide CSS
*/
@import url("slideHtml.css");

/* *********************************************************
	Slideshow root page styles
*/
div#tplRootPge{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	height: 100%;
	background: white;
}

div#tplToc{
	position: absolute;
	top:0px;
	left:0px;
	border-right:1px solid #94739d;	
	width:25%;	
	height:100%
}

div#tplTocCo{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	background: white;
}

div#tplTocScroll{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	overflow:auto
}

div#tplSldFra{
	position: absolute;
	top:0px;
	left:27%;
	height: 100%;
	width:73%
}

div#tplRootNav{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 40px;
	width: 100px;
}

div#tplTools{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 44px;
	width: 20px;
}
a#btnModeSs{
	position: absolute;
	height : 40px;
	top:0px;
	width:30px;
	right:10px;
	background-repeat: no-repeat;
	background-position: center center;
}
a#btnModeSs{
	background-image: url(../img/tools/btnMdeSs.png);
	opacity:0.2;
	filter:Alpha(opacity=20); 
}
a#btnModeSs:hover{
	opacity:1;
	filter:Alpha(opacity=100); 
}
a#btnModeSs span{
	display: none;
}

a.btnNxt{
	position: absolute;
	width:30px;
	height:40px;
	bottom: 0px;
	background-repeat: no-repeat;
}
a.btnNxt:hover{
	opacity:0.7;
}
a.btnNxt{
	right: 10px;
	background-image: url(../img/nav/next.png);
}
a.btnNxt span{
	display: none;
}

div#tplFootBanner{
	position: absolute;
	bottom: 5px;
	left: 26%;
	font-size: 0.8em;
	color: gray;
	cursor:default;
}

div#tplFootBanner .copyright{
	font-style: italic;
}
div#tplFootBanner .version{
	color: #6A9662;
}
div#tplFootBanner img{
	vertical-align: middle;
}

/* *********************************************************
	Menu styles
*/
ul#toc{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align:left;
	cursor: default;
	margin-left:3px
}
ul#toc a {
	text-decoration: none;
	color: black;
}
ul#toc a span{
	color: black;
}
ul#toc a.toc_lnk span{
	padding: 0px 5px 0px 5px;
	display:inline-block;
	cursor:pointer;
	cursor:hand
}
ul#toc a img{
	border: 0px;
	vertical-align: middle;
}
ul#toc ul{
	list-style-image:none;
	list-style-type:none;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	}
ul#toc li{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

ul#toc .toc_i{
	color: black;
	padding-left: 15px;
	position: relative;
}
ul#toc a.toc_tgle_o,
ul#toc a.toc_tgle_c {
	position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width: 15px;
}
ul#toc a.toc_tgle_o img,
ul#toc a.toc_tgle_c img{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-7px;
}
ul#toc a.toc_lnk {
	padding: 2px 2px 2px 7px;
	display: inline-block;
}
/*** Leaf ***/
ul#toc .tocObj{
	background: url(../img/toc/objPedMnu.png) left center no-repeat;
}

ul#toc .tocIntro{
	background: url(../img/toc/introMnu.png) left center no-repeat;
}

ul#toc .tocConclu{
	background: url(../img/toc/concluMnu.png) left center no-repeat;
}

ul#toc .tocCourseUa{
	background: url(../img/toc/courseUaMnu.png) left center no-repeat;
}

ul#toc .tocAssmntUa{
	background: url(../img/toc/assmntUaMnu.png) left center no-repeat;
}

ul#toc .tocExpUc{
	background: url(../img/toc/expUcMnu.png) left center no-repeat;
}

ul#toc .tocVidUc{
	background: url(../img/toc/vidUcMnu.png) left center no-repeat;
}

ul#toc .tocQuest{
	background: url(../img/toc/questMnu.png) left center no-repeat;
}

ul#toc .pres{
	background: url(../img/toc/ueMnu.png) left center no-repeat;
}

ul#toc .tocPractUc{
	background: url(../img/toc/practUcMnu.png) left center no-repeat;
}

ul#toc .tocMcqSur{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocMcqMur{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocField{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocCloze{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocCoQuiz{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocOrdWord{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocMatch{
	background: url(../img/toc/trainUcMnu.png) left center no-repeat;
}

ul#toc .tocContact{
	background: url(../img/toc/contactMnu.png) 2px center no-repeat;
}

ul#toc .toc_b{
	background: url(../img/toc/tgle_o.gif) 2px center no-repeat;
}

ul#toc div.toc_sel_no a.toc_lnk:hover{
	color:#94739d;
}
ul#toc div.toc_sel_no a.toc_lnk:hover span{
	color:#94739d;
}
ul#toc div.toc_sel_yes a.toc_lnk span{
	display: block;
	-webkit-border-radius: 50px;
	-moz-border-radius:50px;
	border-radius: 50px;
	background-color:#5B6F94;
	color:white;
}
/* *********************************************************
	Content styles
*/

.sldHome_ti{
	text-align: center;
	margin-top:3em;
	font-size:3em
}

.sldHome_co, .slideContact .slideBk_co {
color:gray;
font-size:1.3em;
text-align:center;
}