* {
font-family: Roboto, Noto, Helvetica, Arial, 'Liberation Sans', sans-serif;
}
body {
background: url(../img/bg.png);
}
#head {
position: fixed;
top: 0;
left: 0;
right: 0;
background: url(../img/header-bg.png) 0 bottom;
padding: 20px 40px 36px 28px;
color: #5A5A5A;
z-index: 10000;
}
#content {
padding-top: 120px;
padding-left: 40px;
padding-bottom: 32px;
padding-right: 40px;
}
#breadcrumbs {
margin-left: 30px;
margin-bottom: 1.5em;
}
h1, h2, h3 {
font-family: Roboto Slab;
margin-bottom: .25em;
}
p {
margin: .5em 0;
}
button, input[type=text], input[type=password], input[type=submit], select, option, textarea, .likeInput, a.button {
font-family: Roboto, Helvetica, Arial;
font-size: inherit;
border: 1px solid #CCC;
border-radius: 4px;
outline: none;
background-color: #FFF;
padding: 2px 6px;
}
a.button {
text-decoration: none;
font-weight: normal;
display: inline-block;
}
input[type=file] {
font-family: Roboto;
font-size: inherit;
}
button, input[type=text], input[type=password], select, option, textarea, .likeInput {
padding: 2px 4px;
box-sizing: border-box;
}
input:focus, select:focus, option:focus, textarea:focus {
background-color: #DEF;
}
button, input[type=submit], a.button {
background-color: #EEE;
color: #000;
cursor: pointer;
}
button:active, input[type=submit]:active, a.button:active {
background-color: #CCC;
}
button:disabled, input[type="submit"]:disabled, a.button:disabled {
background-color: #DDD;
color: #666;
cursor: default;
}
.buttonBar {
margin-top: 1em;
}
.inputLine {
padding: 8px 0;
}
.inputLine label, .inputLine .label {
/* margin-left: 5px; */
}
td.inputLine {
padding-right: 2em;
vertical-align: bottom;
}
td.inputLine:last-child {
padding-right: 0;
}
.feedback {
background: #666;
color: #FFF;
padding: 7px 40px;
}
.feedback.error, .feedback.fatal {
background-color: #C00;
}
.feedback.success {
background-color: #090;
}
.feedback.warning {
background-color: #990;
}
label, .label {
color: #999;
font-weight: normal;
}
.label a {
color: #7A96CC;
}
.mainTable td.label {
text-align: right;
padding-right: 8px;
width: 150px;
}
.mainTable th.label {
text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: normal;
border-bottom: 1px solid #999;
}
.mainTable th.label:first-child {
padding-left: 0;
}
.mainTable th.label:last-child {
padding-right: 0;
}
.mainTable td {
padding-left: 8px;
padding-right: 8px;
}
.mainTable td:first-child {
padding-left: 0;
}
.mainTable td:last-child {
padding-right: 0;
}
.mainTable .value {
font-weight: bold;
}
.mainTable td.value {
padding-top: 1px;
padding-bottom: 1px;
}
.mainTable tr.inactive td.value {
font-weight: normal;
color: #BBB;
}
.mainTable tr.inactive td.value a {
font-weight: normal;
color: #9AF;
}
.mainTable td.label + td:last-child.value {
vertical-align: bottom;
}
.mainTable tfoot td {
border-top: 1px solid #999;
}
.toggleLineColor tbody tr {
background-color: #FFF;
}
.toggleLineColor tbody tr:nth-child(odd) {
background-color: #F4F4FF;
}
.wiki ul {
margin-top: 0;
margin-bottom: 0;
}
.wiki *:first-child {
margin-top: 0;
}
.wiki *:last-child {
margin-bottom: 0;
}
.wiki td {
padding-right: .5em;
}
.wiki td:last-child {
padding-right: 0;
}
table.horizontalLines tr {
border-top: 1px solid #CCC;
}
table.horizontalLines tr:last-child {
border-bottom: 1px solid #CCC;
}
span.listPrice {
text-decoration: line-through;
color: #C00;
}
span.error {
background-color: #C00;
color: #FFF;
padding-left: .25em;
padding-right: .25em;
}