body{
	margin:0px;
	overflow:hidden;
	text-align:center;
	font-family: 'Oxygen', sans-serif !important;
	font-size:100%;
}
i{font-size: 2em;}
@media screen and (min-width: 500px) {
    body{font-size: 150%;}
}
@media screen and (min-width: 700px) {
    body{font-size: 200%;}
}
#container{
	margin:auto;
	position:absolute;
	width:100px;
	height:300px;
	display:none;
	border-style: solid;border-color: #b7b7b7;
	border-width: medium;
	top:0px !important;
}
#header{
	width:100%;
	height:10%;
	position:absolute;
	top:0px;
}
#header-content{
	float:left;
	width:100%;
	height:10%;
}
#footer{
	background:#f3f3f3;
	width:100%;
	height:14%;
	position:absolute;
	bottom:-12%;
}
.ui-bg{
	background:#f3f3f3;
}
.radius{
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.shadow{
	/*-webkit-box-shadow: 1px 1px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 6px rgba(50, 50, 50, 0.75);
	-webkit-background-clip: padding-box;*/
}
#if{
	width:100%;
	height:80%;
	position:absolute;
	top:10%;
}
.big_btn{
	width:17% !important;
	height:70% !important;
	margin-top:5%;
	margin-left:1%;
}
.small_btn{
	width:30% !important;
	height:46% ;
	margin-top:20%;
	margin-left:1%;
	
}
#nav{
	width:33%;
	height:100%;
	position:absolute;
	/*right:0px;*/
	left:55%;
}
#tree_btn_div{
	width:5%;
	height:100%;
	position:absolute;
	left:0%;
}
	
#slider_div{
	width:32%;
	height:100%;
	position:absolute;
	left:6%;
}
#slider{
	width:85% !important;
	margin-top:7%;
	height:30%;
}
#pageInfo{
	margin-top:2%;
	float:left;
	margin-left:35%;
	color:#666;
	width:18%;
	height:50%;
	border:1px solid #e8e8e8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#pageno{
	float:left;
	border-right:1px solid #d8d8d8;
	line-height:200%;
	height:100%;
	width:40%;
	font-size:120%;
	text-align: center;
	background-color:#f0f0f0;
}
#time{
	float:left;
	width:59%;
	height:100%;
	text-align: center;
	background-color:#f5f5f5;
	line-height:230%;
}
#tools{
	width:14%;
	height:100%;
	position:absolute;
	/*left:52%;*/
	right:1%;
}
button::-moz-focus-inner {
	border: 0; 
}
.hidden{
	display:none;
}
.content{
	height:80%;
	width:100%;
	position:absolute;
	top:10%;
}
#mainTitle{
	padding:10px 0 10px 20px;
	color:#666;
	font-size:20px;
}
#videoplayer{
	overflow:hidden;
	background:white;
	border:none;
	outline:none;
}
#logo{
	width:80%;
	height:auto;
	vertical-align: top;
	margin-top:10%;
}
#logo-wrapper{
	float:left;
	height:100%;
}
#contentTitle{
	float:left;
	margin-top:2.5%;
	margin-left:1.5%;
	color:#5491cb;
	font-weight:bold;
	width:90%;
	text-align:left;
	font-family:Tahoma,Verdana,Arial !important;
	font-size:120%;
}
#preloader{
	position:absolute;
	z-index: 30;
	left:50%;
	margin-left: -110px;
	top:200px;
	display: none;
}
#contentList{
	position:absolute;
	z-index:550;
	display:none;
	overflow:scroll;
	width:50%;
	height:94%;
	top:0px;
	text-align:left;
	padding: 10px;
	border:1px solid #ccc;
}
#contentList a , #contentList a:hover{
	margin-bottom:15px
}
#contentList .jstree-closed > a > ins { background-image:url("../images/Folder-icon-closed.png") !important; background-position:0px 0px}
#contentList .jstree-open > a > ins { background-image:url("../images/Folder-Open-icon.png") !important; background-position:0px 0px}
#contentList .jstree-leaf > a > ins { background-image:url("../images/Document-icon.png"); background-position:0px 0px} 


#downloads{
	position:absolute;
	z-index:500;
	display:none;
	overflow:hidden;
	width:98%;
	height:15%;
	bottom:0px;
	text-align:left;
	padding: 10px;
	border:1px solid #ccc;
	background: #fbfbfb;
}

a{
	text-decoration:none;
	color:black;
	font-size:100%;
}
a:hover{
	text-decoration:underline;
}