body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    color: #111111;
    background-color: White;
    text-align: left;
    vertical-align: middle;
    -webkit-text-size-adjust: none;
}

h1 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 18pt;
    line-height: 1.5;
    font-weight: bold;
    color: #3093B3;
}

    h1 img {
        vertical-align: middle;
        margin-right: 5px;
    }

h2 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #666666;
    line-height: 1;
    margin-bottom: 5px;
}

#toolbar h3 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #3093B3;
    line-height: 1;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #666666;
    line-height: 1;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
}

h4 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}

h5 {
    color: #666666;
    text-align: left;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
}

th {
    color: #666666;
    text-align: left;
}

.thStyle {
    color: #666666;
    text-align: left;
}

p {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.htmltext ul {
    list-style-type: disc;
    margin-left: 10px;
    padding-left: 5px;
}

#divBreadCrumbText a {
    text-decoration: none;
    color: #3093B3;
}

    #divBreadCrumbText a:hover {
        color: #333;
        cursor: pointer;
    }

a {
    text-decoration: none;
    color: #676767;
}

    a:hover {
        color: #333;
    }

textarea {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    overflow: auto;
    width: 1045px;
}

.ContentRow {
    display: block;
    overflow: hidden;
}

.ContentLeft {
    float: left;
}

.ContentRight {
    margin-left: 420px;
}

    .ContentLeft input, .ContentRight input {
        font-size: 8pt;
    }

    .ContentLeft th, .ContentRight th {
        width: 120px;
    }

.hide {
    display: none;
}

.show {
    display: inline;
}

.inActive {
    color: Gray;
}

.textTitle {
    color: #666666;
    text-align: left;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 8pt;
}

.dgTop, .dgBottom {
    padding: 3px 3px;
    overflow: hidden;
    background: url(../Icons/StyleUse/dgToolBar1x100.png) repeat-x scroll 50% 40% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
}

.dgTop {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-tacop-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.dgBottom {
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.dgTable {
    border: 1px solid #aaaaaa;
    width: 100%;
    border-collapse: collapse;
}

.dgTableHeadings {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    color: #676767;
    background: url(/Icons/StyleUse/dgHeader1x400.png) 50% 50% repeat-x;
    font-size: 8pt;
    line-height: 2;
}

.dgTableRow {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #FAFAFA;
    line-height: 2;
}

.dgAltTableRow {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #F5F5F5;
    line-height: 2;
}

    .dgTableHeadings th, .dgAltTableRow td, .dgAltTableRow th, .dgTableRow td, .dgTableRow th {
        border: solid 1px #cccccc;
    }

.dgSelTableRow {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    background-color: #FFEDAD;
    line-height: 2;
}

.dgTableRow_Center {
    text-align: center;
}

.dgTableRow_Hidden {
    display: none;
}

.dgTableRow:hover, .dgAltTableRow:hover {
    background-color: #FFEDAD;
}

.dgTableRowHeight {
    background-color: #FFEDAD;
}

.dgColSortable {
    background: url(../Icons/Buttons/sort.png) no-repeat center right;
    cursor: pointer;
    padding-right: 15px;
}

.SortAsc {
    background: url(../Icons/Buttons/asc.png) no-repeat center right;
    cursor: pointer;
    padding-right: 15px;
}

.SortDesc {
    background: url(../Icons/Buttons/desc.png) no-repeat center right;
    cursor: pointer;
    padding-right: 15px;
}

.dgItemCount {
    float: left;
}

.dgFilter {
    float: right;
}

    .dgFilter input {
        font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        height: 14px;
        vertical-align: bottom;
        border: solid 1px #7F9DB9;
    }

.dgInfo {
    float: left;
    padding-top: 3px;
}

.dgPagerfull_numbers {
    float: right;
    padding-top: 3px;
}

.dgPageButtonStaticDisabled {
    border: 1px solid #D3D3D3;
    color: #BBB;
    padding: 2px 6px;
    background: none;
    opacity: 0.35;
}

.dgPageButtonActive {
    border: 1px solid #D3D3D3;
    padding: 2px 6px;
    background: #E6E6E6;
}

.dgPageButton {
    border: 1px solid #D3D3D3;
    color: #555555;
    cursor: pointer;
    padding: 2px 6px;
    background: #E6E6E6;
}

.dgWrapper {
    width: 100%;
}

.dgContactList {
    width: 800px;
}

.smallpadding {
    padding-right: 5px;
}

.reallysmallpadding {
    padding-right: 3px;
}

.tab_container {
}

.tab_header {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    position: relative;
}

    .tab_header li {
        display: inline;
        margin: 0px 5px 0px 0px;
        z-index: 10;
    }

    .tab_header .tab {
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        background-color: #FFFFFF;
        padding: 5px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        color: #666666;
        font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
        cursor: pointer;
    }

    .tab_header .tab_active {
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #FFFFFF;
        background-color: #FFFFFF;
        padding: 5px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        color: #666666;
        font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 8pt;
    }

.tab_content {
    position: relative;
    top: -1px;
    margin: 0px;
    padding: 20px 7px;
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.clickable {
    cursor: pointer;
}

.processing {
    z-index: 500;
    position: absolute;
    top: 300px;
    left: 500px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px;
    display: none;
}

.hr {
    height: 5px;
    margin-bottom: 5px;
    width: 100%;
    border-bottom: solid 1px #ccc;
}

.AlignTextImage {
    vertical-align: middle;
}

.SectionHeading {
    background-color: #C2E4FE;
    padding: 4px 4px 4px 4px;
}

.textbox, .textarea {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 2px 0px 2px 3px;
    border: solid 1px #7F9DB9;
    width: 250px;
}

.textbox450 {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 2px 0px 2px 3px;
    border: solid 1px #7F9DB9;
    width: 450px;
}


.tbx2 {
    width: 70px;
}

.tbx3 {
    width: 20px;
}

.dropdownlist {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    border: solid 1px #7F9DB9;
}

.edit-select {
    height: 22px;
}

.textarea:focus, .textbox:focus {
    background-color: #E9F9FF;
}

.closebtn {
    padding: 1px 20px 1px 0px;
    background: url(../Icons/Buttons/close.png) no-repeat top right;
}

.msg_info {
    padding-left: 13px;
    color: #FF7F00;
    background: url(../Icons/Buttons/info.gif) no-repeat 0px 1px;
}

.msg_alert {
    padding-left: 13px;
    color: #B3B19B;
    background: url(../Icons/Buttons/alert.png) no-repeat 0px 1px;
    line-height: 2;
}

.msg_error {
    padding-left: 13px;
    color: #FF0000;
    background: url(../Icons/Buttons/error.gif) no-repeat 0px 1px;
}

.msg_success {
    padding-left: 13px;
    color: #1DC412;
    background: url(../Icons/Buttons/success.gif) no-repeat 0px 1px;
}

.feedback_block {
    height: 15px;
    padding: 3px 0px;
}

.field {
    display: none;
}

.view {
    border: solid 1px #ddd;
    color: #316AC5;
    background-color: #fff;
    width: 250px;
    display: inline-block;
    padding: 2px;
    height: 14px;
}

.viewShort {
    border: solid 1px #ddd;
    color: #316AC5;
    background-color: #fff;
    width: 150px;
    display: inline-block;
    padding: 2px;
    height: 14px;
}

.viewShortRightAlign {
    border: solid 1px #ddd;
    color: #316AC5;
    background-color: #fff;
    width: 150px;
    display: inline-block;
    padding: 2px;
    height: 14px;
    text-align: right;
}

.flexibleheight {
    height: auto;
}

.editable {
    border-left: solid 2px #FFB700;
    cursor: pointer;
}

.required {
    border-left: solid 2px #E90000;
}

.hp {
    background-image: url(../Icons/Buttons/help.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

    .hp:hover {
        background-image: url(../Icons/Buttons/help_o.gif);
        background-repeat: no-repeat;
        background-position: right top;
        cursor: pointer;
    }

.ToolBarHR {
    color: #3093B3;
    text-align: center;
    width: 130px;
    margin: 10px auto 10px auto;
    height: 1px;
    background-color: #3093B3;
    border: 0;
}

.ToolBarInput {
    height: 14px;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    vertical-align: bottom;
    border: solid 1px #ccc;
    vertical-align: middle;
    margin: 0px 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.ToolBarSearchIcon {
    border: solid 1px #ccc;
    vertical-align: middle;
    margin: 0px 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    float: left;
}

.RecentItemBlock ul {
    list-style-type: none;
    text-align: left;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

    .RecentItemBlock ul li {
        margin: 3px 0px;
    }

.RecentItemBlock img {
    margin-right: 5px;
    vertical-align: bottom;
}

.revocation_container {
}

    .revocation_container .pnl {
        overflow: hidden;
        margin: 0px 3px 0px 3px;
    }

        .revocation_container .pnl .func {
            float: left;
            width: 48%;
        }

        .revocation_container .pnl .desc {
            float: right;
            width: 52%;
        }

            .revocation_container .pnl .desc p {
                font-size: 9pt;
            }

.question_title {
    font-size: 18pt;
    font-weight: bold;
    color: #D22819;
}

.question {
    font-size: 11pt;
    font-weight: bold;
    color: #666666;
}

.htg {
    font-size: 10pt;
    color: #666666;
    padding-left: 15px;
}

.answer_title {
    font-size: 18pt;
    font-weight: bold;
    color: #92c110;
    vertical-align: text-top;
}

.content_default {
    font-size: small;
    font-family: Verdana,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
}

    .content_default p {
        font-size: small;
        font-family: Verdana,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    }

    .content_default ul {
        list-style-type: disc !important;
        margin: 10px !important;
        padding: 10px !important;
    }

.content_scroll {
    overflow: auto;
    height: 450px;
    border: solid 1px #ccc;
    width: 815px;
}

.related {
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
    line-height: 1.5;
}

.related_list {
    list-style-type: circle;
    margin-left: 15px;
}

.manage {
    text-align: right;
    padding: 5px 10px;
}

    .manage h2 {
        margin: 3px 0px;
    }

.verdiv {
    position: relative;
    width: 30px;
    height: 120px;
}

.Planit {
    background-color: #EAF1DD;
}

.Reseller {
    background-color: #DBE5F1;
}

.Subdealer {
    background-color: #DBEEF3;
}

.Corportate {
    background-color: #FDE9D9;
}

.Customer {
    background-color: #F2DDDC;
}

.VerticalHeader {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: absolute;
    white-space: nowrap;
    top: 50px;
}

.modified {
    border: solid 2px #556cdd;
}

.ot, .tt {
    font-size: 11pt;
    font-weight: bold;
    color: #666;
}

.trans {
    vertical-align: text-top;
    padding-left: 10px;
    border-left: double 3px #ccc;
}

.msg_content {
    min-height: 50px;
    min-width: 350px;
}

.modelpopup {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 20;
    top: 0px;
    left: 0px;
    background-color: #777777;
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.popup_block1 {
    z-index: 20;
    position: absolute;
    top: 200px;
    left: 200px;
    background-color: #FAFAFA;
    border: double 4px #ccc;
    padding: 10px;
    display: none;
}

    .popup_block1 h2 {
        margin-bottom: 5px;
    }

.popup_block {
    z-index: 120;
    position: absolute;
    top: 200px;
    left: 200px;
    background-color: #FAFAFA;
    border: double 4px #ccc;
    padding: 10px;
    display: none;
}

    .popup_block h2 {
        margin-bottom: 5px;
    }

.popup_action_block {
    text-align: right;
    height: 20px;
    padding: 5px 0px;
    margin: 5px 0px;
}

.popup_block2 {
    z-index: 220;
    position: absolute;
    top: 200px;
    left: 200px;
    background-color: #FAFAFA;
    border: double 4px #ccc;
    padding: 10px;
    display: none;
}

    .popup_block2 h2 {
        margin-bottom: 5px;
    }

.modelpopup2 {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 21;
    top: 0px;
    left: 0px;
    background-color: #777777;
    opacity: 0.4;
    filter: alpha(opacity = 40);
}


.VerticalText {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 15px;
    padding-left: 8px;
    letter-spacing: 1px;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    color: #808080;
    font-size: 8pt;
    line-height: 2;
}

.btn {
    margin: 0 7px 0 0;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-family: "Lucida Grande", Tahoma, Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Verdana, sans-serif;
    font-size: 11px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 3px 5px 4px 25px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    overflow: visible;
}

.btn_noicon {
    padding-left: 5px;
}

.btn a {
    display: block;
    float: left;
}

.btn_up {
    background-image: url(../Icons/Buttons/btn_up.png);
}

.btn_down {
    background-image: url(../Icons/Buttons/btn_down.png);
}

.btn_save {
    background-image: url(../Icons/Buttons/btn_save.png);
}

.btn_save_s {
    background-image: url(../Icons/Buttons/btn_save_s.png);
}

.btn_add {
    background-image: url(../Icons/Buttons/btn_add.png);
}

.btn_rb {
    background-image: url(../Icons/Buttons/btn_RepeatBilling.gif);
}

.btn_ss_update {
    background-image: url(../Icons/Buttons/btn_refresh.png);
}

.btn_approve {
    background-image: url(../Icons/Buttons/btn_approve.jpg);
}

.btn_cancel {
    background-image: url(../Icons/Buttons/btn_cancel.png);
}

.btn_delete {
    background-image: url(../Icons/Buttons/btn_cancel.png);
}

.btn_returned {
    background-image: url(../Icons/Buttons/btn_returned.png);
}

.btn_copy {
    background-image: url(../Icons/Buttons/btn_copy.png);
}

.btn_close {
    background-image: url(../Icons/Buttons/btn_close.png);
}

.btn_view_users {
    background-image: url(../Icons/Options/ViewCases16x16.gif);
}

.btn_edit {
    background-image: url(../Icons/Buttons/btn_edit.gif);
}

.btn_secure {
    background-image: url(../Icons/Buttons/btn_secure.png);
}

.btn_unlock {
    background-image: url(../Icons/Buttons/btn_unlock.png);
}

.btn_download {
    /*background-image: url(../Icons/Buttons/btn_download.gif);*/
    background-image: url(../Icons/Buttons/btn_download_new.gif);
    margin-left: 5px;
}

.btn_upload {
    background-image: url(../Icons/Buttons/btn_upload.png);
}

.btn_help {
    background-image: url(../Icons/Buttons/btn_help.png);
}

.btn_email {
    background-image: url(../Icons/Buttons/btn_email.png);
}

.btn_search {
    background-image: url(../Icons/Buttons/search.jpg);
}

.btn_login {
    background-image: url(../Icons/Buttons/btn_login.png);
}

.btn_prev {
    background-image: url(../Icons/Buttons/btn_prev.png);
}

.btn_next {
    background-image: url(../Icons/Buttons/btn_next.png);
}

.btn_grid {
    background-image: url(../Icons/Buttons/btn_grid.png);
}

.btn_tree {
    background-image: url(../Icons/Buttons/btn_tree.png);
}

.btn_buy {
    background-image: url(../Icons/Buttons/btn_buy.png);
}

.btn_quote {
    background-image: url(../Icons/Buttons/quote.png);
}

.btn_refresh {
    background-image: url(../Icons/Buttons/btn_refresh.png);
}

.btn_advanced {
    background-image: url(../Icons/Buttons/btn_advanced.png);
}

.btn_emergency {
    background-image: url(../Icons/Buttons/btn_emergency.png);
}

.btn_transfer {
    background-image: url(../Icons/Buttons/btn_transfer.gif);
}

.btn_remove_s {
    background-image: url(../Icons/Buttons/btn_remove_s.png);
}

.btn_add_s {
    background-image: url(../Icons/Buttons/btn_add_s.gif);
}

.btn_copy_s {
    background-image: url(../Icons/Buttons/btn_copy_s.gif);
}

.btn_print {
    background-image: url(../Icons/Buttons/btn_print.png);
}

.btn_bookmark {
    background-image: url(../Icons/Buttons/btn_bookmark.png);
}

.btn_pdf {
    background-image: url(../Icons/Buttons/btn_pdf.png);
}

.btn_recall {
    background-image: url(../Icons/Buttons/btn_recall.png);
}

.btn_play {
    background-image: url(../Icons/Buttons/btn_play.png);
}

.btn_planit {
    background-image: url(../Icons/Buttons/btn_Planit.png);
}

.btn_contact {
    background-image: url(../Icons/Buttons/btn_contact.png);
}

.btn_select {
    background-image: url(../Icons/Buttons/btn_select_s.png);
}

.btn_view {
    background-image: url(../Icons/Buttons/btn_view.gif);
}

.btn_left {
    background-image: url(../Icons/Buttons/btn_left.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.btn_right {
    background-image: url(../Icons/Buttons/btn_right.png);
}

.btn_AllLeft {
    background-image: url(../Icons/Buttons/btn_AllLeft.png);
}

.btn_AllRight {
    background-image: url(../Icons/Buttons/btn_AllRight.png);
}

.btn_ViewPdfDocument {
    background-image: url(../Icons/Buttons/btn_view_pdf.gif);
}

.btn_download_pdf {
    background-image: url(../Icons/Buttons/btn_download_pdf.gif);
}

.btn_order {
    background-image: url(../Icons/Options/Order16x16.jpg);
}

.btn_extend {
    background-image: url(../Icons/Buttons/btn_clock.png);
}

.btn_clock {
    background-image: url(../Icons/Buttons/btn_clock.png);
}

.btn_query {
    background-image: url(../Icons/Buttons/btn_query.png);
}

.btn_approve_s {
    background-image: url(../Icons/Buttons/btn_approve_s.png);
}

.btn_s {
    font-size: 10px;
    padding: 1px 2px 1px 15px;
}

.btn_blank {
    padding: 3px 5px 4px 5px;
}

.btn_telligent {
    background-image: url(../Icons/Buttons/Telligent.jpg);
}

.btn_upgrade {
    background-image: url(../Icons/Buttons/upgrade.png);
}

.popup_btn {
    color: #3383B0;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 10px;
    border: solid 1px #ccc;
    font-family: Meiryo,맑은 고딕,微软雅黑,微軟正黑體,Arial;
    background: url(/Icons/StyleUse/btn1x400.png) 50% 49% repeat-x;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

    .btn:hover, .popup_btn:hover {
        color: #3383B0;
        border: solid 1px #B0B0B0;
    }

.Checked {
    padding: 2px 12px;
    background: url("/icons/buttons/SupportStatus_Supported.png") no-repeat 0px 4px;
}

.Unchecked {
    padding: 2px 12px;
    background: url("/icons/buttons/SupportStatus_Unsupported.png") no-repeat 0px 4px;
}

.SupportStatus {
    width: auto;
}

#supportstatuscontainer {
    margin: 2px 0px;
}

    #supportstatuscontainer table {
        float: right
    }

    #supportstatuscontainer td {
        text-align: left;
    }

    #supportstatuscontainer a {
        font: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-size: 7pt;
        vertical-align: middle;
    }

    #supportstatuscontainer img {
        border: none;
        width: 9px;
        height: 9px;
    }

.separator {
    float: right;
    border-left: 1px solid #80BA27;
    float: right;
    height: 30px;
    margin: 0 1px;
    width: 0;
}

.SupportStatus_short {
    height: 30px;
    margin-top: 10px;
    margin-right: 5px;
}

.SupportStatus a {
    font: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 7pt;
    vertical-align: middle;
}

.SupportStatus img {
    border-width: 0px;
    width: 9px;
    height: 9px;
}

.SupportStatus_short .no {
    color: #EF0000;
}

.SupportStatus_short .yes {
    color: #0D9100;
}

.symbol {
    color: #666666;
    font-size: 11px;
    padding: 5px 5px 5px 20px;
    line-height: 2;
    margin-right: 20px;
}

.sharing {
    background: url(../Icons/Buttons/greenlight.png) no-repeat 0px 4px;
}

.notsharing {
    background: url(../Icons/Buttons/greylight.png) no-repeat 0px 4px;
}

.selling {
    background: url(../Icons/Buttons/selling.gif) no-repeat 0px 4px;
}

.notselling {
    background: url(../Icons/Buttons/notselling.gif) no-repeat 0px 4px;
}

.approved {
    background: url(../Icons/Buttons/apply.png) no-repeat 0px 4px;
}

.rejected {
    background: url(../Icons/Buttons/cross.png) no-repeat 0px 4px;
}

.pending {
    background: url(../Icons/Buttons/pending.gif) no-repeat 0px 5px;
}

/*Help popup*/
.uh li {
    margin: 10px 0px;
    font-size: 9pt;
    width: 400px;
    line-height: 1.7;
}

.uh .dc {
    font-size: 9pt;
}

.r th, .r td {
    border: 1px solid #CCCCCC;
    line-height: 1.7;
    font-size: 8pt;
}

.uh th {
    width: 150px;
}

.uh table {
    border-spacing: 5px;
    width: 400px;
}

.liS .i {
    margin-right: 5px;
    cursor: pointer;
    border: solid 1px #bbb;
    padding: 3px 5px;
    display: inline-block;
}

    .liS .i:hover {
        background-color: #FFD37C;
    }

.liS .is {
    border: solid 1px #FFAE00;
}

.ic {
    height: 320px;
    width: 420px;
    border: solid 2px #ccc;
    padding: 5px;
    text-align: center;
}

#divhpt {
    background: url(../Icons/Buttons/close_popup.gif) no-repeat right top;
}

    #divhpt:hover {
        background: url(../Icons/Buttons/close_popup_o.gif) no-repeat right top;
    }

    #divhpt h2 {
        margin-top: 0;
        padding: 5px 0px;
        cursor: pointer;
        border-bottom: solid 1px #ccc;
    }

#tdit {
    background-color: #eee;
    margin-bottom: 3px;
    font-size: 9pt;
    font-weight: bold;
    color: #777;
    text-align: center;
}

/* Dropdown */
#nav {
    font: normal .8em/1.5em Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 32px 2px 0px 2px;
    line-height: 100%;
}

    #nav li {
        margin: 0 4px;
        padding: 0 0 8px;
        float: left;
        position: relative;
        list-style: none;
        z-index: 10;
    }

    #nav a {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        padding: 8px 8px;
        margin: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(#4eacc6), to(#b2e2ee));
        background: -moz-linear-gradient(top, #4eacc6, #b2e2ee);
        background: linear-gradient(to top, #4eacc6, #b2e2ee);
        border-top: solid 1px #f8f8f8;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    #nav .current a, #nav li:hover > a {
        background: #a1a1a1;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
        background: -webkit-gradient(linear, left top, left bottom, from(#4eacc6), to(#4eacc6));
        background: linear-gradient(to top, #4eacc6, #4eacc6);
        border-top: solid 1px #f8f8f8;
    }

    #nav ul li:hover a, #nav li:hover li a {
        background: none;
        border: none;
        color: #666;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #nav ul a:hover {
        background: #DDF5FF !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89DEFD', endColorstr='#DDF5FF');
        background: -webkit-gradient(linear, left top, left bottom, from(#89DEFD), to(#DDF5FF)) !important;
        background: linear-gradient(to top, #89DEFD, #DDF5FF);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }

    #nav ul .first {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    #nav ul .last {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #nav ul {
        background: #ddd;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf');
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf));
        background: -moz-linear-gradient(top, #fff, #cfcfcf);
        background: linear-gradient(to top, #fff, #cfcfcf);
        display: none;
        margin: 0;
        padding: 0;
        width: 300px;
        position: absolute;
        top: 35px;
        border: solid 1px #b4b4b4;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        z-index: 15;
        right: 0;
    }

    #nav li ul b {
        height: 50px;
    }

    #nav li:hover > ul {
        display: block;
    }

    #nav ul li {
        float: none;
        margin: 0;
        padding: 0;
    }

    #nav ul a {
        font-weight: normal;
        text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
    }

    #nav ul ul {
        z-index: 20;
        left: 300px;
        top: -3px;
    }

    #nav ul li:first-child > a {
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
    }

    #nav ul li:last-child > a {
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-right-radius: 9px;
        -moz-border-radius-bottomright: 9px;
    }

    #nav:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

#nav {
    display: inline-block;
}

html[xmlns] #nav {
    display: block;
}

* html #nav {
    height: 1%;
}

/* Multi Column */
#mc .mcOne {
    left: 0;
    z-index: 1;
}

#mc .mcTwo {
    left: 200px;
    z-index: 1;
}

#mc .mcThree {
    left: 400px;
    z-index: 1;
}

#mc .mcFour {
    left: 600px;
    z-index: 1;
}

#mc .mcNewColumn {
    position: absolute;
    top: 0px;
}

#mc .mcHeading {
    display: block;
    font-size: 14px;
    color: #069;
    padding: 16px 0px 8px 0px;
    font-weight: bold;
}

#mc .mcLink {
    text-decoration: none !important;
    background: none !important;
    padding: 4px 0px 4px 4px;
}

    #mc .mcLink:hover {
        background: none !important;
        filter: none;
        text-shadow: none;
        color: #0000C0;
        border: none;
    }

#mc ol li a {
    text-decoration: none !important;
    background: none !important;
    padding: 4px 0px 4px 4px;
}

    #mc ol li a:hover {
        text-decoration: none;
        background: none !important;
        filter: none;
        text-shadow: none;
        color: #0000C0;
        border: none;
    }

#mc ol li:hover {
    background: none !important;
    border: none;
}

#mc ol {
    width: 200px;
    top: 0px;
    margin-bottom: 16px;
}


/* Site Layout */
#nav a b {
    display: block;
    text-align: right;
    color: #444;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    padding: 0px;
    cursor: pointer;
}

    #nav a b.last {
        border-bottom-width: 1px;
    }

#nav b img {
    display: block;
    float: left;
    padding-right: 5px;
    border: 0;
}

#nav b span {
    display: block;
    font-size: 14px;
    color: #069;
    padding-top: 5px;
    font-weight: bold;
}

div#container {
    margin: 0 auto;
    width: 95%;
    min-width: 960px;
    border: #3093B3 solid 1px;
}

div#header {
    height: 60px;
}

div#headerLeft {
    float: left;
    width: 150px;
    padding: 10px 0px 0px 5px;
}

div#headerRight {
    float: right;
    width: auto;
    padding: 0px 0px 0px 0px;
    z-index: 100;
}

div#toolbar {
    clear: left;
    float: left;
    width: 150px;
    background-color: #FFFFFF;
}

div#divRight {
    min-height: 700px;
    margin-left: 150px;
    background-color: #FAFAFA;
}

div#breadcrumbs {
    background-color: #FFFFFF;
    padding: 0px 0px 2px 5px;
    width: auto;
    height: 40px;
    border-left: solid 1px #3093B3;
}

div#contentarea {
    padding: 5px 5px 5px 5px;
    width: auto;
    border-top: #3093B3 solid 1px;
    border-left: solid 1px #3093B3;
    background-color: #FAFAFA;
    z-index: 1;
}

div#footer {
    clear: both;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding: 4px;
    height: 16px;
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    background-size: cover;
    background: url('/Images/HexagonBar.png');
}

div.table ul {
    float: left;
    margin: 0;
    padding: 0;
}

.table ul li {
    margin: 5px 0px;
    display: block;
    text-align: left;
    height: 15px;
}

.table ul.nameColumn {
    min-width: 100px;
    width: auto;
    color: #666666;
}

.table ul.valueColumn {
    min-width: 50px;
    width: auto;
    margin-right: 10px;
    color: #316AC5;
}

#toolbar ul {
    list-style-type: none;
    margin: 0px 5px;
    padding: 0;
}

#toolbar li {
    margin: 5px 0px;
}

.t {
    background: url(dot.gif) 0 0 repeat-x;
    width: 20em;
}

.b {
    background: url(dot.gif) 0 100% repeat-x;
}

.l {
    background: url(dot.gif) 0 0 repeat-y;
}

.r {
    background: url(dot.gif) 100% 0 repeat-y;
}

.bl {
    background: url(bl.gif) 0 100% no-repeat;
}

.br {
    background: url(br.gif) 100% 100% no-repeat;
}

.tl {
    background: url(tl.gif) 0 0 no-repeat;
}

.tr {
    background: url(tr.gif) 100% 0 no-repeat;
    padding: 10px;
}

div#footer a {
    font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #111111;
    text-decoration: underline;
}

    div#footer a:visited {
        font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #111111;
        text-decoration: underline;
    }

    div#footer a:hover {
        font-family: Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #3093B3;
        text-decoration: none;
    }

.tab_theme .ajax__tab_header {
    background: url("/Icons/StyleUse/tab-line.png") repeat-x scroll center bottom transparent;
    display: block;
    font-family: "Helvetica Neue",Arial,Meiryo,맑은 고딕,微软雅黑,微軟正黑體,Sans-Serif;
    font-size: 12px;
}

    .tab_theme .ajax__tab_header .ajax__tab_outer {
        background: url("/Icons/StyleUse/tab.png") no-repeat scroll left top transparent;
        border-color: #222222;
        color: #222222;
        margin-right: 3px;
        padding-left: 10px;
    }

    .tab_theme .ajax__tab_header .ajax__tab_inner {
        background: url("/Icons/StyleUse/tab.png") no-repeat scroll right top transparent;
        border-color: #666666;
        color: #666666;
        padding: 3px 10px 4px 0px;
    }

.tab_theme .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
    cursor: pointer;
}

.tab_theme .ajax__tab_active .ajax__tab_outer {
    background: url("/Icons/StyleUse/tab.png") no-repeat scroll 0 -40px transparent;
    border-bottom-color: #FFFFFF;
}

.tab_theme .ajax__tab_active .ajax__tab_inner {
    background: url("/Icons/StyleUse/tab.png") no-repeat scroll right -40px transparent;
    border-color: #333333;
    color: #000000;
}

.tab_theme .ajax__tab_body {
    background-color: #FAFAFA;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    padding: 10px;
}

.tab_theme .ajax__tab_panel {
    overflow: hidden;
}

.tab {
    border: 1px solid #ccc;
    z-index: 1;
    position: relative;
    top: -1px;
    padding: 5px;
}

.tab_btn {
    border-color: #ccc;
    z-index: 5;
    position: relative;
    margin-right: 3px;
    background-color: #FAFAFA;
}

    .tab_btn:hover, .tab_btn_slt {
        border-bottom-color: #FAFAFA;
    }

#TellIntefaceOuter {
    width: 1000px;
    height: 350px;
}

#IntefaceRight {
    padding-top: 10px;
    width: 498px;
    float: right;
    height: 70px;
    display: block;
}

#InterfaceLeft {
    padding-top: 10px;
    width: 498px;
    float: left;
    height: 70px;
}

.txtTelli {
    width: 200px;
    height: 20px;
    float: left;
    padding-left: 10px;
}

.btnTelli {
    vertical-align: bottom;
    float: left;
    position: relative;
}

#TelliOutline {
    border: 1px solid #666666;
    width: 600px;
    height: 150px;
    margin: 0 auto;
    margin-top: 100px;
}

.TellOption {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 8px 8px;
    margin: 0;
    background: #d1d1d1;
    border-top: solid 1px #f8f8f8;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.btn_telligent {
    background-image: url(../Icons/Buttons/Telligent.jpg);
}

.btn_telligentRefresh {
    background-image: url(../Icons/Buttons/btnRefresh.jpg);
}

.btn_telligentCurrent {
    background-image: url(../Icons/Buttons/btnCurrent.jpg);
}

.btn_telligentNew {
    background-image: url(../Icons/Buttons/btnNew.jpg);
}

.telliMsg {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 30px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    font-size: 11pt;
}

#topMsg {
    width: 600px;
    background-color: #d1d1d1;
    height: 20px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top;
    font-weight: bold;
    font-size: 10pt;
    padding-top: 5px;
    text-align: center;
}

#TelliBtns {
    text-align: center;
    width: 460px;
    height: 30px;
    padding-left: 138px;
    vertical-align: bottom;
}

.txtHide {
    visibility: hidden;
}

.ListTelli {
    width: 150px;
    float: left;
}

.ListVcp {
    width: 150px;
    float: right;
}

.telliSortingButton {
    margin: 1px 7px 1px 1px;
    background-color: transparent;
    border: 1px solid #999999;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    width: 24px;
    height: 24px;
}

    .telliSortingButton:hover {
        color: #3383B0;
        border: solid 1px #B0B0B0;
    }

#divSortingButtons {
    width: 72px;
    float: left;
    margin-top: 70px;
    text-align: center;
}

#vTelliMappingOuter {
    width: 800px;
    height: 400px;
}

#leftMap {
    width: 363px;
    height: 200px;
    float: left;
    text-align: right;
}

#rightMap {
    text-align: left;
    width: 363px;
    height: 200px;
    float: right;
}

.nextline {
    clear: left;
}

#mapping {
    height: 270px;
}

.InterfaceDesc {
    padding-left: 140px;
    padding-top: 20px;
}

.lblTelli {
    width: 115px;
    height: 20px;
    padding-right: 10px;
    float: left;
    text-align: right;
}

.lblTelliR {
    width: 115px;
    height: 20px;
    padding-right: 10px;
    float: left;
    text-align: right;
}

.ddTelli {
    width: 100px;
    height: 20px;
    float: left;
}

.minwidth {
    min-width: 900px;
}

#TelliTopSelection {
    height: 60px;
    width: 300px;
    float: left;
}

#VCPTopSelection {
    float: left;
    width: 240px;
    height: 50px;
    margin-left: 145px;
}

.InterfaceBtn {
    padding-left: 267px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#dbusage_live {
    background: url("../Icons/buttons/database_live.png") no-repeat;
    display: inline-block;
    padding: 4px 25px;
}

    #dbusage_live:after {
        content: "Live DB";
        color: #008F00;
        font-size: 10pt;
    }

#dbusage_test {
    background: url("../Icons/buttons/database_live.png") no-repeat;
    display: inline-block;
    padding: 4px 25px;
}

    #dbusage_test:after {
        content: "Test DB";
        color: #f00;
        font-size: 10pt;
    }

#dbusage_local {
    background: url("../Icons/buttons/database_test.png") no-repeat;
    display: inline-block;
    padding: 4px 25px;
}

    #dbusage_local:after {
        content: "Local DB";
        color: #f00;
        font-size: 10pt;
    }

.verocolor {
    color: rgb(121, 192, 65);
}

@media (max-width: 1180px) {
    div#header {
        height: 120px;
    }
}

.row .text-group p a {
    color: #0097ba;
    text-decoration: none;
}

.row .text-group table {
    border-collapse: collapse;
    border-spacing: 0;
}

.row .text-group a {
    color: #0097ba;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

#divToolBarSearch {
    padding: 3px;
}

#divToolBarSearch #searchtext {
    width: 85%;
    border-right: solid 0px #ccc;
}

#divToolBarSearch #IdToolBarSearchIcon {
    width: 11%;
}

/* blue bluring */
body.blur-data .blur-data,
body.blur-data .blur-child > *,
body.blur-data a[href*="ServerCode"],
body.blur-data a[href*="Servercode"],
body.blur-data a[href*="servercode"],
body.blur-data td.ServercodeSelector,
body.blur-data #tblSummary tr.t td.l,
body.blur-data #divBreadCrumbText a[href*="ServerCode"] {
    text-shadow: 0 0 5px #316AC5;
    color: transparent;
}

body.blur-data th span[id$="Email"],
body.blur-data th span[id$="LoginID"] {
    text-shadow: none;
    color: inherit;
}

body.blur-data td.no-blurring a,
body.blur-data tr.no-blurring td p a {
    text-shadow: none;
    color: #676767;
}