<!-- sudoku.css -->
.c1{
        position:absolute;
	top:0;
	left:0;
	border-right:thin solid #000000;
	border-left:medium solid #000000;
	width:11%;
	height:100%;
}
.c2{
        position:absolute;
	top:0;
	left:11%;
	border-right:thin solid #000000;
	width:11%;
	height:100%;
}
.c3{
        position:absolute;
	top:0;
	left:22%;
	border-right: medium solid #000000;
	width:11%;
	height:100%;
}
.c4{
        position:absolute;
	top:0;
	left:33%;
       	border-right:thin solid #000000;
	width:11%;
	height:100%;
}
.c5{
        position:absolute;
	top:0;
	left:44%;
	border-right:thin solid #000000;
        width:11%;
	height:100%;
}
.c6{
        position:absolute;
	top:0;
	left:55%;
	border-right: medium solid #000000;
        width:11%;
	height:100%;
}
.c7{
        position:absolute;
	top:0;
	left:66%;
	border-right:thin solid #000000;
        width:11%;
	height:100%;
}
.c8{
        position:absolute;
	top:0;
	left:77%;
	border-right:thin solid #000000;
        width:11%;
	height:100%;
}
.c9{
        position:absolute;
	top:0;
	left:88%;
	border-right:medium solid #000000;
        width:11.5%;
	height:100%;
}
.e{
        position:absolute;
        left: 90;
        top: 0;
        width:11%;
}
.r1{
    position:relative;
    top:0%;
    border-top:medium solid #000000;
    width:100%;
    height:11%;
}
.r2{
    position:relative;
    top:0%;
    border-top:thin solid #000000;
    width:100%;
    height:11%
}
.r3{
    position:relative;
    border-top:thin solid #000000;
    width:100%;
    height:11%
}
.r4{
    position:relative;
    border-top:medium solid #000000;
    width:100%;
    height:11%
}
.r5{
    position:relative;
    border-top:thin solid #000000;
    width:100%;
    height:11%
}
.r6{
    position:relative;
    border-top:thin solid #000000;
    width:100%;
    height:11%
}
.r7{
    position:relative;
    border-top:medium solid #000000;
    width:100%;
    height:11%
}
.r8{
    position:relative;
    border-top:thin solid #000000;
    width:100%;
    height:11%
}
.r9{
    position:relative;
    border-top:thin solid #000000;
    border-bottom:medium solid #000000;
    width:100%;
    height:10%
}
.header{
	position:relative;
	height:8%;
	font-size:larger;
}
.board{
	position:relative;
	height: 90%;
	width: 75%;
}