/* stylesheet used by the tutorials for providing demonstrations */
/* uses hex colours to be nice to old browsers */

div.dhtmldemo { position: relative; left: 0px; top: 0px; }
div.dhtmldemo * { margin: 0; }
div.dhtmldemo div, div.dhtmldemo div * { color: #000000; }
div.dhtmldemo div { position: absolute; left: 0px; top: 0px; background: #dddddd; border: 1px solid #000000; padding: 2px; }
div.dhtmldemo div a { color: #000099; }

#dhtmlvisdemo { height: 1.7em; }
#dhtmlvisdemo div { top: 0.7em; height: 1.7em; width: 99%; visibility: hidden; }

#dhtmlposdemo { height: 2.5em; }

#dhtmlbgcdemo { height: 2.5em; }

#dhtmlzdxdemo { height: 4.2em; }
#dhtmlzdxdemo a { display: block; text-decoration: underline; }
#myDiv6 { background: #aaaaff; background-color: #ffff99; }
#myDiv6_2 { background: #ccccee; top: 1em; left: 5em; }

#dhtmlclpdemo { line-height: 100%; white-space: nowrap; font-size: 13px; }
#myDiv5 { background-color: transparent; padding: 0px;
	/* once for IE, once for good browsers - see CSS 2.1 section 11.1.2 */
	clip: rect(0px 250px 20px 0px); clip: rect(0px,250px,20px,0px); }
#clpDivCol { background-color: #dddddd;  padding: 2px; }

#dhtmlsizdemo { height: 70px; }
#dhtmlsizdemo div { height: 50px; width: 50px; }

#dhtmlrwtdemo { height: 3em; }

#collapsenone, #collapsepadding, #collapseborder {
	border: 1px solid #000000;
	background: #ffffff;
}

#collapsenone p, #collapsepadding p, #collapseborder p {
	border: 1px dashed blue;
}

#collapsenone p {
	height: 1%; /* avoiding a stupid IE bug that makes one demo useless */
}

#collapsenone div, #collapsepadding div, #collapseborder div {
	background: #ccccff;
	color: #000000;
}

#collapsepadding div {
	padding: 1px 0;
}

#collapseborder div {
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
}

p { }