/*
 * 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
 */

/*CSS for the .ics modal*/
/* Overlay */
[id^='SyncCalendar']{cursor:pointer;}
#contact-overlay {background-color:white;border:2px solid #333;}
/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; border:2px solid black; text-align:left; height:320px; width:275px; padding:5px; background-color:white}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}    
#contact-container form {margin:0; padding:0;}
#contact-container textarea {height:130px;font-family:Arial;font-size:14px;overflow:auto;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}
#contact-container td {text-align: center;}
#contact-container .error {color:red;}
#contact-container .ccMailBlack {color:black;}
#contact-container  td[id^='errMsg']  {font-family:Arial;font-size:12px;color:red;height:25px;}
#contact-container  span[id^='Sendmail'] {color: #000000;padding: 2px;font-family: Verdana;font-weight: bold;border: 1px outset #F0F0F0;background: url("/catertrax_images/cat_bkg2.jpg");cursor:pointer;}

#confirm {display:none;}

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

/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(/Catertrax_Images/simplemodal/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px; height:40px;}
#confirm-container .simplemodalbuttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .simplemodalbuttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(/Catertrax_Images/simplemodal/button.gif) repeat-x; border:1px solid #bbb; 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;}

/*==========  Basic Error Alert Modal  ==========*/
/*#basic-modal-content { display:none; }*/

#simplemodal-overlay {
	background-color: #000;
	opacity: 1;
	z-index: 999;
}

/* Container */
#simplemodal-container {
	background-color:#fff;
	color: #ff0000;
	font-family: 'Verdana', sans-serif;
	font-size: 10pt;
	font-weight: bold; 
	text-align: center;
	width:340px;
	height: auto;
	padding:12px;
	border:4px solid #ff0000; 
	*zoom: 1; /* old IE clearfix helper */
}

#simplemodal-container .pdproductdetail {
	text-align: left;
}

/* Container Clearfix */
#simplemodal-container:before,
#simplemodal-container:after {
	content: ' ';
	display: table;
}

#simplemodal-container .simplemodal-data { padding:8px; }

#simplemodal-container h3 { color:#ff0000; margin-top: 0; }

#simplemodal-container .message {
	font-family: 'Verdana', sans-serif;
}

#simplemodal-container .modalCloseImg.simplemodal-close { display: none; } /* We are not using the close image */

#simplemodal-container a.simplemodal-close { /* Cross-browser compatible CSS3 "close" button */
	background-color: #aaa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#dddddd');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #aaa, #ddd); 
	background-image:    -moz-linear-gradient(top, #aaa, #ddd);
	background-image:      -o-linear-gradient(top, #aaa, #ddd); 
	background-image:         linear-gradient(to bottom, #aaa, #ddd);
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	/*width: 60px;*/
	padding: 3px 5px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 0 auto;
	display: inline;
	display: inline-block; 	/* Give this to the browsers that can handle it */
	*zoom: 1;				/* Fix inline block support for IE7 */
}

#simplemodal-container a.simplemodal-close:hover {
	color: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: -webkit-linear-gradient(top, #ddd, #aaa); 
	background-image:    -moz-linear-gradient(top, #ddd, #aaa);
	background-image:      -o-linear-gradient(top, #ddd, #aaa); 
	background-image:         linear-gradient(to bottom, #ddd, #aaa);
}

#simplemodal-container a.simplemodal-close:active {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#dddddd');
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #aaa, #ddd); 
	background-image:    -moz-linear-gradient(top, #aaa, #ddd);
	background-image:      -o-linear-gradient(top, #aaa, #ddd); 
	background-image:         linear-gradient(to bottom, #aaa, #ddd);
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	position: relative;
	top: 1px;
}