/*
 * 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: 5px 10px;font-family: Verdana;font-weight: bold;border: 1px outset #F0F0F0;background: url("/catertrax_images/cat_bkg2.jpg");cursor:pointer;}


/*CSS for the upload dropzone modal*/
#upload-overlay {background-color:#000; border:2px solid #707070;}
#updateFileName-container {font: 16px/20px 'Open Sans', 'Trebuchet MS', Verdana, Arial; border:2px solid #707070; text-align:left; height:160px; width:350px; padding:10px; background-color:#FFF}
#upload-container {font: 16px/20px 'Open Sans', 'Trebuchet MS', Verdana, Arial; border:2px solid #707070; text-align:left; height:290px; width:350px; padding:10px; background-color:#FFF}
#upload-container .dropzone {background-color:#EFEFEF; border: 1px solid #5E5E5F; margin-top:15px; margin-bottom:10px;}
#upload-container .dzMessageDetails {color: #000; font-size:12px; line-height:18px; padding-top:10px;}



#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;
}

/*****************************/
/*****************************/
/*SMG Nutrition Container CSS*/
/*****************************/
/*****************************/

   #nutritionContainer{
	   z-index:100;
      position:fixed;
      width:310px;
      left:50%;
      margin-left:-155px;
      border:2px solid #000;
      padding:0px 7px 0px 7px;
      background:#FFF;
      font-size:0.8em;
      font-family:Arial,Helvetica,sans-serif;
      -moz-box-shadow:#000 0px 0px 5px;
      -webkit-box-shadow:#000 0px 0px 5px;
	  box-shadow:#000 0px 0px 5px;
	  line-height: normal;
   }
   #nutritionContainer table{border-spacing:0;}
   #nutritionContainer .closeBtn{float:right;margin:3px 3px 0 0;border:none;padding:5px 5px 0 0;font-size:2em !important;background:transparent;font-weight:bold;color:#555}
   #nutritionContainer .closeBtn:hover{color:#f00}
   #nutritionContainer .nutHeader2{font-size:2.8em;margin:0px;color:#000;font-weight: 600;}
   #nutritionContainer .nutHeader3{font-size:1em;margin:0 0 3px 0;color:#000;font-weight: 600;}
   #nutritionContainer table,#nutritionContainer tr,#nutritionContainer td,#nutritionContainer th{padding:0px;margin:0px;border:none}
   #nutritionContainer table{width:100%}
   #nutritionContainer td{padding:3px 0px; border-bottom: 1px solid #777}
   #nutritionContainer .nutBreak{border-top:13px solid #555;}
   #nutritionContainer .nutSmallBreak{border-top:5px solid #555;}
   #nutritionContainer td.nutminibreak{border-bottom:5px solid #555; padding-top:0px; padding-bottom:5px;}
   #nutritionContainer .nutCal{color:#000; font-size:2.7em; font-weight:600;vertical-align: bottom;}
   #nutritionContainer .nutAmtPerServing{padding-bottom: 0px;padding-top:7px;border-bottom:none;font-weight:600;font-size:11px;}
   #nutritionContainer .nutDailyValue{text-align:right; font-size:11px; font-weight:900;}
   #nutritionContainer .nutNutrientCategory{font-weight:900;padding-right:10px;}
   #nutritionContainer .nutNutrientSubCategory{padding-left:10px;padding-right:5px;}
   #nutritionContainer .nutNutrientValue{font-weight:900;float:right;}
   #nutritionContainer .nuDesc{margin:5px 10px;font-size:0.95em}
   #nutritionContainer .nutAllergy{padding:5px 0 5px 7px;font-size:11px;}
   #nutritionContainer .nutDailyExplanation{padding:3px 0 3px 7px;font-size:11px;}
   #nutritionContainer .nutThickGreyBorder{border-bottom: 2px solid #bbb;}
   #nutClickOff{position:fixed;right:0px;bottom:0px;width:100%;height:100%;background:#FFF;background:rgba(255,255,255,0.8)}

/*****************************/
/*****************************/
/*End Nutrition Container CSS*/
/*****************************/
/*****************************/