#js_popup_container {
	min-width: 460px; /* Dialog will be no smaller than this */
	max-width: 700px; /* Dialog will wrap after this width */
	background: #fff;
	border: solid 5px #fff;
	color: #000;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
  outline:0;
  -webkit-box-shadow: 0px 0px 15px #3d3d3d;
  -moz-box-shadow: 0px 0px 15px #3d3d3d;
  box-shadow: 0px 0px 15px #3d3d3d;
}
#js_popup_title {
	color:#333;
	font-weight:bold;
  text-transform:uppercase;
	font-size:14px;
	margin:0px 0px 14px 0px;
	padding:0px;
	border: #ddd solid;
	border-width:0px 0px 1px 0px;
	padding-bottom:5px;
	cursor: default;
}
#js_popup_content {
  position:relative;
}
#js_popup_message {
  background:#fff;
  padding: 0 0 0 50px;
}
/* Info */
#js_popup_content:before {
  font-family: FontAwesome;
  content: '\f05a';
  font-size: 40px;
  position:absolute;
  top:10px;
  left:0px;
  color:#2d65cb;
}
#js_popup_content.alert:before {
  font-family: FontAwesome;
  content: '\f05a';
  font-size: 40px;
  position:absolute;
  top:10px;
  left:0px;
  color:#2d65cb;
}
/* Question */
#js_popup_content.confirm:before {
  font-family: FontAwesome;
  content: '\f059';
  font-size: 40px;
  position:absolute;
  top:10px;
  left:0px;
  color:#2d65cb;
}
#js_popup_content.prompt:before {
  font-family: FontAwesome;
  content: '\f059';
  font-size: 40px;
  position:absolute;
  top:10px;
  left:0px;
  color:#2d65cb;
}
/* Allert Error */
#js_popup_content.alert_error:before {
  font-family: FontAwesome;
  content: '\f071';
  font-size: 40px;
  position:absolute;
  top:15px;
  left:0px;
  color:#ba0f0f;
}
#js_popup_panel {
  border-top: 1px solid #ddd;
	text-align: center;
  padding: 15px 0 5px 0;
	margin: 20px 0 0 0;
}
#js_popup_panel input[type=button]{
  cursor: pointer;
  text-align:center;
  padding: 8px 20px;
  font-size:14px;
  line-height:18px;
  font-weight:bold;
  text-transform:uppercase;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space:nowrap;
  text-decoration:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #ccc;
	text-decoration:none;
	background-color:#eee;
	color:#666;
	display:inline-block;
  outline:none;
}
#js_popup_panel input[type=button]:hover{
	background-color:#eee;
	border:1px solid #aaa;
  color:#222;
  text-decoration:none !important;
}

@media screen and (max-width: 600px) {
  #js_popup_container { min-width: 94% !important; max-width: 94% !important; }
}
