/*

// Stylesheet for Storage Calculator Tool


// Dark: #846656 // Light: #ded1be 
*/

.itembox {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999;
  float: left;
  font-size: 18px;
  height: 275px;
  margin: 9px;
  min-height: 275px;
  text-align: center;
  width: 110px;
}

.itembox input[type=submit]{
background: #43aa67;
border-radius: 5px;
}

.itemimg{
margin: 5px;
padding: 0px;
}

.itemimg img{
margin-top: 10px;
}

.itemtag {
  background: none repeat scroll 0 0 #ffffff;
  color: #000000;
  font-size: 18px;
  margin: 5px;
  width: 100px;
}


#itemsarea{
width: 100%;
float: left;
position: relative;
}

.listarea {
  background: none repeat scroll 0 0 #A9A4A2;
  color: #000000;
  float: left;
  font-size: 15px;
  margin: 2px 10px 0;
  padding: 0 10px;
  width: 260px;
}

.listarea small, .listarea strong{
color: #000000;

}


#boxx{
border-top: 1px solid #ffffff;
padding: 5px 0px;
border-bottom: 1px solid #ffffff;
}


.listarea form{
margin: 6px 0px;
}
.listarea input{
margin: 0px;
color: #333333;
}

.itemtitle{
float: left;
width: 162px;
margin-bottom: 1px;
}

.itemremove{
float: left;
width: 8px;
margin-bottom: 1px;
}

h4{
margin: 4px 0px;
font-variant: none;
font-size: 15px;
}

#clearlist{
margin: 0px;
}


#clrbtn{
padding: 3px;
background: blue;
color: #e51937;
border: 1px solid #e51937;
}


input.remove{
padding: 0px;
border: 0;
background: #8A1B04;
color: #ffffff;
cursor: pointer;
font-size: 11px;
}


.listarea h4{
color: #fff;
font-size: 20px;

}

.itemimg input[type=submit]{
margin-top: 15px;
}