.vcc {
	text-align: center;
}

.vc-navbar {
    overflow: hidden;
    background-color: #1c2f64;
    position: fixed;
	color: #aec1ff important!;
	top: 0; 
    width: 100%;
}

.vc-navbar a {
    float: left;
    display: block;
    color: #cee6ff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


.vc-button {        
  font-family: 'Roboto', sans-serif;
  float:left; margin-right:2px;
  background-color:#bbb;
  height:30px; line-height:27px;
  padding:0 5px;
  font-weight:bold;  
  border: solid 5px #000;
  color: #1d1d1d;
  border-width:0 4px 5px 0 !important;
  border-radius:3px !important;
  border-color:transparent #ddd #999 transparent;
  background-clip:padding-box;
	
}
.vc-game-button {        
  background-color:#F44336 !important;
	
}



.vc-button:hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.vc-button:enabled:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.vc-button:disabled {
    opacity: 0.5;
}       

.vc-button#highlight {
    animation-duration: .5s;
    animation-name: hblink;
    animation-iteration-count: 6;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
	animation-delay: 5s;
}       


.vci-button {        
  font-family: 'Roboto', sans-serif;
  float:left; margin-right:2px;
  background-color:#3498DB;
  height:30px; line-height:27px;
  padding:0 5px;
  font-weight:bold;  
  border: solid 5px #000;
  color: #ffe5bf;
  border-width:0 4px 5px 0 !important;
  border-radius:3px !important;
  border-color:transparent #258cd1 #258cd1 transparent !important;
  background-clip:padding-box !important;
	
}

.vci-button:hover {
    background-color: #3498DB;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.vci-button:enabled:active {
    box-shadow: 0 0 4px 2px #258cd1 inset;
    position: relative;
    top: 1px;
}

.vci-button:disabled {
    opacity: 0.5;
}       

.vci-button#highlight {
    animation-duration: .5s;
    animation-name: hblink;
    animation-iteration-count: 6;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
	animation-delay: 5s;
}   


.vcis-button {        
  font-family: 'Roboto', sans-serif;
  float:left; margin-right:2px;
  background-color:#3498DB;
  height:30px; line-height:27px;
  padding:0 5px;
  font-weight:bold;  
  border: solid 5px #000;
  color: #ffe5bf;
  border-width:0 4px 1px 0;
  border-radius:3px;
  border-color:transparent #258cd1 #258cd1 transparent;
  background-clip:padding-box;
  overflow: hidden;
	
}
.vcis-button selected{        
  background-color:#3498DB;
  font-family: 'Roboto', sans-serif;

}