#container{
	position:absolute;
	width:98%;
	height:100%;
	margin:auto;
}

#graphs{
	position:relative;
	width:40%;
	height:98%;
	margin-left:0px;
}

.graph{
	width:100%;
	height:25%;
}

#otherdata{
	position:relative;
        width:60%;
        height:98%;
        margin-left:40%;
	top:-100%;
}

#diskuse{
	position:relative;
        width:50%;
        height:33%;
	margin-left:50%;
	margin-top:2%;
	top:0%;
	border: 2px solid black;
	
}

#disk1{
	position:relative;
	top:6%;
        width:80%;
        height:33%;
}

#disk2{
	position:relative;
	top:6%;
        width:80%;
        height:33%;
}

#disk3{
	position:relative;
	top:6%;
        width:80%;
        height:33%;
}

#systemuse{
        position:relative;
        width:50%;
        height:33%;
        margin-left:50%;
        margin-top:0.3%;
        top:0%;
        border: 2px solid black;

}

#cpu1{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu2{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu3{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu4{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu5{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu6{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu7{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#cpu8{
        position:relative;
        top:6%;
        width:80%;
        height:12%;
}

#ram{
        position:relative;
        top:6%;
        width:80%;
        height:33%;
}

.stock{
	position:relative;
	top:auto;
	left:23%;
        width:100%;
        height:63%;
	border: 2px solid black;
}

.color{
        position:relative;
        height:100%;
        background-color:#0A0;
}

.color1{
        position:relative;
        height:100%;
        background-color:#00A;
	float:left;
}

.color2{
        position:relative;
        height:100%;
        background-color:#EDC240;
        float:left;
}

.movie{
	position:relative;
        height:100%;
	background-color:#f00;
}

.music{
        position:relative;
	float:right;
        height:100%;
        background-color:#0f0;
}

.photo{
        position:relative;
	float:right;
        height:100%;
        background-color:#00f;
}

/*neads to be corected*/
.hdd{
	position:relative;
        margin-top:-10%;
	margin-left:0%;
        width:23%;
        height:100%;
}

#cpudata{
	position:relative;
	width:49%;
        height:50%;
	border: 2px solid black;
	top:-68%;
	overflow:scroll;
}

#smartdata{
	position:relative;
	/*border: 2px solid black;*/
	/*width:114%;*/
	/*height:60%;*/
	top:-68%;
	left:-65%;
	overflow:scroll;
}

#smartdata table, #smartdata th, #smartdata td {
	border: 1px solid black;
}

.dateNew {
	color: blue;
} 

.dateOld {
	display: none;
}

.udateOld {
	/*display: block;*/
	color: red;
}

#raiddata{
        position:absolute;
        border: 1px solid black;
        /*width:114%;*/
        /*height:60%;*/
        top:90%;
        left:40%;
        overflow:scroll;
	
}