/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 254 2010-07-23 05:14:44Z emartin24 $
 */


#confirm-dialog {display:none;}
#info-dialog {display:none;}
#error-dialog {display:none;}

/* Overlay */
#confirm-overlay {background-color:#D3EEFF; cursor:wait;}
#info-overlay {background-color:#D3EEFF; cursor:wait;}
#error-overlay {background-color:#D3EEFF; cursor:wait;}

/* Container */
#confirm-container {height:130px; overflow: visible; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#DDEEF6; border:8px solid #88bbd4;}
#confirm-container .header {height:22px; line-height:22px; width:100%; background: #88bbd4; color:#fff; font-weight:bold; padding: 0px;}
#confirm-container .header span { text-shadow: #33708C -1px -1px 0px; }
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;}
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; cursor:pointer;}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

#info-container {  height:130px; overflow: visible; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#DDEEF6; border:8px solid #88bbd4;}
#info-container .header {height:22px; line-height:22px; width:100%; background: #88bbd4; color:#fff; font-weight:bold; padding: 0px;}
#info-container .header span { text-shadow: #33708C -1px -1px 0px; }
#info-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#info-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;}
#info-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; cursor:pointer;}
#info-container a.modal-close,
#info-container a.modal-close:link,
#info-container a.modal-close:active,
#info-container a.modal-close:visited { text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;	}
#info-container a.modal-close:hover {color:#ccc;}

#error-container {height:130px; overflow: visible;  width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#FED5D7; border:8px solid #FC575E;}
#error-container .header {height:22px; line-height:22px; width:100%; background: #FC575E; color:#fff; font-weight:bold; padding: 0px;}
#error-container .header span { text-shadow: #A0030B -1px -1px 0px; }
#error-container .message {color:#944; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#error-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;}
#error-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; cursor:pointer;}
#error-container a.modal-close,
#error-container a.modal-close:link,
#error-container a.modal-close:active,
#error-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#error-container a.modal-close:hover {color:#ccc;}


.simplemodal-container {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),  0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.simplemodal-container .buttons div {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	text-align: center;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#222) ) !important;
	background-image: -moz-linear-gradient(0% 100% 90deg, #222, #555) !important;
	border: 1px solid #2A2A2A;
	background-color: #2A2A2A;
	text-shadow: -1px -1px 0 #1A1A1A;
	color: #F0F0F0;
	cursor: pointer;
}