body{
	margin:0;
	padding:0 0 250px;
	font-size:80%;
}

/* default tipContainer sytles */

div.tipContainer{
	position:absolute;
	display:none;
	border:1px solid #fff;
	background:#333;
	color:#fff;
	left:0;
	top:0;
	padding:7px 12px 6px;
}
	div.tipContainer *{
		line-height:1.4;
	}
	div.tipContainer p.title{
		margin:0;
		padding:0 0 2px;
		font-weight:bold;
	}
	div.tipContainer p.main{
		margin:0;
		padding:0 0 2px;
	}
	div.tipContainer p.URL{
		margin:0;
		padding:0 0 2px;
		font-family:"Arial","Helvetica",sans-serif;
	}
	div.tipContainer p.close{
		padding:0;
		margin:0;
		font-size:80%;
		text-align:center;
		padding:8px 0 3px;
	}
		div.tipContainer p.close span{
			padding:2px 3px 2px 4px;
			letter-spacing:1px;
			cursor:pointer;
			background:#fff;
			color:#333;
		}


/**
 * styles for testpage.
 */

	div#area_all{
		padding:20px 40px;
	}
	h2{
		margin:50px -20px 10px -20px;
		padding:8px 0 8px 17px;
		border-top:3px solid #000;
		border-left:3px solid #000;
	}
	h3{
		margin-top:30px;
	}
	h2+h3{
		margin-top:0;
	}
	ul{
		margin-bottom:30px;
	}
	pre{
		background:#ddd;
		padding:8px 12px;
		font-size:100%;
		line-height:1.4;
	}

	/* behaviour test */

	p.behaviourTest_click{
		cursor:pointer;
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}
	p.behaviourTest_chaseHover{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}
	
	/* closeTip test */
	p.closeTipTest{
		background:pink;
		padding:8px;
		cursor:pointer;
	}
	
	/* separator test */
	p.separatorTest{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}
	
	/* delay test */

	p.delayTest1,
	p.delayTest2,
	p.delayTest3{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* tipPosition test */

	p.tipPositionTest1,
	p.tipPositionTest2{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* offset Test */

	p.offsetTest1,
	p.offsetTest2,
	p.offsetTest3,
	p.offsetTest4,
	p.offsetTest5,
	p.offsetTest6,
	p.offsetTest7{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* width,height test */

	p.widthHeightTest1,
	p.widthHeightTest2,
	p.widthHeightTest3,
	p.widthHeightTest4,
	p.widthHeightTest5{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* opacity test */

	p.opacityTest1,
	p.opacityTest2{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* singleTip test */

	ul.singleTipTest{
		overflow:hidden; /* clear float */
		zoom:1; /* ie clear float */
		margin:0;
		padding:0 0 10px;
	}
		ul.singleTipTest li{
			float:left;
			padding:5px;
			width:180px;
			background:pink;
			list-style-type:none;
			margin:0 5px 5px 0;
			cursor:pointer;
		}

	ul.multiTipTest{
		overflow:hidden; /* clear float */
		zoom:1; /* ie clear float */
		margin:0;
		padding:0 0 10px;
	}
		ul.multiTipTest li{
			float:left;
			padding:5px;
			width:180px;
			background:pink;
			list-style-type:none;
			margin:0 5px 5px 0;
			cursor:pointer;
		}

	/* maxWidth test */

	p.maxWidthTest1,
	p.maxWidthTest2,
	p.maxWidthTest3,
	p.maxWidthTest4{
		background:pink;
		padding:8px;
	}

	/* keepNaturalWidth test */

	p.keepNaturalWidthTest1,
	p.keepNaturalWidthTest2{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}

	/* tipClass test */

	p.tipClassTest1{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}
	div.appendedClassName{
		border:8px solid blue;
	}

	/* tipHTML test */

	p.tipHTMLTest1{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}
	div.tipHTMLChangedContainer{
		position:absolute;
		display:none;
		background:#333;
		color:#fff;
		left:0;
		top:0;
	}
		div.tipHTMLChangedContainer p.topBar{
			background:#000;
			color:#fff;
			text-align:center;
			white-space:nowrap;
			margin:0 0 10px;
		}
		div.tipHTMLChangedContainer p.title{
			text-align:center;
			margin:0 10px 10px;
			font-weight:bold;
			background:#fff;
			color:#333;
			font-size:1.5em;
			padding:20px;
			font-family:"Arial","Helvetica",sans-serif;
			white-space:nowrap;
		}
		div.tipHTMLChangedContainer p.main{
			margin:0 10px 10px;
		}
		div.tipHTMLChangedContainer p.bottomBar{
			clear:both;
			background:#000;
			color:#fff;
			text-align:center;
			white-space:nowrap;
			margin:0;
		}

	/* iframeLayer test */
	
	p.iframeLayerTest1,
	p.iframeLayerTest2{
		background:pink;
		padding:8px;
		margin-bottom:24px;
	}