#container {margin:0 auto; padding-top:20px; width:800px;}
#content {border-bottom:1px dotted #999; border-top:1px dotted #999; padding:20px 0;}
#footer {clear:left; color:#888; margin:20px 0;}
#footer a:link, #footer a:visited {color:#888; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}

#confirm-overlay {opacity: 0.5;
height: 100%;
width: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;}

#confirm-containers {
position: fixed;
z-index: 9999;
height: auto;
width: 35%;
left: 32%;
top: 20%;}

div#popup .popgrid {display:none;}

div#showbg {width: 100%;
height: 100%;
z-index: 9999;
top: 0;position: fixed;
background: url(../img/showbg.png);left: 0;}

#confirm-containers .message form p  {text-align: left;
margin: 0px 0px 10px 0px;}
#confirm-containers .message form p label {display: block;
width: 100%;}
#confirm-containers .message form p input {margin: 0;
width: 50%;}

.popup_view li {
list-style-type: none;
}

@media only screen and (min-width: 950px) and (max-width: 1199px) {div#confirm-containers {}	}
@media only screen and (min-width: 768px) and (max-width: 979px)  {div#confirm-containers ul.popup_view li {width: 82%;} div#confirm-containers ul.popup_view li#yes {float: left;
list-style-type: none;
width: 82%;
margin-left: 20px;
margin-top: 5px;}	}
@media only screen and (min-width: 480px) and (max-width: 767px)  {div#confirm-containers {}     }
@media only screen and (max-width: 867px) {div#confirm-containers ul.popup_view li {text-align: center;margin: 6%!important;width: 82%!important;} div#confirm-containers ul.popup_view li#yes {float: left!important;
width: 82%!important;
margin-left: 20px!important;
margin-top: 5px!important;margin: 6%!important;}
#confirm-containers .message p {margin-bottom: 5%!important;
padding-bottom: 5%!important;text-align: center;}
}