@CHARSET "UTF-8";

.microLabelLeft{
    width: 146px;
}
.microSelectWidth{
    width: 195px;
}
.microField{
    width: 100%;
}
.microComment{
    width: 100%;
    padding-top: 30px;
    color: #AAA;
}
.microSendFormTitle{
    width: 100%;
    padding: 10px 0px 20px 0px;
    font-weight: bold;
    font-size: 14px;
}

.microDetailOrderHead{
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

.microDetailOrderDateStatus{
    width: 100%;
    padding: 10px 0px 5px 0px;
    font-size: 12px;
}

.microDetailOrderDateStatus span#orderDate{
    width: auto;
    padding-right: 10px;
}

.microDetailOrderDateStatus span#orderStatus{
    width: auto;
    font-weight: bold;
    color: #336F93;
}

.microDetailOrderTexts{
    width: 100%;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    border-bottom: 1px solid grey;
}

.microDetailOrderTexts span#titleText{
    width: auto;
    font-weight: bold;
    padding-right: 15px;
}

.microDetailOrderTexts span#valueText{
    width: 70%;
}
.microDetailOrderTexts span#valueText p span {
    float: none;
    display: inline;
}

.microDetailOrderQuestionText{
    width: 100%;
    font-size: 12px;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #777;
}
.microDetailCommentArea{
    width: 100%;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
}
.microDetailCommentArea span#titleText{
    width: auto;
    font-weight: bold;
    padding-right: 15px;
}
.microDetailCommentArea span#valueText{
    width: 100%;
    padding-top: 10px;
}

#microDetComDate{
    width: auto;
    padding-right: 10px;
    font-weight: bold;
}

#microDetComPerson{
    width: auto;
    padding-right: 10px;
    color: #336F93;
}
.microDetailComment{
    width: 100%;
    padding: 10px 0px 10px 0px;
    border-top: 1px dotted grey;
}
div.microDetailCommentArea span.comment-left-area {
    width: 13%;
    padding: 10px 0px;   
}
div.microDetailCommentArea span.comment-right-area {
    width: 87%;
    padding: 10px 0px;   
}

.microDetConfirm{
    width: 100%;
    font-size: 12px;
    padding: 10px 0px 10px 0px;
}
.microDetConfirm span#confirmQuestion{
    width: auto;
    color: red;
    padding-right: 10px;
}
.microDetConfirm span#microDetComTitle{
    font-weight: bold;
}
.microErrors{
    color: red;
    font-weight: bold;
    padding: 20px 0px 0px 50px;
}
.microInbox{
    font-size: 11px;
}
.microInbox li{
    padding-top: 5px;
}
.microInboxAnswerArea{
    width: 60%;
}
.microInboxAttachmentArea{
    width: 39%;
}
.paymentLoginHead{
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
}
.paymentLoginHint{
    width: 100%;
    text-align: center;
    color: #888;
    padding: 0px 0px 10px 10px;
}
.paymentLoginLine{
    width: 100%;
    padding: 5px 0px 0px 0px;
}
.paymentLoginLabel{
    width: 30%;
    padding: 0px 0px 0px 5px;
}
.paymentLoginUtilBtns{
    width: 100%;
    padding-top: 60px;
}
.paymentLoginErrors{
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 20px 0px;
    color: red;
}
.microAttachment{
    width: 100%;
    padding: 5px 0px 0px 10px;
}
#microHint{
    width: 50%;
    color: red;
    font-weight: bold;
}