/*
 * SimpleModal Confirm Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#confirm {padding: 0;
margin: 0;
border: 0;
height: 0px;
width: 0;
background: none;}

/* Overlay */
#confirm-overlay {background-color:#eee;}

/* Container */
#confirm-containers {
background: rgba(0,0,0,.3);
}
#confirm-containers .header {
height: 54px;
background-color: #e1e1e1;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 58px;
color: #444444;
text-shadow: 0px 1px 0px #fff;}
#confirm-containers .header span {padding-left:8px;}

#confirm-containers .message {
	padding: 10px 20px 15px;
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #ffffff;
}
#confirm-containers .message img {max-width: 280px; margin: 0px 0 15px;}

#confirm-containers .message h4 {
	color: #000000;
	letter-spacing: 0;
	padding: 0 !important;
	line-height: 24px;
}

#confirm-containers .message .ageconfirm {margin-top: 15px; display: inline-block; width: 100%;}
#confirm-containers .message .ageconfirm li {font-weight: bold;}
#confirm-containers .message .ageconfirm .left {float: left; width: 50%;}
#confirm-containers .message .ageconfirm .right {float: right; width: 50%;}

#confirm-containers .message p {
font-size: 13px;
font-weight: normal;
text-align: center;
line-height: 18px;
color: #000000;
width: 100%;
float: left;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

#confirm-containers .message ul {
    display: inline-block;
    width: 100%;
}

div#confirm-containers ul.popup_view li.yes {float: right; margin: 0px 20px 0 0px;}

#confirm-containers .buttons {display: inline-block; width: 87%; margin-top: 5px;} 
#confirm-containers .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-containers a.modal-close,
#confirm-containers a.modal-close:link,
#confirm-containers a.modal-close:active,
#confirm-containers a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-containers a.modal-close:hover {color:#ccc;}

div#confirm-containers ul.popup_view li {
padding: 5px 40px;
background-color: #9dc435; 
margin: 0 5px 0 10px;
width: auto;
height: 33px;
font-size: 13px;
font-weight: bold;
line-height: 25px;
color: #fff;
float: left;
}

div#confirm-containers ul.popup_view li#yes {list-style-type: none;
background-color: #c41617;
margin: 0 10px 0 5px;
width: auto;
height: 33px;
font-size: 13px;
font-weight: bold;
line-height: 25px;
color: #fff;
float: right;
}


div#confirm-containers ul.popup_view li img {
float: left;
width: 33px;
height: 33px;
}

div#confirm-containers ul.popup_view li.current {}

div#confirm-containers ul.popup_view li:hover {cursor: pointer;}

#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%;
	left: 0;
	height: 100%;
	z-index: 9999;
	top: 0;position: fixed;
	background: rgba(0,0,0,0.8);
}

.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) {
	#confirm-containers .message p {text-align: center;}
}

@media (max-width: 1120px) {
	div#confirm-containers ul.popup_view li, div#confirm-containers ul.popup_view li#yes {width: 100%; float: none; margin:0 0 10px;}
}

@media only screen and (max-width: 767px) {
	#confirm-containers {width: 90%; left: 5%; top: 5%;}
	.message h2 {display: none;}
	#confirm-containers .message h4 {padding: 0;}
}