﻿body{
/* ทำให้ทั้งหน้าเป็นสีฟ้าไล่เฉด %/
/*	background-color:#ECF5FB;
	background-image:url(Images/Stage_BG_btm.png);
	background-position:center bottom; 
	background-repeat:repeat-x;load

	font-family:Tahoma,Verdana,Segoe,sans-serif;
	font-size:70%;
	padding-bottom:20px; */
}

.Container
{
/*	margin:auto;
	min-height:400px;
	background:#ffffff;
	max-width:500px;
	min-width:500px;
	border:solid 1px #d4d4d4;
	padding:0 20px 20px 20px; */
} 

.ToolBar
{
	border:solid 1px #d4d4d4;
	padding:10px;
	margin-bottom: 8px; /* 20px; */
}

.GridContainer
{
/*	background:#ECF5FB; 
	min-height:300px;
	border:solid 1px #d4d4d4;
*/
}


.ModalPopupBG
{
/*	background-color: #666699; 
	filter: alpha(opacity=50);
	opacity: 0.4;
*/
    background-color:black;
    filter:alpha(opacity=30) !important;
    opacity:0.3 ! important;
    z-index:20;
}

.popup_Container {
/*	background-color:#fffeb2; */
	background-color:#ECF5FB;
	background-image:url(Images/Stage_BG_btm.png);
	background-position:center center; 
	background-repeat:repeat-x;

/*	background-color:#ECF5FB; */
	border:1px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 80%; /* 500px; 300px; */
	height: 50% /* 200px; */
}

.popup_Titlebar {
	background: url(Images/titlebar_bg.jpg);
	height: 29px;
}

.popup_Body
{
	/* padding:15px 15px 15px 15px; */
	padding:8px 8px 8px 8px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	color:#000000;
	line-height:15pt;
	clear:both;
	/* padding:20px; */
	padding:8px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	/* background:url(Images/cross_icon_normal.png); */
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:30px; /* 20px; 10px; */
}

.AjaxLoaderInner
{
    position: absolute;
    /* z-index: 1300; */ /* 1000; */
    /* top: 75%; /* 45%; */
    /* left: 45%;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: Black; 
    filter: alpha(opacity=100); !important;
    opacity: 1.0; !important; */

    float:left;
    margin:0 10px 0 auto;
    background-image: url('./images/MsgBG.jpg');
    box-shadow: 0 2px 5px #333;
    width:200px;
    height:250px;
    border-style:none;
    text-align:center;
    border-radius:10px;
    display: inline-block; 
    position: absolute; 
    min-width: 90%; 
    min-height: 23%; 
    top: 75% /* 25%; */
    left: 5%; 
    line-height: 100%;
    vertical-align: middle;
    z-index: 1500; /* 1500; */
}

.AjaxLoaderOuter
{
    position: fixed;
    vertical-align: middle;
    text-align: center;
    z-index: 50000; /* 1000; 1400; 1000; */
    top: 0px;
    left: 0px;
    background-color: White; /* Black; */
    filter: alpha(opacity=70);  !important;
    opacity: 0.7;   !important; 
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;    
    vertical-align: center;
}

.AjaxLoaderOuterWait
{
    position: fixed;
    vertical-align: middle;
    text-align: center;
    z-index: 2000; /* 1000; 1400; 1000; */
    top: 0px;
    left: 0px;
    background-color: White; /* Black; */
    filter: alpha(opacity=70);  !important;
    opacity: 0.7;   !important; 
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;    
    vertical-align: center;
}

.AjaxLoaderOuterClear
{
    position: fixed;
    vertical-align: middle;
    text-align: center;
    z-index: 1000; /* 1400; 1000; */
    top: 0px;
    left: 0px;
    background-color: White; /* Black; */
    filter: alpha(opacity=20);  !important;
    opacity: 0.2;   !important; 
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;    
    vertical-align: center;
}
