@charset "utf-8";

#popup_container {
	font-family: "Noto Sans Thai", 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:1.50em; 
	font-family: "Noto Sans Thai", serif;
	text-shadow: 1px 1px 1px #333;
	font-weight: normal;
	text-align: left;
	text-indent:10px;
	line-height:36px;
	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;
}

#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_prompt { margin: .5em 0em; border:1px solid #333; }


.button_example{
	 font-family: "Noto Sans Thai", serif;
border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px; padding:6px 10px 6px 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: "Noto Sans Thai", serif; 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); 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);
}