﻿/* for All */
/*
* 
{
    letter-spacing:0;
    margin:0;
    padding:0;
}
html, body, #aspnetForm, #wrap
{
    height:100%;
}

#wrap 
{
    min-height:100%;
}

#main 
{
    overflow:auto;
    padding-bottom:30px;
}

#footer 
{
    position:relative;
    margin-top:-30px;
    height:30px;
    clear:both;
}
*/
body
{
    font-size: small;
    font-family: MS UI Gothic;
    white-space: nowrap;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

th, td
{
    font-size: small;
    font-family: MS UI Gothic;
    white-space: nowrap;
    overflow: hidden;
}
span
{
    white-space: nowrap;
    overflow: hidden;
}
tr
{
    height: 22px;
}

/* for Input Common */
input
{
    font-size: small;
    font-family: MS UI Gothic; /*    height: 1.1em; */
}
/* for TextBox */
input.txt-str1
{
    vertical-align: middle;
}
input.txt-str2
{
    vertical-align: middle;
    border-width: 0px;
    visibility: hidden;
}
input.txt-num1
{
    text-align: right;
    vertical-align: middle;
}
input.txt-dt1
{
    vertical-align: middle;
}

/* for Multiline TextBox */
textarea
{
    font-size: small;
    font-family: MS UI Gothic;
}

/* for Label */
span.txt-str1
{
    vertical-align: middle;
}
span.txt-str2
{
    vertical-align: middle;
    border-width: 0px;
    visibility: hidden;
}
span.txt-num1
{
    text-align: right;
    vertical-align: middle;
}
span.txt-dt1
{
    vertical-align: middle;
}

/* for CheckBox */
input.chk-dflt
{
}
span.chk-dflt input
{
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* for RadioButton */
input.rdo-dflt
{
}

/* for Button */
input.btn-tab-select
{
    font-size: small;
    height: 24px;
    width: 100px;
    border-top: 3px outset #F5F5F5;
    border-right: 3px outset #F5F5F5;
    border-bottom: 0px none;
    border-left: 1px solid #DCDCDC;
    background-color: #F5F5F5;
}
input.btn-tab-no-select
{
    font-size: small;
    height: 24px;
    width: 100px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 0px;
    border-left: 1px solid #FFFFFF;
    background-color: #D3D3D3;
}
input.btn-dflt
{
    font-size: small;
    width: 100px;
    height: 24px;
}
input.btn-big
{
    font-size: small;
    width: 150px;
    height: 24px;
}
input.btn-small
{
    font-size: small;
    height: 21px;
}
input.btn-small2
{
    font-size: small;
}
input.btn-header
{
    font-size: small;
    width: 70px;
    height: 20px;
}

button.btn-header1
{
    font-size: small;
    width: 40px;
}
button.btn-header2
{
    font-size: small;
    width: 100px;
}
.lbl-header-btn1
{
    font-size: x-small;
    white-space: nowrap;
}


/* for DropDownList */
select
{
    font-size: small;
    font-family: MS UI Gothic;
}
select.ddl
{
}

/* for Label */
.lbl-title
{
    font-weight: bold;
    font-size: large;
    font-family: MS UI Gothic;
}
.lbl-cptn1
{
    background-color: #CCFFFF;
}
/* for index item Label */
.lbl-cptn-idx
{
    background-color: #FFFF88;
}
/* for partition key item Label */
.lbl-cptn-pttk
{
    background-color: #FFCCFF;
}
.lbl-cptn-dummylink
{
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer;
}
.lbl-val-str1
{
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.lbl-val-num1
{
    text-align: right;
    vertical-align: middle;
}
.lbl-val-dt1
{
}

/* for GridView, ListView */
table.tbl-whole
{
    border-collapse: collapse;
    margin-bottom: 3px;
    table-layout: fixed;
}
tbl-whole th
{
    white-space: nowrap;
    overflow: hidden;
}
.tbl-header
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}
.tbl-header A:link
{
    color: Lime;
    font-weight: bold;
}
.tbl-header .tbl-row-dflt td
{
    font-weight: normal;
    color: Black;
    border-color: Black;
}
.tbl-header .tbl-row-alter td
{
    font-weight: normal;
    color: Black;
    border-color: Black;
}
.tbl-footer
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}
div.pager
{
    background-color: White;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
}
.tbl-pager
{
    background-color: White;
    color: Gray;
    font-weight: bold;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}
.tbl-pager A:link
{
    color: Blue;
    font-weight: bold;
}
.tbl-row-dflt
{
    background-color: #EFF3FB;
    height: 25px;
}
.tbl-row-alter
{
    background-color: White;
    height: 25px;
}
.tbl-row-edit
{
    /*  background-color: #2461BF; */
    background-color: #EFF3FB;
    height: 25px;
}
.tbl-row-sel
{
    background-color: #D1DDF1;
    font-weight: bold;
    color: #333333;
    height: 25px;
}
.tbl-col-freezing
{
    border-style: solid;
    border-width: 1px;
}
.tbl-col-dflt
{
    border-style: solid;
    border-width: 2px;
}
table.tbl-tab
{
    border: 1;
    white-space: nowrap;
    border-width: 2px;
    border-style: outset;
    border-color: #DCDCDC;
}
.tbl-scroll-hidden {
    -ms-overflow-style: none;
}
.tbl-scroll-hidden::-webkit-scrollbar {
    display: none;
}
/* for Message */
/*
.msg-nml
{
    font-size: medium;
	font-family:MS UI Gothic;
}
*/
.message-type-info
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #000000;
}
.message-type-warning
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #0000FF;
}
.message-type-error
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #FF0000;
}
/* for Ondemand Notice Message Label*/
.message-type-running
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #FFFFFF;
    background-color: #0000FF;
}
.message-type-waiting
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #FF0000;
    background-color: #FFFF00;
}
.message-type-reserved
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #FFFFFF;
    background-color: #00B650;
}
.message-type-finished
{
    font-size: medium;
    font-family: MS UI Gothic;
    color: #000000;
    background-color: #C0C0C0;
}


.required:after
{
    content: url(../Image/required.gif);
}

.all-msg
{
    background-color: #FFFFCC;
}

/* for Panel */
.pnl_keyword_show
{
    display: inline;
}
.pnl_keyword_hide
{
    display: none;
}

#header
{
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}

/* for Loading Div */
.LoadingOuterDiv
{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: wait;
    background-color: rgba(251, 251, 251, 0);
    display: none;
}

#LoadingMainDiv
{
    border-style: solid;
    border-color: #a3bad9;
    border-width: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 120px;
    text-align: center;
    margin-left: -150px;
    margin-top: -60px;
    background-color: White;
    cursor: wait;
    z-index: 1;
}

#LoadingImage
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}
#LoadingMessage
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -30px;
    color: #000000;
}

select.entered-input, input[type=text].entered-input, textarea.entered-input
{
    border-color: Orange;
    border-style: double;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
}
input[type=radio].entered-input, input[type=checkbox].entered-input
{
    background-color: Orange;
}
