@charset "UTF-8";

@import url("fonts-min.css");
@import url("jquery-ui-1.8.16.custom.css");

/*----- base */

* {
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
}

.both-ends .be-left {
    float: left;
}

.both-ends .be-right {
    float: right;
    text-align: right;
}

.both-ends .be-clear {
    clear: both;
}

header div.title div.logo {
    float: left;
    margin-right: .8em;
}

header div.title div.name {
    float: left;
    margin-top: .4em;
}

header h2 {
    margin: .2em 0;
    padding: 0;
    white-space: nowrap;
}

#header-bar {

    font-weight: normal;
}

footer {
    padding: 0.3em 1em;
    text-align: right;
    background-color: #cccccc;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

/*----- ui */

.cui-form {
    padding: 0.4em;
    position: relative;
}

.cui-title {
    margin: 0;
    padding: 0.4em;
}

.cui-body {
    margin: 0;
    padding: 0.4em;
}

.scroll-x {
    overflow-x: scroll;
}

.scroll-y {
    overflow-y: scroll;
}

.scroll-auto {
    overflow: auto;
}

.scroll-none {
    overflow: hidden;
}

/*----- menu */

.menu-contents {
    padding-top: .5em;
/*    overflow: hidden;*/
}

.menu-contents p {
    padding: .5em;
    margin-right: 1em;
    position: relative;
    left: 1em;
}

/*----- message */

div.message div {
    margin-bottom: 1em;
    padding: 0 .7em;
}

div.message span.ui-icon {
    float: left;
    margin-right: .3em;
}

/*----- table */

table.view {
    width: 100%;
}

table.view th, table.view td {
    padding: .5em;
}

table.view th {
    text-align: left;
    white-space: nowrap;
}

table.view td {
    text-align: left;
    border-bottom: solid 1px #cccccc;
}

table.view ol {
    margin: 0 0 0 -.5em;
}

table.view ol li span.disabled {
    color: #cccccc;
}

table.view a.del-link {
    font-size: 50%;
}

table.view p.comment {
    font-size: smaller;
    margin-bottom: 0;
}

table.list, table.condition {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.list {
    margin-bottom: 1em;
}

table.list caption, table.list th, table.condition th {
    text-align: left;
}

table.list caption {
    padding: .5em;
}

table.list th, table.list td, table.condition th, table.condition td {
    padding: .5em;
    border: solid 1px #cccccc;
}

table.condition th {
    padding: .3em;
    font-size: smaller;
}

table.list td.succeeded, table.list td.enabled {
    color: blue;
}

table.list td.failed, table.list td.disabled {
    color: red;
}

table.list td.canceled {
    color: orange;
}

table.list td.working {
    color: green;
}

table.list .page-label {
    margin-top: .4em;
}

table.list .index {
    width: 4em;
    text-align: right;
}

table.list span.tooltip {
    margin-left: .5em;
}

table.detail {
    font-size: smaller;
    border-collapse: collapse;
}

/*----- etc */

select.cond {
    height: 5em;
}

select.wide {
    height: 15em;
}

input.num {
    width: 3em;
}

input.mail {
    width: 30em;
}

a img {
    border-style: none;
}