/** 
	Style for the all layouts
 */
 
html, body {	
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.2em;
	background-color:white;
}

#aspnetForm {
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	width:800px;
}

#frame {
	width:792px;
	text-align:left;
	position: relative;
	border-left:4px solid #339933;
	border-right:4px solid #339933;
}

#window {
	width:640px;
	min-height:350px;
	background-color:#A7CF4F;
	border-style:solid; border-width:2px; border-color:#036;
	margin-left:1px;
}

#windowfull {
	width:786px;
	min-height:350px;
	background-color:#D0EE8A;
	border-style:solid; border-width:2px; border-color:#036;
	margin-left:1px;
}

#side {
	position: absolute;
	top:0px;
	right:1px;
	width:144px;
	min-height:350px;
	background-color:#A7CF4F;
	border-style:solid; border-width:2px; border-color:#036;
	display:block;	
}

#flex {
	width:790px;
	/*min-height:114px;*/
	background-color:#A7CF4F;
	margin-left:1px;
	display:block;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/netsmartzkids/images/sitewide/black_arrow.png);
	font-size:12px;
	height:90px;
	width:185px;
	padding:30px;
	color:#fff;	
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(/netsmartzkids/images/sitewide/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(/netsmartzkids/images/sitewide/black_arrow_bottom.png);
}