/* merged with content from DEMOS
load seq:
1.css/fixedSidebar.css
2.css/styleGeneralHa.css
*/

/* from DEMOS.css */
table {
	font-size: 1em;
}
.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}
.ui-draggable, .ui-droppable {
	background-position: top;
}

#accordion a {
	text-decoration: none;
    background-color:#FFFFFF;
    background: none;
    border-style:none;
}
#accordion a:link {
	color: #444444;
}
/*#accordion a:visited {
	color: #444444;
}*/
#accordion a:hover {
	color: #339900;
}
#accordion a:active {
	color: #333333;
}

#accordion ul {
    list-style:"list-style-type:circle";
    margin-left: 2em;
    margin-top: 0;
    padding-left: 0;
}
#accordion h3 {
	cursor: pointer;
	line-height: 50%;
}




/* orig. sidebars "frames" related */

/* experimental: added orientation-responsive layout	*/

/*// mobile screens*/
@media all and (orientation: portrait) { 
	body{
		margin: 0;
		padding: 0;
		border: 0;
		overflow: auto;
		height: 100%; 
		max-height: 100%; 
	}
	#framecontentLeft{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 30%; /*Height of frame div*/
		overflow-y: auto;
		overflow-x: hidden;
		background-color: rgba(0, 0, 0, 0.3);
		color: rgb(55,55,55);
		padding-left: 20px;
	}
	#main{
		position: fixed; 
		top: 32%; /*Set top value to HeightOfFrameDiv*/
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto; 

		margin-left: auto;
		margin-right: auto;
/*		max-width: 600px;	*/
		max-width: 97%;
	}

	#accordion { 
		font-size: 130%;
		line-height: 150%;
		}
	#accordion h3 {
		font-size: 130%;
		font-weight: 600;
		line-height: 30%;
	}
}
/*// normal laptop screens*/
@media all and (orientation: landscape) { 
	#accordion { font-size: 75%;	}
	#framecontentLeft{
		position: absolute; 
		top: 30px; 
		left: 15px; 
		width: 250px; /*Width of left frame div*/
		height: 100%;
		overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
	}
	#main{
		position: fixed; 
		top: 11px; 
		left: 270px; /*Set left value to WidthOfLeftFrameDiv*/
		right: 0;
		bottom: 0px;  
		/**** from merge: ****/
		margin-left: auto;
		margin-right: auto;
		max-width: 640px;
		overflow: auto; 
		background-color: rgba(255,255,255,0.25);
		border-radius: 4px;    
	}
	body{
		margin: 0;
		padding: 0;
		border: 0;
		overflow: hidden;
		height: 100%; 
		max-height: 100%; 
	}

}

/*IE6 hacks */
* html body{
	padding: 43px 0 120px 220px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #main{
	height: 100%; 
	width: 100%; 
}