﻿

/* NguyenDuy popup*/
/*================== popup ====================*/


#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 9991;
}

.login-popup{
	display:none;
	background: #fff;
	/*width:60%;
padding: 10px; 	
border: 2px solid #ddd;*/

	float: left;		
	position: fixed;
	top: 50%; left: 1%;
	z-index: 9992;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    font: 100% !important;
    min-height: 30px;
     behavior: url('../Content/PIE.htc');
}




.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
	 behavior: url('../Content/PIE.htc');
}

.button:hover { background:#ddd; }

.cldisplay
{
    display:none;
    }
    
.btn_r
{
    background: linear-gradient(#CCCCCC, #000000) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #FFFFFF !important;
    float: right;
    font-size: 12px;   
    padding: 8px 18px;
    position: absolute;
    right: 10px;
    text-shadow: 1px 1px 1px #000000;
    top: 10px;
    z-index: 99999;
}    

.popup_title
{
    border-bottom: 1px dashed #CCCCCC;
    font-size: 16px;
    font-weight: bold;   
    margin-bottom: 10px;
    padding: 10px;
    vertical-align: middle;   
    }
 
 
 #alert_mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 9993;
}
    
.cus_alert
{
    display:none;
	background: #fff;
	width:100%;
	padding: 10px; 	
	border-top: 2px solid #ddd;		
	border-bottom: 2px solid #ddd;	
	position: fixed;
	top: 50%;
	z-index: 9994;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    font: 100% !important;
    min-height: 30px;
     behavior: url('../Content/PIE.htc');
    
    }    
    
.cus_alert_title
{
    
    }  
    
#cus_alert_content
{
   color: #008000;
   font-size: 20pt;
   margin: 10px 0;
    }      
    
    
.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../Content/image/icon/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}    


.toolbar_pop
{
     border-bottom: 1px dashed #CCCCCC;
     text-align:right;
     padding:5px;
     margin-bottom:5px;
     
    }