body
{
	background-color: lightgray;
	margin: 0px;
	padding: 0px;
}

body div
{
	/*height: 500px;*/
}

#div01
{
	background-color: lightblue;
    height: 300px;
    width: 300px;
	
	position: fixed;
	left: 150;
	top: 50;
/*
    position: absolute;
	top: 150;
    right: 100;
	
	*/
}

#div02
{
    background-color: lightgreen;
    height: 300px;
    width: 300px;
	position: fixed;
	left: 150;
	top: 400;
/*
    
	
    right: 100;
	left: 150;
	*/
}

.divClass
{
	border: 2px solid red;
    border-radius: 5px;
}

.children
{
	border: 2px solid blue;
    border-radius: 5px;
	
	height: 50px;
    width: 50px;
}


.childrenA
{
	background-color: orange;
}


.childrenB
{
	
}

.childrenC
{
	background-color: inherit;
}



#childA, #childB, #childC
{
	position: absolute;
	right: -25;
}


#childA, #childB
{
	top: -25;
}

#childC
{
	bottom: -10;
}

#childB
{
	left: -25;
}



#status
{
    height: 300px;
    width: 200px;
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
}




#test
{
	height: 200px;
    width: 200px;
	position: absolute;
	background-color: olive;
	top: 347;
	left: 540;
}