#confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url('../images/bg.gif'); background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) repeat-x rgba(0,0,0,0.5); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))) repeat-x rgba(0,0,0,0.5); z-index:100000; } #confirmBox{ background: #222; width:460px; position:fixed; left:50%; top:50%; margin:-130px 0 0 -230px; border: 1px solid #111; border-radius: 10px; } #confirmBox h1, #confirmBox p{ font:20px/1 "Open Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; padding: 12px 12px; text-shadow:0 1px rgba(0,0,0,0.8); color:#fff; } #confirmBox h1{ background-image: -moz-linear-gradient(#297ab8, #15528f) !important; background-image: linear-gradient(#297ab8, #15528f) !important; background-image: -webkit-linear-gradient(#297ab8, #15528f) !important; background-image: -o-linear-gradient(#297ab8, #15528f) !important; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#297ab8, endColorstr=#15528f) !important; -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#297ab8, endColorstr=#15528f) !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #111; letter-spacing:0.3px; color:#fff; } #confirmBox p{ background:none; font-size:14px; line-height:1.4; padding-top: 20px; } #confirmButtons{ padding:20px 0 20px; text-align:center; } #confirmBox .button{ font:16px/33px "Open Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin-right: 15px; padding: 0 40px 0 40px; text-decoration:none; border:none; display: inline-block; color:#fff; text-align:center; text-shadow:0 1px rgba(0,0,0,0.8); background-clip:padding-box; border:1px solid #111; border-radius:3px; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25)); background-image:-moz-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25)); background-image:-o-linear-gradient(top, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25)); background-image:linear-gradient(to bottom, rgba(255,255,255,0.08),rgba(255,255,255,0) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0.25)); -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15); box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px 3px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.15); } #confirmBox .button:last-child{ margin-right:0; } #confirmBox .green { background-color: #3F7636; } #confirmBox .green:hover { background-color: #48873E; } #confirmBox .red { background-color: #8D2D2B; } #confirmBox .red:hover { background-color: #A13331; }