/*
Quranreciters.com main styles 
*/
body {
	margin:10px 10px 0px 10px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px
		}
#QRleftcontent {
	position: absolute;
	left:10px;
	top:150px;
	width:170px;
	background:#fff;
	border-right: 1px dashed #7D9ADD;
		}

	#QRcentercontent {
		background:#fff;
   		margin-left: 169px;
   		margin-right:169px;
		/* border:1px solid #000; */
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 171px;
   		margin-right:171px;
		}
	html>body #QRcentercontent {
   		margin-left: 171px;
   		margin-right:171px;
		}

	#QRrightcontent {
		position: absolute;
		right:10px;
		top:150px;
		width:160px;
		background:#fff;
	border-left: 1px dashed #7D9ADD;
		}
	
	#QRbanner {
	left:10px;
		background:#fff;
		height:40px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:39px;
		}
	html>body #QRbanner {
	left:10px;
		height:39px;
		}
	
		
	#QRbanner h1 {
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}
	
	#QRrightcontent p {
		font-size:10px
		}
		
		p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
		
/* Content Area - Menu */
#QRmenu { 
left:10px;
	margin : 0; padding : 3px 0;
	background : #244064 no-repeat right; 
}
#QRmenu li {
	margin : 0;	padding : 0;
	display : inline;
	color : white;
	font : bold 10pt tahoma, arial, sans-serif;
	text-align : center;
	list-style : none;
}
#QRmenu a:link, #QRmenu a:visited {
	padding : 3px 6px; 
	color : white; 
	text-decoration : none;
	border-right : 1px solid #5781BA;
}
#QRmenu a:hover { color : #DDD; background : #8CAEDC; }

/* boxes for the content */
/*
H3 {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; BACKGROUND: red; LEFT: 30px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000 1px solid; LINE-HEIGHT: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: -15px
}
*/


.innerboxheading{
	LEFT: 30px;
	MARGIN: 0px;
	LINE-HEIGHT: 25px;
	POSITION: absolute;
	TOP: -15px;
	font-family: "Monotype Corsiva";
	font-size: 24px;
	BACKGROUND: #D7DFF4;
}

.outerboxpara {
	padding : 10px;
	border-top : 1px dotted #899EC8; 
}
.outerbox h1 {
		font-size:24px;
		padding: 3px;
		font-family: "Monotype Corsiva", Tahoma, Verdana, Arial;
		}
/*
.outerbox {
	BORDER-RIGHT: #D7DFF4 2px dashed; BORDER-TOP: #D7DFF4 2px dashed; MARGIN-TOP: 20px; BACKGROUND: #ffffcc; FLOAT: left; MARGIN-LEFT: 20px; BORDER-LEFT: #D7DFF4 2px dashed; WIDTH: 300px; BORDER-BOTTOM: #D7DFF4 2px dashed; POSITION: relative
}

.innerbox {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; Z-INDEX: 100; MARGIN: -1px; BORDER-LEFT: white 1px solid; WIDTH: 100%; BORDER-BOTTOM: white 1px solid; POSITION: relative; HEIGHT: 100%
}
*/

.outerbox {
	BORDER: #D7DFF4 2px solid;  MARGIN-TOP: 20px; BACKGROUND: #FFFFEA; FLOAT: left; MARGIN-LEFT: 10px;  POSITION: relative; width:550px;
}

.outerbox P {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px 0px 0px;
	PADDING-TOP: 5px;
	text-align: justify;
}

.onTop
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	Z-INDEX: 2;
	LEFT: 250px;
	RIGHT:250px;
	top: 120px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	position:absolute;
	BACKGROUND-COLOR: #E2E4FA;
	border: thin dashed #92DC85;
}

.onTop p{
}

.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
        position:absolute; top:100px; left:100px; width:480px; height:280px;
        z-index:99;  visibility:hidden;}