body {text-align: left; font-size: 13px; font-family: Calibri, Arial, Verdana; color: rgb(95,95,95); margin: 0px; padding: 0px;}


table {text-align: left; vertical-align: top;}

h1 {font-size: 16px;}

h2 {font-size: 18px;}

#top-left {
	position: fixed;
        top: 0px;
        left: 0px;
        z-index:15;
        }

img.oracle-logo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 76px;}

h1.edq-version {
    position: fixed;
    top: 50px;
    left: 25px;
    background-color:white}


h1.course-name {
    position: fixed;
    top: 70px;
    left: 25px;
    background-color:white}

.main-menu {
    position: absolute;
    top: 113px;
    left: 25px;
    width: 305px;
}

#accordian {

    padding: 3px 3px 3px 3px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}

#accordian h3 {
	text-decoration: none;
        font-size: 12px;
	line-height: 12px;
	padding: 0px;
	cursor: pointer;
	
	
}

#no-accordian {

    padding: 3px 3px 3px 3px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}

#no-accordian h3 {
	text-decoration: none;
        font-size: 12px;
	line-height: 12px;
	padding: 0px;
	cursor: pointer;
	
	
}

/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 2px rgba(95,95,95, 0.3);
}

/*list items*/
#accordian li {
	list-style-type: bullet;
}

#accordian ul {
	
	padding: 0 20px;
	
}


#accordian ul ul li a {
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
	display: block;
	padding: 0 2px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}


#no-accordian li {
	list-style-type: bullet;
}

#no-accordian ul {
	
	padding: 0 20px;
	
}


#no-accordian ul ul li a {
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
	display: block;
	padding: 0 2px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #C0C0C0;
	border-left: 2px solid grey;
}

#no-accordian ul ul li a:hover {
	background: #C0C0C0;
	border-left: 2px solid grey;
}


/*Lets hide the non active LIs by default*/

#accordian ul ul {
	display: none;
}

#accordian li.active ul {
	display: block;
        font-size:medium
        
}

#no-accordian ul ul {
	
}

#no-accordian li.active ul {
	display: block;
        font-size:medium
        
}

.presentation {
    position: absolute;
    top: 20px;
    left: 340px;
    width: 570px;
    height: 411px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
    
    
}

.iframe-class {
    position: relative;
    top: 0px;
    left: 0px;
    width: 90%;
    height: 90%;
    overflow: auto;
    margin:0;
    padding:25px; 
    
}