.myButton {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #cdd3d8));
background: -moz-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -webkit-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -o-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -ms-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: linear-gradient(to bottom, #fdfdfd 5%, #cdd3d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#cdd3d8',GradientType=0);
background-color: #fdfdfd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #6d8091;
display: inline-block;
cursor: pointer;
color: #000;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-size: 15px;
font-weight: normal;
font-style: italic;
text-decoration: none;
text-align: center;
padding: 0;
display: inline-block;
}
.myButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #fdfdfd), color-stop(1, #a7cae6));
background: -moz-linear-gradient(top, #fdfdfd 35%, #a7cae6 100%);
background: -webkit-linear-gradient(top, #fdfdfd 35%, #a7cae6 100%);
background: -o-linear-gradient(top, #fdfdfd 35%, #a7cae6 100%);
background: -ms-linear-gradient(top, #fdfdfd 35%, #a7cae6 100%);
background: linear-gradient(to bottom, #fdfdfd 35%, #a7cae6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#a7cae6',GradientType=0);
background-color: #fdfdfd;
}
.myButton:active {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #a7cae6), color-stop(1, #678aa6));
background: -moz-linear-gradient(top, #a7cae6 35%, #678aa6 100%);
background: -webkit-linear-gradient(top, #a7cae6 35%, #678aa6 100%);
background: -o-linear-gradient(top, #a7cae6 35%, #678aa6 100%);
background: -ms-linear-gradient(top, #a7cae6 35%, #a678aa6 100%);
background: linear-gradient(to bottom, #a7cae6 35%, #678aa6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7cae6', endColorstr='#678aa6',GradientType=0);
background-color: #a7cae6;
}
.myButton:disabled {
color: #999;
border: 2px solid #9db0c1;
}
.myButtonX {
opacity: 0.3;
width: 23px;
height: 23px;
font-size: 13px;
font-style: normal;
position: absolute;
top: 7px;
right: 7px;
}
.myButtonX:hover {
opacity: 1;
}
#button1Div {
margin-top: 0px;
animation: moveButtons 1.1s cubic-bezier(.14,.71,.35,.99);
}
@keyframes moveButtons {
from {
margin-top: 200px;
}
to {
margin-top: 0px;
}
}
.myDisplay {
position: absolute;
left: 0px;
top: 0px;
width: 720px;
height: 405px;
}
#silverDisplayMenuDone #buttonSubmit, #silverDisplayMenuDone #buttonRunAgain, #silverDisplayMenuDone #buttonMainMenu {
opacity: 0.2;
}
#silverDisplayMenuDone:hover #buttonSubmit, #silverDisplayMenuDone:hover #buttonRunAgain, #silverDisplayMenuDone:hover #buttonMainMenu {
opacity: 1;
}
.myScore {
text-shadow: 2px 2px 9px rgba(0,0,0,0.5);
color: #FFF;
font-size: 110px;
font-family: Arial;
font-weight: bold;
line-height: 220px;
}
.myCtrlBackground {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #cdd3d8));
background: -moz-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -webkit-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -o-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: -ms-linear-gradient(top, #fdfdfd 5%, #cdd3d8 100%);
background: linear-gradient(to bottom, #fdfdfd 5%, #cdd3d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#cdd3d8',GradientType=0);
background-color: #fdfdfd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #6d8091;
}
.myCtrlBorder {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #6d8091;
}
#silverDisplayMenuDoneSubmit p {
text-align: left;
}
.myInput {
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 14px;
padding: 3px;
margin-top: 0px;
margin-bottom: 3px;
width: 300px;
height: 20px;
}
#mynickname,#mypc{
box-sizing:initial!important;
}
.myCombo {
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 12px;
padding: 3px;
margin-top: 0px;
margin-bottom: 3px;
width: 200px;
height: 30px;
}
.myCombo * {
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 14px;
padding: 0px;
margin-top: 0px;
width: 200px;
height: auto;
}
.myLabel {
margin-top: 14px;
margin-right: 6px;
padding: 0;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 11px;
color: #fff;
width: 285px;
height: 17px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
#silverjs {
background: #CCC;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEEEEE",endColorstr="#999999");
background: -webkit-gradient(linear,left top,left bottom,from(#EEE),to(#999));
background: -moz-linear-gradient(top,#EEE,#999);
background: -o-linear-gradient(top,#EEE,#999);
line-height: 0;
width: 720px;
height: 405px;
text-align: center;
}
#silverjs label {
display: inline-block;
float: left;
text-align: right;
clear: left;
}
#silverjs select {
outline: none;
}
.mySmallText {
color: rgba(0, 0, 0, 1);
font-size: 11px;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-weight: bold;
line-height: 3px;
text-shadow: 0px 0px 2px rgba(255,255,255,0.5);
}
.myTipLabel {
font-style: italic;
font-size: 10.5px;
color: rgba(0, 0, 0, 255);
text-shadow: 0px 0px 2px rgba(255,255,255,0.5);
}
.myLabelGauge {
font-style: normal;
font-size: 25.0px;
color: rgba(0, 0, 0, 255);
text-shadow: 0px 0px 2px rgba(255,255,255,0.5);
padding-top: 12px;
}
.myBottomInfoClass {
padding: 0;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 12px;
color: #fff;
width: 285px;
height: 17px;
text-shadow: 1px 1px 2px rgba(0,0,0,1.0);
padding-right: 10px;
}
.stressTipLink {
color: #EEBB11;
text-shadow: 1px 1px 2px rgba(88,88,88,1.0);
font-size: 12px;
}
#fhd{background:#F00;position:relative;text-align:left;height:0}
#fullhd{position:absolute;top:-30px;width:110px;left:3px}