body{
font-family: Helvetica;
font-size: 10px;
text-align: center;
margin:0px;
padding: 0px;
}
.main_container{
width: 800px;
margin: 0px auto;
}
.container {
width: 740px;
margin: 0px auto;
clear:both;
margin-top:-1px;
}
.container_colour {
width: 740px;
margin: 0px auto;
}
.line {
width: 1px;
height: 25%;
background-color: #DDD;
margin: 0px 0px 0px 401px;
}
.module {
    /* border: 1px solid #EEEEEE; */
    float: left;
    margin: 4px;
    width:22px;
}
.input{
	width:20px;
	height:17px;
	padding-top:3px;
	text-align: centre;
	background-color: rgb(255,255,255);
	cursor: pointer;
	border: 1px solid #DDDDDD;
}
.output{
	width:21px;
	height:20px;
	/* background-color: rgb(105,10,255); */
	/* border: 1px solid #EEEEEE; */
	float: left;
}
.output_canvas{
	width:21px;
	height:10px;
	border:0px none;
}
.hover:hover{
/* background-color: #ffff00; */
}
#int {
    background-color: #DDDDDD;
    float: left;
    height: 10px;
    margin: 46px;
    position: relative;
    width: 10px;
}
.colour{
margin:0px auto;
border: 0px none #DDDDDD;
width:20px;
}
.pointer{
cursor: pointer;
}
.clock{
border-right:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
}
.output_colour{
/* height:20px !important; */
}
.clock_colour
{
border-bottom:1px solid #DDDDDD;
}
#module_7{margin-left:14px;}
#module_15{margin-left:14px;}

#about-controller{
position:fixed;
top:10px;
left:10px;
width:10px;
height:10px;
cursor: pointer;
}
#about{
text-align: left;
position:fixed;
top:25px;
left:10px;
width:250px;
height:auto;
/* background-color: yellow; */
}