/* --------------------------------------------------------------------------------------------------------------- */
/*   CSS Styles for Modal Windows or Modal Dialog.                                                                 */
/*     CopyRight: MillionMax Engineering Pte, Ltd.                                                                 */
/*     Author:    Sun, Peter                                                                                       */
/*     Date:      09 Feb 2014                                                                                      */
/* --------------------------------------------------------------------------------------------------------------- */

*
{
    margin: 0;
    padding: 0;
}

/* --------------------------------------------------------------------------------------------------------------- */
/*   CSS Styles for Modal Windows.                                                                                 */
/* --------------------------------------------------------------------------------------------------------------- */

.Title_Configure
{
    padding-bottom: 10px;
    background-color: transparent;
    font-family: Times New Roman;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    color: #660000;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 22px;
}

.Title
{
    background-color: transparent;
    font-family: Times New Roman;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    color: #660000;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 22px;
}

.SubTitle
{
    background-color: transparent;
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #000000;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
}

.THHeader
{
    background-color: #F4A460;  /*#EFF3FB*/
    font-family: Arial;
    font-weight: bold;
    font-size: 0.75em;
    color: #E0FFFF;
    text-align: center;
    vertical-align: middle; 
}

 .Context
{
    background-color: transparent;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.688em;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    line-height: 22px;
}

.Controls
{
    background-color: #EFF3FB;
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #11496E;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
}

.Buttons
{
    font-family: Arial;
    font-weight: lighter;
    font-style: normal;
    font-size: 11px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    outline: 0; 
}

.Buttons:disabled
{
    color: gray;
}

.Container
{
    position: relative;
}

.Contents
{
    position: relative;
    color: #FFFFFF;
    z-index: 5;
}

.Background
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #D3D3D3;
    z-index: -1;
    border-radius: 10px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";                  /* IE 8 Compatibility */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);                       /* IE 7 Compatibility */
    opacity: 0.6;                                                                      /* Everyone else      */
}

.GridView
{
    font-family: Trebuchet MS,Arial,san-serif;
    font-weight: normal;
    font-size: 11px;
}

.GridViewHeader
{
    font-family: Trebuchet MS,Arial,san-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    white-space: normal;
}

th a
{
    text-decoration: none;
    color: #FFFFFF;
}

td a
{
    text-decoration: none;
    color: #000000;
}

th
{
    text-align: left;
    padding-left:5px;
}

.GridViewRow td
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E6E6E6;
    text-align: left;
    padding-left:5px;
    line-height: 16px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/*   CSS Styles for Modal Dialog.                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------- */

.ModalBackground
{
    background-color: Gray;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";                  /* IE 8 Compatibility */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);                       /* IE 7 Compatibility */
    opacity: 0.6;                                                                      /* Everyone else      */
}

.ModalBackground_Processing
{
    background-color: Gray;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";                  /* IE 8 Compatibility */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);                       /* IE 7 Compatibility */
    opacity: 0.6;                                                                      /* Everyone else      */
}

#DialogOverlay
{
    background-position: 0% 0%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../HTIS_Images/Dialog_BG_Brower.png');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
}

#DialogBox
{
    position: fixed;
    top: 50%;
    left: 50%;
    background: url('../HTIS_Images/Dialog_BG_Body.jpg') repeat-x left bottom #e5e5e5;
    border: 1px solid rgba(33, 33, 33, 0.6);
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#DialogBox .TableH
{
    background: url('../HTIS_Images/Dialog_BG_Header.jpg') repeat-x left bottom #f5f5f5;
    width: 100%;
    margin: 0px;
    border: 0px;
}

#DialogBox .TableH td
{
    height: 24px;
}

#DialogBox .HeaderContent
{
    padding: 5px 10px;
    font-family: Trebuchet MS,Arial,san-serif;
    font-weight: bold;
    font-size: 0.688em;
    color: #0078A5;
}

#DialogBox .HeaderButton
{
    display: block;
    float: right;
    margin-right: 8px;
    vertical-align: middle;
    outline:0;
}

#DialogBox .TableM
{
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 10px 10px 0px 10px;
    font-family: Trebuchet MS,Arial,san-serif;
    font-size: 0.688em;
    color: #000000;
    white-space: normal;
    z-index: 10;
}

#DialogBox .Message
{
    display: block;
    float: left;
    width: 375px;
    height: auto;
    margin: 0px;
    word-wrap: break-word;
}

#DialogButtons
{
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}

#DialogButtons .Button
{
    width: 100px;
    margin-bottom: 10px;
    font-family: Trebuchet MS,Arial,san-serif;
    font-size: 0.75em;
    color: #11496E;
    text-align: center;
}