/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3-Apr-2017, 3:04:58 PM
    Author     : Yang
*/

 body{
    margin:0px;
    }
    
    
    .div1{
        background-color:red;
        float:left;
    }
    .div2{
        background-color:green;
        float:left;
    }
    .div3{
        background-color:blue;
        float:right;
    }
    .board{
        background-color:gray;
        width:500px;
        height:500px;
      margin-right:50px;
			float:left;
    }
 .newsFeedBox{
        margin-left:80%;
        margin-top: 150px;
        height: 500px;
        border-radius: 20px;
        text-align:center;
        background-color:yellowgreen ;
    }
    .gridWithPic{
        background-color:gray;
        width:25px;
        height:25px;
        margin-bottom:-5px;
    }
    .grid{
        border:1px solid #000000;
        position: relative;
        width:100%;
        margin:auto;
        width:48px;
        height:48px;
        float:left;
    }
.news{
    height:500px;
    background: -webkit-linear-gradient(top, #FFFFFF, #5AA1EB);
    background: -moz-linear-gradient(top, #FFFFFF, #5AA1EB);
    background: -ms-linear-gradient(top, #FFFFFF, #5AA1EB);
    background: -o-linear-gradient(top, #FFFFFF, #5AA1EB);
    margin-right:5%;
    text-align:center;
    border-radius:25px;
    float:left;
    width:200px;
    overflow:scroll;
}
img{
    height:100%;
    
}
.panel{
	margin-left:10%;
	margin-top:1%;
  width:900px;
	height:600px;
  float:left;
}

.clear{
  float: none;
  clear:both;
}
.inventoryDiv{
  background: -webkit-linear-gradient(top, #FFFFFF, #5AA1EB);
  background: -moz-linear-gradient(top, #FFFFFF, #5AA1EB);
  background: -ms-linear-gradient(top, #FFFFFF, #5AA1EB);
  background: -o-linear-gradient(top, #FFFFFF, #5AA1EB);
  width:500px;
  height:100px;
  margin-top:530px;
  border-radius:25px;
}

.iGrid{
        position: relative;
        width:100px;
        height:50px;
  top:10px;
  left:3%;
        float:left;
    }
.inventoryText{
  color:blue;
  width:150px;
  height:20px;
  margin-left:180px;
  padding-top:5px;
  text-align:center;
  font-family:Comic Sans MS;
  
}
#g1, #g2, #g3{
    font-family: "Arial", cursive, sans-serif;
    font-size:150%;
    padding-left:5px;
}
.gridPic{
    width:50px;
    height:50px;
    float:left;
}