body { background: #1a2537 url("/Content/Images/_briefing-bg-titul.gif"); }

.briefing-button { padding: 10px; }
.briefing-button-main {
    background: #a2b0bd;/* Old Browsers */
    background: -moz-linear-gradient(top, #a2b0bd 0%, #020609 50%, #295b7b 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #a2b0bd), color-stop(50%, #020609), color-stop(100%, #295b7b));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #a2b0bd 0%, #020609 50%, #295b7b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a2b0bd 0%, #020609 50%, #295b7b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a2b0bd 0%, #020609 50%, #295b7b 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #a2b0bd 0%, #020609 50%, #295b7b 100%);/* W3C */
}
.briefing-button-text { position: relative; }

#settings .briefing-button { width: 91px; height: 91px; }
#preshift-briefing .briefing-button { width: 91px; height: 91px; }
#settings .briefing-button-text { padding: 0; }
#preshift-briefing .briefing-button-text { padding: 0; }
#settings .briefing-button-image { vertical-align: middle; }
#preshift-briefing .briefing-button-image { vertical-align: middle; }

#areas .button-container { width: 515px; }
#areas .button-container .briefing-button { font-size: 23pt; text-transform:uppercase; }