@charset "utf-8";

#popup_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	min-width:330px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #265da6;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#popup_title {
	font-size:22px; 
	font-family: db_ozone_xmedium ,Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-shadow: 1px 1px 1px #333;
	text-align: left;
	text-indent:10px;
	color: #fff;
	/*background: #CCC url(../images/sprite.png) top repeat-x;*/
	background: #CCC url(../images/popupbar.gif) top repeat-x;	
	border: solid 1px #3c4655;
	border-bottom: solid 1px #3c4655;
	cursor: default;
	padding: 0em;
	margin: 0em;
	padding:5px 0px;
}

#popup_content { background: 16px 16px no-repeat url(../images/info.gif); margin: 0em; line-height:18px; }

#popup_content.info{ color: #00529B; background-color: #BDE5F8; background-image: url(../images/info.png); }

#popup_content.success{ color:#333; background-color: #DFF2BF; background-image: url(../images/success.png); }

#popup_content.warning{ color: #333;  background:url(../images/ico32_warning.png) no-repeat 15px 15px; }

#popup_content.error{ color: #D8000C; background-color: #FFBABA; background-image: url(../images/error.png);}

#popup_content.confirm{color: #333; background:url(../images/ico32_warning.png) no-repeat 15px 15px; }

#popup_content.prompt { background-image: url(../images/help.gif); }

#popup_message { text-align:center; padding:20px 0px 30px 0px; }

#popup_message p{ width:78%; margin:auto; text-align:left; margin-left:55px;}

#popup_panel{	text-align:right; background: #e1e1e1; width:100%; padding:7px 0px 7px 0px; display:inline-block; }

#popup_panel input[type=button]{ margin-right:10px;}
#popup_panel input[type=text]{ width:20%; margin:auto;}

#popup_prompt { margin: .5em 0em; }
#popup_prompt input[type=text]{ width:100px; margin:auto;}

	#popup_overlay{
		width:100%;				
	}
@media(max-width:800px) {/*มือถือ*/
	#popup_overlay{
		width:1200px;				
	}
}

.button_example{
 font-family: Arial, Helvetica, sans-serif; font-size:13px; /*font-weight:bold; */
 border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding:7px 10px 7px 10px; text-decoration:none; display:inline-block;
 /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
 color: #333;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}

.button_example:hover{
 border:1px solid #b3b3b3; cursor:pointer;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.btn_2{
	outline:none;
border:1px solid #72021c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:Tahoma; height:34px; width:auto; padding:0px 7px 0px 7px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a90329; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
 background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
 background-image: -moz-linear-gradient(top, #a90329, #6d0019);
 background-image: -ms-linear-gradient(top, #a90329, #6d0019);
 background-image: -o-linear-gradient(top, #a90329, #6d0019);
 background-image: linear-gradient(to bottom, #a90329, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);	
}

.btn_2:hover{
 border:1px solid #450111; cursor:pointer;
 background-color: #77021d; background-image: -webkit-gradient(linear, left top, left bottom, from(#77021d), to(#3a000d));
 background-image: -webkit-linear-gradient(top, #77021d, #3a000d);
 background-image: -moz-linear-gradient(top, #77021d, #3a000d);
 background-image: -ms-linear-gradient(top, #77021d, #3a000d);
 background-image: -o-linear-gradient(top, #77021d, #3a000d);
 background-image: linear-gradient(to bottom, #77021d, #3a000d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#77021d, endColorstr=#3a000d);
}