body { margin: 0; font: normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 20px }
ul { list-style: none; padding: 0; margin: 0 }
label { cursor: pointer }
select { border: 1px solid #cccccc; border-radius: 4px; width: 220px; height: 30px; padding: 4px 6px; cursor: pointer }
.hidden { visibility: hidden; display: none }

.black { background-color: rgba(0, 0, 0, 0.75); position: absolute; width: 100%; height: 100% }

input[type=file] { height: 30px }
.btn { color: #ffffff; padding: 4px 12px; border-radius: 4px; display: inline-block; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor: pointer; text-decoration: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) }
.btn:hover { background-image: none }
.btn-blue { background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-color: #006dcc }
.btn-blue:hover { backgrodund-color: #0044cc }
.btn-green { background-image: linear-gradient(to bottom, #62c462, #51a351); background-color: #5bb75b }
.btn-green:hover { backgrodund-color: #51a351 }
.btn-orange { background-image: linear-gradient(to bottom, #fbb450, #f89406); background-color: #faa732 }
.btn-orange:hover { backgrodund-color: #f89406 }

body > header { height: 40px; width: 100%; background: #222222; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); margin-bottom: 20px }

body > footer, .container { width: 940px; margin-left: auto; margin-right: auto }
.container > h1 { font-size: 32px; line-height: 40px; margin: 10px 0 }
.container .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; padding: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset }
.container .help-block { color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; padding: 8px 14px; margin-bottom: 20px }
.container .error-block { color: #eb1919; font-size: 12px; margin-top: 5px }

ul.list { margin-left: -10px }
ul.list li { float: left; padding-top: 5px; margin-left: 10px }
ul.list:after, .row:after { clear: both; display: block; content: "" }
ul.list li.all { display: block; float: none }

.row { width: 100% }
.row label { width: 24%; font-size: 18px; font-weight: bold; float: left; margin: 10px 0 }
.row label + .btn-green { margin: 5px 0 0 20px }

.label { background-color: #999999; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 14px; padding: 2px 4px; white-space: nowrap; border-radius: 3px 3px 0 0 }

.table-data { width: 100%; border-collapse: collapse; border-spacing: 0 }
.table-data tbody > tr:nth-child(2n+1) > td, .table-data tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9 }
.table-data th, .table-data td { padding: 4px 5px; border: 1px solid #000000 }
.table-data .paging li { float: left; padding: 4px 5px }

body > footer { margin-top: 20px; border-top: 1px solid #eeeeee; text-align: right }
body > footer p { margin: 20px 0 }