/* レイアウト
----------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Meiryo UI", "Meiryo", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #dbdbdb;
    background-color: #2d2d2d;
}

    body.light {
        color: #808080;
        background-color: #f8f8f8;
    }

/* ヘッダー */
#header {
    margin: 0;
    padding: 4px;
    height: 63px;
    background: #2d2d2d url(images/naxis_header_back.png) repeat-x;
}

/* メイン */
#main {
    margin-left: 215px;
    padding: 4px;
    height: 100%;
    min-height: 400px;
    border-left: 2px ridge #5d5d5d;
    background: url(images/naxis_header_back_b.png) repeat-x;
}

/* トップページのメイン */
#topmain {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

#top-main {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

#top-main-dk-tl {
    width: 59px; /* image width 75px - padding 16px */
    background-image: url(Dark/ame-login-window-tl.png);
    background-repeat: no-repeat;
}

#top-main-dk-tc {
    background-image: url(Dark/ame-login-window-tc.png);
    background-repeat: repeat-x;
}

#top-main-dk-tr {
    width: 4px; /* image width 20px - padding 16px */
    background-image: url(Dark/ame-login-window-tr.png);
    background-repeat: no-repeat;
}

#top-main-dk-bl {
    width: 59px; /* image width 75px - padding 16px */
    height: 100%;
    background-image: url(Dark/ame-login-window-bl.png);
    background-repeat: repeat-y;
}

#top-main-dk-bc {
    height: 100%;
    background-image: url(Dark/ame-login-window-bc.png);
    background-repeat: repeat;
}

#top-main-dk-br {
    width: 4px; /* image width 20px - padding 16px */
    height: 100%;
    background-image: url(Dark/ame-login-window-br.png);
    background-repeat: repeat-y;
}

#main-content {
    padding: 24px;
}

/* ナビゲーションメニュー */
#navigation {
    float: left;
    min-height: 400px;
    width: 215px;
    background: url(images/naxis_header_back_b.png) repeat-x;
    clear: both;
}

/* フッター(会社名) */
#footer {
    clear: both;
    margin: 0;
    padding: 10px 0;
    height: 1.2em;
    font-size: .9em;
    text-align: center;
    line-height: normal;
    color: #ffffff;
    background-color: #171717;
}

/* 共通要素
----------------------------------------------------------*/

/* タイトル(製品名) */
#title {
    display: block;
    float: left;
    text-align: left;
    border: none;
}

/* ログインフォーム */
#logindisplay {
    /* width: 100%; 指定するとIE7でのみ表示が崩れる。指定がなくても実害は無さげ。 */
    height: 100%;
    display: block;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    color: #ffffff;
}

    #logindisplay .ui-button {
        padding: 0;
    }

    #logindisplay table {
        margin: 5px 0;
    }

.loginuser {
    font-size: larger;
    font-weight: bold;
}

:disabled {
    cursor: default;
}

.ui-front {
    z-index: 100;
}

.ui-dialog {
    z-index: 1005;
}

button.ui-dialog-titlebar-close {
    border: none;
    background-image: url(images/ui-icons_ffffff_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
    background-color: #2e2e2e;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: #2e2e2e;
    border-radius: 3px;
}

    button.ui-dialog-titlebar-close:hover {
        background-color: #2a4c2f;
        border-color: #171717;
    }

div.ui-dialog, div.ui-dialog-buttonpane, div.ui-dialog-buttonset {
    background-color: #404040;
}

.ui-dialog .ui-dialog-buttonpane button[type=button]:not(.ui-button) {
    color: #cccccc;
    background-color: #404040;
    border-color: #404040;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.625em;
}

    .ui-dialog .ui-dialog-buttonpane button[type=button]:not(.ui-button):hover {
        background-color: #2a4c2f;
        border-color: #2e2e2e;
    }

/* treeview
----------------------------------------------------------*/

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .treeview ul {
        margin-top: 4px;
    }

    .treeview .hitarea {
        background: url(images/treeview-none.png) -64px -25px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }


    .treeview li {
        margin: 0;
        padding: 3px 0pt 3px 16px;
    }

    .treeview a.selected {
        background-color: #eee;
    }

#treecontrol {
    margin: 1em 0;
    display: none;
}

.treeview .hover {
    color: #f5a6b3;
    cursor: pointer;
}

.treeview li {
    /*background: url(images/treeview-no-line.png) 0 0 no-repeat;*/
}

    .treeview li.collapsable, .treeview li.expandable {
        /*background-position: 0 -176px;*/
    }

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}

.treeview li.last {
    /*background-position: 0 -1766px;*/
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
    background: url(images/treeview-none.png) 0 0 no-repeat;
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
}

.treeview li.lastExpandable {
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0;
}

.treeview .placeholder {
    background: url(images/ajax-loader.gif) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}

.treeview span.nonpage {
    color: #808080;
}

.treeview span.currentpage {
    color: #f5f5a6;
    font-weight: bold;
}

/* リンクの疑似クラスセレクターは必ず次の順序で使用する必要があります。 */
.treeview a {
    color: #ffffff;
    text-decoration: none;
}

    .treeview a:visited {
    }

    .treeview a:hover {
        text-decoration: underline;
    }

    .treeview a:active {
    }

/* Window Setting
----------------------------------------------------------*/
.windowSetting {
    padding: 0 0.25px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

p {
    margin: 8px;
}

img {
    border: none;
}

/* TAB ELEMENTS   
----------------------------------------------------------*/

div#tabs > ul {
    background-color: #4d4d4d;
}

div.horizontal-line {
    border-top: 4px solid #1d825b;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.display-label, .editor-label, .display-field, .editor-field {
    margin: 0.5em 0;
}

.numeric {
    text-align: right;
}

.textarea {
    border: 2px ridge #3C3C3C;
    background-color: #464646;
    color: #dcdcdc;
    font-family: "Meiryo UI", "Meiryo", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.0em;
    padding: 2px;
}

input[type=text], input[type=password], .ui-widget input[type=text], .ui-widget input[type=password] {
    border: 2px ridge #3C3C3C;
    background-color: #121212;
    color: #dcdcdc;
    font-family: "Meiryo UI", "Meiryo", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.2em;
    padding: 2px;
}

    input[type=text]:focus, input[type=password]:focus {
        border: 2px ridge #3C3C3C;
        background-color: #dcdcdc;
        color: #121212;
        font-family: "Meiryo UI", "Meiryo", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-size: 1.2em;
        padding: 2px;
    }

#dlLink {
    padding: 0.55em 1em 0.55em 1em;
}

input.ui-button {
    padding: 0.55em 1em 0.55em 1em;
}

input#submitButton, input#cancelButton {
    width: 120px;
    height: 2.5em;
    line-height: 1.5em;
}

input.searchButton, input.clearButton, input#batchDelButton, input#copyUserSettingsSubmitButton {
    height: 2.0em;
    line-height: 1.0em;
}

input#searchSubmitButton, input#clearSearchConditionButton {
    padding: 0.55em 1em 1.55em 1em;
    border: 2px ridge #3C3C3C;
    border-radius: 6px;
    color: #dcdcdc;
    background-color: #6b6b6b;
    font-size: 2.0em;
    cursor: pointer;
}

a.openItemButton, a.downloadItemButton {
    font-size: 1.2em;
    padding: 0.40em 1em 0.40em 1em;
    border: 2px ridge #404040;
    border-radius: 6px;
    color: #dcdcdc;
    background-color: #606060;
    text-decoration: none;
}

a.openItemButton[disabled], a.downloadItemButton[disabled] {
    font-size: 1.2em;
    border: 2px ridge #3C3C3C;
    color: #888;
    background-color: #696969;
}

td.itemButton {
    height: 2.0em;
}

input.dummyFileField {
    display: none;
}

input.dark.ui-button.ui-corner-all {
    background-image: url(Dark/ame-ui-state-default-lt-dark.png), url(Dark/ame-ui-state-default-rt-dark.png), url(Dark/ame-ui-state-default-lb-dark.png), url(Dark/ame-ui-state-default-rb-dark.png), url(Dark/ame-ui-state-default-l-dark.png), url(Dark/ame-ui-state-default-r-dark.png), url(Dark/ame-ui-state-default-t-dark.png), url(Dark/ame-ui-state-default-b-dark.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x;
    background-position: left top, right top, left bottom, right bottom, left top, right top, left top, left bottom;
    color: #cccccc;
    border: none;
    background-color: #333333;
}

/* HORIZONTAL LINE
----------------------------------------------------------*/
hr {
    border: 1px inset #6b6b6b;
}

    hr.login-form-sep-lt {
        border: 1px inset #d2d2d2;
    }


/* ANCHOR
----------------------------------------------------------*/
a:link, a:hover, a:active, a:visited {
    color: #dbdbdb;
}

/* TABLE
----------------------------------------------------------*/

th {
    padding: 8px;
}

td {
    padding: 8px;
}

table.noborder {
    border: 0px;
    border-collapse: collapse;
}

    table.noborder td {
        border: 0px;
    }

    table.noborder th {
        border: 0px;
    }

th.tablesorter-header.sorter-false div.tablesorter-icon {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_ffffff_256x240.png); /* .ui-icon  */
    background-position: -160px 0; /* .ui-icon-carat-2-n-s */
    background-repeat: no-repeat;
}

th.header div.icon, th.tablesorter-headerUnSorted div.tablesorter-icon {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_ffffff_256x240.png); /* .ui-icon  */
    background-position: -128px 0; /* .ui-icon-carat-2-n-s */
    background-repeat: no-repeat;
}

th.headerSortUp div.icon, th.tablesorter-headerDesc div.tablesorter-icon {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_ffffff_256x240.png); /* .ui-icon  */
    background-position: -64px 0; /* .ui-icon-carat-1-s */
    background-repeat: no-repeat;
}

th.headerSortDown div.icon, th.tablesorter-headerAsc div.tablesorter-icon {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_ffffff_256x240.png); /* .ui-icon  */
    background-position: 0 0; /* .ui-icon-carat-1-n */
    background-repeat: no-repeat;
}

.nobr {
    white-space: nowrap;
}

table.borderlessPanel {
    border: none;
    margin: 1em 1em 1em 5%;
    width: 90%;
    /*border: 1px ridge #6b6b6b;*/
    border-collapse: collapse;
    background-color: #464646;
}

    table.borderlessPanel.top {
        border: none;
        margin: 1em 1em 0 5%;
        width: 90%;
    }

    table.borderlessPanel.bottom {
        border: none;
        margin: 0 1em 1em 5%;
    }

    table.borderlessPanel > thead {
        color: #ffffff;
        font-size: 1.1em;
        font-weight: 600;
        padding: 2px 4px 8px 4px;
        white-space: nowrap;
        background: #272727 url(images/ui-bg_highlight-soft_44_272727_1x100.png) 50% 50% repeat-x;
    }

table.borderPanel {
    width: 90%;
    margin: 1em 1em 1em 5%;
    border: 1px ridge #6b6b6b;
    border-collapse: collapse;
    background-color: #464646;
}

    table.borderPanel > thead {
        color: #ffffff;
        font-size: 1.1em;
        font-weight: 600;
        padding: 2px 4px 8px 4px;
        white-space: nowrap;
        background: #272727 url(images/ui-bg_highlight-soft_44_272727_1x100.png) 50% 50% repeat-x;
    }

        table.borderlessPanel > thead > tr > th, table.borderPanel > thead > tr > th {
            padding: 0.5em;
            text-align: left;
        }

    table.borderlessPanel > tbody > tr > td, table.borderPanel > tbody > tr > td {
        padding: 1em;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}


/* Login
----------------------------------------------------------*/
.login-form-dk {
    border-collapse: collapse;
    height: 416px;
}

html > body .login-form-dk-l {
    background-image: url(Dark/ame-ui-login-form-l.png);
    background-repeat: no-repeat;
}

html > body .login-form-dk-c {
    min-width: 384px;
    background-image: url(Dark/ame-ui-login-form-c.png);
    background-repeat: repeat-x;
}

html > body .login-form-dk-r {
    background-image: url(Dark/ame-ui-login-form-r.png);
    background-repeat: no-repeat;
}

.login-form-lt {
    border-collapse: collapse;
}

.login-form-lt-l {
}

.login-form-lt-c {
    min-width: 288px;
}

.login-form-lt-r {
}

.login-user {
    display: inline-block;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.login-button {
    display: inline-block;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.login-button-l {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.login-button-m {
    height: 30px;
    margin: 0;
    padding: 0 2em 0 2em;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.login-button-r {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.login-button-l.login-state-default {
    background-image: url(Dark/login-button-default-l.png);
}

.login-button-m.login-state-default {
    background-image: url(Dark/login-button-default-m.png);
    cursor: pointer;
}

.login-button-r.login-state-default {
    background-image: url(Dark/login-button-default-r.png);
    _background-image: none;
    _background-color: #121212;
}

.login-button-l.login-state-active {
    background-image: url(Dark/login-button-active-l.png);
}

.login-button-m.login-state-active {
    background-image: url(Dark/login-button-active-m.png);
}

.login-button-r.login-state-active {
    background-image: url(Dark/login-button-active-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

.login-button-l.login-state-hover {
    background-image: url(Dark/login-button-hover-l.png);
}

.login-button-m.login-state-hover {
    background-image: url(Dark/login-button-hover-m.png);
}

.login-button-r.login-state-hover {
    background-image: url(Dark/login-button-hover-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

/* Setting
----------------------------------------------------------*/

.setting-button {
    display: inline-block;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.setting-button-l {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.setting-button-m {
    height: 30px;
    margin: 0;
    padding: 0 2em 0 2em;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.setting-button-r {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.setting-button-l.setting-state-default {
    background-image: url(Dark/login-button-default-l.png);
}

.setting-button-m.setting-state-default {
    background-image: url(Dark/login-button-default-m.png);
    cursor: pointer;
}

.setting-button-r.setting-state-default {
    background-image: url(Dark/login-button-default-r.png);
    _background-image: none;
    _background-color: #121212;
}

.setting-button-l.setting-state-active {
    background-image: url(Dark/login-button-active-l.png);
}

.setting-button-m.setting-state-active {
    background-image: url(Dark/login-button-active-m.png);
}

.setting-button-r.setting-state-active {
    background-image: url(Dark/login-button-active-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

.setting-button-l.setting-state-hover {
    background-image: url(Dark/login-button-hover-l.png);
}

.setting-button-m.setting-state-hover {
    background-image: url(Dark/login-button-hover-m.png);
}

.setting-button-r.setting-state-hover {
    background-image: url(Dark/login-button-hover-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

/* Return to Top
----------------------------------------------------------*/

.returnTop-button {
    display: inline-block;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.returnTop-button-l {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.returnTop-button-m {
    height: 30px;
    margin: 0;
    padding: 0 2em 0 2em;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.returnTop-button-r {
    width: 8px;
    height: 30px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.returnTop-button-l.returnTop-state-default {
    background-image: url(Dark/login-button-default-l.png);
}

.returnTop-button-m.returnTop-state-default {
    background-image: url(Dark/login-button-default-m.png);
    cursor: pointer;
}

.returnTop-button-r.returnTop-state-default {
    background-image: url(Dark/login-button-default-r.png);
    _background-image: none;
    _background-color: #121212;
}

.returnTop-button-l.returnTop-state-active {
    background-image: url(Dark/login-button-active-l.png);
}

.returnTop-button-m.returnTop-state-active {
    background-image: url(Dark/login-button-active-m.png);
}

.returnTop-button-r.returnTop-state-active {
    background-image: url(Dark/login-button-active-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

.returnTop-button-l.returnTop-state-hover {
    background-image: url(Dark/login-button-hover-l.png);
}

.returnTop-button-m.returnTop-state-hover {
    background-image: url(Dark/login-button-hover-m.png);
}

.returnTop-button-r.returnTop-state-hover {
    background-image: url(Dark/login-button-hover-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

/* Help
----------------------------------------------------------*/

.help-button {
    display: inline-block;
    background-color: transparent;
    border-collapse: collapse;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.help-button-l {
    width: 8px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.help-button-m {
    height: 32px;
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.help-button-r {
    width: 8px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.help-button-l.help-state-default {
    background-image: none;
}

.help-button-m.help-state-default {
    background-image: none;
    cursor: pointer;
}

.help-button-r.help-state-default {
    background-image: none;
    _background-image: none;
    _background-color: #121212;
}

.help-button-l.help-state-active {
    background-image: none;
}

.help-button-m.help-state-active {
    background-image: none;
}

.help-button-r.help-state-active {
    background-image: none;
    _background-image: none;
    _background-color: #2a4c2f;
}

.help-button-l.help-state-hover {
    background-image: none;
}

.help-button-m.help-state-hover {
    background-image: none;
}

.help-button-r.help-state-hover {
    background-image: none;
    _background-image: none;
    _background-color: #2a4c2f;
}

/* Top page
----------------------------------------------------------*/

.start-button-dk {
    display: inline-block;
    background-color: #2d2d2d;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.start-button-dk-l {
    width: 12px;
    height: 92px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.start-button-dk-m {
    height: 92px;
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.start-button-dk-r {
    width: 12px;
    height: 92px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.start-button-dk-l.start-state-default {
    background-image: url(Dark/start-button-default-l.png);
}

.start-button-dk-m.start-state-default {
    background-image: url(Dark/start-button-default-m.png);
    cursor: pointer;
}

.start-button-dk-r.start-state-default {
    background-image: url(Dark/start-button-default-r.png);
    _background-image: none;
    _background-color: #121212;
}

.start-button-dk-l.start-state-active {
    background-image: url(Dark/start-button-active-l.png);
}

.start-button-dk-m.start-state-active {
    background-image: url(Dark/start-button-active-m.png);
}

.start-button-dk-r.start-state-active {
    background-image: url(Dark/start-button-active-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

.start-button-dk-l.start-state-hover {
    background-image: url(Dark/start-button-hover-l.png);
}

.start-button-dk-m.start-state-hover {
    background-image: url(Dark/start-button-hover-m.png);
}

.start-button-dk-r.start-state-hover {
    background-image: url(Dark/start-button-hover-r.png);
    _background-image: none;
    _background-color: #2a4c2f;
}

.start-button-lt {
    display: inline-block;
    background-color: #d2d2d2;
    margin: 0;
    padding: 0;
    /display: inline;
    /zoom: 1;
}

.start-button-lt-l {
    width: 8px;
    height: 48px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.start-button-lt-m {
    height: 48px;
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    _background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
}

.start-button-lt-r {
    width: 8px;
    height: 48px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    font-weight: bold;
    color: #ff0000;
}

/* CHECKBOX
----------------------------------------------------------*/
div.selector, div.selector span, div.checkbox span {
    background-image: url(images/ui-controls_493x366.png);
    background-repeat: no-repeat;
    _background-image: url(images/ui-controls_493x366_ie6.png);
}

.checkbox, .checkbox * {
    margin: 0;
    padding: 0;
}

div.checkbox {
    display: inline-block;
    margin: -4px 10px 0 0;
    float: left;
}

    div.checkbox span {
        display: block;
        text-align: center;
    }

    div.checkbox input {
        margin: 5px 0 0 0;
        display: inline-block;
        opacity: 0;
    }

        div.checkbox input:focus {
            outline: 0;
        }

    div.checkbox span {
        background-position: 0px -320px;
        width: 23px;
        height: 23px;
    }

    div.checkbox:active span {
        background-position: -23px -320px;
    }

    div.checkbox:hover span, div.checkbox:focus span {
        background-position: -46px -320px;
    }

    div.checkbox:hover:active span, div.checkbox:active:focus span {
        background-position: -69px -320px;
    }

    div.checkbox span.checked {
        background-position: -92px -320px;
    }

    div.checkbox:active span.checked {
        background-position: -115px -320px;
    }

    div.checkbox:hover span.checked, div.checkbox:focus span.checked {
        background-position: -138px -320px;
    }

    div.checkbox:hover:active span.checked, div.checkbox:active:focus span.checked {
        background-position: -161px -320px;
    }

    div.checkbox.disabled span, div.checkbox.disabled:active span {
        background-position: -184px -320px;
    }

        div.checkbox.disabled span.checked, div.checkbox.disabled:active span.checked {
            background-position: -207px -320px;
        }

/* Progress Bar
----------------------------------------------------------*/
div#progressPercentage {
    font-size: 64px;
    text-align: right;
}

div.ui-progressbar-value {
    background-color: #1d825b;
}

/* Selectmenu
----------------------------------*/
div.selector, div.selector * {
    margin: 0;
    padding: 0;
    outline: none;
}

div.selector {
    background-position: -483px -160px;
    position: relative;
    padding-left: 8px;
}

    div.selector > a > span {
        text-align: left;
        background-position: right 0px;
        width: 100%;
        height: 100%;
        line-height: 32px;
        padding: 0 4px 0 0;
        cursor: pointer;
        display: block;
        float: left;
    }

    div.selector > span > span.ui-selectmenu-text {
        text-align: left;
        background-position: right 0px;
        width: 100%;
        height: 100%;
        line-height: 30px;
        padding: 0 4px 0 0;
        cursor: pointer;
        display: block;
    }

    div.selector span.ui-icon {
        display: none;
    }

    div.selector.disabled > a > span, div.selector.disabled > span > span.ui-selectmenu-text {
        color: #bbb;
    }

    div.selector:active {
        background-position: -483px -192px;
    }

        div.selector:active > a > span, div.selector:active > span > span.ui-selectmenu-text {
            color: #ffffff;
            background-position: right -32px;
        }

    div.selector:focus, div.selector:hover {
        color: #ffffff;
        background-position: -483px -224px;
    }

        div.selector:focus > a > span, div.selector:hover > a > span, div.selector:focus > span > span.ui-selectmenu-text, div.selector:hover > span > span.ui-selectmenu-text {
            background-position: right -64px;
        }

        div.selector:active:focus, div.selector:hover:active {
            background-position: -483px -256px;
        }

            div.selector:active:focus > a > span, div.selector:hover:active > a > span, div.selector:active:focus > span > span.ui-selectmenu-text, div.selector:hover:active > span > span.ui-selectmenu-text {
                background-position: right -96px;
            }

    div.selector > a > span.ui-icon {
        visibility: hidden;
    }

    div.selector > a, div.selector > a > span, div.selector > span, div.selector > span > span.ui-selectmenu-text {
        text-indent: 2px;
        background-color: transparent;
        border: 0 none transparent;
    }

    div.selector.disabled, div.selector.disabled:active {
        background-position: -483px -288px;
    }

        div.selector.disabled > a > span, div.selector.disabled:active > a > span, div.selector.disabled > span > span.ui-selectmenu-text, div.selector.disabled:active > span > span.ui-selectmenu-text {
            background-position: right -128px;
        }

.ui-selectmenu {
    display: block;
    position: relative;
    height: 2.2em;
    text-decoration: none;
    overflow: hidden;
    zoom: 1;
}

.ui-selectmenu-icon {
    /*    
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
*/
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 1005;
}
/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open {
    visibility: visible;
}

.ui-selectmenu-menu-popup {
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown {
}

.ui-selectmenu-menu .ui-menu {
    margin-top: -1px;
    margin-left: -1px;
    padding: 2px;
    text-indent: 6px;
}

    .ui-selectmenu-menu .ui-menu .ui-menu-item {
        height: 24px;
    }

.ui-selectmenu-menu li, .ui-selectmenu-menu .ui-menu-item.ui-state-focus {
    display: inline-block;
    vertical-align: middle;
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
    font-weight: normal !important;
}

    .ui-selectmenu-menu li a {
        display: block;
        outline: none;
        text-decoration: none;
        background-color: #151515;
    }

.ui-selectmenu-menu li, .ui-selectmenu-status, .ui-selectmenu-text {
    line-height: 1.4em;
    display: block;
    padding: .405em 1em;
    outline: none;
    text-decoration: none;
    background-color: #151515;
}

    .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status, .ui-selectmenu-hasIcon .ui-selectmenu-text {
        position: relative;
        margin-left: 5px;
    }

    .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon, .ui-selectmenu-text .ui-icon {
        visibility: hidden;
        /*
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
*/
    }

.ui-selectmenu-status, .ui-selectmenu-text {
}

.ui-selectmenu-open li.ui-selectmenu-item-focus {
    border-top: 0 none transparent;
    border-bottom: 0 none transparent;
}

    .ui-selectmenu-open li.ui-selectmenu-item-focus a, .ui-selectmenu-open li.ui-selectmenu-item-focus {
        background-color: #2a4c2f;
    }

.ui-selectmenu-open li.ui-selectmenu-item-selected {
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span, .ui-selectmenu-text span {
    display: block;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-content {
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: .8;
}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}

    .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
        line-height: 1.4em;
        display: block;
        padding: .6em .5em 0;
        font-weight: bold;
    }

    .ui-selectmenu-menu .ui-selectmenu-group ul {
        margin: 0;
        padding: 0;
    }