
#popup_container {
font-size : 12px;
color : #333;
padding : 10px !important ;
}
#popup_title {
font-size : 14px;
font-weight : bold;
text-align : center;
line-height : 1.75em;
color : #333;
background : url(/images/title.gif) top repeat-x #ccc;
border : 1px solid #fff;
border-bottom : 1px solid #666;
cursor : default;
padding : 0;
margin : 0;
}
#popup_message {
text-align : center;
line-height : 24px;
margin-bottom : 10px;
}
#popup_panel {
margin-top : 10px;
text-align : center;
}
#popup_prompt {
margin : 0.5em 0;
}
#pbox {
border : 10px solid #000000;
background: #243321;
}

#popup_container {
width : 300px;
background: #2A3D27;
min-height : 160px;
}
#popup_content {
border : 10px solid #000000;
padding : 20px;
background : #ffffff;
margin : 0 auto;
width : 260px;
min-height : 120px;
}

div#popup_content.confirm div#popup_message {
background: #FFFFFF;
}
div#popup_content.confirm div#popup_panel {
background: #FFFFFF;   
}
div#popup_content.confirm {
background: #FFFFFF;
}
#flortpopup_content {
width : 80%;
margin : 0 auto;
}
div#popup_container div#popup_content.confirm {
max-width : 200px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {


}

@media only screen and (max-width: 767px) {

#popup_content, #popup_container {
max-width : 300px;
margin : 0 auto;
text-align : center;
} 

}

@media only screen and (max-width: 479px) {
    
#popup_content, #popup_container {
max-width : 220px;
margin : 0 auto;
text-align : center;
} 
#popup_content {
float : left;
margin : 0 auto;
}
#popup_panel {
margin : 0px auto;
text-align : center;
}

}
