.clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.command-button { color: #ffffff; display: block; float: left; font: normal 12px arial, sans-serif; height: 18px; margin-right: 6px; padding-right: 7px; /* sliding doors padding */ text-decoration: none; font-weight:bold } a.command-button span { display: block; padding: 1px 0 1px 6px; } a:hover.command-button span { display: block; padding: 1px 0 1px 6px; background-position: 0% -18px } a:hover.command-button { /*Colour Moved*/ color: #88dddd; display: block; float: left; font: normal 12px arial, sans-serif; height: 18px; padding-right: 7px; /* sliding doors padding */ text-decoration: none; font-weight:bold; background-position: 100% -18px } a.command-button { color: #ffffff; display: block; float: left; font: normal 12px arial, sans-serif; height: 18px; margin-right: 6px; padding-right: 7px; /* sliding doors padding */ text-decoration: none; font-weight:bold } /*Menu Button*/ .main-button { display: block; margin: 0 auto; text-align: center } a.main-button { margin: 5px; display: block; float: left; font: normal 12px arial, sans-serif; height: 36px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight:bold } a.main-button span { display: block; padding: 10px 0 10px 15px; } a:hover.main-button span { display: block; padding: 10px 0 10px 15px; background-position: 0% -36px } a:hover.main-button { display: block; float: left; font: normal 12px arial, sans-serif; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight:bold; background-position: 100% -36px } .smallButton, a.smallButton { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #606060 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000'); background-color:#606060; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dddddd; display:inline-block; color:#ffffff; font-family:arial; font-size:11px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:1px 1px 0px #000000; /*width: 100px;*/ text-align: center; } .smallButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) ); background:-moz-linear-gradient( center top, #000000 5%, #606060 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060'); background-color:#000000; } .smallButton:active { position:relative; top:1px; } .largeButton, a.largeButton { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #606060 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000'); background-color:#606060; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #dddddd; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:4px 20px; text-decoration:none; text-shadow:1px 1px 0px #000000; width: 150px; text-align: center; } .largeButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) ); background:-moz-linear-gradient( center top, #000000 5%, #606060 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060'); background-color:#000000; } .largeButton:active { position:relative; top:1px; } .formModifier { padding:3px 2px; width: 200px; } .formButton { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #606060 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000'); background-color:#606060; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #dddddd; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 2px; text-decoration:none; text-shadow:1px 1px 0px #000000; width: 200px; text-align: center; } .formButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) ); background:-moz-linear-gradient( center top, #000000 5%, #606060 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060'); background-color:#000000; } .formButton:active { position:relative; top:1px; } .formButton-small { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) ); background:-moz-linear-gradient( center top, #606060 5%, #000000 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000'); background-color:#606060; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #dddddd; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:3px 2px; text-decoration:none; text-shadow:1px 1px 0px #000000; width: 150px; text-align: center; } .formButton-small:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) ); background:-moz-linear-gradient( center top, #000000 5%, #606060 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060'); background-color:#000000; } .formButton-small:active { position:relative; top:1px; }