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

/* *********************************************************
	Slideshow root page styles
*/
body{
	background-color:#710906; /* KELIS OFFICE*/
}
div#tplRootPge{
	position: absolute;
	top:2px;
	left:2px;
	bottom:2px;
	right:2px;
	background: white url("../img/tpl/topPge.png") top right no-repeat;
	width:100%;
}

div#tplToc{
	position: absolute;
	top:100px;
	left:0px;
	bottom: 35px;
	z-index:2;
}
div.tplTocOn{
	width: 270px;
}
div.tplTocOff{
	width: 32px;
}
div#tplTocCo{
	position: absolute;
	top:0px;
	left:0;
	right:12px;
	bottom: 35px;
	background: #f8f8f8; /* KELIS OFFICE*/
	-moz-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-webkit-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
div.tplTocCoClose{
	position: absolute;
	top:0px;
	left:0;
	right:12px;
	bottom: 45px;
	background: #f8f8f8; /* KELIS OFFICE*/
	-moz-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-webkit-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
div#tplTocScroll{
	position: absolute;
	top:20px;
	bottom: 20px;
}
div.tocSrlUp{	
	position: absolute;
	top:5px;
	left:0px;
	right:0px;
	height: 10px;
}
div.tocSrlDwn{
	position: absolute;
	bottom:5px;
	left:0px;
	right:0px;
	height: 10px;
}
div.tocSrlUp a,
div.tocSrlDwn a{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	text-align: center;
}
div.tocSrlUp span,
div.tocSrlDwn span{
	display: none;
}
a.tocSrlUpBtn{
	background: url(../img/toc/btnSrlUp.png) no-repeat center center;
}
a.tocSrlUpBtn:hover{
	background-image: url(../img/toc/btnSrlUpOvr.png);
}
a.tocSrlDwnBtn{
	background: url(../img/toc/btnSrlDwn.png) no-repeat center center;
}
a.tocSrlDwnBtn:hover{
	background-image: url(../img/toc/btnSrlDwnOvr.png);
}
#tplToc div.btnOff a{
	background-image: url(../img/toc/btnSrlDis.png);
}
#tplToc div.btnOff a:hover{
	background-image: url(../img/toc/btnSrlDis.png);
}
a.btnTocTglOn,
a.btnTocTglOff{
	bottom:5px;
	display:block;
	height:30px;
	left:0;
	position:absolute;
	width:20px;
}
a.btnTocTglOff{
	height:34px;
}
a.btnTocTglOn{
	background: #F8F8F8 url(../img/toc/btnTgleOn.png) no-repeat center center;
	-moz-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-webkit-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;
}
a.btnTocTglOn:hover{
	background: #890c08 url(../img/toc/btnTgleOnOvr.png) no-repeat center center;
}
a.btnTocTglOff{
	background: #F8F8F8 url(../img/toc/btnTgleOff.png) no-repeat center center;
	-moz-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-webkit-box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	box-shadow: 2px 4px 4px #696969; /* KELIS OFFICE*/
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius: 5px;
}
a.btnTocTglOff:hover{
	background: #890c08 url(../img/toc/btnTgleOffOvr.png) no-repeat center center;
}
a.btnTocTglOn span,
a.btnTocTglOff span{
	display: none;
}
div#tplSldFra{
	position: absolute;
	top:0px;
	right:20px;
	bottom: 40px;
	/*background-color: white;*/
}
div.tplSldFraTocOn{
	left: 270px;
}
div.tplSldFraTocOff{
	left: 37px;
}
div#tplRootNav{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 35px;
	width: 100px;
	/*background: white url("../img/tpl/btmPge.png") bottom right repeat-x;*/
	z-index:20;
}
div#tplTools{
	position: absolute;
	left: 25px;
	bottom: 40px;
	height: 20px;
	width: 40px;
	z-index:10;
}
a.btnModeHtml{
	position: absolute;
	height : 20px;
	top:0px;
	width:20px;
	left:0px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}
a.btnModeHtml{
	background-image: url(../img/tools/btnMdeHtml.png);
	opacity:0.2;
	filter:Alpha(opacity=20); 
}
a.btnModeHtml:hover{
	opacity:1;
	filter:Alpha(opacity=100); 
}
a.btnEfcts,
a.btnNoEfcts{
	position: absolute;
	height : 20px;
	top:0px;
	width:20px;
	right:0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
}
a.btnEfcts{
	background-image: url(../img/tools/btnEfcts.png);
	opacity:0.3;
	filter:Alpha(opacity=30); 
}
a.btnEfcts:hover{
	opacity:1;
	filter:Alpha(opacity=100); 
}
a.btnNoEfcts{
	background-image: url(../img/tools/btnNoEfcts.png);
	opacity:0.3;
	filter:Alpha(opacity=30); 
}
a.btnNoEfcts:hover{
	opacity:1;
	filter:Alpha(opacity=100); 
}

a.btnEfcts span,
a.btnNoEfcts span,
a.btnModeHtml span{
	display: none;
}

div.ssSlide{
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: white;*/
}
h1.slideTi{
	position: absolute;
	width: 100%;
	height: 10%;
	margin:0px;
	text-align: center;
}
iframe.slideFra{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	bottom:0px;
	border: 0px;
	overflow: hidden;
}
a.btnPrv,
a.btnNxt{
	position: absolute;
	width:30px;
	height:30px;
	top: 0px;
	background-repeat: no-repeat;
}
a.btnPrv{
	left: 15px;
	background-image: url(../img/nav/btnPrv.gif);
}
a.btnPrv:hover{
	background-image: url(../img/nav/btnPrvOvr.gif);
}
a.btnNxt{
	right: 15px;
	background-image: url(../img/nav/btnNxt.gif);
}
a.btnNxt:hover{
	background-image: url(../img/nav/btnNxtOvr.gif);
}
a.btnPrv span,
a.btnNxt span{
	display: none;
}
div#tplZoomFra{
	position: absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}
div.tplZoomOvr{
	position: absolute;
	width:100%;
	height:100%;
	background-color: black;
	opacity:0.3;
	filter:Alpha(opacity=30); 
}
div#tplZoomCo{
	position: absolute;
	left: 15px;
	right: 15px;
	top: 15px;
	bottom: 15px;
	background-color: white;
	border: 3px solid #476042;
	-webkit-box-shadow: 0px 0px 8px black;
	-moz-box-shadow: 0px 0px 8px black;
	box-shadow: 0px 0px 8px black; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	z-index: 3;
}
div.sldZmFrg,
div.sldZmSld{
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	overflow: hidden;
	text-align: center;
}
div.sldZmSld iframe{
	overflow: auto;
	
}
a.btnZmCls{
	position: absolute;
	width:31px;
	height:31px;
	top: -15px;
	right: -15px;
	background-repeat: no-repeat;
	background-image: url(../img/nav/btnZmCls.png);
}
a.btnZmCls:hover{
	background-image: url(../img/nav/btnZmClsOvr.png);
}
a.btnZmCls span{
	display: none;
}
/* KELIS OFFICE - begin */
div#tplFootBanner{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.8em;
	color: gray;
	cursor:default;
	right: 0;
	background: white url("../img/tpl/btmPge.png") bottom right repeat-x;
	padding:0;
	min-height:40px;	
}
div.footInfos {
	bottom:4px;
	font-family:verdana;
	font-style:italic;
	left:5px;
	position:absolute;
	color:#282828;
}
/* KELIS OFFICE - end */
div#tplFootBanner .footInfo{
		margin-left:40px;
}
div#tplFootBanner .copyright{
	font-style: italic;
}
div#tplFootBanner .version{
	color: #710906;
}
.sldWaitMsg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-150px;
	margin-top:-20px;
	width: 300px;
	height: 40px;
	background-color: #6A9662;
	border: 3px solid #476042;
	-webkit-box-shadow: 0px 0px 8px black;
	-moz-box-shadow: 0px 0px 8px black;
	box-shadow: 0px 0px 8px black; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	
}
.sldWaitMsg span{
	display:block;
	padding-top:10px;
	font-size:1.2em;
	font-weight:bold;
	font-style: italic;
	color: white;
}


/* *********************************************************
	Menu styles
*/
ul#toc{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
	padding: 0 0 0 7px;
	text-align:left;
	cursor: default;
	width:245px;
}
ul#toc a {
	text-decoration: none;
	color: #4c4c4c;
}
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: 25px;
	position: relative;
	font-weight:bold;
}
ul#toc a.toc_tgle_c {
	position: absolute;
	top:0px;
	left:12px;
	height:100%;
	width: 10px;
}
ul#toc a.toc_tgle_o {
	position: absolute;
	top:0px;
	left:3px;
	height:100%;
	width: 18px;
}
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;
	display: block;
}
/*** Leaf ***/
ul#toc .toc_l{
	background: url(../img/toc/itm.gif) 9px no-repeat;
}
ul#toc div.toc_sel_no a.toc_lnk:hover{
	color: #890c08; /* KELIS OFFICE*/
	text-decoration: underline;
}
ul#toc div.toc_sel_yes a.toc_lnk{
	color: #890c08;
}
ul#toc .pres{
	background: url(../img/toc/itmHome.gif) 3px no-repeat;
	border-bottom:1px solid #C89290;
}
/* *********************************************************
	Content styles
*/
.sldHome_ti{
	text-align: center;
	margin-top:3.5em;
}
/* *********************************************************
	KelisOffice Notice
*/
.sldHome_co{
	text-align:center;
}
.underline {
	text-decoration:underline;
}
.propertyContact {
	font-style:italic;
	margin-top:5%;
}
.contact {
	font-style:italic;
}
.participants {
	margin-top:5%;
}
.participant_ti {
	font-style:italic;
	text-decoration:underline;
}