#popup_container {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* 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/JAlert/sprite.png) 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.png);
	padding: 1em 1.75em;
	margin: 0em;
}

.Customer#popup_container #popup_content.info 
{
    color: #00529B;
    background-color: #BDE5F8;    
	background:transparent url(../../Images/info.png) no-repeat scroll 10px 15%;
}

.Customer#popup_container #popup_content.success 
{
    clear:both;	
    background:transparent url(../../Images/JAlert/savesuccess.png) no-repeat scroll 16px 16% ;
}

.Customer#popup_container #popup_content.warning
{
    clear:both;	
    background:transparent url(../../Images/alert-icon.png) no-repeat scroll 16px 20%;
}

.Customer#popup_container #popup_content.error 
{
    /*color: #D8000C;*/
    clear:both;
    background:transparent url(../../Images/alert-icon.png) no-repeat scroll 16px 20%;
   
}

.Customer#popup_container #popup_content.confirm 
{        
    clear:both;
    background:transparent url(../../Images/info.png) no-repeat scroll 10px 15%;

}

.Customer#popup_container #popup_content.prompt 
{ 
	background-image: url(../../Images/JAlert/Quesetion.png);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


.Customer#popup_container
{
	border-bottom-color: #999999;
	border-top-color: #999999;
	font-size: 13px;
	font-family: Verdana,Arial,Tahoma,Helvetica, sans-serif;
	background: #FFFFFF;
	color: #000000;
	border-right-color: #999999;
	border-left-color: #999999;
	border-width:3px;
}
.Customer#popup_container #popup_title
{
	text-align: left;
	padding-left: 1em;
	background: #f4f4f4;
	color: #000000;
	font-weight: normal;
	border:0;
	border-style:none;
	font-size:17px;
	font-weight:bold;
}
.Customer#popup_container #popup_content
{
	clear:both;
	background:transparent url(../../Images/alert-icon.png) no-repeat scroll 16px 20%;
	margin:0em;
	padding:1em 1.75em;
}
.Customer#popup_container #popup_message
{
	padding-left: 35px;
}
.Customer#popup_container .expandable_button
{
    position: relative;
    top: 0px;
    left: 2px; /* width of left part (:before) */
    overflow: visible; /* this make the :before and :after in position:absolute to appear */
    background: url(../../Images/Button_middle.png);
    height: 31px;
    padding: 0 19px 0 19px;
    color:white;
    font-size:13px;
    font-family: Verdana, Arial, sans-serif;
    border: 0;
    cursor: pointer;
}


.Customer#popup_container .expandable_button:before,
.Customer#popup_container .expandable_button:after 
{
    content: "";
    background: url(../../Images/Button_left.png);
    width: 2px;
    height: 31px;
    position: absolute;
    left: -2px; /* Same as width */
    top: 0px;
}



.Customer#popup_container .expandable_button:after 
{
    background: url(../../Images/Button_right.png);
    width: 2px;
    left: auto;
    right: -2px; /* Same as width */
}

.Customer#popup_container .expandable_button:hover,
.Customer#popup_container .expandable_button:hover:before,
.Customer#popup_container .expandable_button:hover:after 
{
    background-position: 0 31px;
}