.outerbox{
position: relative;
border: thin solid black;
height: 38%;
margin-left: 8%;
margin-right: 8%;
}
.ktopleft_indep{
background: #33ffff; 
width: 30%;
height: 50%;
border: thin solid black;
} 
.kbotleft_indep{
background: yellow;
width: 30%;
height: 50%;
border: thin solid black;
} 
.ktopright_indep{
position: absolute;
top: 0%;
left: 30%;
width: 70%;
height: 50%;
border: thin solid black;
}
.kbotright_indep{
position: absolute;
top: 50%;
left: 30%;
width: 70%;
height: 50%;
background: #99ff99;
border: thin solid black;
}
.ktopleft_a{
background: #33ffff; 
width: 30%;
height: 100%;
border: thin solid black;
}
.ktopright_a{
position: absolute;
top: 0%;
left: 30%;
width: 70%;
height: 100%;
border: thin solid black;
}
.ktopleft_b{
width: 100%;
height: 50%;
border: thin solid black;
}
.kbotleft_b{
background: #99ff99;
width: 100%;
height: 50%;
border: thin solid black;
}
.ktopleft_pos{
background: #33ffff; 
width: 25%;
height: 45%;
border: thin solid black;
} 
.kbotleft_pos{
background: yellow;
width: 35%;
height: 55%;
border: thin solid black;
} 
.ktopright_pos{
position: absolute;
top: 0%;
left: 35%;
width: 65%;
height: 45%;
}
.kbotright_pos{
position: absolute;
top: 55%;
left: 35%;
width: 65%;
height: 45%;
background: #99ff99;
border: thin solid black;
}
.ktopcenter_pos{
position: absolute;
top: 0%;
left:25%;
width: 10%;
border: thin solid black;
height: 45%
}

.ktopleft_neg{
background: #33ffff; 
width: 25%;
height: 55%;

}
.kbotleft_neg{
background: yellow;
width: 25%;
height: 45%;
border: thin solid black;
} 
.ktopright_neg{
position: absolute;
top: 0%;
left: 35%;
width: 65%;
height: 55%;
border: thin solid black;
}
.kbotright_neg{
position: absolute;
top: 45%;
left: 25%;
width: 75%;
height: 55%;
background: #99ff99;
border: thin solid black;
}
.ktopcenter_neg{
position: absolute;
top: 0%;
left:25%;
width: 10%;
height: 45%;
border: thin solid black;
background: #33ffff;
}