﻿.bst-setting-dialog-user-info-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:#000;
    opacity:0.3;

    z-index:999;
}

.bst-setting-dialog-user-info{
    position: absolute;
    font-weight: bold;
    width: 100%;
    height: 100%;
    z-index:1000;

    user-select: text !important;
	-moz-user-select: text !important;  
	-webkit-user-select: text !important;  
	-ms-user-select: text !important;  
}

.bst-setting-dialog-user-info tr
,.bst-setting-dialog-user-info td{
    word-break: break-all;
}




.bst-setting-dialog-user-info >.panel{
    width: 498px;
    height: 360px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 10px;
    text-align: center;

}

.bst-setting-dialog-user-info >.panel>.title {
    font-size: 18px;
    color: #b2b2b2;
    margin-top: 5px;
}

.bst-setting-dialog-user-info >.panel>.title2 {
    font-size: 18px;
    color: #666666;
    margin-top: 5px;
}


.bst-setting-dialog-user-info >.panel>.btn-cre-pass {
height: 22px;
    width: 118px;
    border: 1px solid #cccccc;
    background-color: #f0f0f0;
    font-size: 13px;
    color: #666666;
    cursor: pointer;
    margin-top: 10px;
    font-weight: bold;
}

.bst-setting-dialog-user-info >.panel>.btn-cre-pass:hover{
    background-color: #e5e5e5;
}

.bst-setting-dialog-user-info >.panel>.btn-cre-pass:active{
    background-color: #d6d6d6;
}

.bst-setting-dialog-user-info >.panel  .row {
    margin-top:0px;
    text-align:right;
}

.bst-setting-dialog-user-info >.panel  .row1 {
    text-align:right;
}

.bst-setting-dialog-user-info >.panel  .row2 {
    margin-top: 0;
    height:100px;
}
.bst-setting-dialog-user-info >.panel  .row3 {
    margin-top: 0;
    height:70px;
}
.bst-setting-dialog-user-info >.panel  .row4 {
    margin-top: 0;
}

.bst-setting-dialog-user-info >.panel  .row > .label{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #737373;
}

.bst-setting-dialog-user-info >.panel  .row > .label>div{
    margin-top:3px;
}



.bst-setting-dialog-user-info >.panel  .row > .text{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #737373;
    width: 307px;
    text-align: left;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom; 
/*https://ja.stackoverflow.com/questions/2603/overflow-hidden%E3%81%8C%E6%8C%87%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%9F%E8%A6%81%E7%B4%A0%E3%82%92%E6%8C%81%E3%81%A4inline-block%E3%81%AE%E9%AB%98%E3%81%95%E3%81%8C%E8%A6%AA%E3%81%AE%E9%AB%98%E3%81%95%E3%81%A8%E9%81%95%E3%81%86%E7%90%86%E7%94%B1
によると、

理由ですが、これはデフォルトの vertical-align: baseline の設定が作用しているためで、「通常であれば、文字の垂直位置」が対象になるところ、 overflow:hidden が指定されたことによって、「要素ボックスの垂直位置」が対象になったためです。

CSS 2.1 仕様の 10.8.1 の最後で以下のように規定された動きからきています。

The baseline of an 'inline-block' is the baseline of its last line box
in the normal flow, unless it has either no in-flow line boxes or if
its 'overflow' property has a computed value other than 'visible', in
which case the baseline is the bottom margin edge.

で

vertical-align: top
か
vertical-align: bottom
で
要素同士の位置があいます。
*/
}

.bst-setting-dialog-user-info >.panel  .row > .pass{
    color: #178fe5;
}
.bst-setting-dialog-user-info >.panel  .row > .pass-text{
    color: #178fe5;
    user-select: text;
	-moz-user-select: text;  
	-webkit-user-select: text;  
	-ms-user-select: text;
}

.bst-setting-dialog-user-info >.panel  .row > .pass2{
    color: #178fe5;
    font-size:11px;
}



.bst-setting-dialog-user-info > .panel .row > .list-label {
    width: 138px;
    height: 100px;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #737373;
    overflow: hidden;
}

.bst-setting-dialog-user-info >.panel  .row > .list-label > .item{
    height: 22px;
    text-align: right;
    margin-top: 3px;
    /*margin-left: 5px;*/
}


.bst-setting-dialog-user-info >.panel  .row > .list{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #737373;
    width: 307px;
    text-align: left;

    height: 100px;

    overflow-y: auto;
    overflow-x: hidden;
}


.bst-setting-dialog-user-info >.panel  .row > .list > .item{
    /*height: 22px;*/
    word-break: break-all;
    text-align: left;
    margin-top: 3px;
    /*margin-left: 5px;*/
}

.bst-setting-dialog-user-info >.panel  .row > .list > .item > .name{
    font-size: 14px;
    color: #666;
}

.bst-setting-dialog-user-info > .panel .row > .list-label-wrap
,.bst-setting-dialog-user-info > .panel .row > .list-wrap{
    height:22px;
    overflow:hidden;
}


.bst-setting-dialog-user-info >.panel > .btns {
    /*margin-top: 18px;*/
    position: absolute;
    bottom: 18px;
    width: 100%;
}
.bst-setting-dialog-user-info >.panel > .btns>.ok {
    border: 1px solid #cccccc;
    width: 84px;
    height: 22px;
    background-color: #fff;
    color: #666666;
    font-size: 15px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: bold;

    cursor:pointer;
}

.bst-setting-dialog-user-info >.panel > .btns>.cancel{
    display: inline-block;
    border: 1px solid #cccccc;
    width: 84px;
    height: 22px;
    background-color: #fff;
    color: #666666;
    font-size: 14px;
    margin-left: 5px;
    font-weight: bold;

    cursor: pointer;
}

.bst-setting-dialog-user-info >.panel > .btns > .ok:hover
,.bst-setting-dialog-user-info >.panel > .btns > .cancel:hover {
    color: #828282;
}
.bst-setting-dialog-user-info >.panel > .btns > .ok:active
,.bst-setting-dialog-user-info >.panel > .btns > .cancel:active{
    background-color: #e5e5e5;
    color: #666666;
}
