.Clear{clear:both;}

.Metro_div{
border:none;
float: left;
}

.BoxCoral div { background-color: #FF9973; }
.BoxCoral div span { color: DarkRed; display:block; }
 
.BoxOrange div { background-color: #FBC02B; }
.BoxOrange div span { color: Brown; display:block; }
 
.BoxSkyBlue div{ background-color: SkyBlue; }
.BoxSkyBlue div span { color: Blue; display:block; }

.BoxLimeGreen div { background-color: #90EE90; }
.BoxLimeGreen div span { color: Green; display:block; }

.BoxViolet div { background-color: Orchid; }
.BoxViolet div span { color: Indigo; display:block; }

.BoxSilver div { background-color: Silver; }
.BoxSilver div span { color: #333; display:block; }
 
.MetroBtn
{ text-decoration:none;
  float:left;
}
.MetroBtn div 
{ position: relative; 
  width:95px;
  height:95px;
  margin:3px;
  padding:0px;
  color:whitesmoke;
  text-align: center;
  border-radius: 12px;
  border: 3px solid gray;
  /*text-shadow: 1px 1px gray;*/
  vertical-align:middle;
}

.MetroBtn div span
{ position: absolute;
  width:100%;
  bottom:0;
 
  font-size:13px;
  text-transform:uppercase;
  font-weight:bold;
}
 
.MetroSpace{
 width:20px;
 height:85px;
 margin:5px;
 float:left;
}

.content
{ width:980px;
  background-color:white;
  margin: 5px auto;
  border-radius: 8px;
  behavior: url(/pie/PIE.htc);
  padding:7px;
  overflow:hidden;
}

.btn
{ text-decoration: none;
  color: black;
  font-size:13px;  
  margin:2px;
  padding:1px 8px;
  border-radius: 5px;
  behavior: url(/pie/PIE.htc);
  background-color:Gainsboro;
  border:solid 1px gray;
  display: inline-block;
  text-align:center;
  cursor: pointer;
}

.btn:hover
{ background-color: PowderBlue;
  border-color: DodgerBlue; }  

.btn[disabled]
{ color: Gray; }  

.btn[disabled]:hover
{ color: Gray;
  border-color: gray;
  background-color: Gainsboro; }