#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 630px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(/images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/images/info.gif);
}

#popup_content.confirm {
	background-image: url(/images/important.gif);
}

#popup_content.prompt {
	background-image: url(/images/help.gif);
}

#popup_message {
	padding-left: 48px;
	line-height: 15px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}






















/**************************************************************************/
/************ THE CUSTOM CSS for jAlert, jConfirm function ****************/
/**************************************************************************/
/* Change background color + ignore border */
#popup_container,
.dlgGeneralDialogGUI
{
	background: rgb(196,196,195) !important;
	border: none !important;
	color: rgb(37,54,66) !important; /* Text color : light-black (37/54/66) */
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	border-radius: 7px !important;
	
	/* NO SHADOW */
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Hide border + decrease height */
#popup_title {
	color: transparent !important;
	background: transparent !important;
	border: none !important;
	cursor: default;
	visibility: hidden !important;
	line-height: 1em !important;
}

#popup_ok,
#popup_custom,
#popup_custom_2,
#popup_cancel,
.btnOKGeneralDialog,
.btnCancelGeneralDialog
 {
	border: none !important;	
    background: rgb(228,84,36); /* orange (228,84,36) */
    color: rgb(255,255,255) !important; /* White */
    padding-top: 3px !important;
    padding-bottom: 4px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    cursor: pointer;
    font-size: 12px !important;
    
    /* Fix bug 0024311: iOS - Color of Ok button on mydoforms interview is not good */
    -webkit-appearance: none !important;
    
    /* Fix bug 0024309: Android - Layout of button in popup is not exactly */
    -moz-border-radius: 0px; /* Firefox */
	-webkit-border-radius: 0px; /* Safari, Chrome */
	-khtml-border-radius: 0px; /* KHTML */
	border-radius: 0px; /* CSS3 */
	outline: none; /* Remove unneeded outline border */
	
}
 #popup_panel #popup_custom
,#popup_panel #popup_custom_2  {
	margin-left: 5px;
}
#popup_cancel,
.btnCancelGeneralDialog
{
	background: rgb(20,103,147); /* light-blue (20,103,147) */
	margin-left: 5px !important;
}

#popup_content {
	background: transparent !important;	
	padding-bottom: 1.5em !important;
}

#popup_content.alert {
	background-image: transparent !important;
}

#popup_content.confirm {
	background-image: transparent !important;
}

#popup_content.prompt {
	background-image: transparent !important;
}

#popup_message {
	/*font-size: 14px !important;*/
	padding: 0px !important;
	padding-bottom: 0.5em !important;
	text-align: center !important;
}
/* Additional center message */
.messageGeneralDialog {
	text-align: center !important;
}
