main column width 180px height 400px margin 48px 28px 28px float left

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
.main .column { width: 180px; height: 400px; margin: 48px 28px 0 28px; float: left }
.main .separator { width: 1px; height: 335px; float: left; margin: 40px 0 0 0 }
.main .column .header { width: 140px; height: 40px; margin: 0 20px 0 20px }
.main .column .header span { font-size: 25px; font-weight: bold; line-height: 110%; color: #0c61c0; position: relative; top: -14px }
.main .column .buttonfield { width: 180px; height: 235px; margin: 0 0 20px 0 }
.buttonfield .button,
.buttonfield .button_active { width: 180px; height: 47px }
.buttonfield .button div,
.buttonfield .button_active div { width: 71px; height: 47px }
.buttonfield div * { line-height: 16px }
.buttonfield .button div span,
.buttonfield .button_active div span { position: relative; top: 7px; left: 64px; white-space: nowrap; display: block }
.alignfinmain { margin-left: 39px }
.mainpanel { width: 950px; height: 100px; background-color: #0c61c0 }
.sync,.sync:hover { width: 170px; height: 60px; -webkit-border-radius: 5px; margin: 29px 0 0 33px; cursor: pointer; float: left }
.sync:hover { background-color: #2470c5 }
.sync span { position: relative; top: 11px; left: 63px; color: #93beee }
.sync:hover span { position: relative; top: 11px; left: 63px; color: #fff }
.exit { width: 170px; height: 60px; margin: 29px 0 0 15px; float: left }
.exit span { position: relative; top: 13px; left: 63px; color: #327ed4 }
div.comingsoon { padding: 0 20px 0 20px; font-size: 12px; color: #c79a00 }
.main .column .header span.comingsoon { color: #c79a00 }